/* IMPORT STYLE
--------------------------------------------------------- */
@import url("setting.css");
@import url("extensions.css");

/* COMMON STYLE
--------------------------------------------------------- */
body {margin:0;	color:#555;	font:normal 13px/21px Arial, Helvetica, sans-serif;}
body#bd{background:#855439; font-weight:normal; line-height:20px; color:#888;}

/* Normal links ---*/
a{text-decoration: none;}
a:hover, a:active{text-decoration: underline;}

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-wrapper{width:1000px; background:#fff; margin:15px auto;}
.main{padding:0!important; margin-top:0!important; margin-bottom:0!important;}
#ja-slider{padding:10px 0 0 0; margin-bottom:-40px;}
#ja-extras{position:relative; padding-top:0px; padding-bottom:0px;}
#ja-container{margin:0;	color:#000;	padding:15px 0 5px 0;}
#ja-newsletter{background:#000; padding:15px 0}
#ja-newsletter .ja-moduletable{margin:0!important; padding:0}

/* Header --- */
#ja-header {background:#111; position:relative; z-index:999;}
#ja-header .main{width:100%!important;}
#ja-header {padding:0; margin:0;}
#ja-header .rightBlock{width:auto; position:relative; z-index:9; float:right; margin:25px 0 0 0;}

/* Logo Image ---*/
.logo{padding:0px 0px 0px 0px!important;}
h1.logo {float:left; margin:0; padding:0; text-indent:-9999px; overflow:hidden;}
h1.logo a {display:block; background: url(../images/logo.png) no-repeat;}

/* Logo Text ---*/
div.logo-text{margin:25px 0 75px 25px; height: 84px;}
div.logo-text h1 {font: bold 250% Arial, sans-serif; margin-top:15px}
div.logo-text h1 a {color: #555; text-decoration: none;}
div.logo-text h1 a:hover,
div.logo-text h1 a:active,
div.logo-text h1 a:focus {
	text-decoration: none;
}

p.site-slogan {
	display: block;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	font-style: italic;
	color: #fff;
}

/*Main Menu*/
#ja-mainnav {padding:7px 0; background:#3f1d0b; position:relative; z-index:222; border-bottom:1px solid #fff;}
#ja-mainnav ul{padding-top:2px;}
#ja-mainnav ul li{padding:0!important; margin-left:1px;}
#ja-mainnav ul li a{padding:8px 10px 8px 0 ;}
#ja-mainnav ul li a:focus{}
#ja-mainnav li ul li a:hover{color:#fff!important; }
#ja-mainnav li ul li a,
#ja-mainnav li ul li a:hover, 
#ja-mainnav li ul li a:focus, 
#ja-mainnav li ul.level1 li.haschild-over a.haschild.over{background:none; color:#999; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:0; padding:8px 0!important;}
#ja-mainnav li ul li a{padding-left:0!important; padding-right:0!important;}

#ja-mainnav .search{float:right; margin:2px 0 0 0;}
#ja-mainnav .search .inputbox{border:1px solid #dbdbdb; width:175px; background:none; padding-top:11px; background:#c8c8c8; padding-left:8px; padding-top:7px; color:#666; text-transform:lowercase;}
#ja-mainnav .search .inputbox:focus{background:#c0c0c0; border:1px solid #afafaf;}

/*Content*/
#ja-main{position:relative;}
#ja-main .inner{padding:0; margin:0;}
#ja-content-mass-bottom{position:relative;}
#ja-container .ja-moduletable{background:#f1f1f1; padding:15px;}
#ja-right-mass-bottom .ja-moduletable{background:none; padding:0;}/*I use this line because there is no suffix option on JG Map Modules*/

#ja-content-mass-top .ja-moduletable h3 span, 
#ja-content-top .ja-moduletable h3 span, 
#ja-content-bottom .ja-moduletable h3 span,
#ja-right .ja-moduletable h3 span,
#ja-left .ja-moduletable h3 span{
	padding:10px 12px; 
	margin:0!important; 
	background:#dbdbdb;
	display:block;
}

.moduletable-clean, .moduletable-portfolio{background:none!important; padding:0!important;}
.moduletable-clean h3 span, .moduletable-portfolio h3 span{background:none!important; padding:0!important;}
.moduletable-social h3{display:inline; float:left; padding-top:3px!important;}
.moduletable-nsp h3 span{margin:0!important;}
.moduletable-nsp h3{margin:0!important; padding:0!important;}

/* Overwrite T3 module padding and margin ---*/
.ja-box-left .ja-moduletable, .ja-box-right .ja-moduletable, .ja-box-center .ja-moduletable{}
.ja-box-left .ja-moduletable{padding-right:0; margin-right:10px; margin-left:0!important;}
.ja-box-right .ja-moduletable{padding-left:0; margin-left:10px; margin-right:0!important;}
.ja-box-center .ja-moduletable{padding-left:0; padding-right:0; margin-left:10px!important; margin-right:10px!important;}
#ja-right-mass-bottom .ja-moduletable{margin:0 0 0 20px!important; padding:0!important;}


/* Right Column ---*/
#ja-right {position:relative; }
#ja-right .ja-colswrap {padding-left:0;}
#ja-right .ja-moduletable{
	margin-right:0;
	margin-left:30px;
	margin-bottom:5px;
}
	
/* Left Column ---*/
#ja-left {position:relative;}
#ja-left .ja-colswrap {padding-right:0;}
#ja-left .ja-moduletable{
	margin-right:30px;
	margin-left:0;
	margin-bottom:5px;
}

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-topsl{color:#888; padding:25px 0 0 0;}
#ja-topsl div.ja-moduletable h3{padding:0 0 20px 0;	margin:0;}
#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {margin-top:0;	margin-bottom:5px;}

#ja-botsl{background:#3f1d0b; color:#fff; padding:15px 0 10px 0;}
#ja-botsl div.ja-moduletable h3 {padding:15px 0 15px 0;margin-bottom:0; color:#ccc;}

#ja-botsl ul.menu{border-top:1px dotted #222;}
#ja-botsl ul.menu li{padding:0 0 0 2px; background:none;}
#ja-botsl ul.menu li a:hover{color:#999; text-decoration:none;}
#ja-botsl ul.menu li a{
	color: #fff;
	padding:6px 0 6px 20px;
	background:url(../images/arrow3.png) 0 -20px no-repeat;
	display:block;
	border-bottom:1px dotted #222;
}

#ja-topsl .ja-moduletable ul li a:hover{text-decoration:none; color:#000; background-position:-20px 11px;}
#ja-botsl a:hover{text-decoration:underline;}

/* Extras ---*/
.ja-links li { padding: 0 10px; }
.ja-links li a{color:#fff;}


/* Default Joomla Menu in header Block*/
#ja-header ul.menu li{display:inline; padding:0 15px 0 0!important; font-size:11px;}
#ja-header ul.menu li a{color:#ccc;}
#ja-header ul.menu{ float:right; margin-top:0!important; margin-right:0;}

/* Default list style in topsl block and Default Joomla! Menu in container Block ---*/
#ja-topsl ul li, #ja-container ul.menu li, #ja-extras ul.menu li {padding:0 0 0 2px; background:none;}
#ja-topsl ul li a, #ja-container ul.menu li a , #ja-extras ul.menu li a{	
	color: #888;
	padding:6px 0 6px 20px;
	background:url(../images/arrow3.png) 0 -19px no-repeat;
	display:block;
	border-bottom:1px solid #ddd;
}

#ja-topsl ul li a:hover,
#ja-container ul.menu li a:hover,
#ja-container ul.menu li a:active{
	text-decoration: none;
	color:#555; 
	background-position:-21px 12px;
}

#ja-container ul.menu li li a:hover{background:url(../images/arrow3.png) -21px 12px no-repeat;}
#ja-container ul.menu li li {border-bottom: 0; background:none; margin-left:10px;}
#ja-container ul.menu li li a{padding-left:15px; text-indent:0;}
#ja-container ul.menu ul{border-top:0;}
#ja-container ul.menu li.active > a{font-weight:bold!important;}
#ja-container ul.menu li.active a {font-weight:normal;}


/* Breadcrumbs ---*/
#ja-navhelper{padding:10px 0!important; background:#f4f4f4; border-top:1px solid #ccc; font-style:italic;}
#ja-navhelper .ja-moduletable{margin:0; padding:0;}
#ja-navhelper a{background:none; padding:0 5px!important;}
#ja-navhelper strong {margin:0; float:left;  padding:0 5px 0 0; color:#777;}
#ja-navhelper .breadcrumbs{float:left; padding:0; width:73%; margin-top:0;}
#ja-navhelper .breadcrumbs img{display:none;}


/* Footer ----------- */
#ja-footer{background:#000; color:#fff; padding:2px 0; border-top:1px solid #222;}
#ja-footer a{padding-bottom:0;}
#ja-footer a:hover{border-bottom:none;}
#ja-footer .ja-copyright {
	text-align: left;
	line-height:16px;
	color:#777;
	width:auto;
	float:left;
}

#ja-footer .ja-footnav {text-align: left; margin: 0 0 5px 0; float:right; width:auto;}
#ja-footer .ja-footnav ul li{padding:0 10px; border-right:1px solid #444;}
#ja-footer .ja-footnav ul li a{color:#777;}
#ja-footer .ja-footnav ul li a:hover {text-decoration:none; color:#ccc;}
#ja-footer .ja-footnav ul li.item-491 {border-right:0!important;}

#ja-footer #ja-poweredby a{border-bottom:0;}
#ja-footer #ja-poweredby{margin-top:20px;}


/* Readon links and Button---*/
.button, #member-registration .validate, .form-validate button{padding:6px 10px; cursor:pointer; text-align:center; color:#000; font-weight:bold; border:0;}
#ja-container p.readmore{margin-top:20px!important;}
#ja-container p.readmore span{padding:5px 12px; color:#ff000!important;}
#ja-container .readmore a:hover {text-decoration: none;}
#ja-container .readmore a:hover span {}
#form-login .button:hover{text-decoration:none;}

/* FORM
--------------------------------------------------------- */
textarea.inputbox{width:400px; height:250px; padding:5px 6px;} 
select.inputbox{padding:3px 5px; height:auto;}

.inputbox:focus, .form-validate input:focus, .login-fields input:focus, .form-validate select:focus, .autarti-table input:focus, input#recaptcha_response_field:focus{background:#f4f4f4;} 
.inputbox, .form-validate input, .login-fields input, .form-validate select, .autarti-table input, input#recaptcha_response_field{
	width:auto; 
	padding:7px 6px 8px 6px; 
	color:#888; 
	margin:0 5px 3px 0;
	border:1px solid #dbdbdb;
	background:#fff; 
}

label.invalid{font-weight:bold; color:#333!important;}
.search fieldset{border:1px solid #dbdbdb; padding:20px;}
.search .pagination{padding:20px 0 60px 0!important;}
.search .word button{height:auto; margin-left:0;}
.word label{display:block; float:left; padding:5px 5px 0 0;}
dt.result-title{padding-top:10px;}
.filter-search {margin-left:6px; margin-bottom:10px;}
.registration dt{width:200px!important; font-weight:normal!important;}
.registration dl{padding-top:15px!important;}
#searchForm fieldset {background:#f8f8f8;}
#searchForm legend{padding-left:6px; padding-right:6px;}
.results h4 { text-transform: none;}


/* Login ---*/
#userlogin {position:relative; float:right; top:3px; font-size:11px; z-index:999; margin-right:5px;}
#userlogin ul {float: left;	margin: 0; padding: 0; white-space: nowrap;}
#userlogin li {background: none; display: inline; line-height: normal;	margin: 0;	padding: 0;}
#userlogin li a.login-switch, #userlogin li a.register-switch {padding: 0 15px 0 0; float: left;	color: #ccc;}
#userlogin li a.login-switch:hover, #userlogin li a.register-switch:hover {text-decoration:underline;}

#userlogin #user-login {display: none; position: absolute; left: -174px; top:25px; text-align: left; z-index: 999;}
#userlogin #user-login .main-inner1 {background:#111; width: 220px; height: auto; overflow: hidden; padding: 25px 20px; position:relative; z-index:999}

#modlgn-username.inputbox, #modlgn-passwd.inputbox{width:145px; margin-bottom:6px; border:0; padding:5px 3px!important; color:#999; background-color:#333; font-weight:normal;}
#login-form label{padding:0!important; color:#999;}
#userlogin #user-login .button {font-size:11px; padding:4px 7px!important; color:#fff;}

#userlogin li a.logout-switch {display: inline;	float: none; margin-left: 3px;}
#userlogin li.logout-switch{color:#fff;}
#userlogin .logout-switch .button{margin-left:5px; margin-top:-15px; float:none; font-size:11px; border:0!important; padding:0!important; background:none!important}
#userlogin .logout-switch .button:hover{background:none!important;}
#userlogin .button{float:right; margin-top:5px; margin-right:5px;}
#userlogin #form-login-remember {padding-top:10px;}
#userlogin #form-login-username label{margin-right:10px;}
#userlogin #form-login-remember label{vertical-align:top; padding-right:2px;}
#userlogin #form-login-password label{margin-right:13px}

#userlogin #login-form li{border-bottom:1px dotted #2a2a2a; line-height:normal; padding:4px 0; display:block; }
#userlogin #login-form li a{color:#999;}
#userlogin #login-form li a:hover, #userlogin #login-form li:hover{text-decoration:none; color:#eee; background-color:none!important; background:none!important}
#userlogin #login-form ul{padding-top:10px; width:200px; background:none;}
#user-login ul {margin:0 0 1px;	display:block;	list-style-type:none; margin:0 0 1px; padding:10px 0; position:relative !important;	left:0;	text-align:left !important;	top:0;}
#user-login ul li a:link, #user-login ul li a:visited {padding:3px !important;}

#box-overlay {width: 100% !important; height: 100% !important; min-height: 100% !important;	position: fixed !important;	background: #fff; z-index: 1; top: 0; left: 0;}
.register-switch, .login-switch {position: relative;}
.register-switch, .login-switch, #user-login, #user-register {z-index: 1000;}


/*Contact Form ---*/
#contact_name.inputbox, #contact_email.inputbox, #contact_subject.inputbox, .inputbox{}
.contact_email{}

/*Title and text heading */
h4 {text-transform:none;} 
h2.contact-name{border-bottom:0;}
h1.componentheading, h2.componentheading, .componentheading{
	line-height:25px!important;
	margin-bottom:0!important;
	margin-top:10px!important;
	padding:5px 0 5px 0!important;
	border-bottom:0!important;
}

h2.contentheading{
	margin-bottom:8px;
	padding-bottom:5px;
	margin-top:5px;
	background:url(../images/horz-border.png) 0 100% repeat-x;
	line-height:36px;
}

#ja-container a {text-decoration: none;}
#ja-container a:hover,
#ja-container a:active,
#ja-container a:focus {
	text-decoration: underline;
}

#ja-container h1 a:hover,
#ja-container h1 a:active,
#ja-container h2 a:hover,
#ja-container h2 a:active,
#ja-container h3 a:hover,
#ja-container h3 a:active,
#ja-container h4 a:hover,
#ja-container h4 a:active,
#ja-container h5 a:hover,
#ja-container h5 a:active,
#ja-container h6 a:hover,
#ja-container h6 a:active,
.contentheading a:hover{
	text-decoration: none;
	color:#454545;
}

#ja-container h1,
#ja-container h2,
#ja-container h3,
#ja-container h4,
#ja-container h5,
#ja-container h6,
#ja-container h1 a,
#ja-container h2 a,
#ja-container h3 a,
#ja-container h4 a,
#ja-container h5 a,
#ja-container h6 a,
.componentheading,
.componentheading a, 
.contentheading,
.contentheading a{
	font-weight: normal;
	display:block;
	color:#666;
}

/* Others ---*/
#ja-botsl hr{border:0;}
hr { border-top: 1px solid #cbcbcb; }
.item-title {font-weight: bold;}
.item-page ul li{
	padding:0 0 0 20px;
	background:url(../images/arrow3.png) 0 -25px no-repeat;
	display:block;
	margin-left:10px;
}


/* MODULE STYLES
--------------------------------------------------------- */
#ja-content-mass-top div.ja-moduletable img, #ja-topsl div.ja-moduletable img{padding-right:15px;}
#ja-container div.ja-moduletable .padding, #ja-container div.moduletable .padding {padding: 0;}

/* Advertisement ---*/
div.bannergroup_text div.banneritem {border-bottom: 1px dotted #cbcbcb;}
div.bannergroup_text div.banneritem {padding: 5px 0; }
div.bannergroup_text div.banneritem a { font-weight: bold; }
div.bannergroup_text div.bannerheader,
div.bannergroup_text div.bannerfooter { padding: 5px 0 0; text-align: right; }
div.bannergroup_text {margin-top:10px;}

/* Most Read ---*/
ul.mostread li{padding:0; background:none;}
ul.mostread li a{	
	color: #888!important;
	padding:6px 0 6px 20px;
	background:url(../images/arrow3.png) 0 -19px no-repeat;
	display:block;
	border-bottom:1px solid #ddd;
}

ul.mostread li a:hover{
	text-decoration:none!important; 
	color:#000!important; 
	background-position:-20px 12px;
}

ul.newsfeed{margin-top:20px!important;}


/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading, .items-row {padding-bottom:0px;	margin-bottom:20px;	padding-top:7px; height:1%;}
.item-page p, .items-leading p, .items-row p{margin-bottom:10px!important; margin-top:3px!important;}
.items-more {padding-top:35px; padding-bottom:25px; margin-top:0px; background:url(../images/horz-border.png) 0 0 repeat-x; }
.items-more h3 {color:#363636!important;}

ol.jlinks li a{color:#888!important;}
ol.jlinks li{	
	padding:4px 0 4px 18px;
	background:url(../images/arrow3.png) 0 -20px no-repeat;
	display:block;
	margin-left:0!important;
}

/* Meta ---*/
.article-tools{border:0; padding:0; margin-top:5px; margin-bottom:0px;}
.article-tools ul.actions{margin:0; padding:0;}
.article-tools ul.actions img{padding:0; margin:0; background:none!important; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; -khtml-border-radius:0;}
.article-tools dl.article-info{
	margin:0;
	width:auto;
}

dl.article-info dd.createdby, dl.article-info dd.create, dl.article-info dd.hits  {
	padding: 0 5px 0 0;
	margin: 0;
}

p.modifydate {
	text-transform: uppercase;
	font-style: italic;
}

.contentdescription {border-bottom: 1px dotted #ddd;}
ul.actions li{background:none; display:inline!important; margin:0!important; padding:0!important;}
ul.actions li a{padding-left:5px;}


/* Category List ---*/
.filters{display:block;}
.category-desc
div.categories-list ul li .jitem-title{}
div.categories-list ul li li .jitem-title{}
div.categories-list ul li li li .jitem-title{}
div.categories-list ul li{padding-bottom:0; padding-top:10px; margin-bottom:10px;}
div.categories-list li .jitem-title a{}
div.categories-list ul li ul {margin-left:0;}
div.categories-list ul li ul ul ul {margin-left:20px;}
div.categories-list ul li li {border-bottom: 0;	background:none;}
div.categories-list ul li li li {background:none; margin:0;	border:0;}

/* Sub Category List ---*/
.cat-children {}
.cat-children h3 {}
.cat-children ul {}
.cat-children ul li {padding-bottom:0; padding-top:0; margin-left:0!important;}
.cat-children ul li span.item-title {}
.cat-children ul li span.item-title a {}

.newsfeed li{padding-bottom:15px; margin-bottom:15px; border-bottom:1px dotted #ddd;}
legend.hidelabeltxt {width:auto; float:left; margin:0; padding:6px 0 0 0;}
fieldset.filters  {}
.display-limit{width:auto; padding:0!important; margin:0!important;}

/*Inline images ---*/
.item-page img, .items-leading img, .items-row img{margin-top:5px; margin-bottom:15px;}
.item-page img:hover, .items-leading img:hover, .items-row img:hover{background:#dbdbdb;}
.img_caption.left {margin-right:30px; }
.img_caption.right { margin-left:30px;}
.image-left {float:left;}
.blog img, .item-page img{margin-right:15px;}
.contentpaneopen{overflow:hidden;}
p.img_caption {clear: both; margin: 0; padding: 0; text-align: center; }


/* Tables ---*/
#ja-container thead tr th a {
	color: #555;
}

thead tr th a:hover,
thead tr th a:active {color: #fff;}
thead tr th {
	background:#f0f0f0;
	padding: 15px 10px;
	color:#555;
}

.cat-list-row1,
.cat-list-row2,
tr.cat-list-row0 td,
tr.cat-list-row1 td {border-bottom: 1px solid #cbcbcb; padding:5px 10px; }

.cat-list-row0:hover,
.cat-list-row1:hover { background: #f1f1f1; }
tr.cat-list-row1 td { background-color: #f6f6f6; }
td.list-hits {text-align:right; padding-right:20px!important;}

/* Content Toc */
table.contenttoc,
table {border: 1px solid #ddd; margin:10px 0;}
table td.title p{margin-top:5px!important;}
table.contenttoc td, table td.title, table td.hits {border-bottom: 1px solid #ddd; padding:0 15px!important;}
table.contenttoc th, table th {background:#f0f0f0; border: 1px solid #ddd; text-transform: uppercase; color:#333;}

table tr.sectiontableentry1 {background: #f3f3f3;}
table tr.sectiontableentry2 {background: #fff;}
table tr.sectiontableentry1:hover, table tr.sectiontableentry2:hover{background: #f3f3f3;}


/* Pagination ---*/
.counter{position:relative; margin-top:5px!important; font-weight:bold;}
.pagination{
	text-align:center;
	margin:15px 0 30px 0;
}

.pagination ul{margin-left:0!important;}
.pagination span.pagenav, .pagenav, .pagination ul li, ul.pagenav li{ padding:3px 8px!important;}
.pagination ul li, ul.pagenav li{text-align:center; margin-right:5px;}
.pagination ul li, ul.gkTabs li, ul.pagenav li{
	background: #f1f1f1;
	color:#666!important;
	display:block;
	border:1px solid #e5e5e5;
}

.pagination ul li:hover, ul.pagenav li:hover{
	color:#666!important; 	
	background: #dbdbdb;
	background: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
	background: -moz-linear-gradient(top,  #dbdbdb,  #e2e2e2);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdbdb', endColorstr='#e2e2e2');
	text-decoration:none!important;
	border:1px solid #dbdbdb!important;
}

ul.pagenav{padding:0!important;}
ul.pagenav li{margin-left:0!important;}
.pagination span.pagenav{
	color:#666;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
.t3-logo-dark-sm a {background: url(../images/t3-logo.png) no-repeat;}
ul.menusocial li{float:left; margin-left:8px; text-indent:-999em; background:none; padding:0;}
ul.menusocial li a{width:32px; height:32px;display:block;}
ul.menusocial li .linkedin{background:url(../images/linkedin.png) 0 0 no-repeat;}
ul.menusocial li .fb{background:url(../images/fb.png) 0 0 no-repeat;}
ul.menusocial li .tweet{background:url(../images/tweet.png) 0 0 no-repeat;}
ul.menusocial li .vimeo{background:url(../images/vimeo.png) 0 0 no-repeat;}
ul.menusocial li .rss{background:url(../images/rss.png) 0 0 no-repeat;}

ul.menusocial li .linkedin:hover, 
ul.menusocial li .fb:hover, 
ul.menusocial li .tweet:hover, 
ul.menusocial li .vimeo:hover, 
ul.menusocial li .rss:hover{
	background-position:0 100%;}

/* Content spacing ---*/
.column p, .column pre, .column blockquote,
.column h1, .column h2, .column h3, .column h4, .column h5, .column h6,
.column ol, .column ul, .column dl {margin:0 0 5px 0; padding: 0 0 5px 0;}