/**
* 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;
}
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-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 {
	list-style: none;
}
/* ========== ARROW LIST ========== */
ul.list-arrow-red li {
	margin-left: .6em;
	padding: 0 0 0 10px;
	background: url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icons-uni-8.png) no-repeat left -94px;
}
ul.list-arrow-blue li {
	margin-left: .6em;
	padding: 0 0 0 10px;
	background: url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icons-uni-8.png) no-repeat left -201px;
}
ul.list-arrow-green li {
	margin-left: .6em;
	padding: 0 0 0 10px;
	background: url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icons-uni-8.png) no-repeat left -308px;
}
/* ========== 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;
}
/* =============== TABLE STYLES =============== */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
/* ============================== MAIN LAYOUT ============================== */


#jsn-master {
	background: #172534 url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/blue/master-bg.jpg) repeat-x top left;
}
#jsn-page {
	background-color: ;
	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: ;
	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;
	top: 28px;
	right: 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;
}
#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-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 {
	padding: 1em 0;
	background: transparent url(../images/dot.png) repeat-x left bottom;
}
#jsn-usermodules1_inner_grid2 {
	background: transparent url(../images/dot.png) repeat-y 50% top;
}
#jsn-leftsidecontent {
	position: relative;
	z-index: 888;
}
#jsn-puser1_grid2 {
	width: 49.95%;
	float: left;
}
#jsn-puser2_grid2 {
	width: 49.95%;
	float: right;
}
#jsn-puser1,
#jsn-puser2 {
	padding: 0 1em;
}
#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(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icon-link-gotop.png) no-repeat left center;
	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;
}
#jsn-copyright {
	text-align: center;
	padding: 5px 0;
}
#jsn-copyright a {
	font-size: 0.8em;
	color: #366999;
}
/* ============================== 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 0 3px 0;
	color: #000;
	font-size: 1.1em;
}
/* =============== 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(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-blue.png) left top no-repeat;
}
.box-blue .tr {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-blue.png) right top no-repeat;
}
.box-blue .m {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-blue_m.png) right top repeat-y;
}
.box-blue .m > div {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-blue_m.png) left top repeat-y;
}
.box-blue .bl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-blue.png) left bottom no-repeat;
}
.box-blue .br {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-blue.png) right bottom no-repeat;
}
/* =============== MODULE BOX RED =============== */
.box-green .tl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-green.png) left top no-repeat;
}
.box-green .tr {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-green.png) right top no-repeat;
}
.box-green .m {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-green_m.png) right top repeat-y;
}
.box-green .m > div {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-green_m.png) left top repeat-y;
}
.box-green .bl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-green.png) left bottom no-repeat;
}
.box-green .br {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-green.png) right bottom no-repeat;
}
/* =============== MODULE BOX WHITE =============== */
.box-yellow .tl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-yellow.png) left top no-repeat;
}
.box-yellow .tr {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-yellow.png) right top no-repeat;
}
.box-yellow .m {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-yellow_m.png) right top repeat-y;
}
.box-yellow .m > div {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-yellow_m.png) left top repeat-y;
}
.box-yellow .bl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-yellow.png) left bottom no-repeat;
}
.box-yellow .br {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-yellow.png) right bottom no-repeat;
}
/* =============== MODULE BOX GREY =============== */
.box-grey .tl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-grey.png) left top no-repeat;
}
.box-grey .tr {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-grey.png) right top no-repeat;
}
.box-grey .m {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-grey_m.png) right top repeat-y;
}
.box-grey .m > div {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-grey_m.png) left top repeat-y;
}
.box-grey .bl {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/module-box/module-box-grey.png) left bottom no-repeat;
}
.box-grey .br {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/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;
}
div.box-grey a {
	color: #40afff;
}
/* =============== TEMPLATE PARAMETERS HEADING =============== */
table.admintable .parameterlabel {
	margin: 1em 0 .5em;
	color: #000;
	font-size: 11px;
}
table.admintable .parameterlabel span.pro {
	padding: 1px 38px 5px 0;
	background: url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icon-templatetypes.png) no-repeat right -230px;
}
/* ============================== 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 a:link,
ul#base-mainmenu 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#base-mainmenu a:hover,
ul#base-mainmenu > li.sfhover > a,
ul#base-mainmenu > li.active > a {
	background-color:#404040;
}
/* ========== SUBLEVEL ========== */
ul#base-mainmenu ul {
	position: absolute;
	left: -999em;
	margin: 0;
	padding: 0;
	list-style: none;
	background-color: #284d73;
}
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 li a {
	border-top-color: #366999;
	border-bottom-color: #162c40;
	border-left-color: #2f5070;
	border-right-color: #162c40;
	color: #dce5ed;
}
ul#base-mainmenu ul li a:hover {
	border-top-color: #1f3d59;
	background-color: #1f3d59;
}
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 {
	background: transparent url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icons-uni-8.png) no-repeat 95% -1043px;
	padding-right: 10px;
}
/* ========== CLEAR LINK EXPANDED ========== */
ul#base-mainmenu ul li.parent li a,
ul#base-mainmenu ul li.parent li.parent li a {
	background-image: none;
}
/* ========== 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;
}
/* =============== 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;
	position: relative;
}
ul.menu-treemenu ul li {
	margin-left: 1em;
}
ul.menu-treemenu a {
	display: block;
	background: url(http://www.leighadams.com/2010/templates/jsn_epic_pro/images/icons-uni-8.png) no-repeat 5px -411px;
	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 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;
}
/* ============================== TABS STYLE ============================== */
#jsn-master .dynamic-tab-pane-control .tab-row h2.selected {
	background-color: #366999;
}
#jsn-master .dynamic-tab-pane-control .tab-page {
	border-top-color: #366999;
}