/**

* 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.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.png) no-repeat;

}

.text-info {

	border-top: 2px solid #B7D2F2;

	border-bottom: 2px solid #B7D2F2;

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

}

.text-download {

	border-top: 2px solid #DDEDBC;

	border-bottom: 2px solid #DDEDBC;

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

}

.text-comment {

	border-top: 2px solid #FEEBAB;

	border-bottom: 2px solid #FEEBAB;

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

}

.text-tip {

	border-top: 2px solid #FEEBAB;

	border-bottom: 2px solid #FEEBAB;

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

}

.text-attachment {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

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

}

.text-video {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

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

}

.text-audio {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	background: #f2f2f2 url(../images/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: 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.png) no-repeat 0 5px;

}

ul.list-arrow-blue li {

	margin-left: 0.6em;

	padding-left: 14px;

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

}

ul.list-arrow-green li {

	margin-left: 0.6em;

	padding-left: 14px;

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

}

/* ========== ICON LIST ========== */

ul.list-icon {

	list-style-type: none;

}

ul.list-icon li {

	position: relative;

	margin: 5px 0;

	padding-left: 20px;

}

ul.list-icon li span {

	height: 16px;

	width: 16px;

	position: absolute;

	left: 0;

	top: 0;

}

ul.article-list li span {

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

}

ul.folder-list li span {

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

}

ul.image-list li span {

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

}

ul.online-list li span {

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

}

ul.star-list li span {

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

}

ul.user-list li span {

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

}

/* ========== 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.png) no-repeat 0 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.png) no-repeat right -1578px;

}

a.link-music {

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

}

a.link-archive {

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

}

a.link-movie {

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

}

a.link-wmv {

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

}

a.link-doc,a.link-rtf {

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

}

a.link-xls {

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

}

a.link-pps {

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

}

a.link-flash {

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

}

a.link-pdf {

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

}

a.link-feed {

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

}

a.link-vcard {

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

}

a.link-mov {

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

}

a.link-dmg,a.link-app {

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

}

a.link-ical {

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

}

a.link-css {

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

}

a.link-ttf {

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

}

a.link-torrent {

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

}

a.link-mailto {

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

}

a.link-callto {

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

}

a.link-msnim {

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

}

a.link-aim {

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

}

a.link-yim {

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

}

a.link-skype {

	background: url(../images/icons-ext.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 fixed left top;

}

#jsn-page {

	background-color: #fff;

	color: #000;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	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: #282828;

	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.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,

#jsn-content_inner,

#jsn-content_inner1,

#jsn-content_inner2,

#jsn-content_inner3,

#jsn-content_inner4,

#jsn-content_inner5,

#jsn-content_inner6,

#jsn-content_inner7,

#jsn-maincontent,

#jsn-pcentercol,

#jsn-pinnerleft,

#jsn-leftsidecontent {

	position: relative;

}

#jsn-content,

#jsn-content_inner,

#jsn-content_inner1,

#jsn-content_inner2,

#jsn-content_inner3,

#jsn-content_inner4,

#jsn-content_inner5,

#jsn-content_inner6,

#jsn-content_inner7 {

	width: 100%;

}

#jsn-content {

	overflow: hidden;

}

#jsn-pcentercol_inner {

	padding: 0 1px;

}

#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 {

	width: 100%;

	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.png) no-repeat 0 -172px;

	padding-left: 18px;

}

/* ============================== FOOTER COMPONENTS ============================== */

#jsn-footer {

	background-color: #fff;

	padding: 1.2em 1em;

	font-size: 0.9em;

	color: #595959;

	border-top: 1px solid #b3b3b3;

}

#jsn-footer a {

	color: #000;

}

#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: #000;

	font-size: 1.1em;

}

h3.jsn-moduletitle span.jsn-moduleicon {

	display: block;

	line-height: 16px;

}

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.png) no-repeat 0 0;

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	padding-left: 20px;

}

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

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

	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.png) no-repeat 0 1000px;

	line-height: 16px;

}

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.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.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.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.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.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.png) no-repeat 0 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;

}

/* ---------- CURRENT ITEMS ---------- */

div.jsn-modulecontainer ul.menu-sidemenu li.active ul a.current,

div.jsn-modulecontainer ul.menu-sidemenu li.active li.active ul a.current,

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

	color: #fff;

	font-weight: bold;

}

/* ---------- 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: #404040;

	text-decoration: none;

	background: url(../images/icons-dot.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.png) no-repeat 0 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.png) no-repeat 0 1000px;

	cursor: pointer;

	line-height: 16px;

}

ul#base-topmenu li a:hover {

	text-decoration: underline;

}

/* =============== MODULE SEARCH =============== */

#jsn-pinset div.search {

	float: right;

}

#jsn-pinset div.search input#mod_search_searchword {

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

	padding: 2px 0 2px 25px;

	border: 1px solid #284D73;
	
	margin: 0px 5px 0px 25px;

}