/**

* 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;

}

body.jsn-direction-rtl pre {

	border-left: none;

	border-right: 5px solid #404040;

}

blockquote {

	font-style: italic;

	min-height: 45px;

	color: #404040;

	padding-left: 55px;

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

}

body.jsn-direction-rtl blockquote {

	padding-left: 0;

	padding-right: 55px;

	background: url(../images/icon-24-text-blockquote-rtl.png) no-repeat top right;

}

/* =============== 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%;

}

div.grid-col {

	float: left;

	overflow: hidden;

	margin-right: 1.95%; /* Fix IE7 margin issue */

}

body.jsn-direction-rtl div.grid-col {

	float: right;

	margin-left: 1.95%; /* Fix IE7 margin issue */

	margin-right: 0;

}

div.grid-layout div.grid-lastcol {

	float: right;

	margin-right: 0;

}

body.jsn-direction-rtl div.grid-layout .grid-lastcol {

	float: left;

	margin-left: 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;

	padding: 1em 1em 1em 5em;

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

}

.text-info {

	border-top: 2px solid #B7D2F2;

	border-bottom: 2px solid #B7D2F2;

	padding: 1em 1em 1em 5em;

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

}

.text-download {

	border-top: 2px solid #DDEDBC;

	border-bottom: 2px solid #DDEDBC;

	padding: 1em 1em 1em 5em;

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

}

.text-comment {

	border-top: 2px solid #FEEBAB;

	border-bottom: 2px solid #FEEBAB;

	padding: 1em 1em 1em 5em;

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

}

.text-tip {

	border-top: 2px solid #FEEBAB;

	border-bottom: 2px solid #FEEBAB;

	padding: 1em 1em 1em 5em;

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

}

.text-attachment {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	padding: 1em 1em 1em 5em;

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

}

.text-video {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	padding: 1em 1em 1em 5em;

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

}

.text-audio {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	padding: 1em 1em 1em 5em;

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

}

.text-dropcap:first-letter {

	color: #404040;

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

	float: left;

}

body.jsn-direction-rtl .text-dropcap:first-letter {

	float: right;

}

body.jsn-direction-rtl .text-alert,

body.jsn-direction-rtl .text-info,

body.jsn-direction-rtl .text-download,

body.jsn-direction-rtl .text-comment,

body.jsn-direction-rtl .text-tip,

body.jsn-direction-rtl .text-attachment,

body.jsn-direction-rtl .text-video,

body.jsn-direction-rtl .text-audio {

	padding-left: 1em;

	padding-right: 5em;

	background-position: right center;

}

/* =============== 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;

}

body.jsn-direction-rtl ul li {

	margin-right: 1.6em;

	margin-left: 0;

}

ol li {

	margin: 0.3em 0 0.3em 2em;

	padding: 0;

}

body.jsn-direction-rtl ol li {

	margin-right: 2em;

	margin-left: 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: 0 0 0 14px;

	background: url(../images/icons-8-arrow.png) no-repeat left 5px;

}

body.jsn-direction-rtl ul.list-arrow-red li {

	margin-left: 0;

	margin-right: 0.6em;

	padding-left: 0;

	padding-right: 16px;

	background: url(../images/icons-8-arrow-rtl.png) no-repeat right 5px;

}

ul.list-arrow-blue li {

	margin-left: 0.6em;

	padding: 0 0 0 14px;

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

}

body.jsn-direction-rtl ul.list-arrow-blue li {

	margin-left: 0;

	margin-right: 0.6em;

	padding-left: 0;

	padding-right: 16px;

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

}

ul.list-arrow-green li {

	margin-left: 0.6em;

	padding: 0 0 0 14px;

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

}

body.jsn-direction-rtl ul.list-arrow-green li {

	margin-left: 0;

	margin-right: 0.6em;

	padding-left: 0;

	padding-right: 16px;

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

}

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

ul.list-icon {

	list-style-type: none;

}

ul.list-icon li {

	position: relative;

	margin: 0;

	padding: 3px 0 3px 20px;

}

body.jsn-direction-rtl ul.list-icon li {

	padding-left: 0;

	padding-right: 20px;

}

ul.list-icon li > span {

	height: 24px;

	width: 24px;

	position: absolute;

	left: 0;

	top: 0;

}

body.jsn-direction-rtl ul.list-icon li > span {

	left: auto;

	right: 0;

}

ul.article-list li > span {

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

}

body.jsn-direction-rtl ul.article-list li > span {

	background-position: right 0;

}

ul.folder-list li > span {

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

}

body.jsn-direction-rtl ul.folder-list li > span {

	background-position: right -513px;

}

ul.image-list li > span {

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

}

body.jsn-direction-rtl ul.image-list li > span {

	background-position: right -771px;

}

ul.online-list li > span {

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

}

body.jsn-direction-rtl ul.online-list li > span {

	background-position: right -1029px;

}

ul.star-list li > span {

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

}

body.jsn-direction-rtl ul.star-list li > span {

	background-position: right -1459px;

}

ul.user-list li > span {

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

}

body.jsn-direction-rtl ul.user-list li > span {

	background-position: right -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;

}

body.jsn-direction-rtl ul.list-number-bullet li,

body.jsn-direction-rtl ul.list-number-digit li {

	margin-left: 0;

	margin-right: 3px;

	padding-left: 0;

	padding-right: 36px;

	

}

ul.list-number-bullet li .bulletcount,

ul.list-number-digit li .bulletcount {

	display: block;

	width: 32px;

	font-weight: bold;

	position: absolute;

	left: 0;

}

body.jsn-direction-rtl ul.list-number-bullet li .bulletcount,

body.jsn-direction-rtl ul.list-number-digit li .bulletcount {

	left: auto;

	right: 0;

}

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;

}

body.jsn-direction-rtl ul.list-number-bullet li .bulletcount {

	background-position: right top;

}

ul.blue-bullet li .bulletcount {

	background-position: 0 -60px;

}

body.jsn-direction-rtl ul.blue-bullet li .bulletcount {

	background-position: right -60px;

}

ul.green-bullet li .bulletcount {

	background-position: 0 -152px;

}

body.jsn-direction-rtl ul.green-bullet li .bulletcount {

	background-position: right -152px;

}

ul.grey-bullet li .bulletcount {

	background-position: 0 -244px;

}

body.jsn-direction-rtl ul.grey-bullet li .bulletcount {

	background-position: right -244px;

}

ul.orange-bullet li .bulletcount {

	background-position: 0 -336px;

}

body.jsn-direction-rtl ul.orange-bullet li .bulletcount {

	background-position: right -336px;

}

ul.red-bullet li .bulletcount {

	background-position: 0 -428px;

}

body.jsn-direction-rtl ul.red-bullet li .bulletcount {

	background-position: right -428px;

}

ul.violet-bullet li .bulletcount {

	background-position: 0 -520px;

}

body.jsn-direction-rtl ul.violet-bullet li .bulletcount {

	background-position: right -520px;

}

/* ========== NUMBER LIST DIGIT ========== */

ul.list-number-digit li {

	padding-left: 42px;

}

body.jsn-direction-rtl ul.list-number-digit li {

	padding-left: 0;

	padding-right: 42px;

}

ul.list-number-digit li .bulletcount {

	font-size: 32px;

	line-height: 100%;

	text-align: right;

}

body.jsn-direction-rtl ul.list-number-digit li .bulletcount {

	text-align: left;

}

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:link, a:visited {

	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 {

	padding: 0 20px 0  0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-text {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1578px;

}

a.link-music {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-music {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1122px;

}

a.link-archive {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-archive {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -140px;

}

a.link-movie {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-movie {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -666px;

}

a.link-wmv {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-wmv {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1730px;

}

a.link-doc,

a.link-rtf {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-doc,

body.jsn-direction-rtl a.link-rtf {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -444px;

}

a.link-xls {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-xls {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1806px;

}

a.link-pps {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-pps {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1274px;

}

a.link-flash {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-flash {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -742px;

}

a.link-pdf {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-pdf {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1578px;

}

a.link-feed {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-feed {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -590px;

}

a.link-vcard {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-vcard {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1654px;

}

a.link-mov {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-mov {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -970px;

}

a.link-dmg,

a.link-app {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-dmg,

body.jsn-direction-rtl a.link-app {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -368px;

}

a.link-ical {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-ical {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -818px;

}

a.link-css {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-css {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -292px;

}

a.link-ttf {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-ttf {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1502px;

}

a.link-torrent {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-torrent {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1426px;

}

a.link-mailto {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-mailto {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -894px;

}

a.link-callto {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-callto {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -216px;

}

a.link-msnim {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-msnim {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1046px;

}

a.link-aim {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-aim {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -64px;

}

a.link-yim {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-yim {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1882px;

}

a.link-skype {

	padding: 0 20px 0 0;

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

	display: inline-block;

}

body.jsn-direction-rtl a.link-skype {

	padding-right: 0;

	padding-left: 20px;

	background-position: left -1350px;

}

a.link-noicon {

	padding: 0 !important;

	background: none !important;

}

/* ==================== TABLE STYLES ==================== */

table.table-plainrows th,

table.table-greystripes th,

table.table-colorstripes th {

	text-align: left;

}

body.jsn-direction-rtl table.table-plainrows th,

body.jsn-direction-rtl table.table-greystripes th,

body.jsn-direction-rtl table.table-colorstripes th {

	text-align: right;

}

/* ========== 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;

}

body.jsn-direction-rtl table.table-plainrows tfoot td {

	text-align: left;

}

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;

}

body.jsn-direction-rtl table.table-colorstripes tbody th,

body.jsn-direction-rtl table.table-colorstripes tbody td {

	text-align: right;

}

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;

}

body.jsn-direction-rtl table.table-colorstripes tfoot td {

	text-align: left;

}

/* ========== 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;

}

body.jsn-direction-rtl table.table-greystripes tbody th,

body.jsn-direction-rtl table.table-greystripes tbody td {

	text-align: right;

}

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;

}

body.jsn-direction-rtl table.table-greystripes tfoot td {

	text-align: left;

}

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

#jsn-master {

	background: repeat-x top left;
	margin-top: 15px;
	margin-bottom: 15px;
}

body.jsn-direction-rtl {

	text-align: right;

}

#jsn-page {

	background-color: #ffffff;
	color: #000;
	border-left: 2px solid #000000;
	border-right: 2px solid #000000;
	border-top: 2px solid #000000;
	border-bottom: 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;

}

#jsn-logo {

	position: absolute;

	line-height: 0;

	bottom: 0;

	left: 0;

}

body.jsn-direction-rtl #jsn-logo {

	left: auto;

	right: 0;

}

#jsn-logo h1 {

	display: none;

}

#jsn-pinset {

	position: absolute;

	top: 28px;

	right: 20px;

}

body.jsn-direction-rtl #jsn-pinset {

	right: auto;

	left: 20px;

}

#jsn-pinset form {

	margin: 0;

}

#jsn-pinset > div {

	float: right;

}

body.jsn-direction-rtl #jsn-pinset > div {

	float: left;

}

#jsn-pinset div.moduletable {

	float: left;

	margin-right: 10px;

}

body.jsn-direction-rtl #jsn-pinset div.moduletable {

	float: right;

	margin-left: 10px;

}

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

#jsn-menu {

	background-color: #282828;

	color: #f2f2f2;

}

#jsn-pmainmenu {

	float: left;

	margin: 2px 0 0 2px;

}

body.jsn-direction-rtl #jsn-pmainmenu {

	float: right;

	margin-left: 0;

	margin-right: 2px;

	direction: ltr;

}

#jsn-ptoolbar {

	float: left;

}

body.jsn-direction-rtl #jsn-ptoolbar {

	float: left;

}

#jsn-ptoolbar div.moduletable {

	float: right;

	margin-left: 10px;

}

body.jsn-direction-rtl #jsn-ptoolbar div.moduletable {

	float: left;

	margin-right: 10px;

	margin-left: 0;

}

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

#jsn-sitetoolspanel {

	float: right;

	margin: 2px 2px 0 0;

}

body.jsn-direction-rtl #jsn-sitetoolspanel {

	float: left;

	margin-right: 0;

	margin-left: 2px;

}

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

ul#jsn-sitetools-menu,

ul#jsn-sitetools-menu ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

body.jsn-direction-rtl ul#jsn-sitetools-menu {

	direction: ltr;

}

ul#jsn-sitetools-menu li {

	padding: 0;

	margin: 0;

}

ul#jsn-sitetools-menu > li {

	background: url(../images/icons-16-uni.png) no-repeat center -1714px;

}

body.jsn-direction-rtl ul#jsn-sitetools-menu > li {

	overflow: hidden;

}

ul#jsn-sitetools-menu > li:hover {

	background-color: #4a4a4a;

}

body.jsn-direction-rtl ul#jsn-sitetools-menu > li:hover {

	overflow: visible;

}

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;

	z-index: 89;

}

body.jsn-direction-rtl ul#jsn-sitetools-menu li ul {

	height: auto;

	overflow: hidden;

}

ul#jsn-sitetools-menu ul li {

	padding: 3px 6px;

}

ul#jsn-sitetools-menu ul li a {

	float: left;

	display: inline-block;

	width: 22px;

	height: 20px;

}

ul#jsn-sitetools-menu li:hover 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;

}

body.jsn-direction-rtl ul#jsn-sitetools-inline {

	border-left: none;

	border-right: 1px solid #000;

}

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

	padding: 0 15px;

}

#jsn-mainbody {

	padding: 1.5em;

}

#jsn-content {

	background-color: #ffffff;

}

#jsn-content_inner1 {

	background: url(../images/leftside-bg-small.png) repeat-y left top;

}

#jsn-content_inner2 {

	background: url(../images/rightside-bg-small.png) repeat-y right top;

}

#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 0px;

}

#jsn-usermodules1 {

	padding: 1em 0;

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

}

#jsn-usermodules1_inner_grid2,

#jsn-usermodules2_inner_grid2 {

	background: transparent url(../images/dot.png) repeat-y 50% top;

}

#jsn-usermodules2 {

	padding: 1.2em 0;

	background: transparent 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%;

}

body.jsn-direction-rtl #jsn-puser1_grid2,

body.jsn-direction-rtl #jsn-puser3_grid2 {

	float: right;

}

#jsn-puser2_grid2,

#jsn-puser4_grid2 {

	float: right;

	width: 49.95%;

}

body.jsn-direction-rtl #jsn-puser2_grid2,

body.jsn-direction-rtl #jsn-puser4_grid2 {

	float: left;

}

#jsn-puser5_grid2,

#jsn-puser6_grid2,

#jsn-puser7_grid2 {

	float: left;

	width: 49.95%;

}

body.jsn-direction-rtl #jsn-puser5_grid2,

body.jsn-direction-rtl #jsn-puser6_grid2,

body.jsn-direction-rtl #jsn-puser7_grid2 {

	float: right;

}

#jsn-puser5_grid3,

#jsn-puser6_grid3,

#jsn-puser7_grid3 {

	float: left;

	width: 33.3%;

}

body.jsn-direction-rtl #jsn-puser5_grid3,

body.jsn-direction-rtl #jsn-puser6_grid3,

body.jsn-direction-rtl #jsn-puser7_grid3 {

	float: right;

}

#jsn-puser1,

#jsn-puser2,

#jsn-puser3,

#jsn-puser4 {

	padding: 0 1em;

}

#jsn-puser5,

#jsn-puser6,

#jsn-puser7 {

	padding: 1.2em;

}

#jsn-pleft,

#jsn-pright {

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

	padding-left: 18px;

}

body.jsn-direction-rtl #jsn-gotop a {

	background: url(../images/icons-16-uni.png) no-repeat right -1799px;

	padding-right: 18px;

}

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

#jsn-footer {

	padding: 1.2em 1em;
	font-size: 0.9em;
	color: #595959;
	border-top: 1px solid #b3b3b3;
	border-bottom: 2px solid #000000;
	

}

#jsn-footer a {

	color: #000;

}

#jsn-pfooter a {

	text-decoration: underline;

}

#jsn-pfooter a:hover {

	text-decoration: none;

}

#jsn-pbottom {

	text-align: right;

}

body.jsn-direction-rtl #jsn-pbottom {

	text-align: left;

}

#jsn-pfooter_grid2 {

	width: 49.5%;

	float: left;

}

body.jsn-direction-rtl #jsn-pfooter_grid2 {

	float: right;

}

#jsn-pbottom_grid2 {

	width: 49.5%;

	float: right;

}

body.jsn-direction-rtl #jsn-pbottom_grid2 {

	float: left;

}

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

table.poll td,

table.poll-box td,

table.poll-plain td {

	text-align: left;

}

body.jsn-direction-rtl table.poll td,

body.jsn-direction-rtl table.poll-box td,

body.jsn-direction-rtl table.poll-plain td {

	text-align: right;

}

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

h3.jsn-moduletitle {

	margin: 0;

	color: #000;

	font-size: 1.1em;

}

h3.jsn-moduletitle > span {

	display: block;

}

div.m div.jsn-modulecontent {

	padding-top: 3px;

}

/* ========== Rich Menu Item ========== */

span.jsn-menutitle,

span.jsn-menudescription {

	display: block;

}

span.jsn-menudescription {

	font-weight: normal;

	font-size: 0.9em;

	color: #999;

}

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

div.module-box {

	padding: 0;

}

div.module-box div.tl {

	height: 15px;

	width: 15px;

	float: left;

}

.module-box div.tr {

	height: 15px;

	margin-left: 15px;

}

.module-box .m {

	padding-right: 15px;

	margin-left: 15px;

}

.module-box .m > div {

	padding-left: 15px;

	margin-left: -15px;

	padding-bottom: 1px;

	width: 100%;

}

.module-box .bl {

	height: 22px;

	width: 15px;

	float: left;

}

.module-box .br {

	height: 22px;

	margin-left: 15px;

}

div.box-blue,

div.box-green,

div.box-yellow {

	color: #000;

}

/* =============== MODULE BOX BLUE =============== */

.box-blue .tl {

	background: transparent url(../images/module-box/module-box-blue.png) left top no-repeat;

}

.box-blue .tr {

	background: transparent url(../images/module-box/module-box-blue.png) right top no-repeat;

}

.box-blue .m {

	background: transparent url(../images/module-box/module-box-blue_m.png) right top repeat-y;

}

.box-blue .m > div {

	background: transparent url(../images/module-box/module-box-blue_m.png) left top repeat-y;

}

.box-blue .bl {

	background: transparent url(../images/module-box/module-box-blue.png) left bottom no-repeat;

}

.box-blue .br {

	background: transparent url(../images/module-box/module-box-blue.png) right bottom no-repeat;

}

/* =============== MODULE BOX RED =============== */

.box-green .tl {

	background: transparent url(../images/module-box/module-box-green.png) left top no-repeat;

}

.box-green .tr {

	background: transparent url(../images/module-box/module-box-green.png) right top no-repeat;

}

.box-green .m {

	background: transparent url(../images/module-box/module-box-green_m.png) right top repeat-y;

}

.box-green .m > div {

	background: transparent url(../images/module-box/module-box-green_m.png) left top repeat-y;

}

.box-green .bl {

	background: transparent url(../images/module-box/module-box-green.png) left bottom no-repeat;

}

.box-green .br {

	background: transparent url(../images/module-box/module-box-green.png) right bottom no-repeat;

}

/* =============== MODULE BOX WHITE =============== */

.box-yellow .tl {

	background: transparent url(../images/module-box/module-box-yellow.png) left top no-repeat;

}

.box-yellow .tr {

	background: transparent url(../images/module-box/module-box-yellow.png) right top no-repeat;

}

.box-yellow .m {

	background: transparent url(../images/module-box/module-box-yellow_m.png) right top repeat-y;

}

.box-yellow .m > div {

	background: transparent url(../images/module-box/module-box-yellow_m.png) left top repeat-y;

}

.box-yellow .bl {

	background: transparent url(../images/module-box/module-box-yellow.png) left bottom no-repeat;

}

.box-yellow .br {

	background: transparent url(../images/module-box/module-box-yellow.png) right bottom no-repeat;

}

/* =============== MODULE BOX GREY =============== */

.box-grey .tl {

	background: transparent url(../images/module-box/module-box-grey.png) left top no-repeat;

}

.box-grey .tr {

	background: transparent url(../images/module-box/module-box-grey.png) right top no-repeat;

}

.box-grey .m {

	background: transparent url(../images/module-box/module-box-grey_m.png) right top repeat-y;

}

.box-grey .m > div {

	background: transparent url(../images/module-box/module-box-grey_m.png) left top repeat-y;

}

.box-grey .bl {

	background: transparent url(../images/module-box/module-box-grey.png) left bottom no-repeat;

}

.box-grey .br {

	background: transparent url(../images/module-box/module-box-grey.png) right bottom no-repeat;

}

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

div.icon-article .jsn-moduletitle > span {


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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-article .jsn-moduletitle > span {

	background-position: right -1px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-calendar .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-calendar .jsn-moduletitle > span {

	background-position: right -84px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-cart .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-cart .jsn-moduletitle > span {

	background-position: right -171px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-comment .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-comment .jsn-moduletitle > span {

	background-position: right -255px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-display .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-display .jsn-moduletitle > span {

	background-position: right -341px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-download .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-download .jsn-moduletitle > span {

	background-position: right -429px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-folder .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-folder .jsn-moduletitle > span {

	background-position: right -513px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-help .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-help .jsn-moduletitle > span {

	background-position: right -600px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-home .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-home .jsn-moduletitle > span {

	background-position: right -688px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-image .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-image .jsn-moduletitle > span {

	background-position: right -771px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-info .jsn-moduletitle > span {

	background: url(../images/icons-16-uni.png) no-repeat left -857px;

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-info .jsn-moduletitle > span {

	background-position: right -857px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-mail .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-mail .jsn-moduletitle > span {

	background-position: right -943px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-online .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-online .jsn-moduletitle > span {

	background-position: right -1029px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-rss .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-rss .jsn-moduletitle > span {

	background-position: right -1118px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-search .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-search .jsn-moduletitle > span {

	background-position: right -1201px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-selection .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-selection .jsn-moduletitle > span {

	background-position: right -1288px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-settings .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-settings .jsn-moduletitle > span {

	background-position: right -1374px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-star .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-star .jsn-moduletitle > span {

	background-position: right -1459px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-statistics .jsn-moduletitle > span {

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

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-statistics .jsn-moduletitle > span {

	background-position: right -1547px;

	padding-left: 0;

	padding-right: 20px;

}

div.icon-user .jsn-moduletitle > span {

	background: url(../images/icons-16-uni.png) no-repeat left -1632px;

	padding-left: 20px;

}

body.jsn-direction-rtl div.icon-user .jsn-moduletitle > span {

	background-position: right -1632px;

	padding-left: 0;

	padding-right: 20px;

}

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

.box-grey .m {

	color: #d4d4d4;

}

.box-grey .jsn-moduletitle {

	color: #FFF;

}

/* =============== TEMPLATE PARAMETERS HEADING =============== */

table.admintable .parameterlabel {

	color: #000;

	font-size: 11px;

	margin: 1em 0 .5em;

}

table.admintable .paramlist_value > hr {

	border: 1px solid #CCC;

}

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

/* =============== DROP-DOWN MAIN MENU =============== */

ul#base-mainmenu {

	margin: 0;

	padding: 0;

}

body.jsn-direction-rtl ul#base-mainmenu {

	border-left: 1px solid #404040;

	border-right: 0;

}

ul#base-mainmenu li {

	margin: 0;

	padding: 0;

	list-style-type: none;

	overflow: hidden;

	float: left;

	position: relative;

	z-index: 88;

}

body.jsn-direction-rtl ul#base-mainmenu li {

	float: right;

}

ul#base-mainmenu > li {

	border-right: 1px solid #404040;

}

body.jsn-direction-rtl ul#base-mainmenu > li {

	border-right: none;

	border-left: 1px solid #404040;

}

ul#base-mainmenu li:hover {

	overflow: visible;

}

ul#base-mainmenu li > a,

ul#base-mainmenu li > span {

	display: block;

	margin: 0;

	padding: 5px 1em 8px 1em;

	color: #D9D9D9;

	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;

	font-weight: bold;

	text-decoration: none;

	background: none;

	border-right: 1px solid #000;

	cursor: pointer;

}

body.jsn-direction-rtl ul#base-mainmenu > li > a,

body.jsn-direction-rtl ul#base-mainmenu > li > span {

	border-left: 1px solid #000;

	border-right: none;

}

ul#base-mainmenu > li > a:hover,

ul#base-mainmenu > li > span:hover,

ul#base-mainmenu > li.sfhover > a,

ul#base-mainmenu > li.sfhover > span,

ul#base-mainmenu > li.active > a,

ul#base-mainmenu > li.active > span {

	background-color: #404040;

	color: #fff;

}

ul#base-mainmenu > li > a:hover span.jsn-menudescription,

ul#base-mainmenu > li > span:hover span.jsn-menudescription,

ul#base-mainmenu > li.sfhover > a span.jsn-menudescription,

ul#base-mainmenu > li.sfhover > span span.jsn-menudescription,

ul#base-mainmenu > li.active > a span.jsn-menudescription,

ul#base-mainmenu > li.active > span span.jsn-menudescription {

	color: #fff;

}

ul#base-mainmenu > li > a > span,

ul#base-mainmenu > li > span > span {

	display: block;

	background: url(../images/icons-16-uni.png) no-repeat left 1000px;

}

/* ========== SUBLEVEL ========== */

ul#base-mainmenu ul {

	position: absolute;

	width: 185px;

	left: -999em;

	margin: 0;

	padding: 0;

	list-style: none;

}

ul#base-mainmenu ul ul {

	margin: 0 0 0 185px;

	top: 0;

}

body.jsn-direction-rtl ul#base-mainmenu ul ul {

	margin-left: 0;

	margin-right: 185px;

}

/* ========== ITEMS ========== */

ul#base-mainmenu ul li {

	width: 185px;

	margin: 0;

	padding: 0;

}

ul#base-mainmenu ul li > a,

ul#base-mainmenu ul li > span {

	display: block;

	border-top: 1px solid;

	border-bottom: 1px solid;

	border-right: none;

	border-left: 1px solid #162c40;

	color: #cfdbe5;

	padding: 4px 10px;

	font-size: 0.9em;

	font-weight: normal;

	height: 1%;

}

ul#base-mainmenu ul li > a:hover,

ul#base-mainmenu ul li > span:hover,

ul#base-mainmenu ul li > a:hover span.jsn-menudescription,

ul#base-mainmenu ul li > span:hover span.jsn-menudescription {

	color: #ffffff;

}

/* ========== LINK EXPANDED ========== */

ul#base-mainmenu ul li.parent > a,

ul#base-mainmenu ul li.parent > span {

	background: url(../images/icons-8-arrow.png) no-repeat right -419px;

}

body.jsn-direction-rtl ul#base-mainmenu ul li.parent > a,

body.jsn-direction-rtl ul#base-mainmenu ul li.parent > span {

	background: url(../images/icons-8-arrow-rtl.png) no-repeat 5px -419px;

}

/* ========== ACTIVE ITEM ========== */

ul#base-mainmenu ul li.active > a,

ul#base-mainmenu ul li.active > a span.jsn-menudescription {

	color: #ffffff;

}

ul#base-mainmenu ul li.active > a {

	font-weight: bold;

}

/* ========== ROLLOVER ACTION ========== */

ul#base-mainmenu li:hover ul,

ul#base-mainmenu li:hover ul li:hover ul,

ul#base-mainmenu li:hover ul li:hover ul li:hover ul {

	left: auto;

}

body.jsn-direction-rtl ul#base-mainmenu li:hover ul,

body.jsn-direction-rtl ul#base-mainmenu li:hover ul li:hover ul,

body.jsn-direction-rtl ul#base-mainmenu li:hover ul li:hover ul li:hover ul {

	right: 0;

}

ul#base-mainmenu li:hover ul ul,

ul#base-mainmenu li:hover ul li:hover ul ul,

ul#base-mainmenu li:hover ul li:hover ul li:hover ul ul {

	left: -999em;

}

ul#base-mainmenu,

ul#base-mainmenu li li {

	clear: both;

}

/* =============== DROP-DOWN SIDE-MENU =============== */

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

ul.menu-sidemenu {

	border-top: 1px dotted #b3b3b3;

	float: left;

	width: 100%;

	position: relative;

	z-index: 87;

}

ul.menu-sidemenu,

ul.menu-sidemenu ul {

	padding: 0;

	margin: 0;

}

ul.menu-sidemenu li {

	padding: 0;

	margin: 0;

	list-style-type: none;

	position: relative;

}

ul.menu-sidemenu > li {

	width: 100%;

}

body.jsn-direction-rtl ul.menu-sidemenu li {

	overflow: hidden;

	margin: 0;

}

body.jsn-direction-rtl ul.menu-sidemenu li:hover {

	overflow: visible;

}

ul.menu-sidemenu li > a > span,

ul.menu-sidemenu li > span > span {

	display: block;

	padding-right: 20px;

}

body.jsn-direction-rtl ul.menu-sidemenu li > a > span,

body.jsn-direction-rtl ul.menu-sidemenu li > span > span{

	padding-right: 0;

	padding-left: 20px;

}

/* ========== MAIN LEVEL ========== */

ul.menu-sidemenu > li > a,

ul.menu-sidemenu > li > span {

	display: block;

	border-bottom: 1px dotted #b3b3b3;

	color: #404040;

	text-decoration: none;

	background: url(../images/icons-8-dot.png) no-repeat;

	padding: 3px 0 3px 17px;

	cursor: pointer;

}

body.jsn-direction-rtl ul.menu-sidemenu > li > a,

body.jsn-direction-rtl ul.menu-sidemenu > li > span {

	padding-right: 17px;

	padding-left: 0;

}

div.box-grey ul.menu-sidemenu > li > a,

div.box-grey ul.menu-sidemenu > li > span {

	color: #d9d9d9;

}

ul.menu-sidemenu > li > a:hover,

ul.menu-sidemenu > li > span:hover {

	background-color: #d9d9d9;

	color: #000000;

}

div.box-blue ul.menu-sidemenu > li > a:hover,

div.box-blue ul.menu-sidemenu > li > span:hover,

div.box-blue ul.menu-sidemenu > li.sfhover > a,

div.box-blue ul.menu-sidemenu > li.sfhover > span,

div.box-blue ul.menu-sidemenu > li.active > a,

div.box-blue ul.menu-sidemenu > li.active > span {

	background-color: #d4eaf5;

}

div.box-yellow ul.menu-sidemenu > li > a:hover,

div.box-yellow ul.menu-sidemenu > li > span:hover,

div.box-yellow ul.menu-sidemenu > li.sfhover > a,

div.box-yellow ul.menu-sidemenu > li.sfhover > span,

div.box-yellow ul.menu-sidemenu > li.active > a,

div.box-yellow ul.menu-sidemenu > li.active > span {

	background-color: #f5f5d4;

}

div.box-green ul.menu-sidemenu > li > a:hover,

div.box-green ul.menu-sidemenu > li > span:hover,

div.box-green ul.menu-sidemenu > li.sfhover > a,

div.box-green ul.menu-sidemenu > li.sfhover > span,

div.box-green ul.menu-sidemenu > li.active > a,

div.box-green ul.menu-sidemenu > li.active > span {

	background-color: #e2f5d4;

}

div.box-grey ul.menu-sidemenu > li > a:hover,

div.box-grey ul.menu-sidemenu > li > span:hover,

div.box-grey ul.menu-sidemenu > li.sfhover > a,

div.box-grey ul.menu-sidemenu > li.sfhover > span,

div.box-grey ul.menu-sidemenu > li.active > a,

div.box-grey ul.menu-sidemenu > li.active > span {

	background-color: #404040;

	color: #ffffff;

}

div.box-grey ul.menu-sidemenu > li > a:hover span.jsn-menudescription,

div.box-grey ul.menu-sidemenu > li > span:hover span.jsn-menudescription,

div.box-grey ul.menu-sidemenu > li.sfhover > a span.jsn-menudescription,

div.box-grey ul.menu-sidemenu > li.sfhover > span span.jsn-menudescription,

div.box-grey ul.menu-sidemenu > li.active > a span.jsn-menudescription,

div.box-grey ul.menu-sidemenu > li.active > span span.jsn-menudescription {

	color: #ffffff;

}

/* ========== PARENT ITEM ========== */

ul.menu-sidemenu > li.parent > a > span,

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

	background: url(../images/icons-8-arrow.png) no-repeat right -315px;

}

body.jsn-direction-rtl ul.menu-sidemenu > li.parent > a > span,

body.jsn-direction-rtl ul.menu-sidemenu > li.parent > span > span {

	background: url(../images/icons-8-arrow-rtl.png) no-repeat left -315px;

}

div.box-grey ul.menu-sidemenu > li.parent > a > span,

div.box-grey ul.menu-sidemenu > li.parent > span > span {

	background: url(../images/icons-8-arrow.png) no-repeat right -423px;

}

body.jsn-direction-rtl div.box-grey ul.menu-sidemenu > li.parent > a > span,

body.jsn-direction-rtl div.box-grey ul.menu-sidemenu > li.parent > span > span {

	background: url(../images/icons-8-arrow-rtl.png) no-repeat left -423px;

}

ul.menu-sidemenu ul li.parent > a > span,

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

	background: url(../images/icons-8-arrow.png) no-repeat right -423px;

}

body.jsn-direction-rtl ul.menu-sidemenu ul li.parent > a > span,

body.jsn-direction-rtl ul.menu-sidemenu ul li.parent > span > span {

	background: url(../images/icons-8-arrow-rtl.png) no-repeat left -423px;

}

/* ========== CURRENT & AVTIVE ITEM ========== */

ul.menu-sidemenu li.active > a {

	font-weight: bold;

	color: #000000;

}

ul.menu-sidemenu ul li.active > a,

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

	color: #FFF;

}

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

	background: url(../images/icons-8-arrow.png) no-repeat left 9px;

}

body.jsn-direction-rtl ul.menu-sidemenu > li > a.current {

	background: url(../images/icons-8-arrow-rtl.png) no-repeat right 9px;

}

div.box-grey ul.menu-sidemenu > li.active > a,

div.box-grey ul.menu-sidemenu > li > a.current,

div.box-grey ul.menu-sidemenu > li.active > a span.jsn-menudescription,

div.box-grey ul.menu-sidemenu > li > a.current span.jsn-menudescription {

	color: #ffffff;


}

/* ========== 2nd LEVEL ========== */

ul.menu-sidemenu ul {

	position: absolute;

	width: 185px;

	left: -999em;

	margin: 0 0 0 185px;

	top: 0;

}

body.jsn-direction-rtl ul.menu-sidemenu ul {

	margin-left: 0;

	margin-right: 185px;

}

/* ========== ITEMS ========== */

ul.menu-sidemenu ul li {

	width: 185px;

	margin: 0;

	padding: 0;

}

body.jsn-direction-rtl ul.menu-sidemenu ul li {

	float: right;

}

ul.menu-sidemenu ul li > a,

ul.menu-sidemenu ul li > span {

	display: block;

	border-top: 1px solid;

	border-bottom: 1px solid;

	color: #cfdbe5;

	padding: 4px 0 4px 10px;

	font-size: 0.9em;

	font-weight: normal;

	height: 1%;

	text-decoration: none;

	border-right: none;

	border-left: 1px solid #162c40;

	cursor: pointer;

}

body.jsn-direction-rtl ul.menu-sidemenu ul li > a,

body.jsn-direction-rtl ul.menu-sidemenu ul li > span {

	padding-right: 10px;

	padding-left: 5px;

}

ul.menu-sidemenu ul li > a:hover,

ul.menu-sidemenu ul li > span:hover,

ul.menu-sidemenu ul li > a:hover span.jsn-menudescription,

ul.menu-sidemenu ul li > span:hover span.jsn-menudescription {

	color: #ffffff;

}

/* ========== ROLLOVER ACTION ========== */

ul.menu-sidemenu li:hover ul,

ul.menu-sidemenu li:hover ul li:hover ul,

ul.menu-sidemenu li:hover ul li:hover ul li:hover ul {

	left: auto;

}

ul.menu-sidemenu li:hover ul ul,

ul.menu-sidemenu li:hover ul li:hover ul ul,

ul.menu-sidemenu li:hover ul li:hover ul li:hover ul ul {

	left: -999em;

}

ul.menu-sidemenu,

ul.menu-sidemenu li li {

	clear: left;

}

body.jsn-direction-rtl ul.menu-sidemenu,

body.jsn-direction-rtl ul.menu-sidemenu li li {

	clear: right;

}

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

/* ========== MAIN LEVEL ========== */

ul.menu-treemenu {

	border-top: 1px dotted #b3b3b3;

}

ul.menu-treemenu,

ul.menu-treemenu ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

ul.menu-treemenu li,

body.jsn-direction-rtl ul.menu-treemenu li {

	padding: 0;

	margin: 0;

}

ul.menu-treemenu li > a,

ul.menu-treemenu li > span {

	display: block;

	border-bottom: 1px dotted #b3b3b3;

	color: #404040;

	text-decoration: none;

	background: url(../images/icons-8-dot.png) no-repeat;

	padding: 3px 0 3px 17px;

	cursor: pointer;

}

body.jsn-direction-rtl ul.menu-treemenu li > a,

body.jsn-direction-rtl ul.menu-treemenu li > span {

	padding-left: 0;

	padding-right: 17px;

}

/* ========== DARK BACKGROUND STYLE ========== */

div.box-grey ul.menu-treemenu li > a,

div.box-grey ul.menu-treemenu li > span {

	color: #d9d9d9;

}

/* ========== SUBLEVEL ========== */

ul.menu-treemenu ul li {

	margin-left: 1em;

}

body.jsn-direction-rtl ul.menu-treemenu ul li {

	margin-right: 1em;

	margin-left: 0;

}

ul.menu-treemenu ul li > a,

ul.menu-treemenu ul li > span {

	border-bottom: none;

	background-position: 0 -200px;

}

body.jsn-direction-rtl ul.menu-treemenu ul li > a,

body.jsn-direction-rtl ul.menu-treemenu ul li > span {

	background-position: right -200px;

}

ul.menu-treemenu li > a:hover,

ul.menu-treemenu li > span:hover {

	color: #000000;

}

/* ========== CURRENT ITEM ========== */

ul.menu-treemenu li > a.current {

	font-weight: bold;

	color: #000000;

	background: url(../images/icons-8-arrow.png) no-repeat left 9px;

}

div.box-grey ul.menu-treemenu li > a.current,

div.box-grey ul.menu-treemenu li > a.current span.jsn-menudescription {

	color: #FFF;

}

body.jsn-direction-rtl ul.menu-treemenu li > a.current {

	background: url(../images/icons-8-arrow-rtl.png) no-repeat right 9px;

}

ul.menu-treemenu li > a:hover,

ul.menu-treemenu li > span:hover {

	background-color: #EFEFEF;

}

div.box-grey ul.menu-treemenu li > a:hover,

div.box-grey ul.menu-treemenu li > span:hover,

div.box-grey ul.menu-treemenu li > a.current {

	background-color: #404040;

	color: #FFF;

}

div.box-grey ul.menu-treemenu li > a:hover span.jsn-menudescription,

div.box-grey ul.menu-treemenu li > span:hover span.jsn-menudescription,

div.box-grey ul.menu-treemenu li.sfhover > a span.jsn-menudescription,

div.box-grey ul.menu-treemenu li.sfhover > span span.jsn-menudescription,

div.box-grey ul.menu-treemenu li > a.current span.jsn-menudescription {

	color: #ffffff;

}

div.box-yellow ul.menu-treemenu li > a:hover,

div.box-yellow ul.menu-treemenu li > span:hover,

div.box-yellow ul.menu-treemenu li > a.current {

	background-color: #f5f5d4;

}

div.box-green ul.menu-treemenu li > a:hover,

div.box-green ul.menu-treemenu li > span:hover,

div.box-green ul.menu-treemenu li > a.current {

	background-color: #e2f5d4;

}

div.box-blue ul.menu-treemenu li > a:hover,

div.box-blue ul.menu-treemenu li > span:hover,

div.box-blue ul.menu-treemenu li > 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;

}

body.jsn-direction-rtl ul.menu-divmenu li {

	margin: 0;

}

ul.menu-divmenu li a {

	display: inline-block;

}

body.jsn-direction-rtl ul.menu-divmenu li.first {

	border-right: none;

}

ul.menu-divmenu li.last {

	border-right: none;

}

body.jsn-direction-rtl ul.menu-divmenu li.last {

	border-right: 1px solid #CCC;

}

ul.menu-divmenu li a:hover {

	text-decoration: underline;

}

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

ul#base-topmenu {

	margin: 0;

	padding: 0;

	list-style: none;

}

ul#base-topmenu li {

	display: inline;

	margin: 0;

	padding: 0 5px;

}

body.jsn-direction-rtl ul#base-topmenu li {

	margin: 0;

}

ul#base-topmenu li > a,

ul#base-topmenu li > span {

	display: inline-block; /* Fix IE8 issue */

	color: #000000;

	padding: 0;

	background: url(../images/icons-16-uni.png) no-repeat left 1000px;

	cursor: pointer;

}

ul#base-topmenu li > a:hover,

ul#base-topmenu li > span:hover {

	text-decoration: underline;

}