/*------------------------------------------------------------------------
* Copyright (c) 2008-2011 ZooTemplate. All Rights Reserved.
* @license - Copyrighted Commercial Software
* Author: ZooTemplate
* Websites:  http://www.zootemplate.com
-------------------------------------------------------------------------*/

/* COMMON STYLE
--------------------------------------------------------- */
html, body, form {margin: 0;padding: 0;}
body {
	font-size: 12px;
	color:#333;
}

body.fs1 {font-size: 10px;}
body.fs2 {font-size: 11px;}
body.fs3 {font-size: 12px;}
body.fs4 {font-size: 13px;}
body.fs5 {font-size: 14px;}
body.fs6 {font-size: 15px;}

/* Small text */
small, .small, .smalldark, .article-meta, .modifydate, .img_caption p, .site-slogan {
	font-size: 92%;
}
/* Clear Fix*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {display: inline-block;}
html[xmlns] .clearfix {display: block;}
* html .clearfix {height: 1%;}

/*article image*/

img.caption {padding: 4px;background: #fff;border: solid 1px #ddd;display:block;}
img.personal{padding: 4px;background: #fff;border: solid 1px #CCCCCC;display:block;}

img.img-right {float:right;}
img{border: none;}

a,
a:active,
a:focus{outline: none;color: #ea2e2e;text-decoration: none;	}
a:hover{color:#222;}


/* Heading */
h1 {font-size: 200%;}
h2 {font-size: 175%;}
h3 {font-size: 150%;}
h4 {font-size: 125%;}

p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
	padding: 0;
}
ul {list-style: none;}
ul li {padding:3px 0px 3px 13px;background: url(../images/bullet.png) no-repeat 0% 9px;}

div.modulecontent ul.menu {}

ul.menu li {
	background:url(../images/list-1.png) no-repeat 0px 6px;
	padding:4px 0 4px 17px;
}
ul.menu li:last-child{border-bottom:none !important;}

ul.menu li img{display:none;}

ul.menu li a  {color:#171717;display:block;}
ul.menu li:hover a{color:#a31506; text-shadow: 0 0 2px #c68c86;}

ul.menu ul {margin: 0px;}
ul.menu ul li {margin-left: 0;width:auto;border-bottom: none;}

ul.list {margin: 0;}
ul.list li {padding: 5px 0 5px 0;background: none;border-bottom: 1px solid #EAEAEA;}
ul.list li a {color: #444;font-weight: bold;}

ol li {margin-left: 21px;}
th {font-weight: bold;padding: 8px;text-align: left;}

fieldset {border: none;padding: 10px 0px ;}
fieldset a {font-weight: bold;}
fieldset.input {padding: 0 15px;background: none;}
legend {font-weight: bold;}

ul.actions li {display: inline;background: none;}
/* FORM
--------------------------------------------------------- */
form {margin: 0;padding: 0;}
input, select, textarea, .inputbox, .button {
	font-size: 100%;
	border: 0px;

}
.inputbox ,
.validate-username,
.validate-password,
textarea{
	padding: 5px 8px;border: 1px solid #cecece;color: #333;background:#fff;
	min-height:18px;
	border-radius:5px;
	box-shadow: inset 1px 2px 1px #edecec;
}
.inputbox:hover {background:#fffee4;}
.button ,button,
input.default{
	color:#fff;
	width:auto;
	display:inline-block;
	margin: 3px;
	padding:6px 10px;
	cursor: pointer;
	font-size:12px;
	border:1px solid #d23328;
	background: #bc2c22  url(../images/button.png) repeat-x left 0px ;
	border-radius: 5px;

}
.button:hover,button:hover,
input.default:hover{
	background-color:#647fba;
	border-color: #5972a7;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Article Layout */
.items-leading,
.items-row {width: 100%;display:inline-block;margin-bottom:20px;}
.item-column {margin: 0 10px ;padding: 0 ;overflow: hidden;}

div.cols-2 .item{width:50%;float:left;}
div.cols-3 .item{width:33%;float:left;}
div.cols-4 .item{width:25%;float:left;}

.row-separator {width: 100%;height:0px;float:left;font-size:0;line-height:0;}


.article_separator {clear: both;margin: 0;display: none;}

.row_separator {
	display: block;
	clear: both;
	height: 2px;
}
.article_row {margin-bottom: 10px;width: 100%;float: left;}

p.iteminfo {line-height: 1em;margin: 0;}
.article_row p.iteminfo {line-height: 1em;margin: 0 -10px 5px;padding: 10px;}
.articleinfo {margin: 0.5em 0;}

/* Category Table layout */
.filter {float: left;margin: 0;padding: 0;}
.display {float: right;margin: 10px 0 0;text-align: right;}

/**/
table.category,
table.weblinks,
table.newsfeeds {
	border: 1px solid #383838;
	width: 100%;
	clear:both;
	font-size:100%;
	margin:20px 0;
}
table.category {
	border: 1px solid #ccc;
	margin:10px 0;
}
table.category td {
	padding: 4px 4px !important;
	background: #fff;
}
table.category td.last {
	padding: 0px 4px 0px 0px !important;
}
table.newsfeeds th, table.weblinks th, table.category th {
	color: #fff;
	background: #ccc;
	padding: 8px 5px 8px 5px;
}
table.newsfeeds td, table.weblinks td, table.category td {
	padding:5px;
}
/* content tables */
.sectiontableheader {
	padding: 4px 8px;
	font-weight: bold;
}
.sectiontableheader a,
.sectiontableheader a:hover,
.sectiontableheader a:active,
.sectiontableheader a:focus {color: #fff;}

tr.sectiontableentry0 td,
tr.sectiontableentry1 td,
tr.sectiontableentry2 td {padding: 8px;border-bottom: 1px solid #eee;}
tr.sectiontableentry2 td {border-top: 1px solid #eee;}
td.sectiontableentry0,
td.sectiontableentry1,
td.sectiontableentry2 {padding: 4px;}

table.contentpane {
	border: none;
	background:none;
	border:0px solid #383838;
	width: 100%;
}
table.contentpaneopen {border: none;border-collapse: collapse;border-spacing: 0;}
table.contenttoc {margin: 0 0 10px 10px;padding: 0;width: 30%;float: right;}
table.contenttoc td {background: url(../images/bullet-list.gif) no-repeat 5px 8px;padding: 1px 5px 1px 15px;}
table.contenttoc th {border-bottom: 1px solid #CCCCCC;padding: 0 0 3px;text-indent: 5px;}

span.poll{font-weight:bold;}
table.poll {border-collapse: collapse;padding: 0;width: 100%;}
table.pollstableborder {border: none;padding: 0;text-align: left;width: 100%;}
table.pollstableborder img {vertical-align: baseline;}

table.pollstableborder td {
	border-collapse: collapse;
	border-spacing: 0;
	padding: 4px !important;
	background: none;
}
table.pollstableborder tr.sectiontableentry1 td {
	background: #EEEEEE;
}

table.searchintro {
	padding: 10px 0;
	width: 100%;
}
table.searchintro td {
	padding: 5px!important;
}
.blog_more {
	margin: 0;
	padding: 10px 0 0;
}
.blog_more strong {
	display: block;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.blog_more ul {

	margin: 0;
	padding: 0;
}
.blog_more ul li {
	margin: 0;
	padding: 0 0 0 21px;
}
.category {
	font-weight: normal;
}
h1.componentheading,
.componentheading {
	margin: 0 0 10px 0;
	font-size: 200%;
	line-height: normal;
	
	font-weight:normal;
}
.contentdescription {
	/*padding-bottom: 30px;*/
}
h2.contentheading,
.contentheading {
	margin: 0 0 5px 0;
	font-size: 168%;
	line-height: normal;
	font-weight:normal;
	
}
h2.contentheading > span,
.contentheading > span {
	padding: 0 5px 0 0 ;
	
}
h2.contentheading a,
.contentheading a {color: #fffe92;}

table.blog .contentheading {font-size: 100%;}
td.contentheading {line-height: 28px;}
table.contentpaneopen td, table.contentpane td {padding-left:15px;}
table.contentpaneopen, table.contentpane, table.blog {width: 100%;}

table.admintable td.key{display:inline-block; width: 100px;}
table.admintable tr{margin-bottom:10px;overflow:hidden;width:100%;display:inline-block;}
table.admintable td{display:inline-block;}
ul.pagination {
	color: #3B5468;
	overflow: hidden;
	clear: both;
	margin: 10px auto;
	padding: 10px 0;
	text-align: center;
	list-style: none;
}
ul.pagination li {
	margin: 10px 2px;
	padding: 0;
	display: inline;
}
ul.pagination li span {
	display: inline-block;
	background: #9E9FA1;
	color: #fff;
	
	border-radius:5px;

}
ul.pagination li span span {
	padding: 4px 10px ;
	display: inline-block;

}
ul.pagination a {
	padding: 0;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
ul.pagination a:hover span span,
ul.pagination a:active span span,
ul.pagination a:focus span span {
	background: #da3d32;
}
.counter {
	text-align: center;
	margin: 0.5em auto;
	width: 107px;
	background: #9E9FA1;
	color: #fff;
	padding:4px 0px;
	border-radius:5px;
}
.pagenavbar {
	font-weight: bold;
	padding-left: 14px;
}
.pagenavcounter {
	font-weight: bold;
	padding: 8px 14px 0 14px;
}
.smalldark {text-align: left;}
div.zt-field{margin-bottom:10px;overflow:hidden;}

#login-form{margin:8px;display:table;}
.login-greeting{margin-right: 5px;display:table;color:#fff;float:left;}
.logout-button{border-radius:3px;overflow:hidden;cursor:pointer;float:left;}
.loginframe {margin: 0 auto;padding: 10px;width: 250px;height: 220px;position: relative;background: #FFF;border-radius: 10px ;	}
.closebox {margin: -25px -25px 0 0;float: right;width: 30px;height: 30px;line-height: 30px;text-indent: -999em;cursor: pointer;background: url(../images/closebox.png) no-repeat 0 0;}
.logincol {margin: 0 10px 0 0;float: left;width: 180px;}
.logincol label {margin-bottom:10px ;display: block;}

.logincol ul {margin: 5px 0;}
.required {color: #d5d5d5;}
#jvloginframe {display: none;height: 100%;width: 100%;position: fixed;top: 0;left: 0;z-index: 9999;background: transparent url(../images/bg-dot-black.png);}
#jvlogincontent {display: block;position: fixed;width: 100%;left: 0;top: -260px;z-index: 10000;}
* html #jvlogincontent {position: absolute;}
#jvbacktotop {cursor: pointer;}

/* META
--------------------------------------------------------- */
.article-toolswrap {display: block;margin: 0 0 10px;padding: 0;position: relative;}
.article-tools {display: block;padding: 0 10px 0 0;}
.article-meta {width: 70%;float: left;color: #3B5468;}

.createdby {font-size: 90%;}
.createdate {font-size: 90%;}
.modifydate {width: 90%;margin: 0 5px 0px 0;}

.article-section {padding-left: 6px;margin-left: 5px;}
.article-section a {color: #3B5468;}
.article-category a {color: #3B5468;}

p.buttonheading {text-align:right;margin: 0;}
p.buttonheading a:hover {background:none ;color:#000 ;}
p.buttonheading a:active,p.buttonheading a:focus {color:#000;}

hr {background: #e8e8e8;border: 0px;border-bottom: 1px solid #e8e8e8;}
.poll{margin:3px 0;}

#description{width:350px !important;}
div.login-fields{margin-bottom:10px;overflow:hidden;}
div.login-fields > label{float:left;width:100px;line-height:30px;}