/**

* @author    JoomlaShine.com http://www.joomlashine.com

* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.

* @license   JoomlaShine.com Proprietary License

*/

/* ============================== DEFAULT HTML ============================== */

/* =============== DEFAULT HTML - GENERAL STYLES =============== */

html, body {

  line-height: 1.5;

  margin: 0;

  padding: 0;

}

/* =============== DEFAULT HTML - TEXT STYLES =============== */

p, pre, blockquote, form, dl, ul, ol, fieldset, address, table {

  padding: 0;

  margin: 10px 0;

}

p:first-child,

blockquote:first-child,

form:first-child,

dl:first-child,

ul:first-child,

ol:first-child,

fieldset:first-child,

address:first-child,

table:first-child {

  margin-top: 5px;

}

p:last-child,

blockquote:last-child,

form:last-child,

dl:last-child,

ul:last-child,

ol:last-child,

fieldset:last-child,

address:last-child,

table:last-child {

  margin-bottom: 5px;

}

fieldset {

  padding: 0;

    border: 0 none;

    margin: 0;

}

small {

  font-size: .85em;

}

sup {

  bottom: 0.3em;

  font-size: .8em;

  position: relative;

  vertical-align: baseline;

}

sup em {

  color: red;

}

acronym, abbr {

  cursor: help;

  letter-spacing: 1px;

  border-bottom: 1px dashed;

}

pre {

  padding: 1em;

  background: #FFFFD5;

  border: none;

  border-left: 5px solid #555;

  font-family: "Courier New",Courier,monospace;

}

blockquote {

  color: #404040;

  border: none;

  min-height: 45px;

  font-style: italic;

  padding: 2px 0 5px 60px;

  background: #EEE url(../images/icons/icon-text-blockquote.png) left top no-repeat;

}

blockquote p {

  font-size: 1em;

  line-height: inherit;

}

/* =============== DEFAULT HTML - HEADING STYLES =============== */

h1 {

  font-size: 1.6em;

}

h2 {

  font-size: 1.4em;

  line-height: inherit;

}

h3 {

  color: #cc0000;

  font-size: 1.2em;

}

h4 {

  color: #D59500;

  font-size: 1.2em;

}

h5, h6 {

  font-size: 1.1em;

  font-weight: bold;

}

h5 {

  color: #5A8406;

}

h6 {

  color: #663300;

}

h1, h2, h3, h4, h5, h6 {

  margin: 0.5em 0;

  font-weight: normal;

}

/* =============== DEFAULT HTML - LINK STYLES =============== */

a {

  outline: none;

  text-decoration: none;

}

a:hover, a:active {

  text-decoration: none;

}

a img {

  border: none;

}

/* =============== DEFAULT HTML - LIST STYLES =============== */

ul li {

  padding: 0;

  list-style: none;

}

ol li {

  padding: 0;

  margin: 0.3em 0 0.3em 2em;

}

/* ============================== LAYOUT ============================== */

/* =============== LAYOUT - GENERAL LAYOUT =============== */

.clearafter:after {

  height: 0;

  clear: both;

  content: ".";

  display: block;

  visibility: hidden;

}

.clearbreak {

  clear: both;

}

div.jsn-modulecontainer {

  margin-top: 20px;

}

div.jsn-modulecontainer div.jsn-modulecontainer_inner {

  position: relative;

}

div.jsn-modulecontainer:first-child,

div.jsn-horizontallayout div.jsn-modulecontainer {

  margin-top: 0;

}

div.jsn-modulecontainer.display-desktop {

  display: block;

}

div.jsn-modulecontainer.display-mobile {

  display: none;

}

div.jsn-modulescontainer {

  padding: 5px 0;

}

div.jsn-modulescontainer div.jsn-modulecontainer_inner {

  margin: 10px;

}

div.jsn-modulescontainer2.jsn-horizontallayout div.jsn-modulecontainer {

  float: left;

  width: 49.95%;

}

div.jsn-modulescontainer3.jsn-horizontallayout div.jsn-modulecontainer {

  float: left;

  width: 33.3%;

}

div.jsn-modulescontainer4.jsn-horizontallayout div.jsn-modulecontainer {

  float: left;

  width: 24.975%;

}

div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer {

  float: left;

  width: 19.98%;

}

div.jsn-modulescontainer6.jsn-horizontallayout div.jsn-modulecontainer {

  float: left;

  width: 16.65%;

}

div.jsn-modulescontainer2 [id*="jsn-pos-user"],

div.jsn-modulescontainer2 #jsn-pos-footer,

div.jsn-modulescontainer2 #jsn-pos-bottom {

  float: left;

  width: 49.95%;

}

div.jsn-modulescontainer3 #jsn-pos-user5,

div.jsn-modulescontainer3 #jsn-pos-user6,

div.jsn-modulescontainer3 #jsn-pos-user7 {

  float: left;

  width: 33.3%;

}

/* =============== LAYOUT - OVERALL PAGE =============== */

#jsn-master {

  background: repeat-x fixed left top;

}

#jsn-page {

  color: #333;

  overflow: hidden;

}

#jsn-header-inner,

#jsn-menu-inner,

#jsn-body,

#jsn-usermodules3-inner,

#jsn-footer-inner {

  margin: 0 auto;

}

/* ----- STICKLEFT / STICKRIGHT ----- */

div[id*=jsn-pos-stick-] {

  position: fixed;

  z-index: 888888;

}

div[id*=jsn-pos-stick-left] {

  left: 0;

}

div[id*=jsn-pos-stick-right] {

  right: 0;

}

#jsn-pos-stick-leftmiddle,

#jsn-pos-stick-rightmiddle {

  visibility: hidden;

}

#jsn-pos-stick-leftbottom,

#jsn-pos-stick-rightbottom {

  bottom: 0;

}

/* =============== LAYOUT - HEADER AREA =============== */

#jsn-header {

  border-top: 5px solid #374A5F;

  margin-bottom: 20px;

  background: url(../images/header-pattern.png);

}

#jsn-header-inner {

  padding: 0px 0;

  margin-bottom: 0px;

}

#jsn-logo {

  float: left;

}

#jsn-logo a {

  line-height: 100%;

  display: inline-block;

}

#jsn-logo #jsn-logo-mobile {

  display: none;

}

#jsn-logo .jsn-topheading {

  display: none;

}

#jsn-headerright #jsn-pos-top {

  float: right;

}

#jsn-pos-top form {

  margin: 0;

}

#jsn-pos-top div.jsn-modulecontainer {

  float: left;

  margin: 0 0 0 20px;

}

#jsn-pos-top div.jsn-modulecontainer:first-child {

  margin-left: 0;

}

/* =============== LAYOUT - MENU AREA =============== */

#jsn-menu {

  z-index: 900;

  color: #f2f2f2;

  position: relative;

  background: url(../images/header-pattern.png);

}

#jsn-menu-inner {

  background: url(../images/mainnav-bg.png) left top repeat-x;

  position: relative;

}

#jsn-pos-mainmenu {

  float: left;

  margin: 0;

}

#jsn-pos-toolbar {

  float: right;

}

#jsn-pos-toolbar div.jsn-modulecontainer {

  float: right;

  margin-left: 10px;

}

/* =============== MENU SUFFIX =============== */

#jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer {

  float: left;

  margin-left: 10px;

}

#jsn-pos-toolbar form {

  margin: 0;

}

#jsn-menu div.display-inline.jsn-modulecontainer {

  margin: 5px 10px 0;

}

#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {

  visibility: hidden;

  overflow: hidden;

  position: absolute;

  top: 50px;

  right: 0;

  z-index: 200;

  background: url("../images/header-pattern.png") repeat;

  padding: 10px;

  min-width: 220px;

  border-top: 1px solid #ffffff;

}

#jsn-menu div.display-dropdown.jsn-modulecontainer a,

#jsn-menu div.display-inline.jsn-modulecontainer a {

  color: #555555;

  text-decoration: underline;

}

#jsn-menu div.display-dropdown.jsn-modulecontainer a:hover,

#jsn-menu div.display-inline.jsn-modulecontainer a:hover {

  color: #FFF;

  text-decoration: none;

}

#jsn-menu #jsn-pos-mainmenu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {

  left: 0;

}

#jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner {

  position: relative;

}

#jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle {

  color: #555555;

  text-shadow: none;

  padding: 0;

  cursor: pointer;

  border-top: 1px solid #C9C9C9;

}

#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span {

  padding: 15px;

  line-height: 20px;

}

#jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover .jsn-modulecontent {

  visibility: visible;

}

#jsn-menu div.display-dropdown.menu-richmenu.jsn-modulecontainer .jsn-modulecontent {

  top: 76px;

}

#jsn-menu div.display-dropdown.menu-richmenu.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span {

  padding: 11px 11px 46px;

}

/* =============== MENU - TOOLBAR POSITION =============== */

#jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul {

  right: 0;

}

#jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {

    background-image: url("../images/icons/icon-arrow-white-rtl.png");

    background-position: 2% center;

    background-repeat: no-repeat;

    padding-left: 16px;

    padding-right: 12px;

}

#jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a {

    text-align: right;

}

/* =============== LAYOUT - CONTENT TOP AREA =============== */

#jsn-content-top {

  z-index: 88;

  position: relative;

}

#jsn-content-top #jsn-promo,

#jsn-promo #jsn-pos-promo,

#jsn-promo #jsn-pos-promo-left,

#jsn-promo #jsn-pos-promo-right {

  position: relative;

}

#jsn-pos-promo-left div.jsn-modulecontainer,

#jsn-pos-promo-right div.jsn-modulecontainer {

  padding: 15px;

}

/* =============== LAYOUT - CONTENT AREA =============== */

#jsn-content,

#jsn-content_inner,

#jsn-content_inner1,

#jsn-content_inner2,

#jsn-content_inner3,

#jsn-content_inner4,

#jsn-content_inner5,

#jsn-content_inner6,

#jsn-content_inner7,

#jsn-maincontent,

#jsn-centercol,

#jsn-pos-innerleft,

#jsn-pos-innerright,

#jsn-leftsidecontent,

#jsn-rightsidecontent {

  position: relative;

}

#jsn-content {

  margin-top: 20px;

     background-color: #ffffff;

}

#jsn-leftsidecontent,

#jsn-rightsidecontent {

  z-index: 87;

}

#jsn-leftsidecontent_inner {

  padding: 0 15px 15px 0;

}

#jsn-rightsidecontent_inner {

  padding: 0 0 15px 15px;

}

#jsn-pos-innerleft_inner,

#jsn-pos-innerright_inner {

  padding: 0 15px 15px;

}

#jsn-centercol_inner {

  padding: 0;

}

#jsn-mainbody {

  padding: 1.2em;
     /* background-color: #ffffff; */

}

#jsn-pos-breadcrumbs,

#jsn-pos-user-top,

#jsn-usermodules1,

#jsn-pos-mainbody-top,

#jsn-pos-user-bottom,

#jsn-pos-banner,

#jsn-usermodules2,

#jsn-pos-mainbody-bottom {

  background-image: url(../images/dot.png);

  background-repeat: repeat-x;

}

#jsn-pos-breadcrumbs {

  padding: 5px 10px;

}

#jsn-pos-breadcrumbs,

#jsn-pos-user-top,

#jsn-usermodules1,

#jsn-pos-mainbody-top {

  background-position: left bottom;

}

#jsn-pos-user-bottom,

#jsn-pos-banner,

#jsn-usermodules2,

#jsn-pos-mainbody-bottom {

  background-position: left top;

}

#jsn-usermodules1_inner_grid2,

#jsn-usermodules2_inner_grid2 {

  width: 100%;

}

#jsn-pos-banner {

  margin: 0 auto;

  padding: 20px;

  text-align: center;

}

#jsn-gotoplink {

  color: #999;

  z-index: 999;

  padding: 8px 12px;

  display: block;

  background-color: #000;

  position: fixed;

  left: 50%;

  bottom: 0;

}

#jsn-gotoplink:hover {

  color: #e5e5e5;

  text-decoration: none;

  background-color: #222;

}

/* =============== BACKGROUND POSITION =============== */

#jsn-pos-background {

    margin: 0 auto;

    overflow: hidden;

    position: fixed;

    top: 0;

  text-align: center;

    width: 100%;

    z-index: -100;

}

#jsn-pos-background p {

  margin: 0;

}

#jsn-pos-background img {

  width: 100%;

}

/* =============== LAYOUT - CONTENT BOTTOM AREA =============== */

#jsn-content-bottom {

  z-index: 85;

  position: relative;

  margin-bottom: 30px;

}

#jsn-usermodules3 {

  background: #577FAA url(../images/gradient-footer-bg-wide.png) center top no-repeat;

  border-top: 5px solid #374A5F;

  color: #FFF;

  margin-top: 30px;

}

/* =============== LAYOUT - FOOTER AREA =============== */

#jsn-footer-inner1 {

  color: #DDD;

  font-size: 0.9em;

  background: #333 url(../images/footer-inner-bg-top.png) left top repeat-x;

  border-top: 1px solid #222;

}

#jsn-footermodules {

}

#jsn-pos-bottom {

  text-align: right;

}

/* ============================== TYPOGRAPHY ============================== */

/* =============== TYPOGRAPHY - GENERAL TYPOGRAPHY =============== */

.hd {

  display: none;

}

/* ----- PREDEFINED CONTENT ALIGN ----- */

.align-left {

  float: left;

}

.align-center {

  margin-left: auto;

  margin-right: auto;

}

.align-right {

  float: right;

}

.margin-left {

  margin-left: 1em;

  margin-right: 0;

}

.margin-right {

  margin-left: 0;

  margin-right: 1em;

}

.content-left {

  text-align: left;

}

.content-center {

  text-align: center;

}

.content-right {

  text-align: right;

}

/* =============== TYPOGRAPHY - CONTENT COLUMMNS =============== */

div.grid-layout2 div.grid-col {

  float: left;

  width: 49.95%;

}

div.grid-layout3 div.grid-col {

  float: left;

  width: 33.3%;

}

div.grid-layout4 div.grid-col {

  float: left;

  width: 24.96%;

}

div.grid-layout5 div.grid-col {

  float: left;

  width: 19.98%;

}

div.grid-layout6 div.grid-col {

  float: left;

  width: 16.65%;

}

div.grid-layout div.grid-col div.grid-col_inner {

  margin-right: 10px;

}

div.grid-layout div.grid-lastcol div.grid-col_inner {

  margin-right: 0;

}

/* =============== TYPOGRAPHY - TEXT STYLES =============== */

.text-box {

  padding: .8em;

  border: 1px solid #e5e5e5;

}

.text-box-highlight {

  padding: .8em;

  border: 1px solid transparent;

}

.text-box-highlight:hover {

  border-color: #d9d9d9;

  background-color: #f2f2f2;

}

.text-highlight {

  padding: .2em .5em;

  background: #FFFFAA;

}

.text-highlight.highlight-green {

  color: #fff;

  background: #48691b;

}

.text-highlight.highlight-light {

  color: #000;

  background: #e5e5e5;

}

.text-highlight.highlight-dark {

  color: #fff;

  background: #595959;

}

.text-dropcap p:first-child:first-letter,

p.text-dropcap:first-child:first-letter {

  color: #404040;

  font: 4em/.8em "Times New Roman", Times, serif;

  float: left;

}

.text-alert {

  border-top: 2px solid #FEABAB;

  border-bottom: 2px solid #FEABAB;

  background: #FFDFDF url(../images/icons/icon-text-alert.png) no-repeat;

}

.text-info {

  border-top: 2px solid #B7D2F2;

  border-bottom: 2px solid #B7D2F2;

  background: #DBE7F8 url(../images/icons/icon-text-info.png) no-repeat;

}

.text-download {

  border-top: 2px solid #DDEDBC;

  border-bottom: 2px solid #DDEDBC;

  background: #F2F9E5 url(../images/icons/icon-text-download.png) no-repeat;

}

.text-comment {

  border-top: 2px solid #FEEBAB;

  border-bottom: 2px solid #FEEBAB;

  background: #FEF8E1 url(../images/icons/icon-text-comment.png) no-repeat;

}

.text-tip {

  border-top: 2px solid #FEEBAB;

  border-bottom: 2px solid #FEEBAB;

  background: #FFFFD5 url(../images/icons/icon-text-tip.png) no-repeat;

}

.text-attachment {

  border-top: 2px solid #e5e5e5;

  border-bottom: 2px solid #e5e5e5;

  background: #f2f2f2 url(../images/icons/icon-text-attachment.png) no-repeat;

}

.text-video {

  border-top: 2px solid #e5e5e5;

  border-bottom: 2px solid #e5e5e5;

  background: #f2f2f2 url(../images/icons/icon-text-video.png) no-repeat;

}

.text-audio {

  border-top: 2px solid #e5e5e5;

  border-bottom: 2px solid #e5e5e5;

  background: #f2f2f2 url(../images/icons/icon-text-audio.png) no-repeat;

}

.text-tip,

.text-info,

.text-alert,

.text-audio,

.text-video,

.text-comment,

.text-download,

.text-attachment {

  background-position: left center;

  padding: 0.8em 0.8em 0.8em 5em;

  min-height: 20px;

}

.text-size-small {

  font-size: 0.9em;

}

.text-size-medium {

  font-size: 1em;

}

.text-size-large {

  font-size: 1.1em;

}

.text-size-xlarge {

  font-size: 1.2em;

}

.text-size-xxlarge {

  font-size: 1.3em;

}

hr.line-dots {

  border: none;

  padding: 0.5em 0;

  background: url(../images/dot.png) left center repeat-x;

}

hr.line-solid {}

/* =============== TYPOGRAPHY - LINK STYLES =============== */

/* ----- BUTTON LINK ----- */

.link-button {

  cursor: pointer;

  font-size: 1.1em;

  padding: 5px 12px;

  border: 1px solid;

  display: inline-block;

  border-color: #595959;

  text-decoration: none;

}

.link-button:hover {

  border-color: #000;

}

a.link-button:hover,

.link-button a:hover {

  text-decoration: none;

}

a.link-button,

.link-button a {

  font-weight: bold;

  color: #fff !important;

}

.link-button.button-light,

.link-button.button-light a {

  color: #333 !important;

  background-color: #EEE;

  border-color: #777;

}

.link-button.button-light:hover,

.link-button.button-light a:hover {

  background-color: #DDD;

}

.link-button.button-blue,

.link-button.button-blue a {

  background-color: #5d9cbd;

}

.link-button.button-blue:hover,

.link-button.button-blue a:hover {

  background-color: #3e7998;

}

.link-button.button-red,

.link-button.button-red a {

  background-color: #f44b23;

}

.link-button.button-red:hover,

.link-button.button-red a:hover {

  background-color: #c33f20;

}

.link-button.button-dark,

.link-button.button-dark a {

  background-color: #444;

  border: 1px solid #000;

}

.link-button.button-dark:hover,

.link-button.button-dark a:hover {

  background-color: #111;

}

.link-button.button-green,

.link-button.button-green a {

  background-color: #919939;

}

.link-button.button-green:hover,

.link-button.button-green a:hover {

  background-color: #787f2d;

}

.link-button .link-icon {

  margin: 3px 0;

  line-height: 18px;

}

/* ----- ICON LINK ----- */

.link-icon {

  display: inline-block;

  padding-left: 22px;

}

/* ----- EXTENDED LINK ----- */

.link-icon-ext {

  display: inline-block;

  padding-right: 22px;

  background: url(../images/icons/icons-ext.png) no-repeat right 0;

}

.link-icon-ext.jsn-icon-ext-aim {

  background-position: right 0;

}

.link-icon-ext.jsn-icon-ext-archive {

  background-position: right -86px;

}

.link-icon-ext.jsn-icon-ext-mobile {

  background-position: right -172px;

}

.link-icon-ext.jsn-icon-ext-css {

  background-position: right -258px;

}

.link-icon-ext.jsn-icon-ext-application {

  background-position: right -344px;

}

.link-icon-ext.jsn-icon-ext-doc {

  background-position: right -430px;

}

.link-icon-ext.jsn-icon-ext-feed {

  background-position: right -516px;

}

.link-icon-ext.jsn-icon-ext-movie {

  background-position: right -602px;

}

.link-icon-ext.jsn-icon-ext-flash {

  background-position: right -688px;

}

.link-icon-ext.jsn-icon-ext-calendar {

  background-position: right -774px;

}

.link-icon-ext.jsn-icon-ext-mail {

  background-position: right -860px;

}

.link-icon-ext.jsn-icon-ext-quicktime {

  background-position: right -946px;

}

.link-icon-ext.jsn-icon-ext-msn {

  background-position: right -1032px;

}

.link-icon-ext.jsn-icon-ext-music {

  background-position: right -1118px;

}

.link-icon-ext.jsn-icon-ext-pdf {

  background-position: right -1204px;

}

.link-icon-ext.jsn-icon-ext-powerpoint {

  background-position: right -1290px;

}

.link-icon-ext.jsn-icon-ext-skype {

  background-position: right -1376px;

}

.link-icon-ext.jsn-icon-ext-torrent {

  background-position: right -1462px;

}

.link-icon-ext.jsn-icon-ext-font {

  background-position: right -1548px;

}

.link-icon-ext.jsn-icon-ext-text {

  background-position: right -1634px;

}

.link-icon-ext.jsn-icon-ext-vcard {

  background-position: right -1720px;

}

.link-icon-ext.jsn-icon-ext-windowsmedia {

  background-position: right -1806px;

}

.link-icon-ext.jsn-icon-ext-xls {

  background-position: right -1892px;

}

.link-icon-ext.jsn-icon-ext-yahoo {

  background-position: right -1978px;

}

/* ----- ACTION LINK ----- */

.link-action {

  font-weight: bold;

  padding: 1px 2px;

  text-decoration: none;

}

.link-action:hover {

  color: #ffffff;

  text-decoration: none;

}

/* ----- HIGHLIGHT LINK ----- */

.link-highlight {

  color: #595959;

  font-weight: bold;

  display: block;

  padding: 5px;

  border: 1px solid transparent;

}

.link-highlight:hover {

  color: #000;

  border-color: #d9d9d9;

  text-decoration: none;

  background-color: #f2f2f2;

}

/* ----- TOOLTIPS LINK ----- */

a.link-tooltip {

  position: relative;

}

a.link-tooltip:hover {

  z-index: 25;

}

a.link-tooltip span {

  display: none;

  position: absolute;

  top: 10px;

  left: 10px;

}

a.link-tooltip:hover span {

  display: block;

}

/* =============== TYPOGRAPHY - TABLE STYLES =============== */

table.table-style {

  background: #ffffff;

  border-collapse: collapse;

  border-spacing: 0;

  color: #404040;

}

table.table-style caption {

  padding: 6px 0;

  text-transform: uppercase;

  text-align: center;

  font-size: 1.2em;

  font-weight: bold;

}

table.table-style td,

table.table-style th {

  padding: 10px;

  border-bottom: 1px solid #DEDEDE;

}

table.table-style th {

  text-align: left;

}

table.table-style .highlight {

  font-size: 14px;

  font-weight: bold;

  color: #fff;

}

table.table-style thead th {

  font-size: 1.1em;

  border-top: 6px solid #fff;

  color: #ffffff;

}

table.table-style thead th.highlight {

  border-top: none;

}

table.table-style tbody th,

table.table-style tbody td {

  vertical-align: top;

  text-align: left;

  border-right: 1px solid #DEDEDE;

  border-left: 1px solid #DEDEDE;

}

table.table-style tbody .highlight {

  background-color: #999;

}

table.table-style tbody tr.odd {

  background: #f2f2f2;

}

table.table-style tbody tr.odd .highlight {

  background-color: #7E7E7E;

}

table.table-style tbody tr:hover th,

table.table-style tbody tr:hover td {

  background: #E4E4E4;

}

table.table-style tbody tr:hover .highlight {

  background: #737373;

}

table.table-style tfoot {

  border: 1px solid #DEDEDE;

}

table.table-style tfoot th,

table.table-style tfoot td {

  border: none;

  padding: 4px 10px;

  background-color: #d9d9d9;

}

table.table-style tfoot td {

  text-align: right;

}

/* ----- COLOR HEADER TABLE ----- */

table.style-colorheader thead th.highlight {

  background-color: #484848;

}

/* ----- COLOR STRIPES TABLE ----- */

table.style-colorstripes {

  color: #fff;

}

table.style-colorstripes thead,

table.style-colorstripes tfoot {

  border: none;

}

table.style-colorstripes tbody .highlight {

  color: #333;

  border-bottom: none;

  border-top: 1px solid #fff;

}

/* ----- GREY STRIPES TABLE ----- */

table.style-greystripes thead th {

  background: #404040;

  border-right: 1px groove #999999;

}

/* =============== TYPOGRAPHY - LIST STYLES =============== */

/* ----- ARROW LIST ----- */

ul.list-arrow {

  list-style: none;

}

ul.list-arrow li {

  margin-left: 0;

  padding-left: 16px;

  position: relative;

  display: block;

}

ul.list-arrow li:after {

  content: '';

  height: 0;

  position: absolute;

  width: 0;

  border: 0.34em solid transparent;

  left: 5px;

  top: 4px;

}

ul.list-arrow.arrow-red li:after {

  border-left-color: #AE0000;

}

ul.list-arrow.arrow-blue li:after {

  border-left-color:#0060BF;

}

ul.list-arrow.arrow-green li:after {

  border-left-color: #3AA655;

}

/* ----- ICON LIST ----- */

ul.list-icon {

  list-style-type: none;

}

ul.list-icon li {

  margin: 5px 0;

  position: relative;

  padding-left: 20px;

}

ul.list-icon li .jsn-listbullet {

  top: 0;

  left: 0;

  width: 16px;

  height: 16px;

  position: absolute;

}

/* ----- BULLET NUMBER LIST ----- */

ul.list-number-bullet {

  list-style: none;

}

ul.list-number-bullet li {

  margin-left: 0;

  position: relative;

  padding: 6px 0 6px 36px;

}

ul.list-number-bullet li .jsn-listbullet {

  color: #fff;

  height: 24px;

  font-size: 14px;

  line-height: 24px;

  text-align: center;

  background: #333;

  margin: 4px;

  left: 0;

  top: -2px;

  width: 24px;

  display: block;

  font-weight: bold;

  position: absolute;

}

ul.list-number-bullet.bullet-blue li .jsn-listbullet {

  background-color: #5D9CBD;

}

ul.list-number-bullet.bullet-green li .jsn-listbullet {

  background-color: #B2BB54;

}

ul.list-number-bullet.bullet-grey li .jsn-listbullet {

  background-color: #777;

}

ul.list-number-bullet.bullet-orange li .jsn-listbullet {

  background-color: #E38957;

}

ul.list-number-bullet.bullet-red li .jsn-listbullet {

  background-color: #F44B23;

}

ul.list-number-bullet.bullet-violet li .jsn-listbullet {

  background-color: #a965a8;

}

/* ----- DIGIT NUMBER LIST ----- */

ul.list-number-digit {

  list-style: none;

}

ul.list-number-digit li {

  margin-left: 0;

  position: relative;

  padding: 8px 0 8px 42px;

}

ul.list-number-digit li .jsn-listbullet {

  top: 0;

  left: 0;

  width: 32px;

  display: block;

  font-size: 32px;

  line-height: 100%;

  text-align: right;

  position: absolute;

}

ul.list-number-digit.digit-blue li .jsn-listbullet {

  color: #009aca;

}

ul.list-number-digit.digit-green li .jsn-listbullet {

  color: #429e00;

}

ul.list-number-digit.digit-grey li .jsn-listbullet {

  color: #999999;

}

ul.list-number-digit.digit-orange li .jsn-listbullet {

  color: #e66000;

}

ul.list-number-digit.digit-red li .jsn-listbullet {

  color: #bf0000;

}

ul.list-number-digit.digit-violet li .jsn-listbullet {

  color: #9e0084;

}

/* ----- HORIZONTAL LIST ----- */

ul.list-horizontal {

  margin: 0;

  list-style: none;

}

ul.list-horizontal li {

  display: inline;

  margin: 0 .5em;

}

/* ----- NOBULLET LIST ----- */

ul.list-nobullet {

  margin: 0;

  list-style: none;

}

ul.list-nobullet li {

  margin-left: 0;

  padding-left: 0;

  list-style: none;

}

/* =============== TYPOGRAPHY - IMAGES STYLES =============== */

img.image-left {

  float: left;

  margin: 0.5em 1em 0.5em 0;

}

img.image-right {

  float: right;

  margin: 0.5em 0.5em 0.5em 1em;

}

img.image-border {

  padding: 3px;

  border: 1px solid #e5e5e5;

}

img.image-margin {

  margin: .5em;

}

/* ============================== MENU ============================== */

/* =============== MENU - GENERAL =============== */

/* ----- RICH MENU STYLE ----- */

.jsn-menutitle,

.jsn-menudescription {

  display: block;

}

.jsn-menutitle {

  text-transform: uppercase;

}

.jsn-menudescription {

  color: #666;

  font-size: 0.9em;

  font-weight: normal;

}

/* ----- ICONS MENU STYLE ----- */

.menu-iconmenu li[class*="jsn-icon-"] > a > span {

  padding-left: 24px;

  text-transform: uppercase;

}

.menu-iconmenu li[class*="jsn-icon-xmas-"] > a {

  padding: 8px 25px 7px 5px !important;

}

.menu-iconmenu li[class*="jsn-icon-xmas-"] > a > span,

.menu-iconmenu li[class*="jsn-icon-xmas-"] > a.jsn-nodescription > span {

  padding: 5px 0 10px 65px;

  min-height: 45px;

}

.jsn-menu-toggle {

  display: none;

}

/* =============== MENU - MAIN MENU =============== */

/* ----- GENERAL ----- */

div.jsn-modulecontainer ul.menu-mainmenu {

  margin: 0;

  padding: 0;

  clear: both;

}

div.jsn-modulecontainer ul.menu-mainmenu li {

  margin: 0;

  padding: 0;

  float: left;

  position: relative;

  list-style-type: none;

}

div.jsn-modulecontainer ul.menu-mainmenu > li {



}

div.jsn-modulecontainer ul.menu-mainmenu li a {

  color: #222;

  display: block;

  cursor: pointer;

  padding: 8px 12px;

}

div.jsn-modulecontainer ul.menu-mainmenu > li > a {

  padding: 15px 25px;

  font-size: 1.3em;

  line-height: 20px;

  color: #555;

  border-top: 1px solid #C9C9C9;

}

div.jsn-modulecontainer ul.menu-mainmenu li > a > span {

  display: block;

}

div.jsn-modulecontainer ul.menu-mainmenu ul {

  visibility: hidden;

  visibility: visible;

  display: none;

}

div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul {

  visibility: visible;

  display: block;

}

ul.menu-mainmenu.jsn-desktop-on-mobile ul {

  display: none;

}

ul.menu-mainmenu.jsn-desktop-on-mobile li:hover > ul {

  display: block;

}

/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a > span {

  line-height: 16px;

}

/* ----- RICH MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-mainmenu li a span.jsn-menudescription {

  display: none;

}

div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu li a span.jsn-menudescription {

  display: block;

  padding-top: 2px;

  font-weight: normal;

  font-size: 0.8em;

  text-transform: none !important;

}

div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription {

  padding: 15px 25px 42px;

  min-height: 20px;

  text-transform: uppercase;

}

div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription > span {

  line-height: 20px;

  height: 20px;

}

div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu.menu-iconmenu > li > a span {

  line-height: 19px;

}

/* ----- 1st LEVEL ----- */

div.jsn-modulecontainer ul.menu-mainmenu ul {

  margin: 0;

  padding: 0;

  position: absolute;

  background: url(../images/header-pattern.png);

}

div.jsn-modulecontainer ul.menu-mainmenu ul ul {

  top: 0;

  border-left: 1px solid #DDD;

}

div.jsn-modulecontainer ul.menu-mainmenu ul li a {

  border-bottom: 1px solid #CCC;

}

div.jsn-modulecontainer ul.menu-mainmenu ul li:last-child a {

  border-bottom: none;

}

/* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */

div.jsn-modulecontainer ul.menu-mainmenu > li.parent > a {

  background: url(../images/icons/icon-arrow-down.png) 98% center no-repeat;

}

div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a {

  padding-right: 16px;

  background: url(../images/icons/icon-arrow-black.png) 98% center no-repeat;

}

div.jsn-modulecontainer ul.menu-mainmenu ul li.parent.active > a {

  background-image: url(../images/icons/icon-arrow-white.png);

}

/* ----- HOVER STATE ----- */

div.jsn-modulecontainer ul.menu-mainmenu li:hover > a {

  color: #fff;

  text-decoration: none;

}

div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a {

  color: #4970B7;

  border-top: 1px solid #5594cf;

}

div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a {



}

div.jsn-modulecontainer ul.menu-mainmenu ul li.parent:hover > a {

  background-image: url(../images/icons/icon-arrow-white.png);

}

/* ----- ACTIVE STATE ----- */

div.jsn-modulecontainer ul.menu-mainmenu li.active > a {

  color: #FFF;

}

div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {

  color: #4970B7;

  border-top: 1px solid #5594cf;

}

/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */

div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul {

  left: auto;

  right: auto;

}

/* =============== MENU - TREE MENU =============== */

/* ----- GENERAL ----- */

div.jsn-modulecontainer ul.menu-treemenu,

div.jsn-modulecontainer ul.menu-treemenu ul {

  margin: 0;

  padding: 0;

  list-style: none;

}

div.jsn-modulecontainer ul.menu-treemenu li {

  margin: 0;

  padding: 0;

  position: relative;

}

div.jsn-modulecontainer ul.menu-treemenu > li {

  border-bottom: 1px dotted #b3b3b3;

}

div.jsn-modulecontainer ul.menu-treemenu li a {

  padding: 6px 12px;

  display: block;

  color: #404040;

  cursor: pointer;

  text-decoration: none;

}

div.jsn-modulecontainer ul.menu-treemenu > li > a {

  padding: 8px 12px;

}

ul.menu-treemenu li a span {

  display: block;

}

ul.menu-treemenu li > a > span {

  padding-left: 18px;

  background: url(../images/icons/icons-base.png) left -343px no-repeat;

}

div[class*="box-"] ul.menu-treemenu {

  margin: -10px -15px 0;

}

div[class*="richbox-"] ul.menu-treemenu li a {

  color: #d9d9d9;

}

/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-treemenu.menu-iconmenu > li > a > span {

  line-height: 16px;

}

/* ----- RICH MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription {

  display: none;

}

div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {

  color: #595959;

  display: block;

}

div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu.menu-iconmenu > li > a span {

  line-height: 1.5;

}

div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription,

div[class*="solid-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {

  color: #DDD;

}

/* ---------- NORMAL STATE ---------- */

div.jsn-modulecontainer ul.menu-treemenu ul li {

  margin: 0;

}

div.jsn-modulecontainer ul.menu-treemenu ul li a {

  padding-left: 25px;

}

div.jsn-modulecontainer ul.menu-treemenu ul ul li a {

  padding-left: 40px;

}

div.jsn-modulecontainer ul.menu-treemenu ul ul ul li a {

  padding-left: 55px;

}

div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul li a {

  padding-left: 70px;

}

div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul ul li a {

  padding-left: 85px;

}

/* ----- ACTIVE STATE ----- */

div.jsn-modulecontainer ul.menu-treemenu li.active > a {

  font-weight: bold;

}

/* ----- CURRENT / HOVER STATE ----- */

div.jsn-modulecontainer ul.menu-treemenu li a:hover,

div.jsn-modulecontainer ul.menu-treemenu li a.current {

  color: #FFF;

  background-color: #AAA;

}

div.jsn-modulecontainer ul.menu-treemenu li a:hover span.jsn-menudescription,

div.jsn-modulecontainer ul.menu-treemenu li a.current span.jsn-menudescription {

  color: #FFF;

}

div.lightbox-1 ul.menu-treemenu li a:hover span.jsn-menudescription,

div.lightbox-1 ul.menu-treemenu li a.current span.jsn-menudescription {

  color: #595959;

}

div[class*="solid-"] ul.menu-treemenu li a {

  color: #DDD;

}

div[class*="solid-"] ul.menu-treemenu li a:hover,

div[class*="solid-"] ul.menu-treemenu li a.current {

  background-color: transparent;

}

div[class*="richbox-"] ul.menu-treemenu li a:hover,

div[class*="richbox-"] ul.menu-treemenu li a.current {

  color: #fff;

  background-color: #193965;

}

div.lightbox-1 ul.menu-treemenu li a:hover,

div.lightbox-1 ul.menu-treemenu li a.current {

  background-color: #FDFDFD;

  color: #000;

}

/* =============== MENU - DIV MENU =============== */

ul.menu-divmenu {

  margin: 0;

  padding: 0;

  float: left;

  list-style: none;

}

ul.menu-divmenu:after {

  height: 0;

  clear: both;

  content: ".";

  display: block;

  visibility: hidden;

}

ul.menu-divmenu li {

  margin: 0;

  padding: 0 0.8em;

  float: left;

  display: inline;

  border-right: 1px solid #666666;

}

ul.menu-divmenu li.first {

  padding-left: 0;

}

ul.menu-divmenu li.last {

  border-right-width: 0;

}

/* =============== MENU - SIDE MENU =============== */

/* ----- GENERAL ----- */

div.jsn-modulecontainer ul.menu-sidemenu,

div.jsn-modulecontainer ul.menu-sidemenu ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

}

div.jsn-modulecontainer ul.menu-sidemenu li {

  margin: 0;

  padding: 0;

  position: relative;

}

div.jsn-modulecontainer ul.menu-sidemenu li ul {

  position: absolute;

  top: 0;

}

div.jsn-modulecontainer ul.menu-sidemenu > li {

  border-bottom: 1px dotted #b3b3b3;

}

div.jsn-modulecontainer ul.menu-sidemenu li a {

  display: block;

  color: #404040;

  cursor: pointer;

  padding: 8px 12px;

  text-decoration: none;

}

div[class*="box-"] ul.menu-sidemenu {

  margin: -10px -15px 0;

}

div[class*="richbox-"] ul.menu-sidemenu li a,

div[class*="solid-"] ul.menu-sidemenu li a {

  color: #d9d9d9;

}

div.jsn-modulecontainer ul.menu-sidemenu > li > a {

}

div.jsn-modulecontainer ul.menu-sidemenu > li.parent > a {

  padding-right: 16px;

  background: url(../images/icons/icon-arrow-black.png) 98% center no-repeat;

}

div[class*="solid-"] ul.menu-sidemenu > li.parent > a {

  background-image: url(../images/icons/icon-arrow-white.png);

}

ul.menu-sidemenu li > a > span {

  display: block;

}

ul.menu-sidemenu > li > a > span {

  padding-left: 18px;

  background: url(../images/icons/icons-base.png) left -343px no-repeat;

}

div.jsn-modulecontainer ul.menu-sidemenu ul {

  visibility: hidden;

  visibility: visible;

  display: none;

}

div.jsn-modulecontainer ul.menu-sidemenu li:hover > ul {

  visibility: visible;

  display: block;

}

/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-sidemenu.menu-iconmenu > li > a > span {

  line-height: 16px;

}

/* ----- RICH MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-sidemenu li a span.jsn-menudescription {

  display: none;

}

div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {

  color: #595959;

  display: block;

}

div[class*="richbox-"] ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription,

div[class*="solid-"] ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {

  color: #DDD;

}

div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu.menu-iconmenu > li > a span {

  line-height: 1.5;

}

/* ---------- 1st LEVEL ---------- */

div.jsn-modulecontainer ul.menu-sidemenu ul {

  top: 0;

  position: absolute;

  background: url(../images/header-pattern.png);

}

div.jsn-modulecontainer ul.menu-sidemenu ul li a {

  color: #555;

  display: block;

  cursor: pointer;

  border-bottom: 1px solid #CCC;

}

div.jsn-modulecontainer ul.menu-sidemenu ul li.parent > a {

  padding-right: 16px;

  background: url(../images/icons/icon-arrow-black.png) 98% center no-repeat;

}

div.jsn-modulecontainer ul.menu-sidemenu ul ul {

  top: 0;

  border-left: 1px solid #DDD;

}

/* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */

/* 1st LEVEL */

div.jsn-modulecontainer ul.menu-sidemenu ul li.parent > a {

  background: url(../images/icons/icon-arrow-black.png) 98% center no-repeat;

}

/* 1st LEVEL - CUSTOM MODULE */

div[class*="richbox-"] ul.menu-sidemenu > li.parent > a {

  background: url(../images/icons/icon-arrow-white.png) 98% center no-repeat;

}

/* ----- HOVER STATE ----- */

div.jsn-modulecontainer ul.menu-sidemenu li:hover > a {

  color: #fff;

}

div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a {

  background-color: #7598BB;

}

div.jsn-modulecontainer ul.menu-sidemenu ul li.parent:hover > a {

  background-image: url(../images/icons/icon-arrow-white.png);

}

div.jsn-modulecontainer ul.menu-sidemenu > li:hover > a {

  color: #000;

  background-color: #FFF;

}

/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */

div[class*="solid-"] ul.menu-sidemenu > li:hover > a,

div[class*="solid-"] ul.menu-sidemenu > li:hover > a span.jsn-menudescription {

  background-color: transparent;

  color: #FFF;

}

div[class*="richbox-"] ul.menu-sidemenu > li:hover > a {

  color: #FFF;

  background-color: #193965;

}

div.lightbox-2 ul.menu-sidemenu > li:hover > a {

  background-color: #7598BB;

  color: #FFF;

}

div.lightbox-2 ul.menu-sidemenu > li:hover > a span.jsn-menudescription {

  color: #FFF;

}

/* ----- ACTIVE STATE ----- */

div.jsn-modulecontainer ul.menu-sidemenu li.active > a {

  color: #FFF;

  font-weight: bold;

}

div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a {

  background-color: #7598BB;

}

div.jsn-modulecontainer ul.menu-sidemenu ul li.parent.active > a {

  background: #7598BB url(../images/icons/icon-arrow-white.png) 98% center no-repeat;

}

div.jsn-modulecontainer ul.menu-sidemenu > li.active > a {

  color: #000;

  background-color: #FFF;

}

/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */

div[class*="solid-"] ul.menu-sidemenu > li.active > a,

div[class*="solid-"] ul.menu-sidemenu > li.active > a span.jsn-menudescription {

  background-color: transparent;

  color: #FFF;

}

div[class*="richbox-"] ul.menu-sidemenu > li.active > a {

  color: #fff;

  background-color: #193965;

}

div.lightbox-2 ul.menu-sidemenu > li.active > a {

  background-color: #7598BB;

  color: #FFF;

}

div.lightbox-2 ul.menu-sidemenu > li.active > a span.jsn-menudescription {

  color: #FFF;

}

/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */

div.jsn-modulecontainer ul.menu-sidemenu li:hover > ul {

  left: auto;

}

/* =============== MENU - TOP MENU =============== */

ul.menu-topmenu {

  /* margin: 5px 0; */

  margin: 2px 0;

  padding: 0;

  list-style: none;

}

ul.menu-topmenu li {

  margin: 0;

  /* padding: 0 8px;  */

  padding: 0 2px; 

  display: inline-block;

}

ul.menu-topmenu li a {

  padding: 0;

  color: #000;

  display: block;

}

ul.menu-topmenu li a:hover {

  text-decoration: underline;

}

ul.menu-topmenu li a span {

  display: block;

}

/* ----- ICON MENU STYLE ----- */

div.jsn-modulecontainer ul.menu-topmenu.menu-iconmenu > li > a {

  line-height: 16px;

}

/* ============================== MOBILE SWITCH ============================== */

#jsn-mobileswitch {

  display: none;

  padding: 15px;

  float: right;

}

#jsn-mobileswitch a {

  display: inline-block;

  width: 20px;

  height: 20px;

  line-height: 20px;

  vertical-align: text-top;

  background: url(../images/icons/icons-mobile.png) 0 -30px no-repeat;

}

#jsn-desktopswitch {

  display: none;

  padding: 15px;

  position: absolute;

  right: 40px;

  top: 0;

}

#jsn-desktopswitch a {

  display: inline-block;

  width: 20px;

  height: 20px;

  line-height: 20px;

  vertical-align: text-top;

  background: url(../images/icons/icons-mobile.png) 0 0 no-repeat;

}

@media only screen and (max-device-width: 960px) {

  body.jsn-mobile #jsn-desktopswitch {

    display: block;

  }

  body.jsn-desktop #jsn-mobileswitch {

    display: block;

    margin-top: 8px;

  }

}

/* ============================== SITE TOOLS ============================== */

/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */

#jsn-sitetoolspanel {

  position: fixed;

  right: 0;

  top: 10px;

  z-index: 999999;

}

/* ----- DROP DOWN ----- */

ul#jsn-sitetools-menu,

ul#jsn-sitetools-menu ul {

  list-style: none;

  padding: 0;

  margin: 0;

}

ul#jsn-sitetools-menu li {

  padding: 0;

  margin: 0;

  position: relative;

}

ul#jsn-sitetools-menu > li > a {

  background: url(../images/icons/sitetools-icon-white.png) center center no-repeat;

  position: absolute;

  left: -47px;

}

ul#jsn-sitetools-menu li a {

  margin: 0;

  padding: 0;

  width: 50px;

  height: 50px;

  display: block;

}

ul#jsn-sitetools-menu li.jsn-sitetool-control ul {

  right: 0;

  top: 50px;

  width: 0;

  height: 0;

  overflow: hidden;

}

ul#jsn-sitetools-menu li.jsn-sitetool-control.active ul {

  width: 78px;

  height: 106px;

}

ul#jsn-sitetools-menu li ul {

  width: 78px;

  position: absolute;

}

ul#jsn-sitetools-menu.sitetool-desktop-on-mobile li ul {

  display: none;

}

ul#jsn-sitetools-menu.sitetool-desktop-on-mobile li:hover ul {

  display: block;

}

ul#jsn-sitetools-menu ul li {

  padding: 3px 6px;

  background: none;

}

ul#jsn-sitetools-menu ul li a {

  float: left;

  width: 22px;

  height: 22px;

  display: inline-block;

  clear: none;

}

/* ----- INLINE ROW ----- */

ul#jsn-sitetools-inline,

ul#jsn-sitetools-inline > li {

  margin: 0;

  float: left;

  padding: 0;

  list-style: none;

}

ul#jsn-sitetools-inline li a {

  width: 20px;

  height: 20px;

  display: inline-block;

}

ul#jsn-sitetools-inline ul {

  margin: 0;

  padding: 0;

}

ul#jsn-sitetools-inline > li > a {

  display: none;

}

ul#jsn-sitetools-inline ul li {

  margin: 2px 0 2px 4px;

}

/* =============== SITE TOOLS - TEXT SIZER =============== */

#jsn-selector-small,

#jsn-selector-medium,

#jsn-selector-big,

#jsn-selector-small.current,

#jsn-selector-small:hover,

#jsn-selector-medium.current,

#jsn-selector-medium:hover,

#jsn-selector-big.current,

#jsn-selector-big:hover {

  background-image: url(../images/icons/icons-sitetools-text.png);

  background-repeat: no-repeat;

}



#jsn-selector-small {

  background-position: 0 0;

}

#jsn-selector-medium {

  background-position: -21px 0;

}

#jsn-selector-big {

  background-position: -42px 0;

}

#jsn-selector-small.current,

#jsn-selector-small:hover {

  background-position: 0 -20px;

}

#jsn-selector-medium.current,

#jsn-selector-medium:hover {

  background-position: -21px -20px;

}

#jsn-selector-big.current,

#jsn-selector-big:hover {

  background-position: -42px -20px;

}

/* =============== SITE TOOLS - WIDTH SELECTOR =============== */

#jsn-selector-narrow,

#jsn-selector-wide,

#jsn-selector-float,

#jsn-selector-narrow.current,

#jsn-selector-narrow:hover,

#jsn-selector-wide.current,

#jsn-selector-wide:hover,

#jsn-selector-float.current,

#jsn-selector-float:hover {

  background-image: url(../images/icons/icons-sitetools-width.png);

  background-repeat: no-repeat;

}

#jsn-selector-narrow {

  background-position: 0 0;

}

#jsn-selector-wide {

  background-position: -21px 0;

}

#jsn-selector-float {

  background-position: -42px 0;

}

#jsn-selector-narrow.current,

#jsn-selector-narrow:hover {

  background-position: 0 -20px;

}

#jsn-selector-wide.current,

#jsn-selector-wide:hover {

  background-position: -21px -20px;

}

#jsn-selector-float.current,

#jsn-selector-float:hover {

  background-position: -42px -20px;

}

/* =============== SITE TOOLS - COLOR SELECTOR =============== */

#jsn-selector-blue,

#jsn-selector-red,

#jsn-selector-green,

#jsn-selector-christmas,

#jsn-selector-blue.current,

#jsn-selector-blue:hover,

#jsn-selector-red.current,

#jsn-selector-red:hover,

#jsn-selector-green.current,

#jsn-selector-green:hover,

#jsn-selector-christmas.current,

#jsn-selector-christmas:hover {

  background-image: url(../images/icons/icons-sitetools-color.png);

  background-repeat: no-repeat;

}

#jsn-selector-blue {

  background-position: -20px 0;

}

#jsn-selector-red {

  background-position: -40px 0;

}

#jsn-selector-green {

  background-position: -60px 0;

}

#jsn-selector-christmas {

  height: 21px !important;

  width: 100% !important;

  background-position: -20px -39px;

}

#jsn-selector-blue.current,

#jsn-selector-blue:hover {

  background-position: -20px -20px;

}

#jsn-selector-red.current,

#jsn-selector-red:hover {

  background-position: -40px -20px;

}

#jsn-selector-green.current,

#jsn-selector-green:hover {

  background-position: -60px -20px;

}

#jsn-selector-christmas.current,

#jsn-selector-christmas:hover {

  background-position: -20px -57px;

}

/* ============================== MODULE STYLES ============================== */

h3.jsn-moduletitle {

  margin: 0;

  color: #000;

  font-size: 1.3em;

  padding-bottom: 10px;

  text-transform: uppercase;

}

h3.jsn-moduletitle span {

  display: block;

  line-height: 18px;

}

#jsn-usermodules3 h3.jsn-moduletitle {

  color: #FFF;

}

/* =============== MODULE STYLES - MODULE BOXES =============== */

/* ----- GENERAL MODULE STYLES ----- */

div[class*="box-"] div.jsn-modulecontent {

  padding: 10px 15px;

}

div[class*="box-"] h3.jsn-moduletitle {

  padding: 15px;

}

div[class*="solid-"] div.jsn-modulecontent {

  padding: 0 15px 10px;

}

div[class*="solid-"] h3.jsn-moduletitle {

  padding: 15px 15px 10px;

}

div[class*="richbox-"] div.jsn-modulecontent a,

div[class*="solid-"] div.jsn-modulecontent a {

  color: #FFF;

  text-decoration: underline;

}

div[class*="richbox-"] div.jsn-modulecontent a.link-action,

div[class*="solid-"] div.jsn-modulecontent a.link-action {

  text-decoration: none;

}

#jsn-usermodules3 div.jsn-modulecontainer div.jsn-modulecontent a {

  color: #EEE;

}

#jsn-usermodules3 div.jsn-modulecontainer div.jsn-modulecontent a:hover {

  color: #FFF;

}

#jsn-usermodules3 div[class*="lightbox-"] div.jsn-modulecontent {

  color: #333;

}

#jsn-menu div.jsn-modulecontainer {

  float: left;

  margin: 0;

}

div.jsn-modulecontainer .jsn-module-badge {

  display: none;

  width: 42px;

  height: 42px;

  position: absolute;

  top: 0;

  right: 0;

  z-index: 50;

}

div[class*="badge-"] .jsn-module-badge {

  display: inline-block;

}

/* ----- BADGES STYLE ----- */

div.badge-hot .jsn-module-badge {

  background: url(../images/module-styles/hot-badge.png) left top no-repeat;

}

div.badge-new .jsn-module-badge {

  background: url(../images/module-styles/new-badge.png) left top no-repeat;

}

div.badge-cool .jsn-module-badge {

  background: url(../images/module-styles/cool-badge.png) left top no-repeat;

}

/* ----- SOLIDBOX STYLE ----- */

div.solid-1 div.jsn-modulecontainer_inner {

  background: url(../images/module-styles/bluedark-pattern.png);

}

div.solid-2 div.jsn-modulecontainer_inner {

  background: url(../images/module-styles/blue-pattern.png);

}

div.solid-3 div.jsn-modulecontainer_inner {

  background: url(../images/module-styles/light-pattern.png);

}

div[class*="solid-"] div.jsn-modulecontainer_inner > div {

  background: url(../images/light-grad-module-bg.png) center top no-repeat;

}

/* ----- RICHBOX STYLE ----- */

div[class*="richbox-"] h3.jsn-moduletitle {

  border-bottom: 1px solid #555;

}

div[class*="richbox-"] div.jsn-modulecontainer_inner {

  background: url(../images/module-styles/blue-pattern.png);

}

div[class*="richbox-"] div.jsn-modulecontainer_inner > div {

  background: url(../images/light-grad-module-bg.png) center top no-repeat;

}

div.richbox-2 h3.jsn-moduletitle,

div.richbox-1 div.jsn-modulecontent {

  background: url(../images/module-styles/bluedark-pattern.png);

}

/* ----- LIGHTBOX STYLE ----- */

div[class*="lightbox-"] div.jsn-modulecontainer_inner {

  background: url(../images/module-styles/light-pattern.png);

}

div[class*="lightbox-"] div.jsn-modulecontent {

  border: 1px solid #d2dbe1;

  border-top-color: #F5F5F5 !important;

  background: url(../images/light-grad-module-bg.png) center top no-repeat;

}

div.lightbox-3 div.jsn-modulecontent {

  border-top-color: #FFF !important;

}

div.lightbox-1 h3.jsn-moduletitle {

  background: url(../images/module-styles/blue-pattern.png);

}

div.lightbox-2 h3.jsn-moduletitle {

  background: url(../images/module-styles/bluedark-pattern.png);

}

/* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */

div[class*="richbox-"],

div[class*="solid-"] {

  color: #EEE;

}

div[class*="box-"] h3.jsn-moduletitle,

div[class*="solid-"] h3.jsn-moduletitle,

#jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle {

  color: #FFF;

}

div.lightbox-3 h3.jsn-moduletitle {

  color: #444;

  border: 1px solid #d2dbe1;

}

div.solid-3 h3.jsn-moduletitle,

div.solid-3 div.jsn-modulecontent {

  color: #444;

}

/* =============== MODULE STYLES - MODULE ICONS =============== */

div[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon {

  padding-left: 22px;

}



/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */

/* =============== PAGEBREAK - TABS STYLE =============== */

dl.tabs {

  float: left;

  margin-bottom: -1px;

}

dl.tabs dt.tabs {

  float: left;

  margin-left: 3px;

  padding: 4px 10px;

  background-color: #F0F0F0;

  border-top: 1px solid #CCC;

  border-left: 1px solid #CCC;

  border-right: 1px solid #CCC;

}

dl.tabs dt:hover {

  background-color: #F9F9F9;

}

dl.tabs dt.open {

  background-color: #FFF;

  border-bottom: 1px solid #FFF;

}

dl.tabs dt.tabs h3 {

  margin: 0;

  font-size: 1.1em;

}

dl.tabs dt.tabs h3 a {

  color: #666;

  font-weight: normal;

}

dl.tabs dt.open h3 a,

dl.tabs dt.tabs h3 a:hover {

  color: #000;

  text-decoration: none;

}

dl.tabs dt.open h3 a {

  font-weight: bold;

}

div.current dd.tabs {

  margin: 0;

  padding: 10px;

  clear: both;

  border: 1px solid #CCC;

  background-color: #FFF;

}

/* =============== PAGEBREAK - SLIDERS STYLE =============== */

div.panel {

  border: 1px solid #CCC;

  margin-bottom: 10px;

}

div.panel h3.title {

  margin: 0;

  cursor: pointer;

  font-size: 1.1em;

  padding: 8px 10px;

  border-bottom: 1px solid #CCC;

}

div.panel h3.title:hover,

div.panel h3.pane-toggler-down {

  background-color: #F0F0F0;

}

div.panel h3.title a {

  color: #666;

}

div.panel h3.title a:hover {

  text-decoration: none;

}

div.panel h3.pane-toggler-down {

  border-bottom: none;

}

div.panel h3.pane-toggler-down a {

  color: #000;

}

div.panel div.content > div,

div.panel div.content > p {

  margin: 15px;

}

/* =============== JOOMLA! EXTENSIONS - GENERAL =============== */

/* ----- HEADING ----- */

.contentheading,

.componentheading,

.subheading {

  margin-top: 0;

  font-size: 1.6em;

  background-color: #d9e6f0;

}

table.contentpaneopen {

  width: 100%;

}

/* ----- FORM ----- */

.jsn-formbuttons {

  text-align: center;

  padding-top: .45em;

}

table.paramlist td {

  padding: .3em;

}

table.paramlist td.paramlist_key {

  width: 150px;

}

.inputbox {

  border: 1px solid #d0d0d0;

  background-color: #fafafa;

  padding: 2px 4px;

  min-height: 22px;

}

.inputbox:active, .inputbox:focus {

  border-color: #b5b5b5;

  background-color: #f2f2f2;

}

select.inputbox {

  padding: 2px;

}

#jsn-page .button {

  display: inline-block;

  /* display: inline; */

  padding: 4px 10px;

  margin: 0 0 2px;

  font-size: 13px;

  line-height: 18px;

  /* line-height: 20px; */

  color: #eee;

  text-align: center;

  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);

  vertical-align: middle;

  cursor: pointer;

  background-color: #999;

}

.button:hover, .button:active {

  background-color: #777;

  color: #fff;

}

/* ----- TOOLTIPS ----- */

.jsn-joomla-25 .tip {

  float: left;

  background: #ffc;

  border: 1px solid #D4D5AA;

  padding: 5px;

  max-width: 200px;

  z-index: 88;

  position: relative;

}

.jsn-joomla-25 .tip-title {

  padding: 0;

  margin: 0;

  font-size: 100%;

  font-weight: bold;

  margin-top: -15px;

  padding-top: 15px;

  padding-bottom: 5px;

  background: url(../../system/images/selector-arrow.png) no-repeat;

}

.jsn-joomla-25 .tip-text {

  font-size: 100%;

  margin: 0;

}

/* ----- POP-UP / PRINT WINDOWS ----- */

body.contentpane {

  color: #000000;

  background: #FFFFFF;

}

body.contentpane div.com-content {

  padding: 1em;

}

/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */

/* ----- ARTICLE METADATA ----- */

.jsn-article-metadata {

  margin-bottom: 15px;

}

.jsn-article-metadata > span {

  padding-right: 10px;

  border-right: 1px solid #ccc;

  margin-right: 10px;

}

.jsn-article-metadata > span:last-child {

  padding-right: 0;

  margin-right: 0;

  border: none;

}

/* ----- ARTICLE TOOLBAR ----- */

.jsn-article-toolbar {

  margin-bottom: 15px;

  background-color: #f4f4f4;

}

.jsn-article-toolbar .btn-group.pull-right {

  float: right;

  padding: 5px;

}

.jsn-article-toolbar dl {

  padding: 5px;

}

#article-index {

    float: right;

    margin: 0 0 1em 1em;

    background-color: #F2F2F2;

    border: 1px solid #D9D9D9;

}

#article-index ul {

  margin: 0;

  list-style-type: none;

}

#article-index ul li {

  margin: 0;

  padding: 0.25em 0.6em;

}

/* ----- ARTICLE INFO ----- */

.jsn-article-info {

  padding: 10px;

}

.jsn-article-info p:first-child {

  margin-top: 0;

}

.jsn-article-info p:last-child {

  margin-bottom: 0;

}

.author,

.createdate,

.publishdate,

.hits {

  margin: 10px 0;

  color: #595959;

  font-size: 0.9em;

}

.author,

.createdate,

.publishdate {

  padding-left: 22px;

}

.author,

.createdate,

.publishdate {

  background-image: url(../images/icons/icons-base.png);

  background-repeat: no-repeat;

}

.author {

  background-position: 0 0;

}

.createdate,

.publishdate {

  background-position: 0 -86px;

}

.modifydate {

  margin: 1em 0;

  text-align: right;

  color: #999999;

  font-style: italic;

}

/* ----- 2 BUTTON PRINT, EMAIL CONTAINER ----- */

ul.jsn-article-tools {

  margin: 10px;

  float: right;

  list-style: none;

}

ul.jsn-article-tools li {

  float: left;

  margin: 0 0 0 10px;

}

ul.jsn-article-tools li a {

  float: left;

  display: block;

  height: 16px;

  width: 16px;

  background: url(../images/icons/icons-base.png) left top no-repeat;

}

ul.jsn-article-tools li a.no-icon {

  background: none;

  width: auto;

  height: auto;

}

ul.jsn-article-tools li.jsn-article-icon-edit a {

  background: none;

}

ul.jsn-article-tools li a.jsn-article-print-button {

  background-position: 0 -430px;

}

ul.jsn-article-tools li a.jsn-article-email-button {

  background-position: 0 -516px;

}

ul.jsn-article-tools li a:hover {

  text-decoration: none;

}

.jsn-article-submit {

  margin-top: 0.8em;

}

.jsn-joomla-25 .item-title-entry .icon-edit,

.item-title-entry .jsn-icon-edit {

  display: inline-block;

}

/* ----- SUBMIT AN ARTICLE ----- */

.field-title {

  width: 120px;

  float: left;

}

.formelm, .formelm-area {

  margin: 5px 0;

  clear: both;

}

/* ----- READ MORE ----- */

a.readon {

  color: #000;

  cursor: pointer;

  font-size: 1.1em;

  padding: 5px 12px;

  font-weight: bold;

  border: #999 1px solid;

  display: inline-block;

  text-decoration: none;

}

/* ----- TABLE OF CONTENT ----- */

table.contenttoc {

  margin: 0 0 1em 1em;

  border: 1px solid #D9D9D9;

  background: #f2f2f2;

  float: right;

}

table.contenttoc th {

  padding: .4em;

  background: url(../images/dot.png) bottom repeat-x;

  font-weight: bold;

  text-align: center;

}

table.contenttoc td {

  padding: .25em .6em;

}

/* PAGE LINK IN TOC */

a.toclink {

  font-size: .9em;

}

/* PAGE NUMBER SHOWING "PAGE 1 OF ..." UNDER TOC */

div.pagenavcounter {

  color: #595959;

  margin: .5em 0;

  font-size: .9em;

  font-weight: bold;

}

/* PAGE NAVIGATION */

div.pagenavbar div {

  color: #999999;

  font-weight: bold;

  font-size: .9em;

}

/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */

/* SEPARATOR BETWEEN ARTICLES */

div.article_separator {

  height: 1em;

  clear: both;

}

div.row_separator {

  height: 1em;

  clear: both;

}

/* ARTICLE COLUMN CONTAINER */

.jsn-articlecols {

  float: left;

}

.jsn-articlecols .jsn-article {

  padding: 0 5px;

  border: thin solid #c1c1c1; padding: 5px; border-radius: 5px;

  /* background-color: #f4f6f8; */

}

/* "MORE ARTICLES..." PANEL HEADING TEXT */

div.blog_more {

  padding: 10px 15px;

  margin: 0 0 1em 0;

  border: 1px solid #e5e5e5;

  background-color: #F4F4F4;

}

/* PAGE PAGINATION */

ul.pagenav,

div.pagination ul {

  list-style-type: none;

}

ul.pagenav {

  text-align: center;

}

ul.pagenav li,

div.pagination ul li {

  color: #999;

  margin: 0;

  display: inline-block;

  font-weight: bold;

}

div.pagination ul li {

  font-size: 0.9em;

}

ul.pagenav li a,

div.pagination ul li a {

  margin: 0 15px;

}

ul.jsn-pagination {

  list-style-type: none;

  text-transform: uppercase;

}

ul.jsn-pagination li {

  display: inline-block !important; /*override compression*/

  margin: 10px 2px;

}

ul.jsn-pagination li a,

ul.jsn-pagination li span {

  font-weight: bold;

  padding: 3px 8px;

  border: 1px solid #CCC;

  background-color: #EAEAEA;

  color: #999;

}

ul.jsn-pagination li span {

  background-color: transparent;

}

ul.jsn-pagination li a:hover {

  color: #000;

  text-decoration: none;

}

ul.jsn-pagination li.navigation-page span {

  border: none;

  padding: 4px 9px;

  color: #fff;

}

ul.jsn-pagination,

p.jsn-pageinfo {

  font-size: 0.9em;

  text-align: center;

  margin: 20px 0 10px 0;

}

/* BLOG PAGES NAV LINK */

a.pagenav {

  text-transform: uppercase;

}

/* ----- CATEGORY LIST LAYOUT ----- */

/* DESCRIPTION IN CONTENT TABLE AND COMPONENT PAGE */

.contentdescription {

}

/* TABLE IN CATEGORY TABLE PAGE */

.sectiontableheader {

  padding: 5px 8px;

  font-weight: bold;

  font-size: 1.1em;

  color: #FFFFFF;

}

.sectiontableheader img {

  margin: 0;

  vertical-align: text-top;

}

.sectiontableheader a {

  color: #ffffff;

  text-decoration: underline;

}

.sectiontableheader a:hover {

  text-decoration: none;

}

/* TABLE FILTER */

.jsn-infofilter {

  text-align: right;

}

.jsn-titlefilter {

  float: left;

}

.archived-article-list .jsn-infofilter {

  text-align: left;

}

/* TABLE'S ROW */

tr.sectiontableentry1 td,

tr.sectiontableentry2 td {

  padding: 6px 8px;

  border-bottom: 1px solid #e5e5e5;

}

tr.sectiontableentry2 td {

}

/* ----- SECTION LAYOUT ----- */

/* LINKS IN SECTION TABLE PAGE */

a.category {

  font-weight: bold;

}

/* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */

/* ----- STANDARD CONTACT LAYOUT ----- */

div.com-contact .jsn-contact-image {

  float: right;

  margin: 10px 5px 0 0;

}

div.com-contact .contact-position {

  margin: 5px 0 0 0;

}

div.com-contact .contact-vcard {

  margin: 0 0 5px 0;

}

div.com-contact .jicons-icons {

  float: left;

}

div.com-contact .contact-address {

  margin-top: 5px;

}

div.com-contact .contact-address p {

  margin: 0;

  padding-left: 20px;

}

div.com-contact .contact-contactinfo p,

div.com-contact .contact-miscinfo p {

  margin: 5px 0;

}

div.com-contact .contact-contactinfo .jicons-icons,

div.com-contact .contact-miscinfo .jicons-icons {

  margin-right: 4px;

}

div.com-contact div.contact-form fieldset {

  padding: 0 10px;

}

div.com-contact div.contact-form dt {

  margin: 10px 0 5px 0;

}

div.com-contact div.contact-form dd {

  margin-left: 0;

}

div.com-contact .form-required {

  color: #EF593B;

  font-weight: bold;

  text-align: right;

}

div.contact .dl-horizontal dd {

  margin-left: 25px;

}

/* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */

div.com-search #searchForm .search-phrase {

  margin-left: 95px;

}

div.com-search #searchForm .search-range input,

div.com-search #searchForm .search-phrase input {

  margin: 0 0 0 5px;

  vertical-align: middle;

}

div.com-search #searchForm [class*="search-"] label,

div.com-search #searchForm .search-field-title {

  width: 100px;

  line-height: 21px;

  text-align: left;

  padding-right: 3px;

  display: inline-block;

}

div.com-search #searchForm .search-range label,

div.com-search #searchForm .search-phrase label {

  width: auto;

}

div.com-search #searchForm .search-ordering select {

  padding: 2px 0;

}

div.com-search #searchForm .search-range label {

  line-height: 21px;

}

div.search .inputbox {

  width: auto;

  max-width: 100%;

}

/* ----- KEYWORD GIGHLIGHT IN SEARCH RESULT ----- */

span.highlight {

  padding: .2em;

  background: #FFFFAA;

}

/* =============== JOOMLA! EXTENSIONS - COM_WEBLINK =============== */

table.jsn-infotable .description p {

  margin: 0;

}

table.jsn-infotable ul.actions {

  display: inline;

}

table.jsn-infotable ul.actions li {

  display: inline;

  margin: 0 0 0 5px;

}

#editor-xtd-buttons {

  float: left;

}

/* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */

div.com-newsfeed td.jsn-table-column-name {

  font-weight: bold;

}

div.com-newsfeed table {

  width: 100%;

  border-collapse: collapse;

}

div.com-newsfeed td {

  border: 1px solid #ccc;

  padding: 10px 5px;

  border-top: none;

}

div.com-newsfeed th {

  background: #999;

  padding: 10px 5px;

  border: 1px solid #999;

  border-bottom: none;

}

div.com-newsfeed th a {

  color: #fff;

}

div.com-newsfeed td.item-num-art {

  text-align: center;

}

/* =============== JOOMLA! EXTENSIONS - COM_USER =============== */

/* ----- USER FORM LAYOUT ----- */

div.com-user div.default-login {

  width: 350px;

  margin: 0 auto;

  padding: 10px;

  background-color: #F4F4F4;

  border: 1px solid #E5E5E5;

}

/* ----- REGISTER FORM ----- */

.jsn-formRow {

  margin: 8px 0;

}

.jsn-formRow .jsn-formRow-lable {

  float: left;

  width: 170px;

}

button#jform_profile_dob_img.btn {

  height: 30px;

}

/* =============== JOOMLA! EXTENSIONS - POPUP COMPONENT =============== */

#jsn-content-popup .com-content,

#jsn-content-popup #mailto-window {

  max-width: 1018px;

  margin: 1em auto;

}

#jsn-content-popup .com-content {

    padding-top: 0;

}

#mailto-window {

  padding: 15px;

  position: relative;

  background: #f5f5f5;

  border: solid 1px #ddd;

}

#mailto-window h2 {

  padding: 3px 0;

  margin: 0 0 10px;

  font: bold 1.2em "Times New Roman", Times, serif;

}

#mailto-window label {

  width: 8em;

  display: inline-block;

}

#mailto-window .mailto-close {

  right: 0;

  top: 5px;

  background: none;

  position: absolute;

}

#mailto-window .mailto-close a {

  display: block;

  min-width: 25px;

  min-height: 25px;

  overflow: visible;

  background: url(../images/icons/icon-close.png) 0 0 no-repeat;

}

#mailto-window .mailto-close a span {

  top: -3000px;

  left: -3000px;

  display: inline;

  position: absolute;

}

#mailto-window .inputbox {

  padding: 3px;

  border: 1px solid #ccc;

  background: #FFF url(../images/backgrounds/popup-bg.png) repeat-x 0 0;

}

#mailto-window p {

    margin: 20px 0 8px 0;

}

#mailto-window button {

  cursor: pointer;

  margin:0 5px 0 0;

  padding: 3px 10px;

  border: 1px solid #ccc;

  font: bold 1em "Times New Roman", Times, serif;

  background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);

  background-image:-moz-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);

  background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(216,216,216)));

  background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);

  background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);

  background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%);

  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0)"; 

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0); 

}

#mailto-window .formelm,

#mailto-window .formelm-area {

    clear: both;

    margin: 5px 0;

}

/* =============== JOOMLA! EXTENSIONS - SYSTEM MESSAGES =============== */

/* ----- SYSTEM STANDARD MESSAGES ----- */

#system-message {

  margin-bottom: 20px;

}

#system-message dd.message ul {

  text-indent: 0;

  padding-left: 40px;

  background: #c3d2e5 url(../../../media/system/images/notice-info.png) 4px center no-repeat;

}

#system-message ul li {

  margin-left: 0;

}

/* ----- SYSTEM ERROR MESSAGES ----- */

#system-message dd.error ul {

  background: #e6c0c0 url(../../../media/system/images/notice-alert.png) 4px center no-repeat;

}

/* ----- SYSTEM NOTICE MESSAGES ----- */

#system-message dd.notice ul {

  color: #cc0000;

  border-top: 3px solid #f0dc7e;

  border-bottom: 3px solid #f0dc7e;

  background: #efe7b8 url(../../../media/system/images/notice-note.png) 4px center no-repeat;

}

/* =============== JOOMLA! EXTENSIONS - MOD_BREADCRUMB =============== */

span.breadcrumbs {

  display: block;

  font-size: 0.9em;

}

span.breadcrumbs a,

span.breadcrumbs span {

  color: #404040;

  padding-right: 18px;

  text-decoration: none;

  background: url(../images/icons/icon-arrow-black.png) right center no-repeat;

}

span.breadcrumbs a:hover {

  text-decoration: underline;

}

span.breadcrumbs span.current {

  color: #404040;

  font-weight: bold;

  background: none;

}

.breadcrumb {

  padding: 0;

  margin: 0;

  list-style: none;

  background: none;

}

.breadcrumb li {

  display: inline-block;

  /* display: inline; */

  /* zoom: 1; */

  text-shadow: 0 1px 0 #fff;

}

.breadcrumb li a,

.breadcrumb li span {

  color: #404040;

}

.breadcrumb li span + span {

  font-weight: bold;

}

.breadcrumb span.divider {

  padding: 0 10px;

  background: url("../images/icons/icon-arrow-black.png") no-repeat scroll center center;

}

.breadcrumb li.active:first-child span.divider {

  padding: 0 5px 0 0;

  background: none;

}

.breadcrumb .active {

  color: #999;

}

/* =============== JOOMLA! EXTENSIONS - MOD_LOGIN =============== */

#form-login fieldset.input {

  border: none;

  padding: 0;

}

#form-login div.button-wrapper {

  text-align: center;

  margin-top: 0.5em;

}

#form-login [id^="form-login-"] {

  margin: 0 0 6px 0;

}

form#login-form a.btn {

  min-height: 15px;

}

form#login-form .icon-arrow-right {

  background-position: -458px -73px;

}

/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */

#jsn-pos-top div.search input#mod-search-searchword {

  padding: 2px 0 2px 25px;

  background: #FFF url(../images/icons/icons-base.png) 5px -168px no-repeat;

}

/* =============== JOOMLA! EXTENSIONS - MOD_NEWSFLASH =============== */

.jsn-mod-newsflash.jsn-horizontal-container .jsn-article {

  padding: 0 1em;

}

.jsn-mod-newsflash .contentheading {

  margin: 0 0 0.3em 0;

}

.jsn-mod-newsflash .article-separator {

  display: block;

    height: 0.5em;

}

/* =============== JOOMLA! EXTENSIONS - MOD_STATISTICS =============== */

dl.stats-module dt {

  float: left;

  width: 65%;

}

dl.stats-module dd {

  margin: 0;

}

/* ============================== MISC ============================== */

/* =============== GENERAL ICON ASSIGNMENT =============== */

.link-icon[class*="jsn-icon-"],

.link-button.button-light .link-icon[class*="jsn-icon-"],

.menu-iconmenu [class*="jsn-icon-"] > a > span,

.list-icon[class*="jsn-icon-"] li .jsn-listbullet,

[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon {

  background-image: url(../images/icons/icons-uni.png);

  background-repeat: no-repeat;

}

.link-button .link-icon[class*="jsn-icon-"],

div[class*=box-][class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon,

div[class*=solid-][class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon {

  background-image: url(../images/icons/icons-uni-white.png);

}

div.lightbox-3[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon,

div.solid-3[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon {

  background-image: url(../images/icons/icons-uni.png);

}

.link-icon.jsn-icon-article,

.menu-iconmenu .jsn-icon-article > a > span,

.list-icon.jsn-icon-article li .jsn-listbullet,

.jsn-icon-article h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 0;

}

.link-icon.jsn-icon-calendar,

.menu-iconmenu .jsn-icon-calendar > a > span,

.list-icon.jsn-icon-calendar li .jsn-listbullet,

.jsn-icon-calendar h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -85px;

}

.link-icon.jsn-icon-cart,

.menu-iconmenu .jsn-icon-cart > a > span,

.list-icon.jsn-icon-cart li .jsn-listbullet,

.jsn-icon-cart h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -171px;

}

.link-icon.jsn-icon-comment,

.menu-iconmenu .jsn-icon-comment > a > span,

.list-icon.jsn-icon-comment li .jsn-listbullet,

.jsn-icon-comment h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -256px;

}

.link-icon.jsn-icon-display,

.menu-iconmenu .jsn-icon-display > a > span,

.list-icon.jsn-icon-display li .jsn-listbullet,

.jsn-icon-display h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -343px;

}

.link-icon.jsn-icon-download,

.menu-iconmenu .jsn-icon-download > a > span,

.list-icon.jsn-icon-download li .jsn-listbullet,

.jsn-icon-download h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -429px;

}

.link-icon.jsn-icon-folder,

.menu-iconmenu .jsn-icon-folder > a > span,

.list-icon.jsn-icon-folder li .jsn-listbullet,

.jsn-icon-folder h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -518px;

}

.link-icon.jsn-icon-help,

.menu-iconmenu .jsn-icon-help > a > span,

.list-icon.jsn-icon-help li .jsn-listbullet,

.jsn-icon-help h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -604px;

}

.link-icon.jsn-icon-home,

.menu-iconmenu .jsn-icon-home > a > span,

.list-icon.jsn-icon-home li .jsn-listbullet,

.jsn-icon-home h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -691px;

}

.link-icon.jsn-icon-image,

.menu-iconmenu .jsn-icon-image > a > span,

.list-icon.jsn-icon-image li .jsn-listbullet,

.jsn-icon-image h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -777px;

}

.link-icon.jsn-icon-info,

.menu-iconmenu .jsn-icon-info > a > span,

.list-icon.jsn-icon-info li .jsn-listbullet,

.jsn-icon-info h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -863px;

}

.link-icon.jsn-icon-mail,

.menu-iconmenu .jsn-icon-mail > a > span,

.list-icon.jsn-icon-mail li .jsn-listbullet,

.jsn-icon-mail h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -949px;

}

.link-icon.jsn-icon-online,

.menu-iconmenu .jsn-icon-online > a > span,

.list-icon.jsn-icon-online li .jsn-listbullet,

.jsn-icon-online h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1035px;

}

.link-icon.jsn-icon-rss,

.menu-iconmenu .jsn-icon-rss > a > span,

.list-icon.jsn-icon-rss li .jsn-listbullet,

.jsn-icon-rss h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1121px;

}

.link-icon.jsn-icon-search,

.menu-iconmenu .jsn-icon-search > a > span,

.list-icon.jsn-icon-search li .jsn-listbullet,

.jsn-icon-search h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1207px;

}

.link-icon.jsn-icon-selection,

.menu-iconmenu .jsn-icon-selection > a > span,

.list-icon.jsn-icon-selection li .jsn-listbullet,

.jsn-icon-selection h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1294px;

}

.link-icon.jsn-icon-settings,

.menu-iconmenu .jsn-icon-settings > a > span,

.list-icon.jsn-icon-settings li .jsn-listbullet,

.jsn-icon-settings h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1379px;

}

.link-icon.jsn-icon-star,

.menu-iconmenu .jsn-icon-star > a > span,

.list-icon.jsn-icon-star li .jsn-listbullet,

.jsn-icon-star h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1465px;

}

.link-icon.jsn-icon-statistics,

.menu-iconmenu .jsn-icon-statistics > a > span,

.list-icon.jsn-icon-statistics li .jsn-listbullet,

.jsn-icon-statistics h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1551px;

}

.link-icon.jsn-icon-user,

.menu-iconmenu .jsn-icon-user > a > span,

.list-icon.jsn-icon-user li .jsn-listbullet,

.jsn-icon-user h3.jsn-moduletitle span.jsn-moduleicon {

  background-position: 0 -1633px;

}

/* ========== CHRISTMAS ICONS ========== */

div[class*="jsn-icon-xmas-"] h3.jsn-moduletitle {

  padding-top: 15px;

}

div[class*="jsn-icon-xmas-"] h3.jsn-moduletitle span.jsn-moduleicon {

  background-image: none !important;

  padding-left: 50px;

}

div[class*=box][class*="jsn-icon-xmas-"] h3.jsn-moduletitle span.jsn-moduleicon,

div[class*=solid-][class*="jsn-icon-xmas-"] h3.jsn-moduletitle span.jsn-moduleicon {

  padding-left: 30px;

}

div.jsn-modulecontainer .jsn-module-extra-icon {

  display: none;

  width: 64px;

  height: 64px;

  position: absolute;

  left: -15px;

  top: -10px;

  z-index: 60;

}

div.jsn-modulescontainer .jsn-module-extra-icon {

  left: -5px;

  top: -5px;

}

.jsn-link-icon-xmas {

  padding-left: 75px;

  height: 64px;

  line-height: 64px;

  font-weight: bold;

  display: inline-block;

  background-image: url(../images/colors/christmas/module-title-icons.png);

  background-repeat: no-repeat;

}

div[class*="jsn-icon-xmas-"] div.jsn-module-extra-icon,

.menu-iconmenu [class*=jsn-icon-xmas-] > a > span {

  display: inline-block !important;

  background-image: url(../images/colors/christmas/module-title-icons.png) !important;

  background-repeat: no-repeat;

}

.menu-iconmenu .jsn-icon-xmas-mistletoe > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-mistletoe,

.jsn-icon-xmas-mistletoe div.jsn-module-extra-icon {

  background-position: 0 0;

}

.menu-iconmenu .jsn-icon-xmas-santa > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-santa,

.jsn-icon-xmas-santa div.jsn-module-extra-icon {

  background-position: -2px -119px;

}

.menu-iconmenu .jsn-icon-xmas-candy > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-candy,

.jsn-icon-xmas-candy div.jsn-module-extra-icon {

  background-position: -6px -242px;

}

.menu-iconmenu .jsn-icon-xmas-pinetree > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-pinetree,

.jsn-icon-xmas-pinetree div.jsn-module-extra-icon {

  background-position: 0 -356px;

}

.menu-iconmenu .jsn-icon-xmas-gift > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-gift,

.jsn-icon-xmas-gift div.jsn-module-extra-icon {

  background-position: 0 -476px;

}

.menu-iconmenu .jsn-icon-xmas-candle > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-candle,

.jsn-icon-xmas-candle div.jsn-module-extra-icon {

  background-position: -2px -576px;

}

.menu-iconmenu .jsn-icon-xmas-mailbox > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-mailbox,

.jsn-icon-xmas-mailbox div.jsn-module-extra-icon {

  background-position: -1px -698px;

}

.menu-iconmenu .jsn-icon-xmas-bells > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-bells,

.jsn-icon-xmas-bells div.jsn-module-extra-icon {

  background-position: 0 -807px;

}

.menu-iconmenu .jsn-icon-xmas-deer > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-deer,

.jsn-icon-xmas-deer div.jsn-module-extra-icon {

  background-position: 5px -914px;

}

.menu-iconmenu .jsn-icon-xmas-gingerguy > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-gingerguy,

.jsn-icon-xmas-gingerguy div.jsn-module-extra-icon {

  background-position: 2px -1046px;

}

.menu-iconmenu .jsn-icon-xmas-star > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-star,

.jsn-icon-xmas-star div.jsn-module-extra-icon {

  background-position: 0 -1156px;

}

.menu-iconmenu .jsn-icon-xmas-globe > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-globe,

.jsn-icon-xmas-globe div.jsn-module-extra-icon {

  background-position: 0 -1266px;

}

.menu-iconmenu .jsn-icon-xmas-wreath > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-wreath,

.jsn-icon-xmas-wreath div.jsn-module-extra-icon {

  background-position: -2px -1384px;

}

.menu-iconmenu .jsn-icon-xmas-snowman > a > span,

.jsn-link-icon-xmas.jsn-icon-xmas-snowman,

.jsn-icon-xmas-snowman div.jsn-module-extra-icon {

  background-position: -1px -1500px;

}

/* ============================== JOOMLA 3.0 CORE COMPONENT LAYOUT ============================== */

.jsn-joomla-30 .blog-featured .items-leading h2 {

  padding: 5px 0;

}

.article-info {

  margin: 0;

  font-size: 0.9em;

  float: left;

}

.article-info-term {

  display: none;

}

.archive .article-info dd,

.article-info dd {

  margin: 2px 0 0;

  line-height: 1.5;

}

.categories-list ul {

  list-style-type: none;

}

.cat-children ul dl dt,

.cat-children ul dl dd,

dl.article-count dt,

dl.article-count dd {

  display: inline;

}

.login-fields {

  margin: 10px 0;

}

.login-fields label {

  width: 9em;

  float: left;

}

.categories-list dl dt,

.categories-list dl dd {

  margin: 0;

  padding: 0;

  display: inline;

}

.img-fulltext-left {

  float: left;

  margin-right: 20px;

  margin-bottom: 20px;

}

.img-intro-left {

  float: left;

  margin-right: 10px;

  margin-bottom: 10px;

}

.img-fulltext-right {

  float: right;

  margin-left: 20px;

  margin-bottom: 20px;

}

.img-intro-right {

  float: right;

  margin-left: 10px;

  margin-bottom: 10px;

}

.pull-right.collapsed .icon-minus,

.pull-right .icon-plus {

  display: none;

}

.pull-right .icon-minus,

.pull-right.collapsed .icon-plus {

  display: block;

}

/* ---------- OVERRIDE ----------- */

.jsn-joomla-30 blockquote {

  border-left: none;

}

.jsn-joomla-30 hr {

  margin: 0.5em 0;

}

.jsn-joomla-30 .form-horizontal .control-label {

  text-align: left;

}

.jsn-joomla-30 .calendar tbody td,

.jsn-joomla-30 .calendar tbody td.hilite,

.jsn-joomla-30 .calendar tbody td.selected {

    border: none;

    padding: 5px;

  text-align: center;

}

.jsn-joomla-30 .input-append .btn {

  padding: 7px 14px 6px;

  outline: none;

}

.jsn-joomla-30 label,

.jsn-joomla-30 input,

.jsn-joomla-30 button,

.jsn-joomla-30 select,

.jsn-joomla-30 textarea,

.jsn-joomla-30 .btn,

.jsn-joomla-30 .uneditable-input {

  font-size: 13px;

}

.jsn-joomla-30 .icon-location {

    background-position: -24px -73px;

}

.jsn-joomla-30 div.tooltip {

  background: none;

  border: none;

}

.jsn-joomla-30 #form-login-remember .control-label,

.jsn-joomla-30 #modlgn-remember {

  vertical-align: middle;

  margin: 0 2px;

}

.jsn-joomla-30 .dropdown-menu li,

.jsn-joomla-30 .category li {

  margin: 0;

}

.jsn-joomla-30 .page-header {

    border-bottom: none;

  margin-bottom: 0;

}

.chrono_credits { display:none; }