/**

* 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: inherit auto;

}

.content-center {

	text-align: center;

}

.clearbreak {

	clear: both;

}

.hd {

	display: none;

}

div.itemIntroText {

	font: inherit;

	color: inherit;

}

/* =============== GENERAL SETTINGS =============== */

html {

	border: 0;

	margin: 0;

	padding: 0;

}

body {

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

	font-size: 75%;

	line-height: 1.5;

	border: 0;

	margin: 0;

	padding: 0;

}

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

	padding: 0;

	margin: 0.35em 0 0.8em 0;

}

fieldset {

	padding: .5em;

}

pre {

	padding: 1em;

	border-left: 5px solid #404040;

	background: #FFFFD5;

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

}

blockquote {

	padding-left: 55px;

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

	font-style: italic;

	min-height: 45px;

	color: #404040;

}

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;

}

/* =============== HEADING STYLES =============== */

/* @HEADING */

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

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

	margin: 0.6em 0 .25em 0;

}

h1 {

	font-size: 1.4em;

	color: #000000;

}

h2 {

	font-size: 1.3em;

	color: #000000;

}

a.contentpagetitle {

       font-size: 17px; !important;

       font-weight: bold !important;

       color: rgb(59,110,173) !important;

}

h3 {

	font-size: 1.2em;

	color: #CC3333;

}

h4 {

	font-size: 1.1em;

	color: #CC8033;

}

h5, h6 {

	font-size: 1em;

	font-weight: bold;

	color: #333333;

}

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

div.grid-layout:after,

.clearafter:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}

/* =============== CONTENT GRID =============== */

div.grid-col {

	float: left;

	overflow: hidden;

	margin-right: 2%;

}

div.grid-layout .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;

	padding: 1em 1em 1em 5em;

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

}

.text-info {

	border-top: 2px solid #B7D2F2;

	border-bottom: 2px solid #B7D2F2;

	padding: 1em 1em 1em 5em;

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

}

.text-download {

	border-top: 2px solid #DDEDBC;

	border-bottom: 2px solid #DDEDBC;

	padding: 1em 1em 1em 5em;

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

}

.text-comment {

	border-top: 2px solid #FEEBAB;

	border-bottom: 2px solid #FEEBAB;

	padding: 1em 1em 1em 5em;

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

}

.text-tip {

	border-top: 2px solid #FEEBAB;

	border-bottom: 2px solid #FEEBAB;

	padding: 1em 1em 1em 5em;

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

}

.text-attachment {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	padding: 1em 1em 1em 5em;

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

}

.text-video {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	padding: 1em 1em 1em 5em;

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

}

.text-audio {

	border-top: 2px solid #e5e5e5;

	border-bottom: 2px solid #e5e5e5;

	padding: 1em 1em 1em 5em;

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

}

.text-dropcap:first-letter {

	float: left;

	color: #404040;

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

}

/* =============== IMAGES =============== */

img {

	border: none;

}

img.image-left {

	float: left;

	margin: .5em 1em .5em 0;

}

img.image-right {

	float: right;

	margin: .5em 0 .5em 1em;

}

img.image-border {

	border: 1px solid #e5e5e5;

	padding: 3px;

}

img.image-margin {

	margin: .5em;

}

/* =============== LIST STYLES =============== */

ul li {

	margin: .3em 0 .3em 1.6em;

	padding: 0;

}

ol li {

	margin: .3em 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: .6em;

	padding: 0 0 0 10px;

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

}

ul.list-arrow-blue li {

	margin-left: .6em;

	padding: 0 0 0 10px;

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

}

ul.list-arrow-green li {

	margin-left: .6em;

	padding: 0 0 0 10px;

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

}

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

ul.list-icon {

	list-style-type: none;

}

ul.list-icon li {

	position: relative;

	padding: 5px 0 0 20px;

	margin: 0;

}

ul.list-icon li > span {

	position: absolute;

	left: 0;

	top: 0;

	height: 24px;

	width: 24px;

}

ul.article-list li > span {

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

}

ul.folder-list li > span {

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

}

ul.image-list li > span {

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

}

ul.online-list li > span {

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

}

ul.star-list li > span {

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

}

ul.user-list li > span {

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

}

/* ========== NUMBER LIST BULLET ========== */

ul.list-number-bullet,

ul.list-number-digit {

	list-style: none;

}

ul.list-number-bullet li,

ul.list-number-digit li {

	margin-left: 3px;

	padding: 3px 0 3px 36px;

	position: relative;

}

ul.list-number-bullet li .bulletcount,

ul.list-number-digit li .bulletcount {

	display: block;

	width: 32px;

	position: absolute;

	left: 0;

	font-weight: bold;

}

ul.list-number-bullet li .bulletcount {

	height: 32px;

	line-height: 32px;

	text-align: center;

	background: url(../images/icon-bullet-32.png) no-repeat left top;

	font-size: 14px;

	color: #fff;

}

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 {

	text-align: right;

	font-size: 32px;

	line-height: 100%;

}

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;

}

a:hover {

	text-decoration: underline;

}

a:active {

	text-decoration: none;

}

a img {

	border: none;

}

/* =============== EXTENDED LINKS STYLE =============== */

a.link-text {

	padding: 5px 20px 5px 0;

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

}

a.link-music {

	padding: 5px 20px 5px 0;

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

}

a.link-archive {

	padding: 5px 20px 5px 0;

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

}

a.link-movie {

	padding: 5px 20px 5px 0;

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

}

a.link-wmv {

	padding: 5px 20px 5px 0;

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

}

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

	padding: 5px 20px 5px 0;

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

}

a.link-xls {

	padding: 5px 20px 5px 0;

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

}

a.link-pps {

	padding: 5px 20px 5px 0;

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

}

a.link-flash {

	padding: 5px 20px 5px 0;

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

}

a.link-pdf {

	padding: 5px 20px 5px 0;

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

}

a.link-feed {

	padding: 5px 20px 5px 0;

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

}

a.link-vcard {

	padding: 5px 20px 5px 0;

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

}

a.link-mov {

	padding: 5px 20px 5px 0;

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

}

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

	padding: 5px 20px 5px 0;

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

}

a.link-ical {

	padding: 5px 20px 5px 0;

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

}

a.link-css {

	padding: 5px 20px 5px 0;

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

}

a.link-ttf {

	padding: 5px 20px 5px 0;

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

}

a.link-torrent {

	padding: 5px 20px 5px 0;

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

}

a.link-mailto {

	padding: 5px 20px 5px 0;

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

}

a.link-callto {

	padding: 5px 20px 5px 0;

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

}

a.link-msnim {

	padding: 5px 20px 5px 0;

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

}

a.link-aim {

	padding: 5px 20px 5px 0;

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

}

a.link-yim {

	padding: 5px 20px 5px 0;

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

}

a.link-skype {

	padding: 5px 20px 5px 0;

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

}

a.link-noicon {

	padding: 0 !important;

	background: none !important;

}

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

table {

	border-collapse: collapse;

	border-spacing: 0;

}

caption, th {

	text-align: left;

}

/* ========== PLAIN ROWS TABLE ========== */

table.table-plainrows {

	border-collapse:collapse;

	background-color: #f2f2f2;

	color: #404040;

}

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 tr.odd {

/*	background-color: #e5e5e5;*/

}

table.table-plainrows tbody tr:hover {

	background: #e5e5e5;

}

/* ========== DARK STRIPES TABLE ========== */

table.table-colorstripes {

	border: 1px solid;

	color: #ffffff;

	border-collapse: collapse;

}

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 {

	text-align: left;

	vertical-align: top;

}

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;

}

/* ========== LIGHT STRIPES TABLE ========== */

table.table-greystripes {

	border: 1px solid #d9d9d9;

	color: #404040;

	background: #ffffff;

	border-collapse: collapse;

}

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 {

	text-align: left;

	vertical-align: top;

}

table.table-greystripes tbody tr.odd {

	background: #f2f2f2;

}

table.table-greystripes tbody tr:hover {

	background: #e5e5e5;

}

table.table-greystripes tbody tr:hover th,

table.table-greystripes tbody tr.odd:hover th {

	background: #e5e5e5;

}

table.table-greystripes tfoot th,

table.table-greystripes tfoot td {

	border: none;

	padding: 4px 10px;

	background-color: #d9d9d9;

	color: #000000;

	font-size: 1.1em;

}

table.table-greystripes tfoot td {

	text-align: right;

}

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

#jsn-master {

	background: repeat-x top left;

}

#jsn-page {

	background-color: #ffffff;

	color: #000;

	border-left: 2px solid #000000;

	border-right: 2px solid #000000;

	width: 960px;

	height: 100%;

	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;

	bottom: 0;

	left: 0;

	line-height: 0;

}

#jsn-logo h1 {

	margin: 0;

	text-indent: -9000em;

}

#jsn-pinset {

	position: absolute;

        bottom: 0px;

	right: 0px;

}

#jsn-pinset > div {

	float: right;

        height: 64px;

       /* padding-bottom: 5px;

        padding-right:10px;*/

}



#jsn-pinset form {

	margin-bottom: 10px;

margin-right: 5px;

margin-top: 32px;

margin-left: 20px;

}

#jsn-pinset div.moduletable {

	/*float: left;*/

	margin-right: 10px;

}

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

#jsn-menu {

	height: 30px;

	position: relative;

	background-color: #282828;

	color: #f2f2f2;

	z-index: 999;

}

#jsn-pmainmenu {

	position: absolute;

	top: 3px;

	left: 3px;

}

#jsn-ptoolbar {

	position: absolute;

	top: 2px;

	right: 3px;

}

#jsn-ptoolbar div.moduletable {

	float: left;

	margin-right: 10px;

}

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

#jsn-sitetoolspanel {

	position: absolute;

	top: 2px;

	right: 2px;

}

ul#jsn-sitetools,

ul#jsn-sitetools ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

ul#jsn-sitetools li {

	padding: 0;

	margin: 0;

}

ul#jsn-sitetools {

	z-index: 10001;

	float: right;

	font-size: 12px;

}

ul#jsn-sitetools > li {

	float: right;

	display: inline;

}

ul#jsn-sitetools > li > a {

	display: block;

	border-right: 1px solid #000000;

	border-left: 1px solid #404040;

	margin: 0;

	padding: 5px 10px 5px 25px;

	color: #ffffff;

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

	font-weight: bold;

	text-decoration: none;

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

}

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

	background-color: #4a4a4a;

}

ul#jsn-sitetools > li > ul {

	position: absolute;

	left: -999em;

	z-index: 10002;

	padding: 1px 0;

}

ul#jsn-sitetools ul li {

	padding: 3px 6px;

}

ul#jsn-sitetools ul li span {

	display: inline;

	float: left;

	margin: 0;

	color: #f2f2f2;

	line-height: 20px;

}

ul#jsn-sitetools ul li span span {

	padding: 0 2px;

}

ul#jsn-sitetools ul li span a {

	text-indent: -9000em;

	display: block;

	float: left;

	width: 20px;

	height: 20px;

}

ul#jsn-sitetools li:hover ul ul {

	left: -999em;

}

ul#jsn-sitetools li:hover ul {

	left: auto;

}

/* =============== TEXT SIZER =============== */

#jsn-textsizer {

	float: right;

}

#jsn-textsizer a {

	background: transparent url(../images/text-sizer.png) no-repeat;

}

#jsn-textsizer #jsn-selector-small a {

	background-position: 0 0;

}

#jsn-textsizer #jsn-selector-medium a {

	background-position: -21px 0;

}

#jsn-textsizer #jsn-selector-big a {

	background-position: -42px 0;

}

#jsn-textsizer #jsn-selector-small a.current,

#jsn-textsizer #jsn-selector-small a:hover {

	background-position: 0 -20px;

}

#jsn-textsizer #jsn-selector-medium a.current,

#jsn-textsizer #jsn-selector-medium a:hover {

	background-position: -21px -20px;

}

#jsn-textsizer #jsn-selector-big a.current,

#jsn-textsizer #jsn-selector-big a:hover {

	background-position: -42px -20px;

}

/* =============== WIDTH SELECTOR =============== */

#jsn-widthselector {

	float: right;

}

#jsn-widthselector a {

	background: transparent url(../images/width-selector.png) no-repeat;

}

#jsn-widthselector #jsn-selector-narrow a {

	background-position: 0 0;

}

#jsn-widthselector #jsn-selector-wide a {

	background-position: -21px 0;

}

#jsn-widthselector #jsn-selector-float a {

	background-position: -42px 0;

}

#jsn-widthselector #jsn-selector-narrow a.current,

#jsn-widthselector #jsn-selector-narrow a:hover {

	background-position: 0 -20px;

}

#jsn-widthselector #jsn-selector-wide a.current,

#jsn-widthselector #jsn-selector-wide a:hover {

	background-position: -21px -20px;

}

#jsn-widthselector #jsn-selector-float a.current,

#jsn-widthselector #jsn-selector-float a:hover {

	background-position: -42px -20px;

}

/* =============== COLOR SELECTOR =============== */

#jsn-colorselector a {

	background: transparent url(../images/color-selector.png) no-repeat;

}

#jsn-colorselector #jsn-selector-blue a {

	background-position: -20px 0;

}

#jsn-colorselector #jsn-selector-red a {

	background-position: -40px 0;

}

#jsn-colorselector #jsn-selector-green a {

	background-position: -60px 0;

}

#jsn-colorselector #jsn-selector-violet a {

	background-position: -80px 0;

}

#jsn-colorselector #jsn-selector-orange a {

	background-position: -100px 0;

}

#jsn-colorselector #jsn-selector-grey a {

	background-position: -120px 0;

}

#jsn-colorselector #jsn-selector-blue a.current,

#jsn-colorselector #jsn-selector-blue a:hover {

	background-position: -20px -20px;

}

#jsn-colorselector #jsn-selector-red a.current,

#jsn-colorselector #jsn-selector-red a:hover {

	background-position: -40px -20px;

}

#jsn-colorselector #jsn-selector-green a.current,

#jsn-colorselector #jsn-selector-green a:hover {

	background-position: -60px -20px;

}

#jsn-colorselector #jsn-selector-violet a.current,

#jsn-colorselector #jsn-selector-violet a:hover {

	background-position: -80px -20px;

}

#jsn-colorselector #jsn-selector-orange a.current,

#jsn-colorselector #jsn-selector-orange a:hover {

	background-position: -100px -20px;

}

#jsn-colorselector #jsn-selector-grey a.current,

#jsn-colorselector #jsn-selector-grey a:hover {

	background-position: -120px -20px;

}

/* ============================== CONTENT ============================== */

#jsn-featured {

	color: #D4D4D4;

	background: #595959 url(../images/promo-bg.jpg) repeat-x left top;

	border-bottom: 5px solid #404040;

}

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

	position: relative;

}

#jsn-mainbody {

	padding: 1.5em;

}

#jsn-content {

	background-color: #ffffff;

}

#jsn-content_inner1 {

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

}

#jsn-content_inner2 {

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

}

#jsn-pbreadcrumbs {

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

	padding: .6em 1em;

}

#jsn-banner {

	text-align: center;

	margin: 0 auto;

	padding: 20px 0 20px 0;

}

#jsn-usermodules1 {

height: 40px;

	padding: 5px; 0px;



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

}

#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-usermodules1_inner_grid2,

#jsn-usermodules2_inner_grid2 {

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

}

#jsn-leftsidecontent {

	position: relative;

	z-index: 888;

}

#jsn-puser1_grid2,

#jsn-puser3_grid2 {

	width: 49.95%;

	float: left;

}

#jsn-puser2_grid2,

#jsn-puser4_grid2 {

	width: 49.95%;

	float: right;

}

#jsn-puser5_grid2,

#jsn-puser6_grid2,

#jsn-puser7_grid2 {

	width: 49.95%;

	float: left;

}

#jsn-puser5_grid3,

#jsn-puser6_grid3,

#jsn-puser7_grid3 {

	width: 33.3%;

	float: left;

}

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

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

	padding-left: 18px;

	font-size: 11px;

	color: #595959;

}

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

#jsn-footer {

	padding: 1.2em 1em;

	font-size: 0.9em;

	color: #595959;

	border-top: 1px solid #b3b3b3;

}

#jsn-footer a:link,

#jsn-footer a:visited {

	color: #000;

}

#jsn-pfooter a {

	text-decoration: underline;

}

#jsn-pfooter a:hover {

	text-decoration: none;

}

#jsn-pfooter_grid2 {

	float: left;

	width: 49.5%;

}

#jsn-pbottom_grid2 {

	float: right;

	width: 49.5%;

}

#jsn-pbottom {

	text-align: right;

}

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

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

div.search-icon {

	background: transparent url(../images/icon-module-search.png) no-repeat left center;

	padding-left: 20px;

}

table.poll td,

table.poll-box td,

table.poll-plain td {

	text-align: left;

}

/* =============== MODULETABLE STYLES =============== */

div.module,

div.module-box,

div.module-plain,

div.moduletable-plain,

div.moduletable {

/*	overflow: hidden;*/

}

.jsn-moduletitle {

	margin: 0;

	color: #000;

	font-size: 1.1em;

}

.jsn-moduletitle span {

	display: block;

}

div.m .jsn-modulecontent {

	padding-top: 3px;

}

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

div.module-box {

	padding: 0;

}

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

}

.module-box .bl {

	height: 22px;

	float: left;

	width: 15px;

}

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

}

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

.box-grey .m {

	color: #d4d4d4;

}

.box-grey .jsn-moduletitle {

	color: #FFF;

}

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

div.icon-article .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-calendar .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-cart .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-comment .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-display .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-download .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-folder .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-help .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-home .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-image .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-info .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-mail .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-online .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-rss .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-search .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-selection .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-settings .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-star .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-statistics .jsn-moduletitle span {

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

	padding-left: 20px;

}

div.icon-user .jsn-moduletitle span {

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

	padding-left: 20px;

}

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

table.admintable .parameterlabel {

	margin: 1em 0 .5em;

	color: #000;

	font-size: 11px;

}

table.admintable .paramlist_value > hr {

	border: 1px solid #CCC;

}

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

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

ul#base-mainmenu {

	float: left;

	border-right: 1px solid #404040;

	margin: 0;

	padding: 0;

}

ul#base-mainmenu li {

	float: left;

	display: inline;

	margin: 0;

	padding: 0;

}

ul#base-mainmenu li a {

	display: block;

	border-right: 1px solid #000000;

	border-left: 1px solid #404040;

	margin: 0;

	padding: 4px 1em 5px 1em;

	color: #ffffff;

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

	font-weight: bold;

	text-decoration: none;

	background: none;

}

ul#base-mainmenu a:hover,

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

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

	background-color:#404040;

}

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

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

	display: block;

}

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

ul#base-mainmenu ul {

	position: absolute;

	left: -999em;

	margin: 0;

	padding: 0;

	list-style: none;

}

ul#base-mainmenu ul ul {

	margin: -26px 0 0 184px;

}

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

ul#base-mainmenu ul li {

	position: relative;

	width: 185px;

	margin: 0;

	padding: 0;

}

ul#base-mainmenu ul a:link,

ul#base-mainmenu ul a:visited {

	display: block;

	border-top: 1px solid #366999;

	border-right: none;

	border-bottom: 1px solid #162c40;

	border-left: 1px solid #162c40;

	color: #cfdbe5;

	padding: 4px 10px;

	font-size: 0.9em;

	font-weight: normal;

	height: 1%;

}

ul#base-mainmenu ul a:hover,

ul#base-mainmenu ul li.parent a:hover,

ul#base-mainmenu ul li.parent li.parent a:hover {

	border-top: 1px solid #1f3d59;

	background-color: #1f3d59;

	color: #ffffff;

}

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

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

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

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

	font-weight: bold;

	color: #ffffff;

}

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

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

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

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

	background: transparent url(../images/icons-uni-8.png) no-repeat 95% -1043px;

	padding-right: 10px;

}

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

}



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

}

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

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

ul.menu-sidemenu {

	border-top: 1px dotted #b3b3b3;

}

ul.menu-sidemenu,

ul.menu-sidemenu ul {

	list-style: none;

	padding: 0;

	margin: 0;

}

ul.menu-sidemenu li {

	position : relative;

	padding: 0;

	margin: 0;

}

ul.menu-sidemenu li a span {

	display: block;

}

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

ul.menu-sidemenu > li > a {

	display: block;

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

	border-bottom: 1px dotted #b3b3b3;

	padding: 3px 5px 3px 15px;

	color: #404040;

	text-decoration: none;

}

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

	color: #d9d9d9;

}

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

	background-color: #d9d9d9;

	color: #000000;

}

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

	background-color: #d4eaf5;

}

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

	background-color: #f5f5d4;

}

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

	background-color: #e2f5d4;

}

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

	background-color: #404040;

	color: #ffffff;

}

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

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

	background: transparent url(../images/icons-uni-8.png) no-repeat right -1153px;

	padding-right: 10px;

}

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

	background: transparent url(../images/icons-uni-8.png) no-repeat right -1043px;

}

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

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

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

	background-position: 5px -91px;

	font-weight: bold;

	color: #000000;

}

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

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

	color: #ffffff;

}

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

ul.menu-sidemenu ul {

	position: absolute;

	margin-top: -26px;

	margin-left: 165px;

	left: -999em;

}

/* ========== 3rd & FURTHER LEVELS ========== */

ul.menu-sidemenu ul ul {

	left: -999em;

	margin-top: -26px;

	margin-left: 185px;

}

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

ul.menu-sidemenu ul li {

	position: relative;

	float: left;

	width: 185px;

	margin: 0;

	padding: 0;

}

ul.menu-sidemenu ul a:link,

ul.menu-sidemenu ul a:visited {

	display: block;

	border-top: 1px solid #366999;

	border-right: none;

	border-bottom: 1px solid #162c40;

	border-left: 1px solid #162c40;

	color: #cfdbe5;

	padding: 4px 10px;

	font-size: 0.9em;

	font-weight: normal;

	height: 1%;

	text-decoration: none;

}

ul.menu-sidemenu ul a:hover,

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

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

	border-top: 1px solid #1f3d59;

	background-color: #1f3d59;

	color: #ffffff;

}

/* ========== ACTIVE LINK ========== */

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

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

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

	font-weight: bold;

	color: #ffffff;

}

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

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

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

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

	background: transparent url(../images/icons-uni-8.png) no-repeat 95% -1043px;

	padding-right: 10px;

}

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

}

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

	padding: 0;

	margin: 0;

}

ul.menu-treemenu ul li {

	margin-left: 1em;

}

ul.menu-treemenu a {

	display: block;

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

	border-bottom: 1px dotted #b3b3b3;

	padding: 3px 5px 3px 15px;

	color: #404040;

	text-decoration: none;

}

ul.menu-treemenu a:hover {

	color: #000000;

}

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

div.box-grey ul.menu-treemenu a:link,

div.box-grey ul.menu-treemenu a:visited {

	color: #d9d9d9;

}

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

ul.menu-treemenu ul a {

	background-position: 5px -621px;

	border-bottom: none;

}

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

ul.menu-treemenu li a.current {

	background-position: 5px -91px;

	font-weight: bold;

	color: #000000;

}

ul.menu-treemenu li.current a:hover {

	color: #000000;

}

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

	color: #ffffff;

}

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

	background-color: #404040;

	color: #D9D9D9;

}

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

	background-color: #f5f5d4;

}

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

	background-color: #e2f5d4;

}

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

	background-color: #d4eaf5;

}

/* =============== BOTTOM DIV MENU =============== */

ul.menu-divmenu {

	margin: 0;

	padding: 0;

	list-style: none;

}

ul.menu-divmenu li {

	display: inline;

	margin: 0;

	border-left: 1px solid #B3B3B3;

	padding: 0 0.8em;

}

ul.menu-divmenu li.first {

	border-left: none;

}

ul.menu-divmenu li a:hover {

	text-decoration: underline;

}

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

ul#base-topmenu {

	margin: 2px 0 0 0;

	padding: 0;

	list-style: none;

}

ul#base-topmenu li {

	display: inline-table; /* IE8 Fix */

	float: left;

	margin: 0;

	padding: 0 5px;

}

ul#base-topmenu li a:link,

ul#base-topmenu li a:visited {

	color: #000000;

	padding: 2px 0;

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

}

ul#base-topmenu li a:hover {

	text-decoration: underline;

}