/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== Font Awesome ============================== */
@import url(font-icons/css/font-awesome.min.css);
[class^="jsn-icon-"]:before, [class*="jsn-icon-"]:before, [class*=" fa-"].fa {
    font-family: "FontAwesome"
    }
[class^="jsn-icon-"], [class*="jsn-icon-"] {
    line-height: inherit;
    font-family: inherit
    }
/* ============================== 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: 0.85em
    }
sup {
    bottom: 0.3em;
    font-size: 0.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.5em !important;
    line-height: inherit
    }
h3 {
    color: #c00;
    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: #630
    }
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-pos-breadcrumbs.display-mobile, div.jsn-modulecontainer.display-mobile, div#jsn-pos-breadcrumbs.display-tablet, div.jsn-modulecontainer.display-tablet, div#jsn-pos-breadcrumbs.display-smartphone, div.jsn-modulecontainer.display-smartphone {
    display: none
    }
div#jsn-pos-breadcrumbs.display-desktop, div.jsn-modulecontainer.display-desktop {
    display: block
    }
div.jsn-modulescontainer {
    padding: 5px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
    }
div.jsn-modulescontainer div.jsn-modulecontainer_inner {
    margin: 10px
    }
div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer {
    width: 23.404255%;
    margin-left: 2.12766%
    }
div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:first-child {
    margin-left: 0
    }
div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:last-child {
    margin-left: 0;
    margin-top: 2.12766%;
    clear: left
    }
/* =============== 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;
    width: 960px
    }
/* ----- 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 - TOPBAR AREA =============== */
#jsn-topbar {
    background-color: #282828;
    padding: 5px 0
    }
#jsn-pos-topbar {
    color: #fff;
    margin: 0 auto;
    width: 960px
    }
#jsn-pos-topbar a {
    color: #fff
    }
#jsn-pos-topbar .jsn-modulecontainer {
    float: right
    }
/* =============== LAYOUT - LAYOUT CHANGING =============== */
/* ----- PROMO AREA ----- */
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.order1 + #jsn-pos-promo-left.order3 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 #jsn-pos-promo-right.order3 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2[class*="offset-"] .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order1 + #jsn-pos-promo-right.order2 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 + #jsn-pos-promo-right.order3 .jsn-modulecontainer {
    margin-left: -19px;
    margin-right: 0
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-right.order2 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo:not(.order2) + #jsn-pos-promo-right.order1[class*="offset-"] .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 + #jsn-pos-promo-right.order1 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo:not(.order2) + #jsn-pos-promo-left.order1 .jsn-modulecontainer {
    margin-right: -19px;
    margin-left: 0
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span1[class*="order"] > div {
    margin: 0 -33.3333%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2[class*="order"] > div {
    margin: 0 -14.2857%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3[class*="order"] > div {
    margin: 0 -9.0909%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4[class*="order"] > div {
    margin: 0 -6.6667%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5[class*="order"] > div {
    margin: 0 -5.2632%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6[class*="order"] > div {
    margin: 0 -4.3478%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7[class*="order"] > div {
    margin: 0 -3.7037%
    }
#jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8[class*="order"] > div {
    margin: 0 -3.2258%
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div {
    margin: 0 -2.8571% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order10 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order1 > div {
    margin: 0 -2.5641% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div {
    margin: 0 -3.2258% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div {
    margin: 0 -3.7037% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div {
    margin: 0 -4.3478% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order1 > div {
    margin: 0 -5.2632% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div {
    margin: 0 -6.6667% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div {
    margin: 0 -9.0909% 0 0
    }
#jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div {
    margin: 0 -14.2857% 0 0
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order3 > div {
    margin: 0 0 0 -2.8571%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order3 > div {
    margin: 0 0 0 -2.5641%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order3 > div {
    margin: 0 0 0 -3.2258%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order3 > div {
    margin: 0 0 0 -3.7037%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order3 > div {
    margin: 0 0 0 -4.3478%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order3 > div {
    margin: 0 0 0 -5.2632%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order3 > div {
    margin: 0 0 0 -6.6667%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order3 > div {
    margin: 0 0 0 -9.0909%
    }
#jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order3 > div {
    margin: 0 0 0 -14.2857%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span1[class*="order"] > div {
    margin: 0 -42.8571%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2[class*="order"] > div {
    margin: 0 -17.6471%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3[class*="order"] > div {
    margin: 0 -11.1111%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4[class*="order"] > div {
    margin: 0 -8.1081%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5[class*="order"] > div {
    margin: 0 -6.383%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6[class*="order"] > div {
    margin: 0 -5.2632%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7[class*="order"] > div {
    margin: 0 -4.4776%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8[class*="order"] > div {
    margin: 0 -3.8961%
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div {
    margin: 0 -3.4483% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order10 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order1 > div {
    margin: 0 -3.0928% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div {
    margin: 0 -3.8961% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div {
    margin: 0 -4.4776% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div {
    margin: 0 -5.2632% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order1 > div {
    margin: 0 -6.383% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div {
    margin: 0 -8.1081% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div {
    margin: 0 -11.1111% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div {
    margin: 0 -17.6471% 0 0
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order3 > div {
    margin: 0 0 0 -3.4483%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order3 > div {
    margin: 0 0 0 -3.0928%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order3 > div {
    margin: 0 0 0 -3.8961%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order3 > div {
    margin: 0 0 0 -4.4776%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order3 > div {
    margin: 0 0 0 -5.2632%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order3 > div {
    margin: 0 0 0 -6.383%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order3 > div {
    margin: 0 0 0 -8.1081%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order3 > div {
    margin: 0 0 0 -11.1111%
    }
.jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order3 > div {
    margin: 0 0 0 -17.6471%
    }
/* ----- Maincontent Area ----- */
#jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent #jsn-maincontent_inner {
    margin-left: -10px;
    margin-right: -10px
    }
#jsn-content.jsn-hasright #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order1 #jsn-maincontent_inner {
    margin-right: -10px;
    margin-left: 0
    }
#jsn-content.jsn-hasleft #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner, #jsn-content.jsn-hasright .order2 #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner {
    margin-left: -10px;
    margin-right: 0
    }
#jsn-content #jsn-maincontent, #jsn-content #jsn-maincontent #jsn-centercol {
    min-height: 1px
    }
/* =============== LAYOUT - HEADER AREA =============== */
#jsn-header {
    border-top: 5px solid #374A5F;
    margin-bottom: 20px;
    background: url(../images/header-pattern.png)
    }
#jsn-header-inner {
    padding: 10px 0;
    margin-bottom: 0
    }
#jsn-logo a {
    line-height: 100%;
    display: inline-block
    }
#jsn-logo #jsn-logo-mobile {
    display: none
    }
#jsn-logo .jsn-topheading {
    display: none
    }
#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;
    background-color: #12790c;
    position: relative
    }
#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
    }
#jsn-pos-toolbar {
    color: #555;
    text-shadow: 0 1px 0 #FFF
    }
/* =============== 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: 50x;
    right: 0;
    z-index: 200;
    background: url(../images/header-pattern.png) repeat;
    padding: 10px;
    min-width: 220px;
    border-top: 1px solid #fff
    }
#jsn-menu div.display-dropdown.jsn-modulecontainer a, #jsn-menu div.display-inline.jsn-modulecontainer a {
    color: #555;
    text-decoration: underline
    }
#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: #555;
    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: 71px
    }
#jsn-menu div.display-dropdown.menu-richmenu.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span {
    padding: 16px 11px 36px
    }
/* =============== 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, [id*="jsn-content_inner"], #jsn-maincontent, #jsn-centercol, #jsn-pos-innerleft, #jsn-pos-innerright, #jsn-leftsidecontent, #jsn-rightsidecontent {
    position: relative
    }
#jsn-content {
    margin-top: 20px
    }
#jsn-leftsidecontent, #jsn-rightsidecontent {
    z-index: 87
    }
#jsn-leftsidecontent_inner {
    padding: 0 0 15px
    }
#jsn-pos-innerleft_inner {
    padding: 0 0 15px 15px
    }
#jsn-pos-innerright_inner {
    padding: 0 15px 15px 0
    }
#jsn-centercol_inner {
    padding: 0
    }
#jsn-mainbody {
    padding: 1.2em
    }
#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-content-bottom div.jsn-modulescontainer div.jsn-modulecontainer_inner {
    margin-right: 0;
    margin-left: 0
    }
#jsn-content-bottom div.jsn-modulescontainer:first-child div.jsn-modulecontainer_inner {
    margin-right: 5px;
    margin-left: 0
    }
#jsn-content-bottom div.jsn-modulescontainer:last-child div.jsn-modulecontainer_inner {
    margin-right: 0;
    margin-left: 5px
    }
#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: #222 url(../images/footer-inner-bg-top.png) left top repeat-x;
    border-top: 2px solid #009136
    }
#jsn-pos-bottom {
    text-align: right
    }
#jsn-brand {
    display: block;
    padding: 3px 10px;
    text-align: center
    }
/* ============================== 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: 0.8em;
    border: 1px solid #e5e5e5
    }
.text-box-highlight {
    padding: 0.8em;
    border: 1px solid transparent
    }
.text-box-highlight:hover {
    border-color: #d9d9d9;
    background-color: #f2f2f2
    }
.text-highlight {
    padding: 0.2em 0.5em;
    background: #FFA
    }
.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/0.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
    }
/* =============== 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: #fff;
    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: #fff;
    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: #fff
    }
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 #999
    }
/* =============== 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: #999
    }
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 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: 0.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 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: #ddd;
    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.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 - MAIN MENU =============== */
div.jsn-modulecontainer ul.menu-mainmenu ul {
    left: auto
    }
#jsn-promo {
    transition: padding all 0s ease;
    -moz-transition: padding all 0s ease;
    -webkit-transition: padding all 0s ease
    }
#jsn-header.jsn-menu-sticky + #jsn-promo {
    padding-top: 40px;
    transition: padding all 0.3s ease 0s;
    -moz-transition: padding all 0.3s ease 0s;
    -webkit-transition: padding all 0.3s ease 0s
    }
#jsn-menu.jsn-menu-sticky {
    position: fixed;
    top: 0;
    width: 100%
    }
/* ========= MENU - FLIPBACK ========= */
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback > ul {
    right: 0
    }
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback a {
    text-align: right
    }
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul li.parent > a {
    background-image: url(../images/icons/icon-arrow-black-rtl.png);
    background-position: 2% center
    }
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul li.parent:hover > a, div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul li.parent.active > a {
    background-image: url(../images/icons/icon-arrow-white-rtl.png)
    }
div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul ul {
    right: 199px;
    margin-left: 0
    }
/* =============== 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 #666
    }
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.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;
    padding: 0;
    list-style: none
    }
ul.menu-topmenu li {
    margin: 0;
    padding: 0 8px;
    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;
    margin-right: 50px;
    margin-top: 10px
    }
#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
        }
    body.jsn-desktop-on-mobile {
        -webkit-text-size-adjust: none
        }
    #jsn-menu.jsn-menu-sticky {
        position: static
        }
    body.jsn-desktop-on-mobile #jsn-menu.jsn-menu-sticky {
        position: fixed
        }
    /* Fix Hover Event on touch mobile devices */
    ul.menu-mainmenu li ul, ul.menu-sidemenu li ul {
        transition: none !important;
        -moz-transition: none !important;
        -webkit-transition: none !important;
        -ms-transition: none !important;
        -o-transition: none !important
        }
    }
/* ============================== SITE TOOLS ============================== */
/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */
#jsn-sitetoolspanel {
    position: absolute;
    right: 0;
    top: 8px;
    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: 55px
    }
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: 3px 7px 2px 10px
    }
ul#jsn-sitetools-inline li ul li.jsn-color1 {
    width: 70px;
    height: 26px
    }
/* =============== 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: -15px -39px;
    margin-left: -2px
    }
#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: -15px -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
    }
table.contentpaneopen {
    width: 100%
    }
/* ----- FORM ----- */
.jsn-formbuttons {
    text-align: center;
    padding-top: 0.45em
    }
table.paramlist td {
    padding: 0.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;
    padding: 4px 10px;
    margin: 0 0 2px;
    font-size: 13px;
    line-height: 18px;
    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: #000;
    background: #FFF
    }
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-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
    }
/* ----- ARTICLE TOOLBAR ----- */
.jsn-article-toolbar {
    margin-bottom: 15px;
    background-color: #f4f4f4
    }
.jsn-article-toolbar .btn-group.pull-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: #999;
    font-style: italic
    }
/* ----- ARCHIVE ARTICLE  ----- */
div.archive .intro {
    clear: both
    }
/* ----- 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: 0.4em;
    background: url(../images/dot.png) bottom repeat-x;
    font-weight: bold;
    text-align: center
    }
table.contenttoc td {
    padding: 0.25em 0.6em
    }
/* PAGE LINK IN TOC */
a.toclink {
    font-size: 0.9em
    }
/* PAGE NUMBER SHOWING "PAGE 1 OF ..." UNDER TOC */
div.pagenavcounter {
    color: #595959;
    margin: 0.5em 0;
    font-size: 0.9em;
    font-weight: bold
    }
/* PAGE NAVIGATION */
div.pagenavbar div {
    color: #999;
    font-weight: bold;
    font-size: 0.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
    }
/* "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 */
.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
    }
.categories-list dl dt, .categories-list dl dd {
    margin: 0;
    padding: 0;
    display: inline
    }
/* TABLE IN CATEGORY TABLE PAGE */
.sectiontableheader {
    padding: 5px 8px;
    font-weight: bold;
    font-size: 1.1em;
    color: #FFF
    }
.sectiontableheader img {
    margin: 0;
    vertical-align: text-top
    }
.sectiontableheader a {
    color: #fff;
    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
    }
/* ----- 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%
    }
/* =============== JOOMLA! EXTENSIONS - COM_FINDER =============== */
.collapse {
    overflow: hidden
    }
/* ----- KEYWORD GIGHLIGHT IN SEARCH RESULT ----- */
span.highlight {
    padding: 0.2em;
    background: #FFA
    }
/* =============== 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
    }
.login-fields {
    margin: 10px 0
    }
.login-fields label {
    width: 9em;
    float: left
    }
/* ----- 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)"
    }
#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: #c00;
    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;
    text-shadow: 0 1px 0 #fff
    }
.breadcrumb li a, .breadcrumb li span {
    color: #404040
    }
.breadcrumb li span + span {
    font-weight: bold
    }
.breadcrumb a.pathway {
    background: url(../images/icons/icon-arrow-black.png) no-repeat scroll right center;
    padding-right: 18px
    }
.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: #F2F2F2 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-"], #jsn-topbar .menu-iconmenu [class*="jsn-icon-"] > a > span, 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 1px;
    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
    }
/* ============================== CSS3 EFFECTS ============================== */
/* ----- GENERAL ----- */
::selection, ::-moz-selection, ::-webkit-selection {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8)
    }
a {
    transition: color 0.3s ease;
    moz-transition: color 0.3s ease;
    -webkit-transition: color 0.3s ease
    }
#jsn-header {
    box-shadow: inset 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    -webkit-box-shadow: inset 0 1px 0 #FFF;
    -o-box-shadow: inset 0 1px 0 #FFF
    }
#jsn-promo {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
    }
#jsn-usermodules3 {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
    }
#jsn-usermodules3 div.jsn-modulecontainer div.jsn-modulecontent a {
    text-decoration: underline
    }
#jsn-footer {
    text-shadow: 0 1px 0 #000
    }
pre {
    border-radius: 0
    }
blockquote {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-shadow: 0 1px 0 #FFF
    }
/* ----- READ MORE ----- */
.readon {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out;
    background-image: -moz-linear-gradient(50% 0% -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%);
    background-image: 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)"
    }
.readon:hover {
    box-shadow: 0 0 3px #333;
    -moz-box-shadow: 0 0 3px #333;
    -webkit-box-shadow: 0 0 3px #333
    }
/* ----- GO TOP LINK ----- */
#jsn-gotoplink {
    transition: color 0.3s linear, background 0.3s ease-out;
    -moz-transition: color 0.3s linear, background 0.3s ease-out;
    -webkit-transition: color 0.3s linear, background 0.3s ease-out
    }
/* ----- TYPOGRAPHY STYLE ----- */
/* TEXT STYLES */
.text-box {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999
    }
.text-box-highlight {
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out
    }
.text-box-highlight:hover {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999
    }
.text-highlight {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
    }
/* LINK STYLES */
.link-button {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.9);
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
    }
.link-button.button-light {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
    box-shadow: inset 0 1px 0 #FFF
    }
.link-button.button-dark {
    box-shadow: inset 0 0 2px rgba(255, 255, 255, 0.6)
    }
.link-button:focus, .link-button:active {
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4);
    -o-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.4)
    }
.link-button, .link-button a {
    transition: background-color 0.3s ease-out, box-shadow 0s;
    -moz-transition: background-color 0.3s ease-out, box-shadow 0s;
    -webkit-transition: background-color 0.3s ease-out, box-shadow 0s
    }
.link-action {
    transition: color 0.3s linear, background 0.3s ease-out;
    -moz-transition: color 0.3s linear, background 0.3s ease-out;
    -webkit-transition: color 0.3s linear, background 0.3s ease-out
    }
.link-action:hover {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)
    }
.link-highlight {
    transition: 0.3s ease-out;
    -moz-transition: 0.3s ease-out;
    -webkit-transition: 0.3s ease-out
    }
.link-highlight:hover {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 0 0 2px #999;
    -moz-box-shadow: 0 0 2px #999;
    -webkit-box-shadow: 0 0 2px #999
    }
/* TABLE STYLES */
table.table-style th, table.table-style td {
    transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out
    }
/* LIST STYLES */
ul.list-number-bullet li .jsn-listbullet {
    border-radius: 12px;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px
    }
/* FORM STYLE */
.inputbox {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s;
    -moz-transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s;
    -webkit-transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s
    }
#jsn-page .button {
    background-image: -ms-linear-gradient(top, #999, #777);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#777));
    background-image: -webkit-linear-gradient(top, #999, #777);
    background-image: -o-linear-gradient(top, #999, #777);
    background-image: linear-gradient(top, #999, #777);
    background-image: -moz-linear-gradient(top, #999, #777);
    background-repeat: repeat-x;
    border: 1px solid #000;
    border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    transition: color 0.1s linear, background 0.3s ease-out;
    -moz-transition: color 0.1s linear, background 0.3s ease-out;
    -webkit-transition: color 0.1s linear, background 0.3s ease-out
    }
.button:hover, .button:active {
    background-image: -ms-linear-gradient(top, #777, #555);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#555));
    background-image: -webkit-linear-gradient(top, #777, #555);
    background-image: -o-linear-gradient(top, #777, #555);
    background-image: linear-gradient(top, #777, #555);
    background-image: -moz-linear-gradient(top, #777, #555);
    transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s;
    -moz-transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s;
    -webkit-transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s
    }
/* ----- MENU STYLES ----- */
/* GENERAL */
ul.menu-mainmenu li a, ul.menu-sidemenu li a, ul.menu-sidemenu li a span.jsn-menudescription, ul.menu-treemenu li a, ul.menu-treemenu li a span.jsn-menudescription {
    transition: background 0.3s ease, color 0.3s ease;
    -moz-transition: background 0.3s ease, color 0.3s ease;
    -webkit-transition: background 0.3s ease, color 0.3s ease
    }
ul.menu-mainmenu ul, #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
    box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 2px 5px 5px rgba(0, 0, 0, 0.2)
    }
ul.menu-mainmenu ul li a {
    text-shadow: 0 1px 0 #FFF;
    transition: all 0.3s ease;
    moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease
    }
ul.menu-mainmenu ul li:hover > a, ul.menu-mainmenu ul li.active > a, ul.menu-sidemenu ul li:hover > a, ul.menu-sidemenu ul li.active > a {
    text-shadow: 0 1px 0 #000
    }
ul.menu-mainmenu ul li a, ul.menu-sidemenu ul li a {
    box-shadow: inset 0 1px 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 #FFF;
    -webkit-box-shadow: inset 0 1px 0 #FFF
    }
ul.menu-mainmenu.jsn-menu-mobile ul li a {
    box-shadow: none
    }
ul.menu-mainmenu ul li:hover > a, ul.menu-mainmenu ul li.active > a, ul.menu-sidemenu ul li:hover > a, ul.menu-sidemenu ul li.active > a {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3)
    }
ul.menu-mainmenu.jsn-menu-mobile ul li:hover > a, ul.menu-mainmenu.jsn-menu-mobile ul li.active > a {
    box-shadow: none
    }
/* MAIN MENU - SIDE MENU */
ul.menu-mainmenu li ul, ul.menu-sidemenu li ul, #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
    }
ul.menu-mainmenu li:hover > ul, ul.menu-sidemenu li:hover > ul, #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner:hover .jsn-modulecontent {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
ul.menu-mainmenu li:hover > ul, ul.menu-sidemenu li:hover > ul {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
    }
/* ----- SITE TOOLS ----- */
ul#jsn-sitetools-menu, ul#jsn-sitetools-menu ul, #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner h3, #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
    transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out
    }
/* ----- MODULE STYLES ----- */
div[class*="solid-"] div.jsn-modulecontainer_inner, div[class*="richbox-"] div.jsn-modulecontainer_inner, div[class*="lightbox-"] div.jsn-modulecontainer_inner {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px
    }
div.blankbox h3.jsn-moduletitle, div[class*="richbox-"] h3.jsn-moduletitle, div[class*="lightbox-"] h3.jsn-moduletitle {
    border-radius: 5px 5px 0 0
    }
div.blankbox div.jsn-modulecontent, div[class*="lightbox-"] div.jsn-modulecontent {
    border-radius: 0 0 5px 5px
    }
div.blankbox div.jsn-modulecontent {
    border-top-color: rgba(255, 255, 255, 0.8)
    }
#jsn-usermodules3 div[class*="lightbox-"] div.jsn-modulecontent {
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8)
    }
div[class*="richbox-"], div[class*="solid-"], div[class*="lightbox-"] h3.jsn-moduletitle {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6)
    }
div[class*=lightbox-] div.jsn-modulecontent, div.lightbox-3 h3.jsn-moduletitle, div.solid-3 h3.jsn-moduletitle, div.solid-3 div.jsn-modulecontent {
    text-shadow: 0 1px 0 #FFF
    }
div[class*="richbox-"] h3.jsn-moduletitle {
    border-bottom: 1px solid rgba(0, 0, 0, 0.6);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2)
    }
div[class*=richbox-] div.jsn-modulecontent {
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border-radius: 0 0 5px 5px
    }
div.jsn-modulecontent ul.menu-sidemenu > li > a, div.jsn-modulecontent ul.menu-treemenu li a, div.jsn-modulecontent ul.menu-sidemenu ul li a {
    text-shadow: 0 1px 0 #FFF
    }
div[class*="richbox-"] ul.menu-sidemenu > li > a, div[class*="solid-"] ul.menu-sidemenu > li > a, div.lightbox-2 ul.menu-sidemenu > li:hover > a, div.lightbox-2 ul.menu-sidemenu > li.active > a, div[class*="richbox-"] ul.menu-treemenu > li a, div[class*="solid-"] ul.menu-treemenu > li a, div.jsn-modulecontent ul.menu-treemenu li > a:hover, div.jsn-modulecontent ul.menu-treemenu li.current a {
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
    }
div[class*="solid-"] ul.menu-sidemenu > li:hover > a, div[class*="solid-"] ul.menu-treemenu li > a:hover {
    background-color: rgba(255, 255, 255, 0.2)
    }
div.lightbox-1 ul.menu-treemenu li > a:hover, div.lightbox-1 ul.menu-treemenu li.current a {
    text-shadow: none
    }
.jsn-article-toolbar .article-info {
    text-shadow: 0 1px 0 #FFF
    }
/* ----- OVERRIDE JOOMLA 30 ----- */
.jsn-joomla-30 .calendar .button {
    border-radius: none;
    -moz-border-radius: none;
    -webkit-border-radius: none
    }
/* ----- PRINT PAGE ----- */
@media print {
    a[href]:after {
        content: none !important;
        display: none !important
        }
    }
/* Fixed Module Login Style Title and Icon */
#jsn-header div[class*="box-"] h3.jsn-moduletitle {
    color: #000
    }
.jsn-menu-mobile-control, ul.menu-topmenu li.jsn-menu-mobile-control {
    display: none
    }
div.jsn-modulecontainer ul.menu-sidemenu > li.fa {
    display: block;
    position: relative
    }
div.jsn-modulecontainer ul.menu-sidemenu > li.fa a {
    padding-left: 24px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    text-transform: uppercase
    }
div.jsn-modulecontainer ul.menu-sidemenu > li.fa a span {
    background-image: none;
    padding-left: 6px;
    color: #FFF;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
    }
div.jsn-modulecontainer ul.menu-sidemenu > li.fa:before {
    color: #444;
    font-size: 15px;
    left: 12px;
    margin-top: 7px;
    position: absolute
    }
div.jsn-modulecontainer ul.menu-treemenu > li.fa {
    display: block;
    position: relative
    }
div.jsn-modulecontainer ul.menu-treemenu > li.fa a {
    padding-left: 24px;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    text-transform: uppercase
    }
div.jsn-modulecontainer ul.menu-treemenu > li.fa a span {
    background-image: none;
    padding-left: 6px;
    color: #404040;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5)
    }
div.jsn-modulecontainer ul.menu-treemenu > li.fa:before {
    color: #444;
    font-size: 15px;
    left: 12px;
    margin-top: 7px;
    position: absolute
    }
#jsn-header div[class*="box-"][class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon {
    background-image: url(../images/icons/icons-uni.png)
    }
form#login-form a.btn.hasTooltip {
    display: inline-block !important
    }
body #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle {
    border-top: none
    }
#jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer {
    position: relative;
    margin-top: 1px
    }
#jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer.fa:before {
    font-size: 15px;
    left: -2px;
    position: absolute;
    top: 16px
    }
#jsn-menu .menu-mainmenu ul.sub-menu li a span {
    font-size: 14px;
    text-transform: none
    }