/********************************************************************
 * JOOMLA! TEMPLATE CSS FILE
 * ----------------------------------------------------------------
 * Copyright (C) 2006 - 2008 JoomlaShine.com. All Rights Reserved.
 * @license - Copyrighted Commercial Software
 * Author: JoomlaShine.com
 * Websites:  http://www.joomlashine.com
*********************************************************************/


/** @LAYOUT  **/

#jsn-master {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	line-height: 1.5;
	background: #172534 url(../images/folk/master-bg.jpg) 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;
}

/* Header */
#jsn-header {
	position: relative;
/*	z-index: 2; */
}

#jsn-logo {
	position: absolute;
	bottom: 0;
	left: 0;
}

#jsn-ptop {
	position: absolute;
	top: 28px;
	right: 20px;
}


/* Content */
#jsn-mainmenu {
	height: 28px;
	position: relative;
	background-color: #282828;
/*	z-index: 1; */
}

#jsn-ptoolbar {
	position: absolute;
	top: 3px;
	left: 3px;
}

#jsn-pinset {
	position: absolute;
	top: 3px;
	right: 3px;
}



#jsn-promo {
	color: #f2f2f2;
	background: #595959 url(../images/folk/promo-bg.jpg) repeat-x left top;
	border-bottom: 5px solid #404040;
}


#jsn-promoPubli {
	background: #FFFFFF;
	border-bottom: 1px solid #B3B3B3;
}

#jsn-promo h3 {
	color: #ffffff;
}

#jsn-puser8_inner,
#jsn-puser9_inner {
	padding: 15px;
}

#jsn-puser8 a:link, #jsn-puser8 a:visited,
#jsn-puser9 a:link, #jsn-puser9 a:visited {
	color: #40afff;
}

#jsn-maincontent_inner {
	padding: 0 15px;
}

#jsn-mainbody {
	padding: 1.5em;
}

#jsn-content {
	background-color: #ffffff;
	border-bottom: 1px solid #b3b3b3;
}

#jsn-content_inner1 {
	background: transparent url(../images/folk/leftside-bg-small.png) repeat-y left top;
}

#jsn-content_inner2 {
	background: transparent url(../images/folk/rightside-bg-small.png) repeat-y right top;
}

#jsn-pathway {
 	background: transparent url(../images/folk/dot.png) repeat-x bottom left;
	padding: .6em 1em;
}

#jsn-banner {
	text-align: center;
	margin: 0 auto;
	padding: 20px 0 20px 0;
}



#jsn-pleft,
#jsn-pright {
	padding: .0em;
}

#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: 1.5em;
}

/* Footer */
#jsn-footer {
	padding: 1.2em 1em;
	font-size: 0.9em;
	color: #595959;
}

#jsn-footer a:link,
#jsn-footer a:visited {
	color: #000;
	text-decoration: underline;
}

#jsn-footer 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 **/

/* moduletable style */
div.module,
div.module-box,
div.module-plain,
div.moduletable-plain,
div.moduletable {
	overflow: hidden;
}

div.module h3, div.module-box h3, div.module-plain h3,
div.moduletable h3, div.moduletable-plain h3 {
	color: #000000;
	font-size: 1.1em;
	margin: 0 0 3px 0;
}

/* Module background styles */
div.module-box {
	padding: 0;
}

div.module-box > div {
	padding: 16px 0 0 0;
}

div.module-box > div > div {
	padding: 0 0 0 16px;
}

div.module-box > div > div > div {
	padding: 0 16px 16px 0;
}

div.box-blue {
	background: transparent url(../images/folk/module-box-blue-bg-r.png) top right no-repeat;
}

div.box-blue > div {
	background: transparent url(../images/folk/module-box-blue-bg-l.png) top left no-repeat;
}

div.box-blue > div > div {
	background: transparent url(../images/folk/module-box-blue-bg-l.png) bottom left no-repeat;
}

div.box-blue > div > div > div {
	background: transparent url(../images/folk/module-box-blue-bg-r.png) bottom right no-repeat;
}

div.box-blue div div div div {
	background: none;
}

div.box-bluew {
	background: transparent url(../images/folk/module-box-blue-bb-r.png) top right no-repeat;
}

div.box-bluew > div {
	background: transparent url(../images/folk/module-box-blue-bb-l.png) top left no-repeat;
}

div.box-bluew > div > div {
	background: transparent url(../images/folk/module-box-blue-bb-l.png) bottom left no-repeat;
}

div.box-bluew > div > div > div {
	background: transparent url(../images/folk/module-box-blue-bb-r.png) bottom right no-repeat;
}

div.box-bluew div div div div {
	background: none;
}

div.box-green {
	background: transparent url(../images/folk/module-box-green-bg-r.png) no-repeat top right;
}

div.box-green > div {
	background: transparent url(../images/folk/module-box-green-bg-l.png) no-repeat top left;
}

div.box-green > div > div {
	background: transparent url(../images/folk/module-box-green-bg-l.png) no-repeat bottom left;
}

div.box-green > div > div > div {
	background: transparent url(../images/folk/module-box-green-bg-r.png) no-repeat bottom right;
}

div.box-green div div div div {
	background: none;
}


div.box-yellow {
	background: transparent url(../images/folk/module-box-yellow-bg-r.png) no-repeat top right;
}

div.box-yellow > div {
	background: transparent url(../images/folk/module-box-yellow-bg-l.png) no-repeat top left;
}

div.box-yellow > div > div {
	background: transparent url(../images/folk/module-box-yellow-bg-l.png) no-repeat bottom left;
}

div.box-yellow > div > div > div {
	background: transparent url(../images/folk/module-box-yellow-bg-r.png) no-repeat bottom right;
}

div.box-yellow div div div div {
	background: none;
}


div.box-grey {
	background: transparent url(../images/folk/module-box-grey-bg-r.png) no-repeat top right;
	color: #f2f2f2;
}

div.box-grey > div {
	background: transparent url(../images/folk/module-box-grey-bg-l.png) no-repeat top left;
}

div.box-grey > div > div {
	background: transparent url(../images/folk/module-box-grey-bg-l.png) no-repeat bottom left;
}

div.box-grey > div > div > div {
	background: transparent url(../images/folk/module-box-grey-bg-r.png) no-repeat bottom right;
}

div.box-grey div div div div {
	background: none;
}

div.box-grey h3 {
	color: #FFF;
}

div.box-grey-white {
	background: transparent url(../images/folk/module-box-grey-bb-r.png) no-repeat top right;
	color: #f2f2f2;
}

div.box-grey-white > div {
	background: transparent url(../images/folk/module-box-grey-bb-l.png) no-repeat top left;
}

div.box-grey-white > div > div {
	background: transparent url(../images/folk/module-box-grey-bb-l.png) no-repeat bottom left;
}

div.box-grey-white > div > div > div {
	background: transparent url(../images/folk/module-box-grey-bb-r.png) no-repeat bottom right;
}

div.box-grey-white div div div div {
	background: none;
}

div.box-grey-white h3 {
	color: #FFF;
}

div.box-grey a:link,
div.box-grey a:visited {
	color: #40afff;
}


/* Module Icon Styles */
div.header-dots h3,
div.icon-dots h3 {
	background: url(../images/folk/icon-module-dots.png) no-repeat left 5px;
	padding: 0 0 0 10px;
}

div.header-arrow h3,
div.icon-arrow h3 {
	background: url(../images/folk/icon-module-arrow.png) no-repeat left 5px;
	padding: 0 0 0 16px;
}

div.icon-article h3 {
	background: url(../images/folk/icon-module-article.png) no-repeat left 5px;
	padding: 2px 0 2px 22px;
}

div.icon-calendar h3 {
	background: url(../images/folk/icon-module-calendar.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-cart h3 {
	background: url(../images/folk/icon-module-cart.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-comment h3 {
	background: url(../images/folk/icon-module-comment.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-display h3 {
	background: url(../images/folk/icon-module-display.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-download h3 {
	background: url(../images/folk/icon-module-download.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-user h3 {
	background: url(../images/folk/icon-module-user.png) no-repeat left 5px;
	padding: 2px 0 2px 21px;
}

div.icon-selection h3 {
	background: url(../images/folk/icon-module-selection.png) no-repeat left 5px;
	padding: 2px 0 2px 21px;
}

div.icon-online h3 {
	background: url(../images/folk/icon-module-online.png) no-repeat left 5px;
	padding: 2px 0 2px 21px;
}

div.icon-statistics h3 {
	background: url(../images/folk/icon-module-statistics.png) no-repeat left 5px;
	padding: 2px 0 2px 21px;
}

div.icon-settings h3 {
	background: url(../images/folk/icon-module-settings.png) no-repeat left 5px;
	padding: 2px 0 2px 21px;
}

div.icon-search h3 {
	background: url(../images/folk/icon-module-search.png) no-repeat left 5px;
	padding: 2px 0 2px 21px;
}

div.icon-folder h3 {
	background: url(../images/folk/icon-module-folder.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-star h3 {
	background: url(../images/folk/icon-module-star.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-image h3 {
	background: url(../images/folk/icon-module-image.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-home h3 {
	background: url(../images/folk/icon-module-home.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-help h3 {
	background: url(../images/folk/icon-module-help.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-info h3 {
	background: url(../images/folk/icon-module-info.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-mail h3 {
	background: url(../images/folk/icon-module-mail.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}

div.icon-rss h3 {
	background: url(../images/folk/icon-module-rss.png) no-repeat left 4px;
	padding: 2px 0 2px 21px;
}


/** @TYPOGRAPHY **/

html, body {
	border: 0;
	margin: 0;
	padding: 0;
}

p, pre, blockquote, form, dl, ul, ol, fieldset, address {
	padding: 0;
	margin: 0.35em 0 0.8em 0;
}



acronym, abbr {
	border-bottom: 1px dashed;
	letter-spacing: 1px;
	cursor: help;
}

/* @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;
}

h3 {
	font-size: 1.2em;
	color: #CC3333;
}

h4 {
	font-size: 1.1em;
	color: #CC8033;
}

h5, h6 {
	font-size: 1em;
	font-weight: bold;
	color: #333333;
}

/* @IMAGE */
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;
}

/* @LINK */
a:link,
a:visited {
	text-decoration: none;
	outline: none;
	color: #00789f;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #FF0000;
}

a img {
	border: none;
}

/* Based on extension */
a.text {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-txt.png) no-repeat center right;
}

a.music { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-music.png) no-repeat center right;
}

a.archive { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-archive.png) no-repeat center right;
}

a.movie { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-film.png) no-repeat center right;
}

a.wmv {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-wmv.png) no-repeat right center;
}

a.doc, a.rtf {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-doc.png) no-repeat center right;
}

a.xls {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-xls.png) no-repeat center right;
}

a.pps {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-pps.png) no-repeat center right;
}

a.flash {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-flash.png) no-repeat center right;
}

a.pdf {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-pdf.png) no-repeat center right;
}

a.rss, a.atom {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-feed.png) no-repeat center right;
}

a.vcard {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-vcard.png) no-repeat center right;
}

a.mov {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-mov.png) no-repeat right center;
}

a.dmg, a.app {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-dmg.png) no-repeat center right;
}

a.ical {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-ical.png) no-repeat center right;
}

a.css {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-css.png) no-repeat center right;
}

a.ttf {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-ttf.png) no-repeat center right;
}

a.torrent {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-torrent.png) no-repeat center right;
}

a.mailto {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-mailto.png) no-repeat center right;
}

a.callto {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-call.png) no-repeat center right;
}

a.msnim {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-msn.png) no-repeat center right;
}

a.aim {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-aim.png) no-repeat center right;
}

a.yim { 
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-yim.png) no-repeat center right;
}

a.skype {
	padding: 5px 20px 5px 0;
	background: transparent url(../images/folk/icon-link-skype.png) no-repeat center right;
}

a.noicon {
	padding: 0 !important;
	background: none !important;
}

/* Reset original styles */
#jsn-mainbody a[title="PDF"],
#jsn-mainbody a[title="Print"],
#jsn-mainbody a[title="E-mail"] {
	padding: 0;
	background: none;
}

/* @TEXT */
.clearbreak {
	clear: both;
}

div.grid2:after,
div.grid3:after,
div.grid4:after,
div.grid5:after,
ul.hlist-left:after,
ul.hlist-right:after,
.clearafter:after {
	clear: both;
	display: block;
	content: ".";
	height: 0;
	visibility: hidden;
}

/* Text grid */
div.grid-col {
	float: left;
	overflow: hidden;
	margin-right: 2%;
}

div.grid-lastcol {
	float: right;
	overflow: hidden;
	margin-right: 0 !important;
}

div.grid2 div.grid-col {
	width: 48.8%;
}

div.grid3 div.grid-col {
	width: 31.9%;
}

div.grid4 div.grid-col {
	width: 23.4%;
}

div.grid5 div.grid-col {
	width: 18.3%;
}

/* Text paragraph */
.border {
	border: 1px solid #e5e5e5;
	padding: 3px;
}

/* @LIST */
ul li {
	margin: .3em 0 .3em 1.6em;
	padding: 0;
}

.lista ul li {
	font-size:11px;
	margin: .3em 0 .3em 1.6em;
	padding: 0;
}

ol li {
	margin: .3em 0 .3em 2em;
	padding: 0;
}


/** @MENU **/

/** @SUCKERFISH **/

/* Mainlevel */
ul.menu-suckerfish {
	z-index: 1;
	float: left;
	border-right: 1px solid #404040;
	margin: 0;
	background: none;
	padding: 0;
	list-style: none;
}

ul.menu-suckerfish li {
	float: left;
	display: inline;
	background: none;
	margin: 0;
	padding: 0;
}

ul.menu-suckerfish a:link,
ul.menu-suckerfish a:visited {
	display: block;
	border-right: 1px solid #000000;
	border-left: 1px solid #404040;
	margin: 0;
	padding: 3px 1.5em;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
}

ul.menu-suckerfish a:hover {
	background-color: #2D438F;
}

ul.menu-suckerfish li.active a {
	background-color: #2D438F;
}


/* Sublevel */
ul.menu-suckerfish ul {
	position: absolute;
	left: -999em;
	z-index: 2;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* Other containers */
ul.menu-suckerfish ul ul {
	margin: -26px 0 0 184px;
	z-index: 3;
}

/* Items */
ul.menu-suckerfish ul li {
	position: relative;
	width: 185px;
	margin: 0;
	background: none;
	padding: 0;
}

ul.menu-suckerfish ul a:link,
ul.menu-suckerfish ul a:visited {
	display: block;
	border-top: 1px solid #366999;
	border-right: none;
	border-bottom: 1px solid #162c40;
	border-left: 1px solid #162c40;
	background: #284d73 none;
	color: #cfdbe5;
	padding: 4px 10px;
	font-size: 0.9em;
	font-weight: normal;
	text-decoration: none;
	height: 1%;
}

ul.menu-suckerfish ul a:hover,
ul.menu-suckerfish ul li.parent a:hover,
ul.menu-suckerfish ul li.parent li.parent a:hover {
	border-top: 1px solid #1f3d59;
	background-color: #1f3d59;
	color: #ffffff;
}

/* Active */
ul.menu-suckerfish ul li.active a,
ul.menu-suckerfish ul li.active li.active a,
ul.menu-suckerfish ul li.active li.active li.active a {
	font-weight: bold;
	color: #ffffff;
}

/* Clear active */
ul.menu-suckerfish ul li.active li a,
ul.menu-suckerfish ul li.active li.active li a {
	font-weight: normal;
	color: #cfdbe5;
}

/* Children expanded */
ul.menu-suckerfish ul li.parent a,
ul.menu-suckerfish ul li.parent li.parent a {
	background: #284d73 url("../images/folk/suckerfish-expand.png") no-repeat 95% center;
	padding-right: 10px;
}

/* Clear children expanded */
ul.menu-suckerfish ul li.parent li a,
ul.menu-suckerfish ul li.parent li.parent li a {
	background-image: none;
}


/* Rollover actions */
ul.menu-suckerfish li:hover ul,
ul.menu-suckerfish li.hover ul,
ul.menu-suckerfish li:hover ul li:hover ul,
ul.menu-suckerfish li.hover ul li.hover ul,
ul.menu-suckerfish li:hover ul li:hover ul li:hover ul,
ul.menu-suckerfish li.hover ul li.hover ul li.hover ul {
	left: auto;
}

ul.menu-suckerfish li:hover ul ul,
ul.menu-suckerfish li.hover ul ul,
ul.menu-suckerfish li:hover ul li:hover ul ul,
ul.menu-suckerfish li.hover ul li.hover ul ul,
ul.menu-suckerfish li:hover ul li:hover ul li:hover ul ul,
ul.menu-suckerfish li.hover ul li.hover ul li.hover ul ul {
	left: -999em;
}

ul.menu-suckerfish,
ul.menu-suckerfish li li {
	clear: left;
}


/** @BULLET TREE **/

/* main level */
ul.menu-bullettree,
ul.menu-bullettree ul {
	background: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

ul.menu-bullettree li {
	background: none;
	padding: 0;
	margin: 0;
}

ul.menu-bullettree {
	border-top: 1px dotted #b3b3b3;
}

ul.menu-bullettree ul li {
	margin-left: 1em;
}

ul.menu-bullettree a:link, ul.menu-bullettree a:visited {
	display: block;
	background:  no-repeat 5px 10px;
	border-bottom: 1px dotted #b3b3b3;
	padding: 3px 5px 3px 0px;
	color: #404040;
	text-decoration: none !important;
}

ul.menu-bullettree a:hover {
	background-color: #d9d9d9;
	color: #000000;
}

/* For dark background */
div.box-grey ul.menu-bullettree a:link,
div.box-grey ul.menu-bullettree a:visited {
	color: #d9d9d9;
}

div.box-grey ul.menu-bullettree a:hover {
	background-color: #404040;
	color: #d9d9d9;
}

/* Sublevel items */
ul.menu-bullettree ul a:link,
ul.menu-bullettree ul a:visited {
	background-image: url(../images/folk/bullettree-level1.png);
	border-bottom: none;
}

ul.menu-bullettree ul ul a:link,
ul.menu-bullettree ul ul a:visited {
	background-image: url(../images/folk/bullettree-level2.png);
}

ul.menu-bullettree ul ul ul a:link,
ul.menu-bullettree ul ul ul a:visited {
	background-image: url(../images/folk/bullettree-level3.png);
}

/* Current item */
ul.menu-bullettree a.current {
	background-image: url(../images/folk/bullettree-current.png) !important;
	font-weight: bold;
	color: #000000;
}

ul.menu-bullettree li.current a:hover {
	color: #000000;
}

div.box-grey ul.menu-bullettree li.current a {
	color: #ffffff;
}

div.box-grey ul.menu-bullettree li.current a:hover {
	color: #ffffff;
}

ul.menu-bullettree li.current li a {
	font-weight: normal;
}

ul.menu-bullettree li.current li a:hover {
	color: #000000;
}


/** @DIV BAR **/

ul.menu-divbar {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu-divbar li {
	display: inline;
	margin: 0;
	border-left: 1px solid #B3B3B3;
	background: none;
	padding: 0 0.8em;
}

ul.menu-divbar li.first {
	border-left: none !important;
}

ul.menu-divbar a:link,
ul.menu-divbar a:visited {
	text-decoration: none !important;
}

ul.menu-divbar a:hover {
	text-decoration: underline !important;
}


/** @ICON MENU **/

ul.menu-icon {
	margin: 0;
	padding: 0;
	list-style: none;
}

ul.menu-icon li {
	display: inline;
	margin: 0;
	background: none;
	padding: 0 0 0 12px;
}

ul.menu-icon a:link,
ul.menu-icon a:visited {
	background: transparent url(../images/folk/dot.png) no-repeat left top;
	padding-left: 20px;
	text-decoration: none !important;
	color: #000000;
}

/** rah 24-10-2008 */
ul.menu-icon a:hover {
	text-decoration: underline !important;
}