/********************************************************************
 * 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/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: 30px;
	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-fontresizer {
	position: absolute;
	top: 3px;
	right: 8px;
}

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

#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/leftside-bg-small.png) repeat-y left top;
}

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

#jsn-pathway {
 	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 {
	padding: 1.2em 0;
	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: 0.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-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: .6em 1.2em;
}

#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: 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: 30%;
}

#jsn-pbottom_grid2 {
	float: right;
	width: 70%;
}

#jsn-pbottom {
	text-align: right;
}


/* @MODULE STYLES **/

/* search icon */
div.search-icon {
	background: transparent url(images/icon-module-search.png) no-repeat left center;
	padding-left: 20px;
}


/* 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-grey {
	background: transparent url(images/module-box-grey-bg-rtop.png) no-repeat top right;
	color: #f2f2f2;
}

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

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

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

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

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

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


/* Module Icon Styles */

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/dot.png) no-repeat left top;
	padding-left: 20px;
	text-decoration: none !important;
	color: #000000;
}

ul.menu-icon a:hover {
	text-decoration: none !important;
}
ul.menu-icon li a:hover span{
text-decoration:underline;
}
ul.menu-icon li a img{
margin-bottom:-3px;
padding-right:5px;
}

div.icon-rss h3 {
	background: url(images/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;
}

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


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



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

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




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


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


/* Horizontal list */
ul.hlist, ul.hlist-left, ul.hlist-right {
	margin: 0;
	list-style: none;
}

ul.hlist li {
	display: inline;
	margin: 0;
}

ul.hlist-left li {
	display: inline;
	margin: 0 1em 0 0;
}

ul.hlist-right li {
	display: inline;
	margin: 0 0 0 1em;
}


/* @TABLES */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th {
	text-align: left;
}


/* PATHWAY */
span.pathway {
	font-weight: bold;
	font-size: 0.9em;
}

a.pathway:link,
a.pathway:visited {
	padding: 0 .25em;
	font-weight: normal;
	text-decoration: none;
	color: #404040;
}

a.pathway:hover {
	text-decoration: underline;
}

/* page heading */
.componentheading,
.contentheading {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 1.4em;
}



/** CONTENT AREA **/


/* Content container */
table.contentpane,
table.contentpaneopen {
	width: 100%;
}

table.contentpaneopen img{
	padding: 5px;
}
table.contentpaneopen textarea{
	width: 95%;
}




.smalldark {
}



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

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

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 li#sub {
	margin-left: 1em;
}

ul.menu-bullettree a:link, ul.menu-bullettree a:visited {
	display: block;
	background: transparent url(images/bullettree-level0.png) no-repeat 5px 10px;
	border-bottom: 1px dotted #b3b3b3;
	padding: 3px 5px 3px 15px;
	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 li#sub a:link,
ul.menu-bullettree li#sub a:visited {
	background-image: url(images/bullettree-level1.png);
	border-bottom: none;
}

/* Current item */
ul.menu-bullettree a.current {
	background-image: url(images/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;
}