/* COMMON STYLE
--------------------------------------------------------- */
body {margin:0;  color:#888;  font:normal 13px/20px Arial, Helvetica, sans-serif; -webkit-font-smoothing: antialiased;}
body#bd{background:#f8f8f8; font:normal 13px/20px Arial, Helvetica, sans-serif; color:#888;}

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

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
.main{padding:0!important; margin-top:0!important; margin-bottom:0!important;}

/* Header --- */
#ja-header {position:relative; z-index:999; padding-bottom:10px; padding-top:5px;}

/* Logo Image ---*/
h1.logo {float:left; margin:40px 0 0 0;  padding-bottom:25px; 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-top:65px;}
#ja-mainnav ul li{padding:0!important; margin-left:2px;}
#ja-mainnav ul li a{padding:8px 18px;}
#ja-mainnav ul li a:focus{}
#ja-mainnav ul li a:hover{padding:7px 17px;}
#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:#666; 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 ul.level0 li.haschild-over a.haschild.over, #ja-mainnav ul li a:hover, ul.gkTabs li, #ja-cssmenu li.havechildsfhover a, .custom .xt-nav a span{ 
  background: #d7d7d7;
  background: -webkit-gradient(linear, left top, left bottom, from(#d7d7d7), to(#e9e9e9));
  background: -moz-linear-gradient(top,  #d7d7d7,  #e9e9e9);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#d7d7d7', endColorstr='#e9e9e9');
  border:1px solid #ccc;
}

#ja-slider{background-image:url(../images/transparent.png); background-repeat:repeat; background-color:#83A45D; padding:0;}
#ja-slider .wrap-inner1{background:url(../images/gradient1.png) 50% 0 repeat-y;}
#ja-slider .wrap-inner2{background:url(../images/bokeh.png) 50% 0 repeat-x;}
#ja-slider .moduletable{margin:0; padding:0;}
#ja-promo{padding:35px 0 25px 0; background:#fff; border-top:1px solid #ededed;}
#ja-featured{padding:45px 0 0 0; border-top:1px solid #ededed;}
#ja-featured .ja-moduletable{padding:0; margin:0;}
#ja-container{
  margin:0;
  color:#888;
  padding:35px 0 0 0;
}


/*Content*/
#ja-main{position:relative;}
#ja-main .inner{padding:0; margin:0;}
#ja-content-mass-bottom{position:relative;}

#ja-content-mass-top .ja-moduletable h3, #ja-content-top .ja-moduletable h3, #ja-content-bottom .ja-moduletable h3, #ja-featured .ja-moduletable h3, #ja-topsl div.ja-moduletable h3{padding:5px 0; color:#666;}
#ja-container .ja-box-left .ja-moduletable, #ja-topsl .ja-box-left .ja-moduletable{margin-right:15px!important; padding-right:15px; margin-left:0!important; padding-left:1px!important;}
#ja-container .ja-box-right .ja-moduletable, #ja-topsl .ja-box-right .ja-moduletable{margin-left:15px!important; padding-left:15px; margin-right:0!important;padding-right:1px!important;}
#ja-container .ja-box-center .ja-moduletable{margin-left:15px!important; margin-right:15px!important;}
#ja-topsl .ja-box-center .ja-moduletable {margin-left:15px!important; margin-right:15px!important; padding-left:6px; padding-right:6px;}
#ja-botsl .ja-box-left .ja-moduletable{margin-right:15px!important; padding-right:15px; margin-left:0!important;}
#ja-botsl .ja-box-right .ja-moduletable{margin-left:15px!important; padding-left:15px; margin-right:0!important;}
#ja-botsl .ja-box-center .ja-moduletable {margin-left:15px!important; margin-right:15px!important; padding-left:15px; padding-right:15px;}
#ja-topsl .ja-box-full .ja-moduletable, #ja-botsl .ja-box-full .ja-moduletable, #ja-container .ja-box-full .ja-moduletable{margin-left:0!important; margin-right:0; padding:0 1px!important;}
.moduletable-portfolio{margin-bottom:0!important; padding-bottom:0!important;}/*use this suffix : -portfolio to reduce spacing between portfolio module and ja-botsl blocks*/


/* Right Column ---*/
#ja-right {position:relative; }
#ja-right .ja-colswrap {padding-left:0;}
#ja-right .ja-moduletable{
  margin-right:0;
  margin-left:85px;
  margin-bottom:30px;
}
  
#ja-right .ja-moduletable h3, #ja-right .moduletable_menu h3,
#ja-left .ja-moduletable h3, #ja-left .moduletable_menu h3{
  padding:0;
  margin:0 0 15px 0;
  color:#454545;
}

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

/* SPOTLIGHT
--------------------------------------------------------- */
#ja-botsl{background:#e2e2e2 url(../images/shape.png) 50% 0 no-repeat; padding:70px 0 20px 0; color:#888;}
#ja-topsl{color:#888; padding:25px 0;}

#ja-topsl .ja-moduletable, #ja-botsl .ja-moduletable {
  margin-top: 15px;
  margin-bottom: 30px;
}

#ja-topsl div.ja-moduletable h3{ 
  padding: 15px 0;
  margin-bottom:0;
}

#ja-botsl div.ja-moduletable h3 { 
  padding: 15px 0 25px 0;
  margin-bottom:0;
}

#ja-botsl div.ja-moduletable h3 { 
  color:#666;
}

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

#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 list style in topsl block and Default Joomla! Menu in container Block ---*/
#ja-topsl ul, #ja-container ul.menu {border-top:1px dotted #d0d0d0;}
#ja-topsl ul li, #ja-container ul.menu li {padding:0;}
#ja-topsl ul li a, #ja-container 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 dotted #d0d0d0;
}

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

#ja-container ul.menu li li a:hover{background:url(../images/arrow3.png) -20px 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:#fff; border-top:1px solid #ededed; border-bottom:1px solid #ededed; color:#888;}
#ja-navhelper .ja-moduletable{margin:0; padding:0;}
#ja-navhelper a{background:url(../images/arrow.png) 100% 2px no-repeat; padding:0 15px 0 0!important; margin-right:5px;}
#ja-navhelper strong {
  margin:0; 
  float:left;  
  padding:0 10px 0 0;
}

.breadcrumbs{float:left; padding:0;}
.breadcrumbs img{display:none;}

/* Footer ----------- */
#ja-footer{padding:20px 0; background:#cbcbcb; color:#777;}
#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:70%;
  float:left;
}

#ja-footer .ja-footnav {text-align: left; margin: 0 0 5px 0; width:70%;}
#ja-footer .ja-footnav ul li{padding:0 20px; border-right:1px solid #7b7b7b;}
#ja-footer .ja-footnav ul li a{color:#fff;}
#ja-footer .ja-footnav ul li:hover {text-decoration:underline;}

#ja-footer .social{float:right; margin-top:auto; margin-bottom:auto; margin-right:10px;}
#ja-footer .social ul li{float:left; margin-left:10px; text-indent:-999em;}
#ja-footer .social ul li a{width:32px; height:32px;display:block;}

#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:#fff;}
#ja-container p.readmore{margin-top:20px!important;}
#ja-container p.readmore span{padding:8px 14px; color:#fff!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, .form-validate input, .login-fields input, .form-validate select{
  width:auto; 
  padding:7px 6px 8px 6px; 
  color:#888; 
  margin:0 5px 3px 0;
  border-top:1px solid #ccc; 
  border-left:1px solid #ccc; 
  border-bottom:1px solid #e8e8e8; 
  border-right:1px solid #e8e8e8; 
  background:#fff; 
}

#ja-right #mod_search_searchword.inputbox, 
#ja-left #mod_search_searchword.inputbox{
  width:143px;
}

#ja-botsl .inputbox{
  margin:0 0 5px 0; 
  border-top:1px solid #c3c3c3; 
  border-left:1px solid #c3c3c3; 
  border-bottom:1px solid #d5d5d5; 
  border-right:1px solid #d5d5d5; 
  background:#f5f5f5; 
  padding:10px 6px; 
}

label.invalid{font-weight:bold; color:#333!important;}
.search fieldset{border:1px solid #e9e9e9; 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;}

/* Login ---*/
#modlgn_username.inputbox, #modlgn_passwd.inputbox{width:auto;}
.results h4 { text-transform: none;}

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

/*Title and text heading */
@font-face {
    font-family: 'DroidSerifItalic';
    src: url('../fonts/droidserif-italic-webfont.eot');
    src: url('../fonts/droidserif-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/droidserif-italic-webfont.woff') format('woff'),
         url('../fonts/droidserif-italic-webfont.ttf') format('truetype'),
         url('../fonts/droidserif-italic-webfont.svg#DroidSerifItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

.contentheading, .componentheading, h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-family:'DroidSerifItalic';
}


h4 {text-transform:none;} 
h2.contact-name{border-bottom:0;}
h1.componentheading, .componentheading {
  line-height:30px;
  margin-bottom: 10px;
  padding:5px 0 10px 0;
}

#ja-container h2.contentheading, #ja-container h1.contentheading, .contentheading{
  margin-bottom:8px;
  padding-bottom:5px;
  margin-top:0;
  border-bottom:1px dotted #d0d0d0;  
  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:#363636;
}

#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;
  color:#666;
}

#ja-promo .text h3{font-weight:normal!important; margin:0!important; padding:0 0 2px 0!important;}
#ja-promo .text{float:left; width:650px;}
.purchase a{float:right; padding:20px 30px;}
.purchase a:hover{text-decoration:none;}


/* Others ---*/
hr { border-top: 1px solid #eaeaea; }
.item-title {font-weight: bold;}
ul.eatoreh-list{margin-bottom:20px!important;}
ul.eatoreh-list li, .item-page ul li{
  padding:4px 0 4px 20px;
  background:url(../images/arrow3.png) 0 -19px no-repeat;
  display:block;
  margin-left:15px;
}


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

/* Advertisement ---*/
div.bannergroup_text div.banneritem {border-bottom: 1px dotted #eaeaea;}
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{border-top:1px dotted #d0d0d0;}
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 dotted #d0d0d0;
}

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:30px;
  height:1%;
}

.item-page p, .items-leading p, .items-row p{margin-bottom:10px!important; margin-top:3px!important;}
.items-leading{}
.items-more {padding-top:35px; padding-bottom:25px; margin-top:35px; border-top:1px dotted #d0d0d0;}
.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;
}

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

.published-date{
  width:50px; 
  height:44px; 
  overflow:hidden; 
  float:left; 
  padding:23px 20px; 
  background:url(../images/circle.png) 0 0 no-repeat; 
  line-height:normal; 
  text-align:center; 
  margin:15px 25px 25px 0;
}
.published-date span.itemDateDay{font-size:11px!Important}
.article-content{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 #d0d0d0;}
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:25px}
.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 #d0d0d0;}
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{border:1px solid #e8e8e8; padding:5px; margin-top:5px; margin-bottom:15px;}
.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 #eaeaea; 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{ padding:3px 8px!important;}
.pagination ul li{text-align:center; margin-right:5px;}
.pagination ul li, div.k2Pagination ul li{
  background: #e2e2e2;
  background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#cbcbcb));
  background: -moz-linear-gradient(top,  #e2e2e2,  #cbcbcb);
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e2e2e2', endColorstr='#cbcbcb');
  color:#666!important;
  border:1px solid #cbcbcb;
}

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

.pagination span.pagenav{
  color:#666;
}

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/
.t3-logo-dark-sm a {background: url(../images/t3-logo.png) no-repeat;}
#ja-footer .social ul li .linkedin{background:url(../images/linkedin.png) 0 0 no-repeat;}
#ja-footer .social ul li .linkedin:hover{background-position:0 100%;}
#ja-footer .social ul li .fb{background:url(../images/fb.png) 0 0 no-repeat;}
#ja-footer .social ul li .fb:hover{background-position:0 100%;}
#ja-footer .social ul li .tweet{background:url(../images/tweet.png) 0 0 no-repeat;}
#ja-footer .social ul li .tweet:hover{background-position:0 100%;}
#ja-footer .social ul li .vimeo{background:url(../images/vimeo.png) 0 0 no-repeat;}
#ja-footer .social ul li .vimeo:hover{background-position:0 100%;}
#ja-footer .social ul li .rss{background:url(../images/rss.png) 0 0 no-repeat;}
#ja-footer .social ul 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;}