/*--------------------------------------------------------------------------------
# Theme color Green
# Package JooStar Joomez Joomla! 2.5 Template
# JooStar - August 2012 (Joomla! 2.5)
# Version 1.0.0
# Author   Joomez Joomla! Templates  http://www.joomez.com
# Copyright (C) 2011-2012 www.Joomez.com All Rights Reserved.
# Creative Commons 3.0 License.
---------------------------------------------------------------------------------*/

/*Theme Green Start*/

body {
 color: #636363;
 background-color: #fff;
 padding: 0; margin: 0;
 text-align: center;
 font: normal 12px Arial, Helvetica, sans-serif;
 line-height: 1.5em;
}

/*Superfish Menu*/

#topmenu .menu ul {
	position:		absolute;
	top:			-999em;
	width:			206px; /* left offset of submenus need to match (see below) */
	padding: 5px 0;
	background: #A0BC06 url(../images/green/fishsubmenubg.png) top repeat-x;
	border-right: 1px solid #7E9800;
	border-bottom: 1px solid #7E9800;
	border-left: 1px solid #7E9800;
}

#topmenu .menu a, #topmenu .menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#728903;
}

#topmenu .menu li.level1.parent.sfHover a{
	color: #F7F9EE;
}

#topmenu .menu li.level1.parent.sfHover li a {
	padding: 		6px 18px;
	text-decoration:none;
	color: #F1FBB7;
	font-size: 11px;
	background-color: transparent;
	border: 0;
}

#topmenu .menu li {

}
#topmenu .menu li li, #topmenu .menu li li li {
	background:	url(../images/green/fishsubmenuhr.png) bottom center no-repeat;
}

#topmenu .menu ul ul, #topmenu .menu ul ul ul {
	background: #A0BC06 url(../images/green/fishsubmenubg.png) top repeat-x;
	border-top: 1px solid #7E9800;
	border-right: 1px solid #7E9800;
	border-bottom: 1px solid #7E9800;
	border-left: 1px solid #7E9800;
	text-shadow: 0 1px 1px #8AA301;
}

#topmenu .menu li:hover, #topmenu .menu li.sfHover,
#topmenu .menu a:focus, #topmenu .menu a:hover, #topmenu .menu a:active {
	outline:		0;
	color: #fff;
	background-color: #88A100;
}

#topmenu .menu li.level1.active.sfHover a, #topmenu .menu li.level1.sfHover a, #topmenu .menu li.level1 a {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#topmenu .menu li.active a, #topmenu .menu li.sfHover a, #topmenu .menu li a:hover  {
	background-color: #88A100;
	color: #F7F9EE;
}
#topmenu .menu li.level1.parent.sfHover li:hover, #topmenu .menu li.level1.parent.sfHover li.sfHover,
#topmenu .menu li.level1.parent.sfHover li a:focus, #topmenu .menu li.level1.parent.sfHover li a:hover, #topmenu .menu li.level1.parent.sfHover li a:active {
	outline:		0;
	color: #fff;
	background-color: transparent;
}
#topmenu .menu li li.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active a,
#topmenu ul.menu li.level1.parent.active li#current.level2.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li#current.level3.parent.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3.parent.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li#current.level3.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3.parent.active li#current.level4.parent.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3.parent.active li.level4.parent.active a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3.parent.active li#current.level4.active a{
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#topmenu ul.menu li.level1 li#current.level2.parent.active li a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3 a,
#topmenu ul.menu li.level1.parent.active li#current.level2.parent.active li.level3 a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li#current.level3.parent.active li a,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3.parent.active li.level4 a {
	font-weight: normal;
	color: #F1FBB7;
	text-decoration: none;
}

#topmenu ul.menu li.level1 li#current.level2.parent.active li a:hover,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3 a:hover,
#topmenu ul.menu li.level1.parent.active li#current.level2.parent.active li.level3 a:hover,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li#current.level3.parent.active li a:hover,
#topmenu ul.menu li.level1.parent.active li.level2.parent.active li.level3.parent.active li.level4 a:hover{
	background-color: transparent;
	color: #fff;
}

.sf-sub-indicator {
	background:		url(../images/green/fishsubmenuarrow.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

/*End Superfish Menu*/

input#mod_search_searchword{
   width: 172px;
	height: 27px;
	display: inline;
	float: left;
	background: url(../images/top_search_bg.png) left top no-repeat;
	border: 0;
	padding: 0 11px;
	color: #88A100;
	text-transform: uppercase;
	font-size: 11px;
}

#top a{
	color: #88A100;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
}

#slider_wrap{
	width: 100%;
	height: 302px;
	background: #96B100 url(../images/green/slider_wrap_bg.jpg) center no-repeat;
}
#slider_wrap .panel .readon {
	background: url(../images/green/slider_more.gif) center repeat-x;
	text-shadow: #7c901d 1px 1px;
	border: 2px solid #92ab13;
	border-bottom: 0;
	border-top: 0;
	color: #fff
}
#slider_wrap .panel .readon:hover {
	color: #eee;
}

#header_wrap{
	background: #96B100 url(../images/green/slider_wrap_bg.jpg) center no-repeat;
}

#header{
	color: #fff;
}

#header_wrap h1, #header_wrap h2, #header_wrap h3, #header_wrap h4{
	font-weight: normal;
	color: #fff;
	font-size: 30px;
}

#top_modules h3.mod3header, #bottom h3.mod3header, #frontright h3, #frontrightfull h3, #right h3, #left h3, div.items-more h3, div.cat-children h3{
	text-transform: uppercase;
	font-size: 18px;
	font-weight: normal;
	color: #8EA516;
	margin: 0 0 12px 0;
	padding: 0 0 0 15px;
	background: url(../images/green/h3arrow.png) left 2px no-repeat;
}

a, div.article a, div.item a{
	color: #8EA516;
	text-decoration: underline;
}

a:hover, div.article a:hover, div.item a:hover{
	text-decoration: none;
	color: #9eb618;
}


#top_modules_wrap a.readmore, #bottom a.readmore, div.item a.readmore-link, div.item p.readmore a, div.items-leading p.readmore a, div.items-leading a.readmore-link{
	color: #8EA516;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/green/arrow-readmore.png) left center no-repeat;
	padding: 0 0 0 20px;
	line-height: 26px;
}

#gotop a{
	color: #8EA516;
	text-decoration: none;
	text-transform: uppercase;
	background: url(../images/green/arrowup.png) right center no-repeat;
	padding: 0 20px 0 0;
	display: inline;
}

ul.pagination li a{
	color: #8EA516;
	text-decoration: none;
}

h2.title a{
	text-decoration: none;
}

ul.pagination li a:hover, #gotop a:hover, h2.title a:hover{
	color: #9eb618;
	text-decoration: underline;
}

#top_modules_wrap a.readmore:hover, #bottom a.readmore:hover, div.item a.readmore-link:hover, div.item a.comments-link:hover{
	color: #9eb618;
}

#bottom a.readmore{
	float: right;
}

/*Xmap Green Style*/

.xmap .contentpaneopen{
	background: #E8E8E8 url(../images/topmodules_wrap_bg.png) bottom repeat-x;
	padding: 20px;
	overflow: hidden;
	clear: both;
}

.xmap .contentpaneopen ul{
	list-style: none !important;
}

.xmap a{
	color: #8EA516;
	text-decoration: none;
}

ul.level_1 li, ul.level_2 li, ul.level_3 li, ul.level_4 li{
	background: #e8e8e8 url(../images/green/subarrow.png) left 8px no-repeat;
	padding: 1px 0 1px 10px !important;
}

/*End Xmap Green style*/

.modulecontent ul.menu li a, #top_modules .moduletable ul li a, #bottom .moduletable ul li a, ul.latestnews li a, ul.mostread li a, ul.sections li a, .modulecontent ul#mainlevel li a, ul.jcomments-latest-commented li a, ul.jcomments-most-commented li a{
	color: #8EA516;
	text-decoration: none;
	background: transparent url(../images/green/arrow-readmore.png) left 11px no-repeat;
	padding: 4px 0 5px 24px;
	display: block;
	border-bottom: 1px solid #F6F6F6;
}

div.cat-children ul li a{
	color: #8EA516;
	background: transparent url(../images/green/arrow-readmore.png) left 11px no-repeat;	
}

div.items-more ol li a{
	color: #8EA516;
	background: transparent url(../images/green/arrow-readmore.png) left 5px no-repeat;	
}

.modulecontent ul.menu li a:hover, .modulecontent ul.menu li.active a, .modulecontent ul#mainlevel li a:hover, .modulecontent ul#mainlevel li a#active_menu{
	background: #F8F9F4 url(../images/green/arrow-readmore.png) left 11px no-repeat;
	color: #8EA516;
}

.modulecontent ul.menu li ul{
	list-style: none;
	background-color: #DBDEE0;
	margin: 0 0 0 25px;
}


.modulecontent ul.menu li#current.level1, .modulecontent ul.menu li.level1.parent.active{
	background: #F8F9F4 url(../images/rightmenuhr.png) bottom repeat-x;
	padding: 0 0 1px 0;
	border-bottom: 1px solid #F6F6F6;
}

.modulecontent ul.menu li.level1.parent.active ul li a{
	border-bottom: 1px solid #F8F9F4;
	color: #8EA516;
}

.modulecontent ul.menu li#current.parent.active a, .modulecontent ul.menu li.parent.active a, .modulecontent ul.menu li#current.active a, .modulecontent ul.menu li.level1.parent.active ul li#current.last.level2.parent.active,
ul.menu li.level1.parent.active ul li.level2.parent.active{
	border-bottom: 0;
}

.modulecontent ul.menu li#current.level1 ul li a, .modulecontent ul.menu li.level1 ul li.level2 a,
.modulecontent ul.menu li.level1.parent.active ul li a{
	background: #F8F9F4 url(../images/green/subarrow.png) left 8px no-repeat;
	padding: 1px 0 1px 10px;
}

.modulecontent ul.menu li#current.level1 ul li a:hover, 
.modulecontent ul.menu li#current.level2.parent.active a:hover, 
.modulecontent ul.menu li#current.level1.parent.active ul li.level2 a:hover,
.modulecontent ul.menu li.level1.parent.active ul li.level2 a:hover, 
.modulecontent ul.menu li.level1.parent.active ul li#current.level2.active a,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active a, 
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active a:hover, 
.modulecontent ul.menu li.level1.parent.active ul li#current.level2.parent.active ul li.level3 a:hover,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li#current.level3 a:hover, 
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li#current.level3.active a,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li.level3 a:hover,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li#current.level3.parent.active ul li.level4 a:hover,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li.level3.parent.active a,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li.level3.parent.active ul li.level4 a:hover,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li.level3.parent.active ul li#current.level4.active a{
   text-decoration: underline;
}

.modulecontent ul.menu li#current.level1.parent.active a, 
.modulecontent ul.menu li.level1.parent.active ul li#current.level2.parent.active ul li.level3 a,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li.level3 a,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li#current.level3.parent.active ul li.level4 a,
.modulecontent ul.menu li.level1.parent.active ul li.level2.parent.active ul li.level3.parent.active ul li.level4 a{
	text-decoration: none;
}

.modulecontent ul.menu li.level1.parent.active ul li#current.level2.parent.active{
	background: none;
}

.modulecontent ul.menu li.level1.active{
	font-weight: bold;
}

.modulecontent ul.menu li.level1 ul li.level2, .modulecontent ul.menu li.level1 ul li.level2 ul li.level3{
	font-weight: normal;
}

/*Right Menu always show sub-menu Items*/

.modulecontent ul.menu li.level1.parent ul{
	background: none;
}

.modulecontent ul.menu li.level1.parent ul li a{
	background: transparent url(../images/green/subarrow.png) left 8px no-repeat;
	padding: 1px 0 1px 10px;
	border-bottom: 1px solid #E4E7E9;
}

.modulecontent ul.menu li.level1.parent ul li a:hover{
	text-decoration: underline;
	color: #9eb618;
}

/*

*/

ul.latestnews li a:hover, ul.mostread li a:hover, ul.sections li a:hover, #top_modules .moduletable ul li a:hover, #bottom .moduletable ul li a:hover, ul.jcomments-latest-commented li a:hover, ul.jcomments-most-commented li a:hover{
	background: #F8F9F4 url(../images/green/arrow-readmore.png) left 11px no-repeat;
	color: #9eb618;
}

h1,h2,h3,h4,h5,h6, .contentheading, .componentheading, div.bannerheader {
	line-height: 100%;
	font-weight: normal;
	color: #8EA516;
	text-transform: uppercase;
}

h1 a,h2 a,h3 a,h4 a,h5 a,h6 a, .contentheading a, .componentheading a {
	line-height: 100%;
	font-weight: normal;
	color: #90A812;
	text-transform: uppercase;
	text-decoration: none;
}

ul#jlogin li{
	background: none !important;
	padding: 0;
}

.moduletable form#form-login ul li a{
	color: #8EA516;
	background: transparent url(../images/green/miniarrow.png) left 4px no-repeat;
	padding: 0 0 0 13px;
	border-bottom: none;
}

.moduletable form#form-login ul li a:hover{
	background: transparent url(../images/green/miniarrow.png) left 4px no-repeat;
	padding: 0 0 0 13px;
}

h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover, .contentheading a:hover, .componentheading a:hover, form.form-login p a:hover,
#top a:hover, #top_modules_wrap a.readmore:hover, #bottom a.readmore:hover,div.item a.readmore-link:hover,div.item a.comments-link:hover, .xmap a:hover{
	text-decoration: underline;
}


div.weblinks ul li a, div.newsfeeds ul li a, div.sectionlist ul li a{
	font-size: 18px;
	color: #8EA516;
	text-decoration: none;
}

a.category, th a, td a{
	color: #8EA516;
	text-decoration: none;
}

div.search ol li a, div.search dl.search-results dt.result-title a{
	font-size: 18px;
	color: #8EA516;
	text-decoration: none;
	margin: 0 0 5px 0;
}

.button, table.adminform button, div.weblinks button, button.validate, button{
	background: url(../images/green/buttonbg.png) bottom repeat-x;
	height: 28px;
	width: auto;
	padding: 0 11px 2px 11px;
	border-top: 0;
	border-right: 1px solid #9FB152;
	border-bottom: 0;
	border-left: 1px solid #859E1A;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
}

.button:hover, table.adminform button:hover, div.weblinks button:hover, button.validate:hover, button:hover{
	background: url(../images/green/buttonbg.png) top repeat-x;
}

/*Pagebreak*/

div.article table.contenttoc{
	width: 150px;
	height: auto;
	float: right;
	margin: 0 0 15px 20px;
	padding: 10px;
	background-color: #f8f9f4;
}

div.article table.contenttoc tr th{
	color: #8EA516;
	text-transform: uppercase;
	font-weight: normal;
	padding: 0 0 5px 0;
	background-image: none;
}

div.article table.contenttoc tr td{
	padding: 2px 0;
	background-image: none;
}

div.article table.contenttoc tr td a.toclink{
  background: transparent url(../images/green/subarrow.png) left 7px no-repeat;
  padding: 0 0 0 10px;
  color: #9eb618;
  text-decoration: none;
  display: block;
}

div.article table.contenttoc tr td a.toclink:hover{
  text-decoration: underline;
}

div.article table.contenttoc tr td a.toclink.active{
  text-decoration: underline;
  font-weight: bold;
}

div.pagenavcounter{
	margin: 0 0 20px 0;
	text-transform: uppercase;
	font-size: 16px;
   color: #8EA516;
}

/*Article lists*/

div.article ul li, div.item ul li, div.description ul li{
  background: transparent url(../images/green/subarrow.png) left 6px no-repeat;
  padding: 0 0 0 10px;
}

#top_modules_wrap{
	width: 100%;
	height: auto;
	padding: 40px 0 15px 0;
	background: #E8E8E8 url(../images/topmodules_wrap_bg.png) bottom repeat-x;
	text-align: left;
	overflow: hidden;
	clear: both;
}

#bottom_wrap{
	width: 100%;
	height: auto;
	margin: 0;
	text-align: left;
	background: #E8E8E8 url(../images/top_wrap_bg.png) bottom repeat-x;
	text-shadow: 0 2px 2px #fff;
}

#footer_wrap{
	width: 100%;
	height: auto;
	margin: 0;
	text-align: left;
	background-color: #E8E8E8;
}

table.polltable{
	background-color: #E8E8E8;
	padding: 20px;
	margin: 0 0 20px 0;
	width: 100%;
}

div.modulecontent form.poll{
	background: #E8E8E8 url(../images/topmodules_wrap_bg.png) bottom repeat-x;
	padding: 10px;
	margin: 5px 0 0 0;
}

div.pagination p.results {
   color: #8EA516;
	margin: 10px 0 5px 0;
}

#footer ul.menu li{
	 display: inline;
	 padding: 0 3px;
	 color: #8EA516;
}

#footer ul.menu li a{
	color: #8EA516;
	text-decoration: none;
}

ul.jclist li a.jcl_objtitle, ul.jclist li a.jcl_readmore{
	color: #8EA516;
	text-decoration: none;
	background: transparent url(../images/green/arrow-readmore.png) left 11px no-repeat;
	padding: 5px 0 5px 24px;
	display: block;
	font-size: 12px;
}

ul.jclist li a.jcl_comment, #top_modules .moduletable ul.jclist li a.jcl_comment, #bottom .moduletable ul.jclist li a.jcl_comment{
	color: #636363;
	padding: 0;
	margin: 0;
	text-decoration: none;
}

ul.jclist li a.jcl_comment:hover, #top_modules .moduletable ul.jclist li a.jcl_comment:hover, #bottom .moduletable ul.jclist li a.jcl_comment:hover{
	color: #8EA516;
	text-decoration: underline;
}

div.weblinks ul, div.newsfeeds ul, div.sectionlist ul, div.contact{
	background: #E8E8E8 url(../images/topmodules_wrap_bg.png) bottom repeat-x;
	padding: 20px;
	margin: 0 0 20px 0;
	list-style: none;
}

table{
	background-color: #e3e3e3;
	border-bottom: 1px solid #c7c7c7;
	padding: 20px 0;
	margin: 0 0 20px 0;
}

form#searchForm, form#adminForm, form.user, form#sendart, div#archive, form.form-validate, div.login form{
	background: #E8E8E8 url(../images/topmodules_wrap_bg.png) bottom repeat-x;
	padding: 20px;
	margin: 0 0 20px 0;
}

div.search span.highlight {
	background: #e8e8e8;
}

legend {background-color: inherit;text-align: left;padding: 0 0 19px 0; font-size: 16px; text-transform: uppercase; color: #8EA516;}


/*Forms*/

input.inputbox, textarea, div.filter input, input.wlinks, input.required, div.login-fields input {color: #444;background-color: #f5f4f4;margin: 0; padding: 2px;height: 1.7em; border-top: 1px solid #FAFAFA;border-right: 2px solid #C8C9CC;border-bottom: 2px solid #C8C9CC;border-left: 1px solid #FAFAFA;}
select {color: #444;background-color: #f5f4f4;margin: 0; padding: 2px; border-top: 1px solid #FAFAFA;border-right: 2px solid #C8C9CC;border-bottom: 2px solid #C8C9CC;border-left: 1px solid #FAFAFA; cursor: pointer;}

input.inputbox:hover, textarea:hover, div.filter input:hover, input.wlinks:hover, input.required:hover, div.login-fields input:hover,
input.inputbox:focus, textarea:focus, div.filter input:focus, input.wlinks:focus, input.required:focus, div.login-fields input:focus,
select:hover, select:focus{
   background-color: #f9f8f8;
}

/*Joomla System message*/

.tool-title {
	color: #8EA516;
}

/* System Messages */
#system-message    { margin-bottom: 5x; padding: 0; font-size: 18px; font-weight: normal;}
#system-message dt { }
#system-message dd { margin: 0; text-indent: 35px; text-transform: uppercase }
#system-message dd ul{background-color: #f5f4f4;  color: #376099; margin-bottom: 6px; list-style: none; padding: 20px 20px 20px 18px; border-right: 1px solid #BFBEC2; }

/* System Standard Messages */
#system-message dt.message { display: none; }
#system-message dd.message { 
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: -15px;
	padding-bottom: 5px;
	background: transparent url(../images/system/message-arrow-green.png) bottom left no-repeat;  
	}

	
/* System Error Messages */
#system-message dt.error { display: none; }
#system-message dd.error ul {background-color: #f5f4f4;  color: #C90607; margin-bottom: 6px; list-style: none; padding: 20px 20px 20px 18px; border-right: 1px solid #BFBEC2; }
#system-message dd.error { 
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: -15px;
	padding-bottom: 5px;
	background: transparent url(../images/system/message-arrow-green.png) bottom left no-repeat;  
	}


/* System Notice Messages */
#system-message dt.notice { display: none; }
#system-message dd.notice ul {background-color: #f5f4f4;  color: #5D5D5D; margin-bottom: 6px; list-style: none; padding: 20px 20px 20px 18px; border-right: 1px solid #BFBEC2; }
#system-message dd.notice { 
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: -15px;
	padding-bottom: 5px;
	background: transparent url(../images/system/message-arrow-green.png) bottom left no-repeat;  
	}

/*JComments*/

.jcomments-links{
	text-align: right;
	color: #636363;
	text-transform: uppercase;
}

/*Typo*/

 blockquote, pre {
	 background: #e8e8e8 url(../images/topmodules_wrap_bg.png) bottom repeat-x;
	 color: #8EA516;
}

/*slider*/
	.coda-slider, .coda-slider h3, .coda-slider a.title {color: #fff;}
	.coda-slider a.title:hover {color: #ccc;}
	
/* Form validation */
.invalid, input.inputbox.invalid, input.required.invalid { border-color: #8EA516; }
label.invalid { color: #8EA516; }

/*end theme green*/


/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
/*JComments style added only to Joostar Demo Page*/

/* content plugin styles */
.jcomments-links {margin-top: 10px; clear:both; text-align: left}
div.item .comments-link {text-decoration: none; font-size: 12px;}
.comments-link {color: #8EA516; text-decoration: none; text-transform: uppercase; background: url(../images/jcomments_green_color/addcomment.png) left center no-repeat; padding: 0 0 0 13px; margin: 0 10px 0 10px;}
	
/* JComments common styles */
#jc a:link, #jc a:visited, #jc a:hover {outline: none} 
#jc .clear {clear: both; height: 1px; overflow: hidden}
#jc .busy { display:none; margin: 3px auto; padding: 0; width: 16px; height: 16px; background: url(../images/jcomments_green_color/jc_busy.gif) no-repeat;
			position: absolute; right: 20px; top: 20px; }

#jc h4 {background-color: inherit;text-align: left;padding: 0 0 19px 0;margin: 21px 20px 0 20px; font-size: 16px; background: transparent url(../images/jcomments_green_color/top_wrap_bg.png) bottom repeat-x;}

#jc p.message {color: #777;background-color: inherit; background-image: none; text-align: center;text-decoration: none;text-transform: none;text-indent: 0;padding: 5px 0 0 0;border-top: 1px solid #D2DADB}

#comments {margin: 35px 0 0 0;padding: 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0; background-color: #e8e8e8; overflow: hidden; text-shadow: 0 2px 2px #fff; position: relative }
#comments a {color: #8EA516;background-color: inherit;font-weight: normal;text-decoration: none; text-transform: uppercase; font-size: 10px;}
#comments a:active, #comments a:focus, #comments a:hover {color: #738512;}
#comments a[rel*=external] {background: url(../images/jcomments_green_color/jc_link.gif) no-repeat center right;padding: 0 10px 0 0;margin: 0 2px}
	
/* RSS and Refresh*/
#comments .rss, #comments .refresh, #comments .subscribe {padding: 0 0 0 14px;margin: 0 0 0 2px;border: none}
#comments .rss {background: url(../images/jcomments_green_color/jc_rss.gif) no-repeat center left}
#comments .refresh {background: url(../images/jcomments_green_color/jc_refresh.gif) no-repeat center left}
#comments .subscribe {background: url(../images/jcomments_green_color/jc_subscribe.gif) no-repeat center left}
#comments h4 .rss, #comments h4 .refresh {padding: 0 0 0 10px;margin: 0 0 0 5px;display: inline}

/* List footer */
#comments-list-footer {margin: 0 0 10px 20px !important}

/* Show/hide form */
#comments-form-link .showform {margin: 5px 0 0 22px;padding: 0 0 5px 14px;background: url(../images/jcomments_green_color/jc_blog.gif) no-repeat 0 -28px;border: none;font-weight: bold;display: block}

/* Comment */
#comments .comment-box {margin: 0;padding: 0; color: #999}
#comments .comment-avatar {float: left;margin: 0;padding: 0}
#comments .avatar-indent {padding-left: 70px}

#comments .comment-anchor {color: #777; text-decoration: none; border: none}
#comments .comment-author, #comments .author-homepage {color: #8EA516;font: bold 11px Arial, Sans-Serif;margin: 0;padding: 0;}
#comments .author-homepage {text-decoration: none; border-bottom: 1px dotted #8EA516;}
#comments .comment-title {color: #8EA516;font: bold 1em Arial, Sans-Serif;margin: 0;padding: 0}

/* Avatar */
#comments .comment-avatar img {width: 46px;border: 4px solid #F6F6F6;}

/* Date and Time*/	
#comments .comment-date {font-size: 10px;color: #666;margin: 0;padding: 0 0 0 6px;}
#comments .comment-body {color: #636363;margin: 22px 0 0;padding:0 0 6px}

/* Quote, Code and Hidden block styles */
#comments .quote, #comments blockquote, #comments .code, #comments code, #comments pre {margin: 5px 0 5px 10px; display: block; clear: right; background-image: none;font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
#comments blockquote, #comments .hidden, #comments code, #comments pre {color: #777;text-align: left;padding: 8px;margin-bottom: 8px}
#comments blockquote, #comments .hidden {border: 1px dashed #777}
#comments code, #comments pre {border: 1px solid #dedede;overflow: hidden;white-space:normal}
#comments .code {background: none; border: none; padding:0}
#comments .quote {color: #777}
#comments .hidden {clear: both;display: block;margin: 5px 0}

/* Quote and Reply to buttons panel */
#comments .comments-buttons {height: 15px;float: right}

#comments .email, #comments .emailactive {font: normal 1em Verdana, Arial, Sans-Serif; text-decoration: none; white-space: normal; margin: 0; padding: 0; line-height: 10px; cursor: pointer; border-bottom: 1px dotted #999}
#comments .email {color: #444; background-color: inherit}
#comments .emailactive {color: #cc0000; background-color: inherit}
#comments .email img, #comments .emailactive img {padding: 0}

#comments p {font: normal 1em Verdana, Arial, Sans-Serif;margin: 5px 5px 5px 0;	padding: 0; text-decoration: none; text-transform: none; text-indent: 0}

#comments .comment-body img {padding: 0; border: 0 none}
#comments .comment-body .img {padding: 4px 0 !important; max-width: 500px}
#comments .toolbar {clear: both;color: #ccc;border-top: 1px solid #ccc;margin: 8px 0 0 0;padding: 5px 0 0 0}
#comments .toolbar img{cursor: pointer; padding: 0; margin: 0}

/* Comments list */
#comments .comments-list {margin-top: 10px;margin-left: 20px;height: 1%}
#comments .even, #comments .odd {background-image: none;background-color: transparent;color: #3c452d;border: none; margin-left: 0;margin-bottom: 10px;padding: 0}

#comments-list .comments-inline-edit {padding: 5px; margin: 5px 0; color: inherit;background-color: #fff;border: 1px solid #ccc}

/* Comment form */
div#comments-form-wrap {margin: 12px 0 0 0;padding: 0 0 10px 0;width: 100%;text-align: left;text-decoration: none;text-transform: none;text-indent: 0; background: #e8e8e8 url(../images/jcomments_green_color/topmodules_wrap_bg.png) bottom repeat-x; overflow: hidden; text-shadow: 0 2px 2px #fff;}
#jc div#comments-form-wrap h4 {background-color: inherit;text-align: left;padding: 0 0 19px 0;margin: 21px 20px 0 20px; font-size: 16px; background: none;}
div.comments-policy {color: #777; text-align: left;text-decoration: none;text-transform: none;text-indent: 0; background-color: inherit; border: 1px dotted #ccc; padding: 5px; margin: 5px 0 5px 20px; margin-left: 20px !important;}
div.comments-policy ol, div.comments-policy ul {margin: 0;padding: 5px 0 0 20px;line-height: 5px}
div.comments-policy ol li, div.comments-policy ul li {font: normal 1em Verdana, Arial, Sans-Serif; margin: 0;padding: 0;border: none;line-height: 5px}

#comments-form{
	margin: 0 20px;
}

div#jccaptcha{
	width: 100%;
	height: auto;
	float: left;
	margin: 18px 0 0 0;
}

#comments-form, #comments-form p, #comments-report-form, #comments-report-form p, #comments-form span, #comments-form .counter {text-align: left;text-decoration: none;text-transform: none;text-indent: 0}
#comments-report-form p, #comments-form span, #comments-form .counter {color: #777;font: normal 1em Verdana, Arial, Sans-Serif}
#comments-form #comments-form-buttons, #comments-form #comments-form-error, #comments-form #comments-form-captcha-holder {margin-top: 10px;margin-bottom: 8px;overflow: hidden;padding: 0; float: left;}

#comments-inline-edit {border-right: 1px solid #F6F6F6;border-bottom: 1px solid #F6F6F6;border-left: 1px solid #F6F6F6;margin: 0 20px 5px 0;background: #e8e8e8; overflow: hidden; padding: 20px;}
#comments-inline-edit #comments-form textarea {}
#comments-inline-edit #comments-form .grippie {}
#comments-inline-edit #comments-form p, #comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {font: normal 1em Verdana, Arial, Sans-Serif; margin: 5px 0 2px 0; padding: 0}

#comments-form img.smile {margin: 0 3px 3px 0;padding: 0;border: none;cursor: pointer}
#comments-form img.captcha {padding: 0;margin: 0 0 3px 0; float: left; border-top: 1px solid #FAFAFA;border-right: 2px solid #C8C9CC;border-bottom: 2px solid #C8C9CC;border-left: 1px solid #FAFAFA;}
#comments-form span.captcha { float: left; padding: 0 0 0 12px; color: #636363; background: url(../images/jcomments_green_color/jc_refreshg.gif) no-repeat 0 2px;cursor: pointer; margin: 25px 0 0 5px;}
#comments-form label, #comments-report-form label { float: left; width: 233px; color: #636363; background-color: inherit; line-height: 1.5em; padding: 0;margin: 0;vertical-align: middle; padding: 3px 0 }
#comments-form input, #comments-report-form input {color: #444;background-color: #fff;margin: 0; padding: 2px; border-top: 1px solid #FAFAFA;border-right: 2px solid #C8C9CC;border-bottom: 2px solid #C8C9CC;border-left: 1px solid #FAFAFA;}
#comments-form textarea {color: #444;background-color: #fff;margin: 0; padding: 2px; border-top: 1px solid #FAFAFA;border-right: 2px solid #C8C9CC;border-bottom: 0;border-left: 1px solid #FAFAFA;}
#comments-form input { float: left; width: 233px;margin-bottom: 6px;height: 1.5em; background: #f3f3f3}
#comments-form input.selected, #comments-form textarea.selected {color: #777;background-color: #fbfbfb !important;outline: 0;}
#comments-form input.error, #comments-form textarea.error {border: 1px solid #f00;text-decoration:none;text-transform:none;background-color: #ffffe0}
#comments-form-name 	{ clear: left }
#comments-form input.checkbox {width: 16px; line-height: 1.5em; padding: 0; margin: 3px; vertical-align: middle; border: none}
#comments-form input.captcha {width: 89px; margin: 20px 0 5px 20px}
#comments-form textarea { width: 99%; margin:9px 0 0 0; float: left; height: 145px; background: #f3f3f3 }
#comments-form .element { float: left; width: 260px }

#comments-form-message {padding: 5px 5px 5px 25px;margin-right: 5px;display: block}
.comments-form-message-error {background: #fff url(../images/jcomments_green_color/jc_error.gif) no-repeat 4px 50%; border-right: 1px solid #BFBEC2; border-bottom: 1px solid #BFBEC2; color: #C90607;}
.comments-form-message-info {background: #fff url(../images/jcomments_green_color/jc_info.gif) no-repeat 4px 50%; border-right: 1px solid #BFBEC2; border-bottom: 1px solid #BFBEC2; color: #376099;}

#comments-form .counterpanel {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border:1px solid #ddd;border-top-width:0;max-width: 400px !important;width: 350px;background-color: #eee}

#comments-form .grippie {height:13px;display:block;overflow:hidden;color: #ccc;padding: 0;margin:0;border-right: 2px solid #C8C9CC;border-bottom: 2px solid #C8C9CC;border-left: 1px solid #FAFAFA;border-top-width:0;cursor:s-resize;background: #F3F3F3 url(../images/jcomments_green_color/resize.gif) no-repeat right 2px; float:left; width: 99%; padding: 0 2px; }
#comments-form .grippie .counter {font-size: 10px;padding: 0; margin: 0}
#comments-form .grippie span {display:block;float:left}
#comments-form .grippie span span {display:inline;float:none}

#comments-form .btn a, #comments-report-form .btn a {
	background-color: #738c12;
	height: 23px;
	width: auto;
	padding: 6px 15px 0 15px;
	border-top: 0;
	border-right: 1px solid #9FB152;
	border-bottom: 1px solid #9FB152;
	border-left: 0;
	cursor: pointer;
	color: #fff;
	text-transform: uppercase;
	text-shadow: none;
	display: block;
	text-decoration: none;
}
#comments-form .btn a:hover , #comments-report-form .btn a:hover {text-decoration: none;	background-color: #88a615;
}
#comments-form-smilespanel {display: none;cursor: pointer;padding: 2px;max-width: 200px;background-color: #fff;border: 1px solid #ccc;overflow: auto;left: 0;top: 0;position:absolute;z-index: 999999 !important;}

#comments-footer, #comments-footer a {color: #ccc !important; background-color: inherit; font: normal 9px Verdana, Arial, Sans-Serif !important}
#comments-footer {display: block;padding-top: 1px;margin-top: 4px;text-align: right}
#comments-footer a {text-decoration: none !important;text-transform: none;padding: 0;margin: 0;border: none !important;float: right; background: none !important}

/* Pagination */
body #jc #nav-bottom, body #jc #nav-top {line-height: 25px !important;line-height: 23px;height: auto !important;text-align: center; margin: 0 auto;}
#jc #nav-bottom span.page, #jc #nav-top span.page {color: #777;border: 1px solid #dbdee0}
#jc #nav-bottom span.hoverpage, #jc #nav-top span.hoverpage {color: #8EA516;background-color: #f3f3f3;border: 1px solid #d6dadd}
#jc #nav-bottom span, #jc #nav-top span {color: #777;background-color: inherit;font-size: 10px;margin: 0 2px;height: 15px;padding: 2px 8px;cursor: pointer;vertical-align: top}
#jc #nav-bottom span.activepage, #jc #nav-top span.activepage {color: inherit;background-color: #f3f3f3}
#jc div#nav-bottom, #jc div#nav-top {position: relative;z-index: 2;width: 100%}
#jc div#nav-bottom {margin: 10px 0 0 0;padding: 0;}
#jc #nav-bottom span.activepage {border-bottom: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-top: 1px solid #d6dadd;}
#jc div#nav-top {margin: 10px 0 20px 0;}
#jc #nav-top span.activepage {border-top: 1px solid #d6dadd;border-left: 1px solid #d6dadd;border-right: 1px solid #d6dadd;border-bottom: 1px solid #d6dadd;}

/* Vote */
#jc span.comments-vote {width: 6em;height: 15px;float: right}
#jc span.comments-vote a{width: 15px;height: 14px;float: left;margin: 0 3px 0 0;display: block;background-repeat: no-repeat;background-image: url(../images/jcomments_green_color/jc_vote.gif);border: none !important; text-decoration: none}
#jc span.comments-vote .busy{margin: 0; float: right; width: 16px}
#jc .vote-good{background-position: 0 0}
#jc .vote-poor{background-position: -15px 0}
#jc span.vote-good,#jc span.vote-poor,#jc span.vote-none{margin: 0;float: right;font: bold 1em Verdana, Arial, Sans-Serif;line-height: 14px}
#jc span.vote-good{color: #88A100}
#jc span.vote-poor{color: #88A100}
#jc span.vote-none{color: #A9A9A9}

/* BBCode */
#jc span.bbcode{width: auto;height: 23px;display: block;margin-bottom: 5px; float: left; clear: both; margin: 10px 0 0 }
#jc .bbcode a, #jc .bbcode a:focus, #jc .bbcode a:active, #jc .bbcode a:hover{width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;background-color:transparent !important;background-repeat: no-repeat;background-image: url(../images/jcomments_green_color/jc_bbcodes.gif);text-decoration:none;border:none !important}
#jc a.bbcode-empty{background-position: 0 0}
#jc a.bbcode-b{background-position: -30px 0 !important}
#jc a.bbcode-i{background-position: -60px 0 !important}
#jc a.bbcode-u{background-position: -90px 0 !important}
#jc a.bbcode-s{background-position: -120px 0 !important}
#jc a.bbcode-url{background-position: -150px 0 !important}
#jc a.bbcode-img{background-position: -180px 0 !important}
#jc a.bbcode-list{background-position: -210px 0 !important}
#jc a.bbcode-hide{background-position: -240px 0 !important}
#jc a.bbcode-quote{background-position: -270px 0 !important}
#jc a.bbcode-smile{background-position: -300px 0 !important}
#jc a.bbcode-youtube{background-position: -330px 0 !important}
#jc a.bbcode-google{background-position: -360px 0 !important}
#jc a.bbcode-wiki{background-position: -390px 0 !important}
#jc a.bbcode-facebook{background-position: -420px 0 !important}
#jc a.bbcode-flickr{background-position: -450px 0 !important}

#jc span.bbcode img {width: 23px;height: 23px;float: left;margin: 0 2px 0 0}
#jc .custombbcode {width: 23px;height: 23px;float: left;margin: 0 2px 0 0;display: block;text-decoration:none;cursor: pointer}


/*Comment box*/
#jc .jcbox {margin: 0 20px 0 0;padding: 0 0 10px 0; width:auto;overflow: hidden; background: transparent url(../images/jcomments_green_color/top_wrap_bg.png) bottom repeat-x;}

#comments span.comments-buttons a{
	background: transparent url(../images/jcomments_green_color/arrow.png) left center no-repeat;
	padding: 0 0 0 12px;
}

#comments .comment-body a{
	color: #8EA516;
	text-decoration: underline;
}

#comments span.comments-buttons a:hover, #comments .comment-body a:hover{
	color: #738512;
	text-decoration: underline;
}

.clr{
	overflow: hidden;
	clear: both;
	width: 100%;
}

div#comments-form-send, div#comments-form-cancel{
	float: left;
	margin: 0 10px 0 0;
	display: inline;
}

#comments-form-buttons a{
	font-size: 12px;
}

div.smiles{
	overflow: hidden;
	clear: both;
	float: left;
}