/**
* author    JoomlaShine.com http://www.joomlashine.com
* copyright Copyright (C) 2006 - 2009 JoomlaShine.com. All rights reserved.
* license   Copyrighted Commercial Software
* This file may not be redistributed in whole or significant part.
*/
/* ============================== TYPOGRAPHY  ============================== */
/* =============== COMMON SETTINGS =============== */
.align-left {
        float: left;
        margin-right: 1em;
}
.align-right {
        float: right;
        margin-left: 1em;
}
.align-center {
        margin-left: auto;
        margin-right: auto;
}
.content-center {
        text-align: center;
}
.clearbreak {
        clear: both;
}
.hd {
        display: none;
}
div.itemIntroText {
        font: inherit;
        color: inherit;
}
/* =============== GENERAL SETTINGS =============== */
html, body {
        line-height: 1.5;
        margin: 0;
        padding: 0;
}
p, pre, blockquote, form, dl, ul, ol, fieldset, address {
        margin: 0.35em 0 0.8em 0;
        padding: 0;
}
fieldset {
        padding: .5em;
}
small {
        font-size: .85em;
}
sup {
        font-size: .8em;
        position: relative;
        bottom: 0.3em;
        vertical-align: baseline;
}
sup em {
        color: red;
}
acronym, abbr {
        border-bottom: 1px dashed;
        letter-spacing: 1px;
        cursor: help;
}
pre {
        background: #FFFFD5;
        font-family: "Courier New",Courier,monospace;
        padding: 1em;
        border-left: 5px solid #404040;
}
blockquote {
        font-style: italic;
        min-height: 45px;
        color: #404040;
        padding-left: 55px;
        background: url(../images/icon-text-blockquote-24.png) no-repeat top left;
}
/* =============== HEADING STYLES =============== */
/* @HEADING */
h1 {
        font-size: 1.4em;
        color: #000000;
}
h2 {
        font-size: 1.3em;
        color: #000000;
}
h3 {
        font-size: 1.2em;
        color: #CC3333;
}
h4 {
        font-size: 1.1em;
        color: #CC8033;
}
h5, h6 {
        font-size: 1em;
        font-weight: bold;
        color: #333333;
}
h1, h2, h3, h4, h5, h6 {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        margin: 0.6em 0 .25em 0;
}
/* ============================== TYPOGRAPHY  ============================== */
/* =============== CONTENT LAYOUT =============== */
div.grid-layout:after,
.clearafter:after {
        clear: both;
        display: block;
        content: ".";
        height: 0;
        visibility: hidden;
}
/* =============== CONTENT GRID =============== */
div.grid-layout {
        width: 100%;
        float: left;
}
div.grid-col {
        float: left;
        overflow: hidden;
        margin-right: 1.95%; /* Fix IE7 margin issue */
}
div.grid-layout div.grid-lastcol {
        float: right;
        margin-right: 0;
}
/* =============== CONTENT PARAGRAPH=============== */
.text-border {
        border: 1px solid #e5e5e5;
        padding: 3px;
}
.text-highlight {
        padding: .2em;
        background: #FFFFAA;
}
.text-alert {
        border-top: 2px solid #FEABAB;
        border-bottom: 2px solid #FEABAB;
        background: #FFDFDF url(../images/icon-text-alert-24.png) no-repeat;
}
.text-info {
        border-top: 2px solid #B7D2F2;
        border-bottom: 2px solid #B7D2F2;
        background: #DBE7F8 url(../images/icon-text-info-24.png) no-repeat;
}
.text-download {
        border-top: 2px solid #DDEDBC;
        border-bottom: 2px solid #DDEDBC;
        background: #F2F9E5 url(../images/icon-text-download-24.png) no-repeat;
}
.text-comment {
        border-top: 2px solid #FEEBAB;
        border-bottom: 2px solid #FEEBAB;
        background: #FEF8E1 url(../images/icon-text-comment-24.png) no-repeat;
}
.text-tip {
        border-top: 2px solid #FEEBAB;
        border-bottom: 2px solid #FEEBAB;
        background: #FFFFD5 url(../images/icon-text-tip-24.png) no-repeat;
}
.text-attachment {
        border-top: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
        background: #f2f2f2 url(../images/icon-text-attachment-24.png) no-repeat;
}
.text-video {
        border-top: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
        background: #f2f2f2 url(../images/icon-text-video-24.png) no-repeat;
}
.text-audio {
        border-top: 2px solid #e5e5e5;
        border-bottom: 2px solid #e5e5e5;
        background: #f2f2f2 url(../images/icon-text-audio-24.png) no-repeat;
}
.text-tip,
.text-info,
.text-alert,
.text-audio,
.text-video,
.text-comment,
.text-download,
.text-attachment {
        background-position: left center;
        padding: 1em 1em 1em 5em;
}
.text-dropcap:first-letter {
        color: #404040;
        font: 4em/.8em "Times New Roman", Times, serif;
        float: left;
}
/* =============== IMAGES =============== */
img.image-left {
        float: left;
        margin: 0.5em 1em 0.5em 0;
}
img.image-right {
        float: right;
        margin: 0.5em 0 0.5em 1em;
}
img {
        border: none;
}
img.image-border {
        border: 1px solid #e5e5e5;
        padding: 3px;
}
img.image-margin {
        margin: .5em;
}
/* =============== LIST STYLES =============== */
ul li {
        margin: 0.3em 0 0.3em 1.6em;
        padding: 0;
}
ol li {
        margin: 0.3em 0 0.3em 2em;
        padding: 0;
}
ul.list-arrow-red,
ul.list-arrow-green,
ul.list-arrow-blue,
ul.list-icon-article,
ul.list-icon-folder,
ul.list-icon-image,
ul.list-icon-online,
ul.list-icon-star,
ul.list-icon-user {
        list-style: none;
}
/* ========== ARROW LIST ========== */
ul.list-arrow-red li {
        margin-left: 0.6em;
        padding-left: 14px;
        background: url(../images/icons-arrow-8.png) no-repeat left 5px;
}
ul.list-arrow-blue li {
        margin-left: 0.6em;
        padding-left: 14px;
        background: url(../images/icons-arrow-8.png) no-repeat left -102px;
}
ul.list-arrow-green li {
        margin-left: 0.6em;
        padding-left: 14px;
        background: url(../images/icons-arrow-8.png) no-repeat left -209px;
}
/* ========== ICON LIST ========== */
ul.list-icon {
        list-style-type: none;
}
ul.list-icon li {
        position: relative;
        margin: 0;
        padding: 3px 0 3px 20px;
}
ul.list-icon li span {
        height: 24px;
        width: 24px;
        position: absolute;
        left: 0;
        top: 0;
}
ul.article-list li span {
        background: url(../images/icons-uni-16.png) no-repeat 0 2px;
}
ul.folder-list li span {
        background: url(../images/icons-uni-16.png) no-repeat 0 -513px;
}
ul.image-list li span {
        background: url(../images/icons-uni-16.png) no-repeat 0 -771px;
}
ul.online-list li span {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1029px;
}
ul.star-list li span {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1459px;
}
ul.user-list li span {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1631px;
}
/* ========== NUMBER LIST BULLET ========== */
ul.list-number-bullet,
ul.list-number-digit {
        list-style: none;
}
ul.list-number-bullet li,
ul.list-number-digit li {
        position: relative;
        margin-left: 3px;
        padding: 3px 0 3px 36px;
}
ul.list-number-bullet li .bulletcount,
ul.list-number-digit li .bulletcount {
        display: block;
        width: 32px;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: -3px;
}
ul.list-number-bullet li .bulletcount {
        height: 32px;
        line-height: 32px;
        text-align: center;
        font-size: 14px;
        color: #fff;
        background: url(../images/icon-bullet-32.png) no-repeat left top;
}
ul.blue-bullet li .bulletcount {
        background-position: 0 -60px;
}
ul.green-bullet li .bulletcount {
        background-position: 0 -152px;
}
ul.grey-bullet li .bulletcount {
        background-position: 0 -244px;
}
ul.orange-bullet li .bulletcount {
        background-position: 0 -336px;
}
ul.red-bullet li .bulletcount {
        background-position: 0 -428px;
}
ul.violet-bullet li .bulletcount {
        background-position: 0 -520px;
}
/* ========== NUMBER LIST DIGIT ========== */
ul.list-number-digit li {
        padding-left: 42px;
}
ul.list-number-digit li .bulletcount {
        font-size: 32px;
        line-height: 100%;
        text-align: right;
}
ul.blue-digit li .bulletcount {
        color: #009aca;
}
ul.green-digit li .bulletcount {
        color: #429e00;
}
ul.grey-digit li .bulletcount {
        color: #999999;
}
ul.orange-digit li .bulletcount {
        color: #e66000;
}
ul.red-digit li .bulletcount {
        color: #bf0000;
}
ul.violet-digit li .bulletcount {
        color: #9e0084;
}
/* ========== HORIZONTAL LIST ========== */
ul.list-horizontal {
        margin: 0;
        list-style: none;
}
ul.list-horizontal li {
        display: inline;
        margin: 0 .5em;
}
/* ========== CLEAN LIST ========== */
ul.list-nobullet {
        margin: 0;
        list-style: none;
}
ul.list-nobullet li {
        margin: 0;
        padding: 0;
        list-style: none;
}
/* =============== LINKS =============== */
a {
        text-decoration: none;
        outline: none;
        color: #009aca;
}
a:hover {
        text-decoration: underline;
}
a:active {
        text-decoration: none;
}
a img {
        border: none;
}
/* =============== EXTENDED LINKS STYLE =============== */
a.link-action:link, a.link-action:visited {
        text-decoration: underline;
        font-weight: bold;
}
a.link-action:hover {
        text-decoration: none;
}
a.link-text {
        background: url(../images/icons-ext-16.png) no-repeat right -1578px;
}
a.link-music {
        background: url(../images/icons-ext-16.png) no-repeat right -1122px;
}
a.link-archive {
        background: url(../images/icons-ext-16.png) no-repeat right -140px;
}
a.link-movie {
        background: url(../images/icons-ext-16.png) no-repeat right -666px;
}
a.link-wmv {
        background: url(../images/icons-ext-16.png) no-repeat right -1730px;
}
a.link-doc,a.link-rtf {
        background: url(../images/icons-ext-16.png) no-repeat right -444px;
}
a.link-xls {
        background: url(../images/icons-ext-16.png) no-repeat right -1806px;
}
a.link-pps {
        background: url(../images/icons-ext-16.png) no-repeat right -1274px;
}
a.link-flash {
        background: url(../images/icons-ext-16.png) no-repeat right -742px;
}
a.link-pdf {
        background: url(../images/icons-ext-16.png) no-repeat right -1578px;
}
a.link-feed {
        background: url(../images/icons-ext-16.png) no-repeat right -590px;
}
a.link-vcard {
        background: url(../images/icons-ext-16.png) no-repeat right -1654px;
}
a.link-mov {
        background: url(../images/icons-ext-16.png) no-repeat right -970px;
}
a.link-dmg,a.link-app {
        background: url(../images/icons-ext-16.png) no-repeat right -368px;
}
a.link-ical {
        background: url(../images/icons-ext-16.png) no-repeat right -818px;
}
a.link-css {
        background: url(../images/icons-ext-16.png) no-repeat right -292px;
}
a.link-ttf {
        background: url(../images/icons-ext-16.png) no-repeat right -1502px;
}
a.link-torrent {
        background: url(../images/icons-ext-16.png) no-repeat right -1426px;
}
a.link-mailto {
        background: url(../images/icons-ext-16.png) no-repeat right -894px;
}
a.link-callto {
        background: url(../images/icons-ext-16.png) no-repeat right -216px;
}
a.link-msnim {
        background: url(../images/icons-ext-16.png) no-repeat right -1046px;
}
a.link-aim {
        background: url(../images/icons-ext-16.png) no-repeat right -64px;
}
a.link-yim {
        background: url(../images/icons-ext-16.png) no-repeat right -1882px;
}
a.link-skype {
        background: url(../images/icons-ext-16.png) no-repeat right -1350px;
}
a.link-text, a.link-music, a.link-archive, a.link-movie, a.link-wmv,
a.link-doc, a.link-rtf, a.link-xls, a.link-pps, a.link-flash, a.link-pdf,
a.link-feed,a.link-vcard,a.link-mov,a.link-dmg,a.link-app,a.link-ical,
a.link-css, a.link-ttf, a.link-torrent, a.link-mailto, a.link-callto,
a.link-msnim, a.link-aim, a.link-yim, a.link-skype {
        padding: 0 20px 0 0;
        display: inline-block;
}
a.link-noicon {
        padding: 0;
        background: none;
}
/* ==================== TABLE STYLES ==================== */
table.table-plainrows th,
table.table-greystripes th,
table.table-colorstripes th {
        text-align: left;
}
/* ========== PLAIN ROWS TABLE ========== */
table.table-plainrows {
        border-collapse:collapse;
        background-color: #f2f2f2;
        color: #404040;
        border-spacing: 0;
}
table.table-plainrows caption {
        padding: 6px 0;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
}
table.table-plainrows thead {
        border-bottom: solid 1px;
}
table.table-plainrows thead th {
        text-transform: capitalize;
        padding: 5px 10px;
        color: #ffffff;
        font-size: 1.1em;
}
table.table-plainrows tfoot th,
table.table-plainrows tfoot td {
        text-transform: capitalize;
        padding: 3px 10px;
        background-color: #d9d9d9;
        color: #000000;
        font-size: 1.1em;
}
table.table-plainrows tfoot td {
        text-align: right;
}
table.table-plainrows tbody th,
table.table-plainrows tbody td {
        border-bottom: solid 1px #d9d9d9;
        padding: 4px 10px;
}
table.table-plainrows tbody th {
        white-space: nowrap;
}
table.table-plainrows tbody tr:hover {
        background: #e5e5e5;
}
/* ========== DARK STRIPES TABLE ========== */
table.table-colorstripes {
        border: 1px solid;
        color: #ffffff;
        border-collapse: collapse;
        border-spacing: 0;
}
table.table-colorstripes caption {
        padding: 6px 0;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
}
table.table-colorstripes td,
table.table-colorstripes th {
        border: 1px dashed;
        padding: 5px 10px;
}
table.table-colorstripes thead th {
        border: 1px solid;
        color: #ffffff;
        font-size: 1.1em;
}
table.table-colorstripes tbody th,
table.table-colorstripes tbody td {
        vertical-align: top;
        text-align: left;
}
table.table-colorstripes tbody tr.odd {
        background: #224161;
}
table.table-colorstripes tfoot th,
table.table-colorstripes tfoot td {
        border: none;
        padding: 4px 10px;
        background: #162c40;
        color: #ffffff;
        font-size: 1.1em;
}
table.table-colorstripes tfoot td {
        text-align: right;
}
/* ========== GREY STRIPES TABLE ========== */
table.table-greystripes {
        border: 1px solid #d9d9d9;
        color: #404040;
        background: #ffffff;
        border-collapse: collapse;
        border-spacing: 0;
}
table.table-greystripes caption {
        padding: 6px 0;
        text-transform: uppercase;
        text-align: center;
        font-size: 1.2em;
        font-weight: bold;
}
table.table-greystripes td,
table.table-greystripes th {
        border: 1px dashed #e5e5e5;
        padding: 5px 10px;
}
table.table-greystripes thead th {
        border: 1px solid #595959;
        border-bottom: 2px solid #000000;
        background: #404040;
        color: #ffffff;
        font-size: 1.1em;
}
table.table-greystripes tbody th,
table.table-greystripes tbody td {
        vertical-align: top;
        text-align: left;
}
table.table-greystripes tbody tr.odd {
        background: #f2f2f2;
}
table.table-greystripes tbody tr:hover {
        background: #e5e5e5;
}
table.table-greystripes tbody tr:hover th,
table.table-greystripes tbody tr.odd:hover th {
        background: #e5e5e5;
}
table.table-greystripes tfoot th,
table.table-greystripes tfoot td {
        border: none;
        padding: 4px 10px;
        background-color: #d9d9d9;
        color: #000000;
        font-size: 1.1em;
}
table.table-greystripes tfoot td {
        text-align: right;
}
/* ============================== MAIN LAYOUT ============================== */
#jsn-master {
        background: repeat-x top left;
}
#jsn-page {
        background-color: #fff;
        color: #003366;
        border-left: 2px solid #004262;
        border-right: 2px solid #004262;
        width: 960px;
        margin: 0 auto;
}
#jsn-pstickleft {
        position: fixed;
        left: 0;
        top: 0;
        visibility: hidden;
}
#jsn-pstickright {
        position: fixed;
        right: 0;
        top: 0;
        visibility: hidden;
}
/* ============================== HEADER COMPONENTS ============================== */
#jsn-header {
        position: relative;
        overflow: hidden;
        width: 100%;
}
#jsn-logo {
        line-height: 0;
}
#jsn-logo h1 {
        display: none;
}
#jsn-pinset {
        position: absolute;
        top: 28px;
        right: 20px;
}
#jsn-pinset form {
        margin: 0;
}
#jsn-pinset div.jsn-modulecontainer {
        float: right;
}
#jsn-pinset div.moduletable {
        float: left;
        margin-right: 10px;
}
/* ============================== MAIN MENU ============================== */
#jsn-menu {
        background-color: #1f497d;
        color: #f2f2f2;
        width: 100%;
        position: relative;
        z-index: 89;
}
#jsn-pmainmenu {
        float: left;
        margin: 3px 0 0 1px;
}
#jsn-ptoolbar {
        float: right;
}
#jsn-ptoolbar div.moduletable {
        float: right;
        margin-left: 10px;
}
/* ============================== ACCESSIBILITY SITE TOOLS ============================== */
#jsn-sitetoolspanel {
        float: right;
        margin: 2px 2px 0 0;
}
/* ====== SITE TOOLS MENU ====== */
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;
        background: url(../images/icons-uni-16.png) no-repeat center -1368px;
}
ul#jsn-sitetools-menu > li:hover {
        background-color: #4a4a4a;
}
ul#jsn-sitetools-menu li a {
        display: block;
        height: 30px;
        width: 30px;
        padding: 0;
        margin: 0;
}
ul#jsn-sitetools-menu li ul {
        position: absolute;
        left: -999em;
}
ul#jsn-sitetools-menu ul li {
        padding: 3px 6px;
        background: none;
}
ul#jsn-sitetools-menu ul li a {
        float: left;
        display: inline-block;
        width: 22px;
        height: 20px;
}
ul#jsn-sitetools-menu li.sfhover ul {
        left: auto;
}
/* ====== SITE TOOLS MENU ====== */
ul#jsn-sitetools-inline {
        float: left;
        border-left:1px solid #000;
        list-style: none;
        padding: 5px 0;
        margin: 0;
}
ul#jsn-sitetools-inline li {
        padding: 0 3px;
        margin: 0;
        float: left;
}
ul#jsn-sitetools-inline li a {
        float: left;
        display: inline-block;
        width: 22px;
        height: 20px;
}
/* =============== TEXT SIZER =============== */
#jsn-selector-small {
        background: url(../images/text-sizer.png) no-repeat 0 0;
}
#jsn-selector-medium {
        background: url(../images/text-sizer.png) no-repeat -21px 0;
}
#jsn-selector-big {
        background: url(../images/text-sizer.png) no-repeat -42px 0;
}
#jsn-selector-small.current,
#jsn-selector-small:hover {
        background: url(../images/text-sizer.png) no-repeat 0 -20px;
}
#jsn-selector-medium.current,
#jsn-selector-medium:hover {
        background: url(../images/text-sizer.png) no-repeat -21px -20px;
}
#jsn-selector-big.current,
#jsn-selector-big:hover {
        background: url(../images/text-sizer.png) no-repeat -42px -20px;
}
/* =============== WIDTH SELECTOR =============== */
#jsn-selector-narrow {
        background: url(../images/width-selector.png) no-repeat 0 0;
}
#jsn-selector-wide {
        background: url(../images/width-selector.png) no-repeat -21px 0;
}
#jsn-selector-float {
        background: url(../images/width-selector.png) no-repeat -42px 0;
}
#jsn-selector-narrow.current,
#jsn-selector-narrow:hover {
        background: url(../images/width-selector.png) no-repeat 0 -20px;
}
#jsn-selector-wide.current,
#jsn-selector-wide:hover {
        background: url(../images/width-selector.png) no-repeat -21px -20px;
}
#jsn-selector-float.current,
#jsn-selector-float:hover {
        background: url(../images/width-selector.png) no-repeat -42px -20px;
}
/* =============== COLOR SELECTOR =============== */
#jsn-selector-blue {
        background: url(../images/color-selector.png) no-repeat -20px 0;
}
#jsn-selector-red {
        background: url(../images/color-selector.png) no-repeat -40px 0;
}
#jsn-selector-green {
        background: url(../images/color-selector.png) no-repeat -60px 0;
}
#jsn-selector-violet {
        background: url(../images/color-selector.png) no-repeat -80px 0;
}
#jsn-selector-orange {
        background: url(../images/color-selector.png) no-repeat -100px 0;
}
#jsn-selector-grey {
        background: url(../images/color-selector.png) no-repeat -120px 0;
}
#jsn-selector-blue.current,
#jsn-selector-blue:hover {
        background: url(../images/color-selector.png) no-repeat -20px -20px;
}
#jsn-selector-red.current,
#jsn-selector-red:hover {
        background: url(../images/color-selector.png) no-repeat -40px -20px;
}
#jsn-selector-green.current,
#jsn-selector-green:hover {
        background: url(../images/color-selector.png) no-repeat -60px -20px;
}
#jsn-selector-violet.current,
#jsn-selector-violet:hover {
        background: url(../images/color-selector.png) no-repeat -80px -20px;
}
#jsn-selector-orange.current,
#jsn-selector-orange:hover {
        background: url(../images/color-selector.png) no-repeat -100px -20px;
}
#jsn-selector-grey.current,
#jsn-selector-grey:hover {
        background: url(../images/color-selector.png) no-repeat -120px -20px;
}
/* ============================== CONTENT ============================== */
#jsn-featured {
        color: #D4D4D4;
        border-bottom: 5px solid #404040;
        background: #595959 url(../images/promo-bg.jpg) repeat-x left top;
}
#jsn-featured div.module .jsn-moduletitle,
#jsn-featured div.module-plain .jsn-moduletitle,
#jsn-featured div.box-grey .jsn-moduletitle {
        color: #fff;
}
#jsn-puser8_inner,
#jsn-puser9_inner {
        padding: 15px;
}
#jsn-content {
        background-color: #ffffff;
}
#jsn-maincontent_inner,
#jsn-maincontent_inner2 {
        width: 100%;
}
#jsn-mainbody {
        padding: 1.5em;
}
#jsn-pbreadcrumbs {
        background: url(../images/dot.png) repeat-x bottom left;
        padding: 0.6em 1em;
}
#jsn-banner {
        text-align: center;
        margin: 0 auto;
        padding: 20px 0;
}
#jsn-usermodules1 {
        padding: 1em 0;
        background: url(../images/dot.png) repeat-x left bottom;
}
#jsn-usermodules1_inner_grid2,
#jsn-usermodules2_inner_grid2 {
        background: url(../images/dot.png) repeat-y 50% top;
}
#jsn-usermodules2 {
        padding: 1.2em 0;
        background: url(../images/dot.png) repeat-x left top;
}
#jsn-usermodules3 {
        padding: .6em;
        border-top: 2px solid #ffffff;
        border-bottom: 6px solid #404040;
        background: #d9d9d9 url(../images/usermodules3-bg.png) repeat-x left top;
}
#jsn-puser1_grid2,
#jsn-puser3_grid2 {
        float: left;
        width: 49.95%;
}
#jsn-puser2_grid2,
#jsn-puser4_grid2 {
        float: right;
        width: 49.95%;
}
#jsn-puser5_grid2,
#jsn-puser6_grid2,
#jsn-puser7_grid2 {
        float: left;
        width: 49.95%;
}
#jsn-puser5_grid3,
#jsn-puser6_grid3,
#jsn-puser7_grid3 {
        float: left;
        width: 33.3%;
}
#jsn-puser1,
#jsn-puser2,
#jsn-puser3,
#jsn-puser4 {
        padding: 0 1em;
}
#jsn-puser5,
#jsn-puser6,
#jsn-puser7 {
        padding: 1.2em;
}
#jsn-pleft,
#jsn-pright,
#jsn-pinnerleft_inner,
#jsn-pinnerright_inner {
        padding: 1em;
}
#jsn-pright div.module,
#jsn-pright div.module-plain,
#jsn-pright div.module-box,
#jsn-pleft div.module,
#jsn-pleft div.module-plain,
#jsn-pleft div.module-box {
        margin-bottom: 1em;
}
#jsn-gotop {
        text-align: center;
        padding: 10px;
}
#jsn-gotop a {
        font-size: 11px;
        color: #595959;
        background: url(../images/icons-base-16.png) no-repeat 0 -173px;
        padding-left: 18px;
}
/* ============================== FOOTER COMPONENTS ============================== */
#jsn-footer {
        background-color: #1f497d;
        padding: 1.2em 1em;
        font-size: 0.9em;
        color: #cccccc;
        border-top: 1px solid #b3b3b3;
}
#jsn-footer a {
        color: #f2f2f2;
}
#jsn-pfooter a {
        text-decoration: underline;
}
#jsn-pfooter a:hover {
        text-decoration: none;
}
#jsn-pbottom {
        text-align: right;
}
#jsn-pfooter_grid2 {
        width: 49.5%;
        float: left;
}
#jsn-pbottom_grid2 {
        width: 49.5%;
        float: right;
}
/* ============================== MODULE STYLES ============================== */
table.poll td,
table.poll-box td,
table.poll-plain td {
        text-align: left;
}
/* =============== MODULE BOX STYLES =============== */
h3.jsn-moduletitle {
        margin: 0;
        color: #003366;
        font-size: 1.1em;
}
h3.jsn-moduletitle span.jsn-moduleicon {
        display: block;
}
div.jsn-middle div.jsn-modulecontent {
        padding-top: 3px;
}
/* ========== Rich Menu Item ========== */
.jsn-menutitle,
.jsn-menudescription {
        display: block;
}
.jsn-menudescription {
        font-weight: normal;
        font-size: 0.9em;
        color: #B8B8B8;
        background: none !Important;
}
/* =============== MODULE BACKGROUND STYLES =============== */
div.module-box {
        padding: 0;
}
div.module-box div.jsn-top {
        height: 15px;
        margin-left: 15px;
        position: relative;
}
div.module-box div.jsn-top_inner {
        height: 15px;
        width: 15px;
        position: absolute;
        left: -15px;
}
div.module-box div.jsn-middle {
        padding-right: 15px;
        margin-left: 15px;
}
div.module-box div.jsn-middle_inner {
        padding-left: 15px;
        margin-left: -15px;
        padding-bottom: 1px;
        width: 100%;
}
div.module-box div.jsn-bottom {
        height: 22px;
        margin-left: 15px;
        position: relative;
}
div.module-box div.jsn-bottom_inner {
        height: 22px;
        width: 15px;
        position: absolute;
        left: -15px;
}
div.box-blue,
div.box-green,
div.box-yellow {
        color: #000;
}
/* =============== MODULE BOX BLUE =============== */
div.box-blue div.jsn-top {
        background: url(../images/module-box/module-box-blue.png) right top no-repeat;
}
div.box-blue div.jsn-top_inner {
        background: url(../images/module-box/module-box-blue.png) left top no-repeat;
}
div.box-blue div.jsn-middle {
        background: url(../images/module-box/module-box-blue_m.png) right top repeat-y;
}
div.box-blue div.jsn-middle_inner {
        background: url(../images/module-box/module-box-blue_m.png) left top repeat-y;
}
div.box-blue div.jsn-bottom {
        background: url(../images/module-box/module-box-blue.png) right bottom no-repeat;
}
div.box-blue div.jsn-bottom_inner {
        background: url(../images/module-box/module-box-blue.png) left bottom no-repeat;
}
/* =============== MODULE BOX GREEN =============== */
div.box-green div.jsn-top {
        background: url(../images/module-box/module-box-green.png) right top no-repeat;
}
div.box-green div.jsn-top_inner {
        background: url(../images/module-box/module-box-green.png) left top no-repeat;
}
div.box-green div.jsn-middle {
        background: url(../images/module-box/module-box-green_m.png) right top repeat-y;
}
div.box-green div.jsn-middle_inner {
        background: url(../images/module-box/module-box-green_m.png) left top repeat-y;
}
div.box-green div.jsn-bottom {
        background: url(../images/module-box/module-box-green.png) right bottom no-repeat;
}
div.box-green div.jsn-bottom_inner {
        background: url(../images/module-box/module-box-green.png) left bottom no-repeat;
}
/* =============== MODULE BOX YELLOW =============== */
div.box-yellow div.jsn-top {
        background: url(../images/module-box/module-box-yellow.png) right top no-repeat;
}
div.box-yellow div.jsn-top_inner {
        background: url(../images/module-box/module-box-yellow.png) left top no-repeat;
}
div.box-yellow div.jsn-middle {
        background: url(../images/module-box/module-box-yellow_m.png) right top repeat-y;
}
div.box-yellow div.jsn-middle_inner {
        background: url(../images/module-box/module-box-yellow_m.png) left top repeat-y;
}
div.box-yellow div.jsn-bottom {
        background: url(../images/module-box/module-box-yellow.png) right bottom no-repeat;
}
div.box-yellow div.jsn-bottom_inner {
        background: url(../images/module-box/module-box-yellow.png) left bottom no-repeat;
}
/* =============== MODULE BOX GREY =============== */
div.box-grey div.jsn-top {
        background: url(../images/module-box/module-box-grey.png) right top no-repeat;
}
div.box-grey div.jsn-top_inner {
        background: url(../images/module-box/module-box-grey.png) left top no-repeat;
}
div.box-grey div.jsn-middle {
        background: url(../images/module-box/module-box-grey_m.png) right top repeat-y;
}
div.box-grey div.jsn-middle_inner {
        background: url(../images/module-box/module-box-grey_m.png) left top repeat-y;
}
div.box-grey div.jsn-bottom {
        background: url(../images/module-box/module-box-grey.png) right bottom no-repeat;
}
div.box-grey div.jsn-bottom_inner {
        background: url(../images/module-box/module-box-grey.png) left bottom no-repeat;
}
/* =============== MODULE ICON STYLES =============== */
div.icon-article h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 2px;
        padding-left: 20px;
}
div.icon-calendar h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -84px;
        padding-left: 20px;
}
div.icon-cart h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -171px;
        padding-left: 20px;
}
div.icon-comment h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -255px;
        padding-left: 20px;
}
div.icon-display h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -341px;
        padding-left: 20px;
}
div.icon-download h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -429px;
        padding-left: 20px;
}
div.icon-folder h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -513px;
        padding-left: 20px;
}
div.icon-help h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -600px;
        padding-left: 20px;
}
div.icon-home h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -688px;
        padding-left: 20px;
}
div.icon-image h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -772px;
        padding-left: 20px;
}
div.icon-info h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat left -857px;
        padding-left: 20px;
}
div.icon-mail h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -943px;
        padding-left: 20px;
}
div.icon-online h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1029px;
        padding-left: 20px;
}
div.icon-rss h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1118px;
        padding-left: 20px;
}
div.icon-search h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1201px;
        padding-left: 20px;
}
div.icon-selection h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1288px;
        padding-left: 20px;
}
div.icon-settings h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1374px;
        padding-left: 20px;
}
div.icon-star h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1460px;
        padding-left: 20px;
}
div.icon-statistics h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat 0 -1547px;
        padding-left: 20px;
}
div.icon-user h3.jsn-moduletitle span.jsn-moduleicon {
        background: url(../images/icons-uni-16.png) no-repeat left -1632px;
        padding-left: 20px;
}
/* =============== CUSTOM MODULE STYLES =============== */
div.box-grey div.jsn-middle {
        color: #d4d4d4;
}
div.box-grey h3.jsn-moduletitle {
        color: #FFF;
}
/* ======================================== DROP-DOWN MAIN MENU ======================================== */
/* ==================== MAIN LEVEL ==================== */
ul#base-mainmenu {
        margin: 0;
        padding: 0;
}
ul#base-mainmenu li {
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: left;
        border-right: 1px solid #404040;
}
ul#base-mainmenu li a {
        display: block;
        color: #cfdbe5;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-weight: bold;
        border-right: 1px solid #000;
        cursor: pointer;
        padding: 4px 1em 8px 1em;
}
ul#base-mainmenu li.sfhover a,
ul#base-mainmenu li.active a {
        background-color: #404040;
        color: #fff;
}
ul#base-mainmenu li.sfhover ul a,
ul#base-mainmenu li.active ul a {
        background-color: transparent;
        color: #D9D9D9;
}
ul#base-mainmenu li a span {
        display: block;
        background: url(../images/icons-uni-16.png) no-repeat left 1000px;
}
ul#base-mainmenu li a span.separator,
ul#base-mainmenu li a span.jsn-menutitle,
ul#base-mainmenu li a span.jsn-menudescription {
        padding: 0;
        background: none;
}
/* ==================== 1st SUB-LEVEL ==================== */
ul#base-mainmenu ul {
        position: absolute;
        width: 185px;
        left: -999em;
        margin: 0;
        padding: 0;
}
ul#base-mainmenu ul li {
        width: 185px;
        border: none;
        position: relative;
}
ul#base-mainmenu ul li a {
        display: block;
        border-left: 1px solid #162c40;
        border-right: none;
        padding: 4px 0 4px 10px;
        font-size: 0.9em;
        font-weight: normal;
        background: none;
}
ul#base-mainmenu ul ul {
        margin-left: 185px;
        top: 0;
}
/* ==================== PARENT ITEMS ==================== */
div.jsn-modulecontainer ul#base-mainmenu ul li.parent a span,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent a span,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent li.parent a span {
        background: url(../images/icons-arrow-8.png) no-repeat right -423px;
        padding-right: 16px;
}
div.jsn-modulecontainer ul#base-mainmenu ul li.parent a span.separator,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent a span.separator,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent li.parent a span.separator,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent a span.jsn-menutitle,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent a span.jsn-menutitle,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent li.parent a span.jsn-menutitle,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent a span.jsn-menudescription,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent a span.jsn-menudescription,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent li.parent a span.jsn-menudescription {
        background: none;
        padding-right: 0;
}
/* ---------- PARENT ITEMS - CLEAR ---------- */
div.jsn-modulecontainer ul#base-mainmenu ul li.parent ul a span,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent ul a span,
div.jsn-modulecontainer ul#base-mainmenu ul li.parent li.parent li.parent ul a span {
        background: none;
        padding-right: 10px;
}
/* ==================== HOVER & ACTIVE ITEMS ==================== */
ul#base-mainmenu li.active a,
ul#base-mainmenu li.active li.active a,
ul#base-mainmenu li.active li.active li.active a {
        font-weight: bold;
        color: #fff;
}
/* ---------- ACTIVE ITEMS - CLEAR ---------- */
ul#base-mainmenu li.active ul a,
ul#base-mainmenu li.active li.active ul a,
ul#base-mainmenu li.active li.active li.active ul a {
        color: #D9D9D9;
        font-weight: normal;
}
/* ---------- CURRENT ITEMS ---------- */
ul#base-mainmenu li.active ul a.current,
ul#base-mainmenu li.active li.active ul a.current,
ul#base-mainmenu li.active li.active li.active ul a.current {
        color: #fff;
        font-weight: bold;
}
/* ---------- HOVER STATE ---------- */
ul#base-mainmenu li a:hover {
        text-decoration: none;
        color: #fff !important;
}
/* ---------- HOVER STATE - LINK COLOR ---------- */
ul#base-mainmenu ul li.sfhover a,
ul#base-mainmenu ul li.sfhover li.sfhover a,
ul#base-mainmenu ul li.sfhover li.sfhover li.sfhover a {
        color: #fff;
}
/* ---------- HOVER STATE - CLEAR LINK COLOR ---------- */
ul#base-mainmenu ul li.sfhover ul a,
ul#base-mainmenu ul li.sfhover li.sfhover ul a,
ul#base-mainmenu ul li.sfhover li.sfhover li.sfhover ul a {
        color: #D9D9D9;
}
/* ========== ROLLOVER ACTION ========== */
ul#base-mainmenu li.sfhover ul,
ul#base-mainmenu li.sfhover ul li.sfhover ul,
ul#base-mainmenu li.sfhover ul li.sfhover ul li.sfhover ul {
        left: auto;
}
ul#base-mainmenu li.sfhover ul ul,
ul#base-mainmenu li.sfhover ul li.sfhover ul ul,
ul#base-mainmenu li.sfhover ul li.sfhover ul li.sfhover ul ul {
        left: -999em;
}
ul#base-mainmenu,
ul#base-mainmenu li li {
        clear: both;
}
/* ======================================== DROP-DOWN SIDE-MENU ======================================== */
/* ==================== MAIN LEVEL ==================== */
ul.menu-sidemenu {
        border-top: 1px dotted #b3b3b3;
        width: 100%;
}
ul.menu-sidemenu,
ul.menu-sidemenu ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
}
ul.menu-sidemenu li {
        padding: 0;
        margin: 0;
        position: relative;
        float: left;
        width: 100%;
        z-index: 87;
}
ul.menu-sidemenu li a {
        display: block;
        border-bottom: 1px dotted #b3b3b3;
        color: #404040;
        text-decoration: none;
        background: url(../images/icons-dot-8.png) no-repeat;
        padding: 3px 0 3px 17px;
        cursor: pointer;
}
div.box-grey ul.menu-sidemenu li a {
        color: #d9d9d9;
}
ul.menu-sidemenu li a span {
        display: block;
}
ul.menu-sidemenu li a span span,
ul.menu-sidemenu li ul li a span {
        background: none;
        padding: 0 !important;
}
/* ---------- MAIN LEVEL - BOX STYLES ---------- */
div.box-blue ul.menu-sidemenu li.sfhover a,
div.box-blue ul.menu-sidemenu li.active a {
        background-color: #d4eaf5;
}
div.box-yellow ul.menu-sidemenu li.sfhover a,
div.box-yellow ul.menu-sidemenu li.active a {
        background-color: #f5f5d4;
}
div.box-green ul.menu-sidemenu li.sfhover a,
div.box-green ul.menu-sidemenu li.active a {
        background-color: #e2f5d4;
}
div.box-grey ul.menu-sidemenu li.sfhover a,
div.box-grey ul.menu-sidemenu li.active a {
        background-color: #404040;
        color: #fff;
}
/* ---------- MAIN LEVEL - BOX STYLES - CLEAR ---------- */
div.box-grey ul.menu-sidemenu li.sfhover ul a,
div.box-grey ul.menu-sidemenu li.active ul a {
        color: #D9D9D9;
}
div.jsn-modulecontainer ul.menu-sidemenu li.sfhover ul a,
div.jsn-modulecontainer ul.menu-sidemenu li.active ul a {
        background-color: transparent;
}
/* ==================== SUB-LEVEL ==================== */
ul.menu-sidemenu ul {
        position: absolute;
        width: 185px;
        left: -999em;
        margin-left: 185px;
        top: 0;
}
ul.menu-sidemenu ul li {
        width: 185px;
}
ul.menu-sidemenu ul li a {
        display: block;
        color: #CFDBE5;
        padding: 4px 0 4px 10px;
        font-size: 0.9em;
        font-weight: normal;
        text-decoration: none;
        border-left: 1px solid #162c40;
        background: none;
}
ul.menu-sidemenu ul li a span {
        padding-right: 10px;
}
/* ==================== PARENT ITEMS ==================== */
/* ---------- PARENT ITEMS - 1st SUB-LEVEL ---------- */
div.jsn-modulecontainer ul.menu-sidemenu li.parent a span {
        background: url(../images/icons-arrow-8.png) no-repeat right -315px;
}
/* ---------- PARENT ITEMS - 1st SUB-LEVEL - CLEAR ---------- */
div.jsn-modulecontainer ul.menu-sidemenu li.parent ul a span {
        background: none;
}
/* ---------- PARENT ITEMS - 1st SUB-LEVEL - BOX GREY ---------- */
div.box-grey ul.menu-sidemenu li.parent a span {
        background: url(../images/icons-arrow-8.png) no-repeat right -423px;
}
/* ---------- PARENT ITEMS - 2nd, 3rd and 4th SUB-LEVEL ---------- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.parent a span,
div.jsn-modulecontainer ul.menu-sidemenu ul li.parent li.parent a span,
div.jsn-modulecontainer ul.menu-sidemenu ul li.parent li.parent li.parent a span {
        background: url(../images/icons-arrow-8.png) no-repeat right -423px;
}
/* ---------- PARENT ITEMS - 2nd, 3rd and 4th SUB-LEVEL - CLEAR ---------- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.parent ul a span,
div.jsn-modulecontainer ul.menu-sidemenu ul li.parent li.parent ul a span,
div.jsn-modulecontainer ul.menu-sidemenu ul li.parent li.parent li.parent ul a span {
        background: none;
}
div.jsn-modulecontainer ul.menu-sidemenu li.parent a span.separator,
div.jsn-modulecontainer ul.menu-sidemenu li.parent a span.jsn-menutitle,
div.jsn-modulecontainer ul.menu-sidemenu li.parent a span.jsn-menudescription {
        background: none;
        padding-right: 0;
}
/* ==================== HOVER & ACTIVE ITEMS ==================== */
/* ---------- CURRENT & ACTIVE ITEMS ---------- */
ul.menu-sidemenu li.active a {
        color: #000;
        font-weight: bold;
        background: url(../images/icons-arrow-8.png) no-repeat left 8px;
}
div.jsn-modulecontainer ul.menu-sidemenu li.active li.active a,
div.jsn-modulecontainer ul.menu-sidemenu li.active li.active li.active a {
        font-weight: bold;
        color: #fff;
}
/* ---------- ACTIVE ITEMS - CLEAR ---------- */
div.jsn-modulecontainer ul.menu-sidemenu li.active ul a,
div.jsn-modulecontainer ul.menu-sidemenu li.active li.active ul a,
div.jsn-modulecontainer ul.menu-sidemenu li.active li.active li.active ul a {
        color: #D9D9D9;
        font-weight: normal;
        background: none;
}
/* ---------- HOVER STATE ---------- */
div.module ul.menu-sidemenu li.sfhover a,
div.module-plain ul.menu-sidemenu li.sfhover a {
        background-color: #d9d9d9;
}
ul.menu-sidemenu li a:hover {
        text-decoration: none;
}
ul.menu-sidemenu ul li a:hover {
        color: #fff !important;
}
/* ---------- HOVER STATE - LINK COLOR ---------- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover a,
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover li.sfhover a,
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover li.sfhover li.sfhover a {
        color: #fff;
}
/* ---------- HOVER STATE - CLEAR LINK COLOR ---------- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover ul a,
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover li.sfhover ul a,
div.jsn-modulecontainer ul.menu-sidemenu ul li.sfhover li.sfhover li.sfhover ul a {
        color: #D9D9D9;
}
/* ==================== ROLLOVER ACTION ==================== */
ul.menu-sidemenu li.sfhover ul,
ul.menu-sidemenu li.sfhover ul li.sfhover ul,
ul.menu-sidemenu li.sfhover ul li.sfhover ul li.sfhover ul {
        left: auto;
}
ul.menu-sidemenu li.sfhover ul ul,
ul.menu-sidemenu li.sfhover ul li.sfhover ul ul,
ul.menu-sidemenu li.sfhover ul li.sfhover ul li.sfhover ul ul {
        left: -999em;
}
ul.menu-sidemenu,
ul.menu-sidemenu li li {
        clear: left;
}
/* ======================================== TREE MENU ======================================== */
/* ==================== MAIN LEVEL ==================== */
ul.menu-treemenu {
        border-top: 1px dotted #b3b3b3;
        width: 100%;
}
ul.menu-treemenu,
ul.menu-treemenu ul {
        list-style: none;
        padding: 0;
        margin: 0;
}
ul.menu-treemenu li {
        padding: 0;
        margin: 0;
}
ul.menu-treemenu li a {
        display: block;
        border-bottom: 1px dotted #b3b3b3;
        color: #003366;
        text-decoration: none;
        background: url(../images/icons-dot-8.png) no-repeat;
        padding: 3px 0 3px 17px;
        cursor: pointer;
}
/* ==================== DARK BACKGROUND STYLE ==================== */
div.box-grey ul.menu-treemenu li a {
        color: #d9d9d9;
}
/* ==================== SUB LEVEL ==================== */
ul.menu-treemenu ul li {
        margin-left: 1em;
}
ul.menu-treemenu ul li a {
        border-bottom: none;
        background-position: 0 -200px;
}
ul.menu-treemenu li a:hover {
        color: #000000;
        text-decoration: none;
        background-color: #EFEFEF;
}
/* ========== CURRENT & ACTIVE ITEM ========== */
ul.menu-treemenu li a.current {
        font-weight: bold;
        background: url(../images/icons-arrow-8.png) no-repeat left 8px;
}
ul.menu-treemenu li a.current span {
        color: #000;
}
div.box-grey ul.menu-treemenu li a.current span {
        color: #FFF;
}
/* ---------- BOX STYLES ---------- */
div.box-grey ul.menu-treemenu li a:hover,
div.box-grey ul.menu-treemenu li.active a.current {
        background-color: #404040;
        color: #FFF;
}
div.box-yellow ul.menu-treemenu li a:hover,
div.box-yellow ul.menu-treemenu li.active a.current {
        background-color: #f5f5d4;
}
div.box-green ul.menu-treemenu li a:hover,
div.box-green ul.menu-treemenu li.active a.current {
        background-color: #e2f5d4;
}
div.box-blue ul.menu-treemenu li a:hover,
div.box-blue ul.menu-treemenu li.active a.current {
        background-color: #d4eaf5;
}
/* =============== BOTTOM DIV MENU =============== */
ul.menu-divmenu {
        margin: 0;
        padding: 0;
        list-style: none;
}
ul.menu-divmenu li {
        display: inline;
        margin: 0;
        padding: 0 0.8em;
        border-right: 1px solid #B3B3B3;
}
ul.menu-divmenu li a {
        display: inline-block;
}
ul.menu-divmenu li.last {
        border-right: none;
}
ul.menu-divmenu li a:hover {
        text-decoration: underline;
}
/* =============== ICON MENU =============== */
ul#base-topmenu {
        margin: 0;
        padding: 0;
        list-style: none;
        float: right;
}
ul#base-topmenu li {
        display: inline;
        margin: 0;
        padding: 0 5px;
}
ul#base-topmenu li a {
        display: inline-block; /* Fix IE8 issue */
        color: #000000;
        padding: 0;
        background: url(../images/icons-uni-16.png) no-repeat left 1000px;
        cursor: pointer;
}
ul#base-topmenu li a:hover {
        text-decoration: underline;
}
/* =============== MODULE SEARCH =============== */
#jsn-pinset div.search input#mod_search_searchword {
        background: url(../images/icons-base-16.png) no-repeat 5px -254px;
        padding: 2px 0 2px 25px;
        border: 1px solid #284D73;
}