/*
 * ------------------------------------------------------------------------
 * JA T3 Blank template for joomla 2.5
 * ------------------------------------------------------------------------
 * Copyright (C) 2004-2011 J.O.O.M Solutions Co., Ltd. All Rights Reserved.
 * @license - GNU/GPL, http://www.gnu.org/licenses/gpl.html
 * Author: J.O.O.M Solutions Co., Ltd
 * Websites: http://www.joomlart.com - http://www.joomlancers.com
 * ------------------------------------------------------------------------
*/
/* COMMON STYLE
--------------------------------------------------------- */
body {
  color: #333;
  font-family: Helvetica, Arial, sans-serif;
}

body#bd { background:url(../images/bg.png) center center #74A729 ; color: #333; }

body.bd .main {
    background: none repeat scroll 0 0 #FFFFFF;
    width:980px;
}

/* Normal links ---*/
a { color:#F27A30; text-decoration: none;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition:all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
}

.button , button , .button a , button a {
  background-color: #F99F0D;
  background-image:url(../images/bg.png) ;
  border:none; cursor:pointer; padding:6px 10px;  color:#fff; 
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3);
  -moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3); }

.button:hover, .button a:hover , button:hover , button a:hover{
background-color:#7BA845; background-image:url(../images/bg.png) ; 
-moz-transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s;}

a:hover, a:active, a:focus {
  text-decoration:underline; color:#74A729;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition:all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
}

/* Readon links ---*/
p.readmore a { text-transform: uppercase; color:#fff; }

p.readmore a:hover{ text-decoration:none;  }

p.readmore {
    background-color: #F99F0D;
  background-image:url(../images/bg.png);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3);
  -webkit-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3);
  -moz-box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3);
    float: left;
    margin: 5px 0 0 !important;
    padding: 5px !important;
}

p.readmore:hover{
background-color:#7BA845;
background-image:url(../images/bg.png) ;
 -moz-transition: all 0.8s ease 0s; -webkit-transition:all 0.8s ease 0s;
-o-transition: all 0.8s ease 0s; -ms-transition:all 0.8s ease 0s;}

.contentheading, .componentheading, h1, h2, h3, h4, h5 {
  font-family: Georgia, "Times New Roman", Times, serif;
}

h1.componentheading, .componentheading {
  border-bottom: 1px solid #ccc;
  font-weight: normal;
}

h2.contentheading, .contentheading {
  font-weight: normal;
}

.custombadge-new{ padding: 5px; }

.custombadge-new p{ padding: 3px 5px 0; }

.custombadge-new p strong{}

.custombadge-new ol{ margin:0; }

.custombadge-new ol li{ margin-left:20px !important;  }

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

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

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

/* Others ---*/
hr { border-top: 1px solid #ccc; }

/* FORM
--------------------------------------------------------- */
input, select, textarea, .inputbox {
  padding: 2px;
  font-family: Helvetica, Arial, sans-serif;
  border: 1px solid #F9A10D;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition:all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
}

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

input:hover, select:hover, textarea:hover, .inputbox :hover{
box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3); background:#fff; }

.inputbox:hover, .inputbox:focus { box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3);
background:#fff; }

/* Search ---*/
form#searchForm { border-top: 1px solid #ccc;}

#ja-search { top: 13px; position: absolute; right: 20px; z-index: 9;}

#ja-search .inputbox { padding: 3px 10px; }

#ja-search .inputbox:hover, #ja-search .inputbox:focus { box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3); background:#fff;}

.inputbox:hover, .inputbox:focus { box-shadow:3px 3px 5px rgba(0, 0, 0, 0.3), 0 -1px 3px rgba(255, 255, 255, 0.3); background:#fff; }

.inputbox, .inputbox:focus {
  border: 1px solid #F9A10D;
  -moz-transition: all 0.8s ease 0s;
  -webkit-transition:all 0.8s ease 0s;
  -o-transition: all 0.8s ease 0s;
}

#ja-search .button { background-image: url(../images/bg.png); }

.searchintro { border-bottom: 1px solid #ccc; }

.results h4 { text-transform: none; font-size: 110%; }

.search fieldset { border: 1px solid #ccc; margin: 15px 0; padding: 10px; }

.search legend {  font-size: 100%; font-weight: bolder; line-height: 1.2; margin-left: 10px; }

#ja-left{}
#ja-right{}

#ja-left h3 , #ja-right h3{
background: url(../images/h3.png) no-repeat ; text-shadow: 1px 1px 1px #59830D; margin:0; 
height:27px; text-align:center; color:#fff;  border: none ; padding-top:9px; 
}

#ja-left h3 span, #ja-right h3 span{ color:#000000; }

#ja-left .ja-moduletable , #ja-right .ja-moduletable{
background: #F6F6F6 ;  border: 1px solid #DDDDDD ; 
padding:0 0 7px;margin:0 10px 13px;border-top:none; }

#ja-left .ja-moduletable .ja-box-ct, #ja-right .ja-moduletable .ja-box-ct{ background:#fff; margin: 0 5px; }

#ja-left .ja-moduletable .ja-box-ct p, #ja-right .ja-moduletable .ja-box-ct p{ margin:0; padding:5px;  }

/* Contact ---*/

#component-contact #emailForm { border-top: 1px solid #ccc;}

#contact-slider {
  float: none;
  border-bottom: 1px solid #e2e2b5;
}

#contact-slider .title {
  padding: 8px 10px;
  border-top: 1px solid #e2e2b5;
  border-left: 1px solid #e2e2b5;  
  border-right: 1px solid #e2e2b5;
  margin: 0;
}

#contact-slider .jpane-toggler-down {
  background: #333333;
}

#contact-slider .jpane-toggler-down a {
  color: #fff;
}

#contact-slider dt.closed {
  background: #ffffcc;
}

#contact-slider .content {
  border: 1px solid #e2e2b5;
  padding: 8px 10px;
}

#contact-slider .pane-slider { border:none; }

.panel {
    border: 1px solid #DDDDDD;
    margin-top: -1px; border-bottom:none; 
}

#contact-slider .contact-image {
  margin: 15px 0;
  float: right;
}

/* -- EDITOR STYLES ----------------------------- */
#adminForm fieldset {
  border: 1px solid #ccc;
  padding: 10px;
  margin-bottom: 20px;
}

#adminForm fieldset legend {
  padding: 0 5px;
}

/* JOOMLA STYLE
--------------------------------------------------------- */
/* Layout Deco ---*/
.items-leading { border-bottom:1px solid #EAE9E9; }

.items-row { border-bottom:1px solid #EAE9E9; }

/* Meta ---*/
dl.article-info { color: #999; text-transform: none; }

.contentdescription { border-bottom: 1px solid #ccc; }

ul.actions li {
  display: inline;
  background: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}

/*Inline images ---*/
p.img_caption { color:#333333; text-transform: uppercase; }

/* Tables ---*/
thead tr th {
  background: #333;
  color: #fff;
  padding: 5px;
}

thead tr th a,
thead tr th a:hover,
thead tr th a:focus,
thead tr th a:active { color: #fff; }

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

.cat-list-row1:hover,
.cat-list-row2:hover { background: #ffffcc; }

.cat-list-row2,
tr.cat-list-row2 td { background-color: #f6f6f6; }

/* Content Toc */
table.contenttoc { border: 1px solid #ccc; }

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

table.contenttoc th {
  background: #f6f6f6;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
}

/* Poll */
form#poll {
  border-bottom: 1px dotted #ccc;
  font-weight: bold;
}

dl.poll { border-bottom: 1px dotted #ccc; }

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

/* Pagination ---*/
.pagination li span,
.pagination li strong { line-height: 20px; }

.items-more { border-bottom: 1px solid #ccc; }

.items-more h3 { font-size: 125%; }

/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable h3, div.moduletable h3 {
  font-size: 100%;
  text-transform: uppercase;
  font-family: Helvetica, Arial, sans-serif;
  border-bottom: 1px solid #ccc;
}

/* Login Module ---*/
#login-form ul li {
  background:none;
  line-height:160%;
  margin-bottom:0;
  overflow:hidden;
  padding-left:0px;
}

#login-form label {
  display: block;
}

#login-form #form-login-remember label {
  display: inline;
}

#login-form{}

#login-form ul{ margin: 0; padding-left: 5px; }

/* Advertisement ---*/
div.bannergroup_text div.banneritem { border-bottom:1px solid #EAE9E9; padding:5px 0; }

/* MAIN LAYOUT DIVS
--------------------------------------------------------- */
#ja-container .main { padding: 20px 0 0; }

#ja-container{}

.img_caption.left { margin-right: 10px; border: 1px solid #F9A10D; }

.main .main-inner1 { margin-left: 0 !important; margin-right: 0 !important; }

/* HEADER
--------------------------------------------------------- */
#ja-header .main {  }

h1.logo, div.logo-text h1 { font-size: 250%; line-height: 1; margin-left: 10px;}

/* Logo Image ---*/
h1.logo { width: 305px; height: 130px; padding-left: 5px; }

h1.logo a {
  background: url(../images/header.png) no-repeat left;
  display: block;
  width: 965px;  
  height: 210px;
  margin-top: 0px;
}

/* Logo Text ---*/
div.logo-text h1 {
  font-size: 200%;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

div.logo-text h1 a {
  text-decoration: none;
}

p.site-slogan {
  color: #ccc;
  display: block;
  font-size: 85%;
  margin: 3px 0 0;
  padding: 0 10px;
  text-transform: uppercase;
}

/* NAVIGATION
--------------------------------------------------------- */
/* Main Nav ---*/
#ja-mainnav .main { margin-top:-15px; }

/* Breadcrumbs ---*/
#ja-navhelper .main {
  text-transform: uppercase;
  border-top:1px solid #EAE9E9;
  border-bottom:1px solid #EAE9E9;
}

.ja-breadcrums {
  text-indent: 10px;
}

/* Extras ---*/
.ja-links { padding-right: 10px; }

.ja-links li { padding: 0 10px; }

/* Default Joomla! Menu ---*/

#ja-container ul.menu { margin: 0; padding: 0; border-top:1px solid #EAE9E9; }

#ja-container ul.menu li { border:1px solid #EAE9E9; border-top:none; padding-left: 5px; }

#ja-container ul.menu li li { border-bottom: 1px solid #EAE9E9; border-right:none; border-left:none; background:none; }

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

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

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

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

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

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

#ja-container ul.menu li.active{}

#ja-container ul.menu li.active > a { border-right: 3px solid #74A729; font-weight: bold; margin:1px 0; }

#ja-container ul.menu li a:hover{ border-right: 3px solid #74A729; text-decoration:none; 
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition:all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

#ja-container ul.menu li a{ display: block;  outline: medium none; padding:3px 0;
  -moz-transition: all 0.4s ease 0s;
  -webkit-transition:all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
}

/* SPOTLIGHT
--------------------------------------------------------- */

#ja-topsl .ja-box, #ja-botsl .ja-box { border-right:1px solid #EAE9E9;  }

#ja-topsl .ja-box-right, #ja-botsl .ja-box-right { background: 0; }

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

#ja-topsl div.ja-moduletable h3,
#ja-botsl div.ja-moduletable h3 { border-bottom: 0; padding-bottom: 0; color:#F68A11; }

#ja-topsl ul.menu li, #ja-botsl ul.menu li,
#ja-topsl ul.latestnews li, #ja-botsl ul.latestnews li,
#ja-topsl ul.weblinks li, #ja-botsl ul.weblinks li {
  background:none;
  line-height: 160%;
  color:#F68A11;
  margin-bottom: 5px;
  overflow: hidden;
  padding-left:0px;
}

/* Top spotlight ---*/

#ja-topsl .main { padding: 0; }

#ja-topsl .main-inner1 { padding: 10px 0; border-bottom: 1px solid #EAE9E9; }

/* Bot spotlight ---*/

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

#ja-botsl .main-inner1 { padding: 10px 0; border-top:1px solid #EAE9E9; }

#ja-topsl a, #ja-botsl a{}

#ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus{ padding-left:5px; }

/* MISCELLANOUS
----------------------------------------------------------- */
/* Others ---*/

#ja-top-panel .main-inner1 {
  border: 2px dotted #e2e2b5;
  padding: 5px 10px;
  text-align: center;
  margin-top: 15px;
  background: #ffffcc;
  position: relative;
}

#ja-banner { border-top: 1px solid #ccc; }

div.ja-innerdiv { border-bottom: 1px dotted #ccc; }

div.ja-innerdiv h4 {
text-transform:uppercase; font-weight:normal; 
font-family: Helvetica, Arial, sans-serif; font-size:92%; }

a.ja-icon-video {
  background: url(../images/icon-youtube.gif) no-repeat 5px 8px #fff;
  border: 1px solid #ccc;
  color: #666;
  display: block;
  font-weight: bold;
  position: absolute;
  padding: 5px 5px 5px 43px;
  right: 10px;
  top: 8px;
  text-decoration: none;
  width: 35px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2);
}
a.ja-icon-video span { color: #666; }

a.ja-icon-video:hover,
a.ja-icon-video:focus,
a.ja-icon-video:active { border-color: #ddd; text-decoration: none; }

a.ja-icon-video:hover span { color: #0F85D8; }

#ja-absolute .main {
  position: fixed;
  width: auto;
  height: auto;
  z-index: 99999;
  top: 1px;
  left: 1px;
}

#ja-absolute .main a {
  width: 91px;
  height: 99px;
  overflow: hidden;
  display: block;
  background: url(../images/joomla15.png) no-repeat left top #fff;
  text-indent: -9999px;
}

#ja-absolute .main a:hover,
#ja-absolute .main a:focus {
  background-position: left bottom;
  text-decoration: none;
}
#ja-footer { clear: both; padding:0 0 13px; }

#ja-footer .main { padding:0 0 10px; position: relative; text-align: center; }

#form-login-username .inputbox, #form-login-password .inputbox {
    border: 1px solid #74A729;
}

#form-login-username .inputbox:hover, #form-login-password .inputbox:hover{ }

.column p { margin: 0; padding: 0; }

p{}

.img_caption { margin-bottom: 0; margin-top: 0; }

.bannergroup_text{ padding: 5px; }

#ja-mainnav{ line-height: 1; position: relative; z-index: 11; }

#ja-mainnav .main{}

dl.article-info dd, dl.article-info dt { color: #333333; display: inline; margin: 0; padding: 0 5px 0 0; }

.ja-content-main fieldset.filters .filter-search, .ja-content-main fieldset.filters .display-limit {
    float: left;
    width: 100%;
}

.ja-content-main fieldset.filters .filter-search .button{ float:right; }

#hhs {
   background-color: red;
 }
#hhs td {
    border: 1px solid #222; 
}
#row0 {
   background-color: #eee;
 }
#row1 {
   background-color: lightgray;
 }
#row2 {
   background-color: lightred;
 }