/*



# ------------------------------------------------------------------------



# JA Urani for Joomla 1.5.x - Version 1.0 - Licence Owner JA165500



# ------------------------------------------------------------------------



# Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved.



# @license - Copyrighted Commercial Software



# Author: J.O.O.M Solutions Co., Ltd



# Websites:  http://www.joomlart.com -  http://www.joomlancers.com



# This file may not be redistributed in whole or significant part.



# ------------------------------------------------------------------------



*/







/* COMMON STYLE



--------------------------------------------------------- */



body {



	background: #fff;



	color: #000;



	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;



	line-height: 1.6;



}







body#bd { background: url(../images/body-top.jpg) repeat-x left top #151515;  color: #333333; }







body.fs1 { font-size: 10px; }



body.fs2 { font-size: 11px; }



body.fs3 { font-size: 12px; }



body.fs4 { font-size: 13px; }



body.fs5 { font-size: 14px; }



body.fs6 { font-size: 15px; }







/* Normal links ---*/



a { color: #93B217; text-decoration: underline; }







a:hover, a:active, a:focus { color: #333; text-decoration: none; }







/* Readon links ---*/



a.readon {



	font-weight: bold;



	text-decoration: none;



	border-bottom: 1px dotted #666;



	color: #666;



}







a.readon:hover, a.readon:active, a.readon:focus {color: #93b217; border-bottom: 1px dotted #93b217;}







/* Content spacing ---*/



.column p, .column pre, .column blockquote,



.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,



.column ol, .column ul { margin: 15px 0; padding: 0; }







/* Headings & Titles ---*/



h1 { font-size: 180%; }



h2 { font-size: 150%; }



h3 { font-size: 125%; }



h4 { font-size: 100%; text-transform: uppercase; }



h5 { font-size: 100%; }







.contentheading, .componentheading, h1, h2, h3, h4, h5 {



	font-family: "Trebuchet MS", "Lucida Grande", Helvetica, Arial, sans-serif;



	font-weight: bold;



	line-height: 1.2;



}







h1.componentheading, .componentheading { margin: 0; padding: 0 0 7px; }







.componentheading {



	border-bottom: 1px solid #ccc;



	font-size: 180%;



}







h2.contentheading, .contentheading { margin: 0; padding: 0 0 7px; }







h2.componentheading a {



	text-decoration: none !important;



}







.contentheading { font-size: 200%; margin-bottom: 5px !important; }







.blog .contentheading { font-size: 125%; }



.blog .leading .contentheading { font-size: 150%; }



a.contentpagetitle,



a.contentpagetitle:hover,



a.contentpagetitle:active,



a.contentpagetitle:focus { font-weight: bold; }







.category { font-size: 110%; font-weight: bold; }







/* Small text ---*/



small, .small, .smalldark, .createby, .createdate, .modifydate, .img_caption, .contenttoc,



p.site-slogan, a.readon, .ja-navhelper, #ja-footer { font-size: 92%; }







small, .small { color: #999; }







.smalldark { text-align: left; }







/* List ---*/



.column ul li {



	background: url(../images/bullet.gif) no-repeat 20px 7px;



	line-height: 160%;



	margin-bottom: 5px;



	overflow: hidden;



	padding-left: 30px;



}







.column ol li { line-height: 180%; margin-left: 30px; }







/* Others ---*/



th { font-weight: bold; padding: 5px; text-align: left; }







td { font-size: 100%; padding: 5px; }







fieldset { border: none; padding: 10px 5px; }







fieldset a { font-weight: bold; }







fieldset.input { padding: 0; }







hr {



	border-bottom: 0;



	border-left: 0;



	border-right: 0;



	border-top: 1px solid #ccc;



	height: 1px;



}







/* FORM



--------------------------------------------------------- */



form label { cursor: pointer; }







input, select, textarea, .inputbox {



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



	font-size: 100%;



	padding: 3px 5px;



}







.inputbox { background: #fff; border: 1px solid #ccc; }







.inputbox:hover, .inputbox:focus { background: #FFFFCC; }







.button {



	background: url(../images/grad1.gif) repeat-x top center #333;



	border: 1px solid #333;



	color: #ccc;



	font-size: 85%;



	padding: 3px 5px;



	text-transform: uppercase;



}







.button:hover, .button:focus {



	background: #333;



	border: 1px solid #999;



	color: #fff;



}







.checkbox { }







.radio { margin: 0 5px; }







/* Login ---*/



.login_form fieldset { padding: 15px 0 0; }



.login_form fieldset p { margin: 0 0 5px; }







.login_form label {



	font-weight: bold;



	text-align: right;



	display: block;



	float: left;



	width: 130px;



}







.login_form .inputbox { margin-left: 10px; width: 150px; }







.login_form .remember .inputbox {



	width: 20px;



}







.login_form .button { margin-left: 140px; }







/* Register ---*/



.form-register fieldset { padding: 0 0 10px; }







.form-register p { margin: 0 0 5px; }







.form-register p.form-des { margin: 15px 0; }







.form-register label {



	font-weight: bold;



	text-align: right;



	display: block;



	float: left;



	width: 130px;



}







.form-register .inputbox { margin-left: 10px; width: 200px; }







.form-register .button { margin-left: 140px; }







/* User ---*/



.user-details { padding: 10px 0; }







.user-details p { margin: 0 0 5px; }







.user-details label {



	font-weight: bold;



	text-align: right;



	display: block;



	float: left;



	width: 130px;



}







.user-details .inputbox { margin-left: 10px; width: 200px; }







.user-details .button { margin-left: 140px; }







.user-details .paramlist .paramlist_key {



	width: 130px !important;



	padding: 0 0 5px !important;



}







.user-details .paramlist .paramlist_value {



	padding: 0 0 5px !important;



}







.user-details .user_name span {



	padding-left: 10px;



	font-weight: bold;



}







/* Search ---*/



form#searchForm {



	border-top: 1px solid #ccc;



	padding: 15px 0; 



}







.searchintro {



	border-bottom: 1px solid #ccc;



}







.results h4 {



	text-transform: none;



	font-size: 110%;



	margin: 15px 0 0;



}







.results p { margin: 0 0 10px; }







/* Contact ---*/



#component-contact address { font-style: normal; }







#component-contact #emailForm { border-top: 1px solid #ddd; padding-top: 15px; }







.contact_email { margin: 0 0 10px; }







.contact_email label { font-weight: bold; display: block; }







.contact_email_checkbox { margin: 15px 0; }







/* JOOMLA STYLE



--------------------------------------------------------- */



/* Layout Deco ---*/



.blog { }







.article_separator,



.leading_separator,



.row_separator,



.column_separator { display: none; }







.leading {



	padding-bottom: 10px;



	padding-top: 10px;



}







.article_row { padding-bottom: 10px; padding-top: 10px; }







.article_column { }







.column_separator { padding: 0 25px; }







/* Meta ---*/



.article-tools {



	clear: both;



	color: #999;



	display: block;



	line-height: normal;



	margin: 0 0 10px;



	position: relative;



}







.article-meta { float: left; padding: 0; width: 70%; }







.article-section, .article-category { color: #999; font-size: 92%; }







.createby {



	background: url(../images/icon-user.gif) no-repeat 0 2px;



	padding: 3px 3px 3px 20px;



}







.createdate {



	background: url(../images/icon-date.gif) no-repeat 0 2px;



	padding: 3px 3px 3px 20px;



}







.modifydate { color: #999; display: block; margin: 10px 0; }







.contentdescription {



	border-bottom: 1px solid #ccc;



	display: block;



	margin: 0 -15px;



	padding: 10px 15px;



}







.contentdescription p { margin: 0; }







.buttonheading { float: right; }







.buttonheading img { border: 0; float: right; margin: 0 5px 0 0; }







/*Inline images ---*/



img.caption { margin-top: 5px; }







.img_caption { color: #666; margin-bottom: 10px; }







.article-content img { margin: 5px; }







.img_caption img { margin: 5px 0 0; }







.img_caption p {



	color: #666;



	margin: 0;



	padding: 2px 0 0;



	text-align: center;



}







/* Tables ---*/



.sectiontableheader {



	background: #333;



	border: 1px solid #ccc;



	color: #fff;



	padding: 5px;



}







.sectiontableheader a,



.sectiontableheader a:hover,



.sectiontableheader a:focus,



.sectiontableheader a:active { color: #fff; }







.sectiontableentry,



.sectiontableentry0,



.sectiontableentry1,



.sectiontableentry2 {



	background: url(../images/dot2.gif) repeat-x left bottom;



	padding: 5px 5px 6px;



}







.sectiontableentry:hover,



.sectiontableentry0:hover,



.sectiontableentry1:hover,



.sectiontableentry2:hover { background-color: #fffff0; }







.sectiontableentry2 { background-color: #f6f6f6; }







table.contentpane, table.tablelist { width: 100%; }







table.contentpaneopen {



	border: none;



	border-collapse: collapse;



	border-spacing: 0;



}







/* Content Toc */



table.contenttoc {



	border: 1px solid #ddd;



	float: right;



	margin: 0 0 10px 12px;



	padding: 0;



	width: 30%;



}







table.contenttoc a { color: #333; }







table.contenttoc td { border-bottom: 1px dotted #ccc; padding: 5px 10px; }







table.contenttoc th {



	background: #f6f6f6;



	border-bottom: 1px solid #ddd;



	padding: 5px 10px;



	text-transform: uppercase;



}







/* Poll */



div.poll { padding: 15px 0; }







form#poll {



	border-bottom: 1px dotted #ccc;



	font-weight: bold;



	margin-bottom: 10px;



	padding-bottom: 10px;



}







dl.poll {



	border-bottom: 1px dotted #ccc;



	font-size: 92%;



	margin-bottom: 10px;



	padding-bottom: 10px;



}







dl.poll dt, dl.poll dd { float: left; }







dl.poll dt { clear: left; width: 100px; }







dl.poll dd { clear: right; }







table.pollstableborder {



	border: none;



	padding: 0;



	text-align: left;



	width: 100%;



}







table.pollstableborder img { vertical-align: baseline; }







table.pollstableborder td {



	background: #f6f6f6;



	border-bottom: 1px solid #ccc;



	font-weight: bold;



	padding: 5px !important;



}







table.pollstableborder tr.sectiontableentry0 td,



table.pollstableborder tr.sectiontableentry1 td { background: #fff; font-weight: normal; }







/* Search */



table.searchintro { padding: 10px 0; width: 100%; }







table.searchintro td { padding: 5px !important; }







/* Misc. */



table.contentpaneopen, table.contentpane, table.blog { width: 100%; }







/* Pagination ---*/



ul.pagination { float: left; margin: 10px 0; width: 75%; }







ul.pagination li {



	background: none;



	display: inline;



	margin: 0;



	padding: 0;



	overflow: hidden;



}







ul.pagination li span { padding: 0 5px; line-height: 20px; }







ul.pagination a {



	background: #f6f6f6;



	border-bottom: 3px solid #ccc;



	color: #000;



	line-height: 23px;



	padding: 0 5px;



	text-decoration: none;



}







ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {



	background: #999999;



	color: #fff;



	text-decoration: none;



}







.sortby { font-size: 92%; margin: 10px 0 5px; }







.sortby .filter, .sortby .display { float: left; width: 40%; }







.sortby .display { float: right; text-align: right; }







.pagenavbar { font-weight: bold; }







.pagenavcounter { margin: 15px 0 !important; text-align: center; }







.counter {



	float: right;



	line-height: 1;



	margin: 15px 0 !important;



	text-align: right;



	width: 24%;



}







.counter span {



	background: #f6f6f6;



	border-bottom: 3px solid #ccc;



	color: #000;



	padding: 1px 5px;



}







.blog_more {



	border-top: 1px solid #ccc;



	border-bottom: 1px solid #ccc;



	padding: 15px 0 5px;



}







.blog_more h2 {



	font-size: 115%;



	margin: 0 0 5px;



	text-transform: uppercase;



}







.blog_more ul li {



	background: url(../images/bullet.gif) no-repeat 5px 6px;



	padding-left: 15px;



}







div.back_button a,



div.back_button a:hover,



div.back_button a:active { display: block; margin: 10px 0; }







/* Messages ---*/



#system-message { margin: 0 -15px 10px; }







#system-message dd.message ul,



#system-message dd.error ul,



#system-message dd.notice ul { margin: 0; padding: 0; }







#system-message dd.message ul li,



#system-message dd.error ul li,



#system-message dd.notice ul li {



	background: none;



	color: #fff;



	margin: 0;



	padding: 5px;



}







/* System Standard Messages */



#system-message dd.message ul { background: #93B217; border: 0; }







/* System Error Messages */



#system-message dd.error ul { background: #bf0000; border: 0; }







/* System Notice Messages */



#system-message dd.notice ul { background: #333; border: 0; }







/* Tooltips --- */



.tool-tip {



	background: #ffffcc;



	border: 1px solid #D4D5AA;



	float: left;



	max-width: 300px;



	padding: 5px;



	z-index: 1000;



}







.tool-title {



	background: url(../../system/images/selector-arrow.png) no-repeat;



	font-size: 100%;



	font-weight: bold;



	margin: 0;



	margin-top: -15px;



	padding: 0;



	padding-bottom: 5px;



	padding-top: 15px;



}







.tool-text { font-size: 100%; margin: 0; }







.hasTip img { border: none; margin: 0 5px 0 0; }







.contentpaneopen_edit img { vertical-align: middle; }







/* Ja Rounded */



.ja-rounded-top,



.ja-rounded-bottom {



	height: 10px;



	width: 100%;



}







#ja-container .ja-rounded-top { background: url(../images/rounded-top.png) no-repeat top left; }







#ja-container .ja-rounded-center { background: #FFF; padding-bottom: 20px;}







#ja-topsl3 .ja-rounded-center { background: #202020; }







#ja-topsl2 #ja-roll-top { background: url(../images/roll-bg.png) no-repeat center top; padding: 10px 20px 0; }



#ja-topsl2 #ja-roll-bot { background: url(../images/roll-bg.png) no-repeat center bottom; height: 20px; }







#ja-botsl .ja-rounded-center { background: #202020; }



#ja-botsl .ja-rounded-bottom { background: url(../images/black-rounded-bottom.png) no-repeat bottom left; }







#ja-footer .ja-rounded-top { background: url(../images/black-rounded-top.png) no-repeat top left; }



#ja-footer .ja-rounded-center { background: #202020;padding: 0 20px }



#ja-footer .ja-rounded-bottom { background: url(../images/black-rounded-bottom.png) no-repeat bottom left; }







#ja-right .ja-mass-top .content .ja-rounded-br { background: url(../images/box-br.gif) no-repeat bottom right #FFF; }



#ja-right .ja-mass-top .content .ja-rounded-bl { background: url(../images/box-bl.gif) no-repeat bottom left; }



#ja-right .ja-mass-top .content .ja-rounded-tr { background: url(../images/box-tr.gif) no-repeat top right; }



#ja-right .ja-mass-top .content .ja-rounded-tl { background: url(../images/box-tl.gif) no-repeat top left; padding: 20px !important; }







.ja-navhelper .ja-rounded-center { background: #202020; padding: 10px 0;}



.ja-navhelper .ja-rounded-bottom { background: url(../images/black-rounded-bottom.png) no-repeat bottom left; }







.ja-rounded-top { background: url(../images/black-rounded-top.png) no-repeat center top; }



.ja-rounded-bot { background: url(../images/black-rounded-bottom.png) no-repeat center bottom; margin-bottom: 15px; }







/* MODULE STYLES



--------------------------------------------------------- */



div.ja-moduletable h3, div.moduletable h3 {



	font-size: 125%;



	margin: 0 0 8px;



	padding: 1px 0 0;



	overflow: hidden;



	text-transform: uppercase;



}







div.moduletable_menu h3 { margin-bottom: 0; }







div.ja-moduletable, div.moduletable {



	margin-top: 8px;



	margin-bottom: 15px;



	padding: 0 0 10px;



	position: relative;



}







#ja-container div.ja-moduletable h3,



#ja-container div.moduletable h3 {



	color: #333;



}







/* Badge Module ---*/



.badge {



	height: 46px;



	position: absolute;



	right: 0;



	top: 0;



	width: 45px;



	background-image: url(../images/icon-badge.png);



	background-repeat: no-repeat;



}







.badge-hot 	.badge { background-position: 0 0; }



.badge-new 	.badge { background-position: 0 -46px; }



.badge-pick .badge { background-position: 0 -92px; }



.badge-top 	.badge { background-position: 0 -138px; }







.badge-new .ja-box-ct,



.badge-top .ja-box-ct,



.badge-pick .ja-box-ct,



.badge-hot .ja-box-ct {



	padding: 10px;



}



/* Search Module ---*/



#ja-search {



	padding-left: 20px;



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



	position: absolute;



	top: 30px;



	right: 15px;



}







#ja-search label { display: none; }







#ja-search .inputbox {



	width: 200px;



	border: 1px solid #333;



	padding: 3px 5px;



	color: #ccc;



	background: #444;



	font-size: 100%;



	font-weight: bold;



}







#ja-search .inputbox:hover, #ja-search .inputbox:focus { }







#ja-search .button {



	font-size: 100%;



	font-weight: bold;



	margin-left: 5px;



	text-transform: none;



}







/* Login Module ---*/



#form-login-username .inputbox,



#form-login-password .inputbox {



	background-position: 5px center;



	background-repeat: no-repeat;



	font-weight: bold;



}







#form-login-username .inputbox, #form-login-password .inputbox { width: 90%; }







#form-login ul { margin: 0 !important; padding: 0; }







#form-login p { margin: 0 0 5px; }







#form-login .button { margin: 10px 0; }







/* Poll Module ---*/



h4.poll-title { margin: 0; padding: 0; }







a.poll-result { font-size: 92%; text-transform: uppercase; }







form.poll .button { margin-right: 5px; }







/* Advertisement ---*/



div.bannergroup_text div.banneritem_text { border-bottom: 1px dotted #ccc; padding: 5px 0; }







div.bannergroup_text div.banneritem_text a { font-weight: bold; }







div.bannergroup_text div.bannerheader,



div.bannergroup_text div.bannerfooter_text a { color: #999; font-size: 92%; }







div.bannergroup_text div.bannerfooter_text { padding: 5px 0 0; text-align: right; }







div.bannergroup { margin-bottom: 10px; }







/* Rounded Module --- */



div.ja-module h3, div.module h3 {



	border-bottom: 1px solid #ccc;



	color: #7ba566;



	font-size: 115%;



	font-weight: bold;



	margin: 0 -15px 10px;



	padding: 8px 15px;



	text-transform: uppercase;



}







div.ja-module, div.module { margin-bottom: 20px; position: relative; overflow: hidden; }







.ja-box-br {



	background: url(../images/b-br.gif) no-repeat bottom right #fff;



}







.ja-box-bl {



	background: url(../images/b-bl.gif) no-repeat bottom left;



}







.ja-box-tr {



	background: url(../images/b-tr.gif) no-repeat top right;



}







.ja-box-tl {



	background: url(../images/b-tl.gif) no-repeat top left;



	padding: 0 15px 10px;



}







/* text */



div.module_text h3 {



	clear: both;



	display: block;



	margin: 0 0 10px;



	padding: 0;



	overflow: hidden;



	width: 100%;



	border-bottom: 0;



}







div.module_text span {



	clear: both;



	display: block;



	float: left;



	font-weight: bold;



	padding: 0 3px;



	background: #fff;



}







/* Blank */



div.module_noborder,



div.module_noborder .ja-box-bl,



div.module_noborder .ja-box-tr,



div.module_noborder .ja-box-tl {



	background: none;



	padding: 0;



}







/* text color for high contrast module */



div.module_black *, div.module_green *, div.module_blue *, div.module_red * { color: #fff !important; }







/* Module list ---*/



div.ja-moduletable ul, div.ja-module ul {



	margin: 15px 0 0;



}







div.ja-moduletable ul li, div.ja-module ul li {



	padding-left: 12px;



	background-position: 2px 8px;



}







/* Collapsible h3 ---*/



h3.show {



	background: url(../images/icon-show.png) no-repeat 100% 60%;



	cursor: pointer;



}







h3.hide {



	background: url(../images/icon-hide.png) no-repeat 100% 60%;



	cursor: pointer;



}







/* Uncomment the following lines if you want collapsible modules with badges still show arrows */



/* 



.badge-hot h3.show,.badge-new h3.show,.badge-pick h3.show,.badge-top h3.show,



.badge-hot h3.hide,.badge-new h3.hide,.badge-pick h3.hide,.badge-top h3.hide {



	background-position: 15px 60%;



	text-indent: 15px;



}



*/







/* MAIN LAYOUT DIVS



--------------------------------------------------------- */



.wrap { }



.main { }



.ja-box { padding-bottom: 10px; padding-top: 10px; }







#ja-wrapper {background: url(../images/body-bottom.jpg) repeat-x left bottom; min-height: 450px; position: relative; padding-top:56px; }







#ja-container {



	position: relative;



	z-index: 5;



}







#ja-container .main { }







/* 3 Columns - Classic Layout ---*/



#ja-container.ja-l1r1  {}







/* Full */



#ja-container {}







#ja-container.ja-r2 .main {



	 background: url(../images/main-bg.jpg) no-repeat 52% 50% ;



}



/* Full left */



#ja-container.ja-r1 .main {



	 background: url(../images/main-bg.jpg) no-repeat 76% 50%;



}







/* Full right */



#ja-container.ja-l1 .main {background: url(../images/main-bg.jpg) no-repeat 26% 50%;}







/* Mass ---*/



.ja-mass-top {}



.ja-mass-top .ja-moduletable, .ja-mass-top .ja-module { margin-left: 0; margin-right: 0; }



.ja-mass-top .ja-box-ct .content {



}







.ja-mass-top .ja-box-ct {}







.ja-mass-bottom {}



.ja-mass-bottom .ja-moduletable, .ja-mass-bottom .ja-module { margin-left: 0; margin-right: 0; }







/* MAIN COLUMN



--------------------------------------------------------- */



#ja-mainbody {}







#ja-main .inner {  }







#ja-contentwrap { }







/* Content Top ---*/



.ja-content-top { }



.ja-content-top .ja-moduletable, .ja-content-top .ja-module { margin-left: 0; margin-right: 0;  }







/* Content Main ---*/



.ja-content-main { }







/* Content Bottom ---*/



.ja-content-bottom { }



.ja-content-bottom .ja-moduletable, .ja-content-bottom .ja-module { margin-left: 0; margin-right: 0;  }







/* @end */







/* SIDE COLUMNS



--------------------------------------------------------- */



.ja-colswrap { }







.ja-col { }







/* Left Columns ---*/



#ja-left .ja-l2 { }







/* Right Columns ---*/



#ja-right .ja-r2 { }







/* HEADER



--------------------------------------------------------- */



#ja-header {position: relative; z-index: 10; }







#ja-header .main {



	height: 100px;



	position: relative;



}







h1.logo, div.logo-text h1 { font-size: 180%; line-height: 1;}







h1.logo, div.logo-text { float: left; z-index: 1; position: relative;  margin-top: 30px;  }







/* Logo Image ---*/



h1.logo { height: 42px;width: 207px; }







h1.logo a {



	background: url(../images/logo.png) no-repeat left top;



	display: block;



	height: 42px;



	width: 207px;



}







h1.logo a span { position: absolute; top: -1000px; }







/* Logo Text ---*/



div.logo-text { }







div.logo-text h1 a {



	color: #93b217;



	letter-spacing: 1px;



	text-decoration: none;



}







p.site-slogan {



	color: #999;



	display: block;



	font-size: 95%;



	letter-spacing: 1px;



	margin: 8px 0 0;



	padding: 0 5px;



	text-align: center;



	text-transform: uppercase;



}







/* NAVIGATION



--------------------------------------------------------- */



/* Main Nav ---*/



#ja-mainnav {



	background: url(../images/grad1-mask.gif) repeat-x left top #444;



	border-bottom: 1px solid #050505;



	border-top: 5px solid #050505;



	line-height: 1;



	position: absolute;



	z-index: 999;



	top: 0;



}







#ja-mainnav .main {}







span.has-image {



	padding-left: 25px;



	display: block;



	overflow: hidden;



	background-repeat: no-repeat;



	background-position: left 2px;



}







span.menu-title { display: block; font-size: 110%; }







span.menu-desc {



	display: block;



	font-weight: normal;



	font-size: 92%;



	color: #666;



}







/* Sub Nav ---*/



#ja-subnav ul { margin: 0; padding: 0; }







#ja-subnav li {



	background-position: 0 14px;



	border-bottom: 1px dotted #ccc;



	margin: 0;



	overflow: hidden;



	padding: 0 0 0 5px;



}







#ja-subnav ul li a { 



	color: #333;



	display: block;



	outline: none;



	padding: 6px 0;



	text-decoration: none;



	text-indent: 5px;



}







#ja-subnav ul li a:hover,



#ja-subnav ul li a:active,



#ja-subnav ul li a:focus { color: #93B217; }







#ja-subnav ul li.active a { color: #93B217; font-weight: bold; }







#ja-subnav ul li ul { margin: 0 0 0 10px; }







#ja-subnav ul li li {



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



	border-bottom: 0;



	border-top: 1px dotted #ccc;



}







#ja-subnav ul li li a {



	color: #333 !important;



	font-weight: normal !important;



	text-indent: 10px;



}







#ja-subnav ul li li a:hover,



#ja-subnav ul li li a:active,



#ja-subnav ul li li a:focus { color: #93B217 !important; background: none; }







#ja-subnav ul li.active > a { color: #93B217 !important; font-weight: bold !important; }







#ja-subnav li.first-item { border-left: 0; }







#ja-subnav ul li.empty { visibility: hidden }







/* Breadcrumbs ---*/



.ja-navhelper { text-transform: uppercase; color: #FFF;}



.ja-navhelper .main { padding: 0 0 20px; }







.ja-navhelper a { padding: 0 2px; color: #93B217; text-decoration: none; }



.ja-navhelper a:hover, .ja-navhelper a:active, .ja-navhelper a:focus { color: #fff; text-decoration: none;}







.ja-breadcrums {



	float: left;



	margin-left: 10px;



	margin-top: 2px;



	width: 80%;



}







.ja-breadcrums strong { margin-right: 5px; }







.ja-breadcrums img { margin: 1px 5px; }







/* Extras ---*/



.ja-links { float: right; margin: 2px 10px 0 0; }







.ja-links li { background: none; padding: 0; display: inline; }







.ja-links li.top a {



	background: url(../images/arrow2.png) no-repeat 5px center;



	padding-left: 17px;



	padding-right: 5px;



}







.ja-links li.top a:hover { }







.ja-links li.layout-switcher a {



	background: #93B217;



	color: #fff;



	text-decoration: none;



}







.ja-links li.layout-switcher a:hover { background: #666; color: #fff; text-decoration: none; }







.ja-links li.user-reset a {



	background: #bf0000;



	color: #fff;



	text-decoration: none;



}







.ja-links li.user-reset a:hover { background: #666; color: #fff; text-decoration: none; }







/* Default Joomla! Menu ---*/



#ja-container ul.menu { margin: 0; padding: 0; }







#ja-container ul.menu li {



	background-position: 0 14px;



	border-bottom: 1px dotted #ccc;



	margin: 0;



	overflow: hidden;



	padding: 0 0 0 5px;



}







#ja-container ul.menu li a {



	color: #333;



	display: block;



	outline: none;



	padding: 6px 0;



	text-decoration: none;



	text-indent: 5px;



}







#ja-container ul.menu li a:hover,



#ja-container ul.menu li a:active,



#ja-container ul.menu li a:focus { color: #93B217; }







#ja-container ul.menu li.active a { color: #93B217; font-weight: bold; }







#ja-container ul.menu li ul { margin: 0 0 0 10px; }







#ja-container ul.menu li li {



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



	border-bottom: 0;



	border-top: 1px dotted #ccc;



}







#ja-container ul.menu li li a {



	color: #333 !important;



	font-weight: normal !important;



	text-indent: 10px;



}







#ja-container ul.menu li li a:hover,



#ja-container ul.menu li li a:active,



#ja-container ul.menu li li a:focus { color: #93B217 !important; background: none; }







#ja-container ul.menu li.active > a { color: #93B217 !important; font-weight: bold !important; }







#ja-container ul.menu span.separator { display: none; }











/* SPOTLIGHT 2



--------------------------------------------------------- */



#ja-topsl3 .ja-box, #ja-botsl .ja-box { 



	padding: 0;



}







#ja-topsl3 .ja-box-right, #ja-botsl .ja-box-right,



#ja-topsl3 .ja-box-full, #ja-botsl .ja-box-full { 



	background: none;



}







#ja-topsl3 .ja-moduletable, #ja-botsl .ja-moduletable,



#ja-topsl3 .moduletable, #ja-botsl .moduletable  {



	border-bottom: 0;



	padding-bottom: 0 !important;



	margin-bottom: 0 !important;



}







#ja-topsl3 li, #ja-botsl li, #ja-botsl1 li {



	background-image: url(../images/bullet2.gif);



	background-position: 1px 8px;



	padding-left: 10px;



}







#ja-topsl3 li a, #ja-botsl li a, #ja-botsl1 li a {



	text-decoration: none;



}







#ja-topsl3 li a:hover, #ja-botsl li a:hover, #ja-botsl1 a:hover,



#ja-topsl3 li a:active, #ja-botsl li a:active, #ja-botsl1 a:active,



#ja-topsl3 li a:focus, #ja-botsl li a:focus, #ja-botsl1 a:focus{



	color: #fff;



}







#ja-topsl3 ol li, #ja-botsl ol li { margin-left: 25px; padding: 0 !important; }







#ja-topsl3 ul, #ja-topsl3 p, #ja-topsl3 ol,



#ja-botsl ul, #ja-botsl p, #ja-botsl ol { padding: 0; margin: 0; }







#ja-topsl3 a, #ja-botsl a {



	color: #ccc;



	text-decoration: none;



	border-bottom: 1px dotted #ccc;



}







#ja-topsl3 a:hover, #ja-topsl3 a:active, #ja-topsl3 a:focus,



#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {



	color: #fff;



	text-decoration: none;



	border-bottom: 1px dotted #fff;



}







/* Top spotlight ---*/



#ja-topsl1 { margin-bottom: 15px; color: #CCC; }







#ja-topsl1 div.ja-moduletable,



#ja-topsl1 div.moduletable {



	border: none;



	margin-bottom: 0;



	padding: 0;



}







#ja-topsl2 .main { width: 1000px; }







#ja-topsl2 div.moduletable h3 { color: #fff; }







#ja-topsl2 div.ja-moduletable,



#ja-topsl2  div.moduletable {



	margin-bottom: 0;



	padding: 0;



	margin-top: 0;



}







#ja-topsl2 .ja-box-ct {



	padding: 10px 0 0;



}







#ja-topsl2 a:hover, #ja-topsl2 a:focus, #ja-topsl2 a:active {



	color: #bf0000;



	border-bottom: 1px dotted #bf0000;



}







#ja-topsl3 { color: #ccc; }







#ja-topsl3 .main { padding: 0 0 20px; }







#ja-topsl3 h3 {



	margin: 0 0 5px 0;



	padding: 0;



	color: #93b217;



	font-size: 110%;



	background: none;



	text-transform: none;



}







#ja-topsl3 a {



	border-bottom: 1px dotted #666;



	color: #666;



}







#ja-topsl3 .column .ja-box-ct li {



	width: 45%;



	float: left;



	overflow: visible;



}







/* Bot spotlight ---*/



#ja-botsl { color: #999; }







#ja-botsl .main { padding: 0 0 10px; }







#ja-botsl .ja-moduletable, #ja-botsl .moduletable {



	border-bottom: 0;



	margin-bottom: 0;



}







#ja-botsl h3 {



	margin: 0 0 8px;



	padding: 0;



	color: #fff;



	background: none;



}







.ja-box-right .ja-moduletable, .ja-box-right .moduletable,



.ja-box-full .ja-moduletable, .ja-box-full .moduletable { border: 0 !important; background: 0 !important; }







#ja-botsl .ja-box-ct {







}







/* Bot spotlight 1---*/



#ja-botsl1 {



	color: #999;



}







#ja-botsl1 .main { padding: 0 0 10px; }







#ja-botsl1 .ja-moduletable, #ja-botsl1 .moduletable {



	border-bottom: 0;



	margin-bottom: 0;



}







#ja-botsl1 h3 {



	margin: 0 0 8px;



	padding: 0;



	color: #ccc;



	background: none;



}







/* FOOTER



--------------------------------------------------------- */



#ja-footer {



	clear: both;



	padding: 0 0 20px;



}







#ja-footer .main {



	color: #666666;



	padding: 0;



	position: relative;



}







#ja-footer .inner { padding: 0; }







#ja-footer small { color: #666; font-size: 100%; }







#ja-footer a:hover,



#ja-footer a:focus,



#ja-footer a:active {



	color: #FFF;



}







/* Foot Links ---*/



#ja-footer .ja-footnav {



	font-size: 100%;



	margin: 0 0 10px;



	overflow: hidden;



	position: relative;



	width: 100%;



}







.ja-footnav ul { float: left; line-height: normal; }







.ja-footnav li {



	border-left: 1px solid #999;



	display: block;



	float: left;



	padding: 0 10px;



}







.ja-footnav li a {



	color: #666;



	display: block;



	font-weight: bold;



	line-height: 1;



	text-decoration: none;



	text-transform: uppercase;



}







.ja-footnav li a:hover, .ja-footnav li a:active, .ja-footnav li a:focus { color: #333; }







.ja-footnav .ja-firstitem { border-left: 0; padding-left: 0; }







/* Copyright Info. ---*/



.ja-copyright small { display: block; }







/* MISCELLANOUS



----------------------------------------------------------- */



/* User Tools ---*/



ul.ja-usertools-font {



	font-size: 11px;



	position: absolute;



	top: 15px;



	right: 20px;



}







ul.ja-usertools-font li, ul.ja-usertools-screen li {



	padding: 0;



	margin: 0;



	display: inline;



	background: none;



}







ul.ja-usertools-screen  {



	font-size: 11px;



	position: absolute;



	top: 15px;



	right: 90px;



}







/* Others ---*/



#ja-banner {



	border-top: 1px solid #ccc;



	margin: 0;



	overflow: hidden;



	padding-top: 15px;



	text-align: center;



	width: 100%;



}







div.ja-innerdiv {



	border-bottom: 1px dotted #ccc;



	clear: both;



	margin-bottom: 10px;



	padding-bottom: 12px;



}







div.ja-innerdiv img {



	margin-right: 10px;



}







div.ja-innerdiv h4 {



	font-weight: bold;



	margin: 5px 0 2px;



	padding: 0;



	text-transform: none;



}







div.ja-innerdiv a {



	color: #666;



	text-decoration: none;



}







div.ja-innerdiv a:hover,



div.ja-innerdiv a:active,



div.ja-innerdiv a:focus {



	color: #92B116;



}







.cufon-canvas { padding: 1px 0 3px; }

/* -----------------------question styles------------------------------------*/

.question { /* question box */

	margin: 20px 30px;

	background: #F5F3E9;

	position: relative;

	border: 1px solid #B39D53;

	clear: both;

}

.question p { /* question text */

	margin: 0px;

	padding: 10px;

}

.question p label{ /* question label text */

	padding-bottom: 130px;

}

.feedback { /* question feedback box */

	background: #DED5B4;

	border-top: 2px solid #B39D53;

	border-right: 1px solid #B39D53;

	border-bottom: 1px solid #B39D53;

	border-left: 1px solid #B39D53;

	margin-top: 10px;

	position: relative;

}

.feedback p { /* question feedback text */

	margin: 0px;

	padding: 5px 5px 5px 10px;

}

/* "Show All" + "Hide All" links */

#TJK_ToggleON,#TJK_ToggleOFF {border:1px solid #333;padding:0 5px;margin-right:5px;}

/* zeroing out padding and margin */

#TJK_DL dd, #TJK_DL dt {margin:0;padding:0;} 

/* margin for the DTs (shorthand) */

#TJK_DL dt {margin:10px 0px 0px 0px;font-weight:bold;font-style:italic;}

/* image and left padding for DDs */

#TJK_DL dd {padding:0px 10px 5px 10px;}

/* styling all anchors in the DTs */

#TJK_DL dt a {background:390px 0 no-repeat;display:block;padding-right:110px;padding-bottom:10px;height:auto;color:#000;text-decoration:none;}

#TJK_DL dt a:visited {color:#000;}

#TJK_DL dt a:visited:hover,

#TJK_DL dt a:hover,

#TJK_DL dt a:active,

#TJK_DL dt a:focus {color:#000;font-weight:bold;font-style:italic;}

/* the + and - gif in the anchors */

#TJK_DL .DTplus a {background-image:url(../images/showinfo.gif);width:390px;margin-top:5px;margin-bottom:15px;/*width fixes IE link issue*/}

#TJK_DL .DTminus a {background-image:url(../images/hideinfo.gif);width:390px;margin-top:5px;margin-bottom:15px;/*width fixes IE link issue*/}

/**********************************/

/**********************************/

#TJK_DL .showDD {position:relative;top:0;}

#TJK_DL dd,.hideDD{top:-9999px;position:absolute;}

#TJK_ToggleON,#content #TJK_ToggleOFF {display:inline;cursor:pointer;}

/* -----------------------popup links------------------------------------*/
.popup { /* popup box */
	background-color: #F5F3E9;
	padding: 10px;
	height: auto;
	width: 450px;
	border: 2px solid #B39D53;
	position: absolute;
	z-index: 1;
	left: 170px;
	top: 200px;
	visibility: hidden;
}
.popup ul, .popup ol { /* popup box, unordered and ordered list */
	margin-left: 30px;
	margin-right: 30px;
}
.popup p.closewindow {
	text-align:center;
}