/*------------------------------------------------------------------------
* 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%;
}
.clearItem:after {
     content: ".";
     clear: both;
     height: 0;
     visibility: hidden;
     display: block;
}

.clearItem { display: inline; }

/* Start Commented Backslash Hack \*/
* html .clearItem, * html .clearItem * {height: 1%;}
.clearItem { display: block; }
/* Close Commented Backslash Hack */

/*article image*/

img.caption {padding: 5px;background: none;border: none;display:block;}
img.personal{padding: 4px;background: #fff;border: solid 1px #CCCCCC;display:block;}

img.browseProductImage {border: 1px solid #e9e9e9;padding: 3px;}
img{border: none;}

a {
	outline: none;color: #a31506;text-decoration: none;
	
}
a:hover,
a:active,
a:focus {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 20px;background: url(../images/bullet.png) no-repeat 3px 6px;}

div.modulecontent ul.menu {}

ul.menu li {
	background:url(../images/bullet.png) no-repeat 3px -49px;
	padding:4px 0 4px 20px;
	border-bottom:1px solid #eee;
	
	-webkit-transition: background-color 0.5s ease 0s;
	-moz-transition: background-color 0.5s ease 0s;
	-o-transition: background-color 0.5s ease 0s;
}
ul.menu li:last-child{border-bottom:none;}
ul.menu li img{display:none;}
ul.menu li:hover{
	background-position: 3px -49px;background-color:#f3f3f3;
	-webkit-transition: background-color 0.15s ease 0s;
	-moz-transition: background-color 0.15s ease 0s;
	-o-transition: background-color 0.15s ease 0s;
}
ul.menu li a  {color:#171717;display:block;}
ul.menu li:hover a{color:#a31506; }

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, textarea, input,
.validate-username{
	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,
.validate-username:hover{background:#fffee4;}

.button,
button{
	color:#fff;
	width:auto;
	display:block;
	margin: 3px;
	padding:5px 10px;
	cursor: pointer;
	font-size:100%;
	border:1px solid #ac2524;
	background: #c23534 url(../images/button.png) repeat-x left 0px ;
	
	border-radius: 5px;
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
}
button:hover,
.button:hover{
	background-color:#333 ;
	border-color: #171717;
}
/* JOOMLA STYLE
--------------------------------------------------------- */
/* Article Layout */
.items-leading,
.items-row {width: 100%;display:inline-block;margin-bottom:20px;}
.items-row{margin: 0 -10px;}
.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 #999999;
	margin:10px 0;
}
table.category td {
	padding: 4px 4px !important;
	background: #ddd;
}
table.category td.last {
	padding: 0px 4px 0px 0px !important;
}
table.newsfeeds th, table.weblinks th, table.category th {
	color: #fff;
	background: #999999;
	padding: 8px 5px 8px 5px;
}
table.newsfeeds td, table.weblinks td, table.category td {
	padding:5px;
}
dl dt{font-weight:bold;}
/* 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;}
tr.sectiontableentry2 td {background: #301c0a;}
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 0px 0;
	font-size: 16px;
	line-height: normal;
	border-bottom: 1px solid #CCCCCC;
	font-weight:none;	
	text-transform: uppercase;
	margin: 0 0 10px;
    padding-bottom: 5px;
}
.contentdescription {
	/*padding-bottom: 30px;*/
}
h2.contentheading,
.contentheading {
	margin: 0 0 10px 0;
	font-size: 180%;
	line-height: normal;
	font-weight:normal;
	text-shadow: 1px 1px 0 #fff;
	
}

h2.contentheading a,
.contentheading a {color: none;}

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 input{
	margin-bottom:10px;
}
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: #999;
	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: #A12E10;
}
.counter {
	text-align: center;
	margin: 0.5em auto;
	width: 107px;
	background: #666;
	color: #fff;
	padding:2px 0px;
}
.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:10px 0;}


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


/* Caption Edit
--------------------------------------------------------- */
 
/* Outermost container holding a captioned image, generated by caption.js */
.captioned_image_container
{
	/* How much space between container & surrounding content? */
	margin: 8px 8px 2px 8px;
	/* How much space on between container & the contained content? */
	padding: 0px;
	display: block;
	text-align: left;
	width: auto;
	border: 1px solid #ccc;
}
 
.captioned_image_border
{
	padding: 0px;
	text-align: left;
	display: block;
}
 

/* Container holding image & maybe a link */
.image_wrapper{
	display: block;
	width: auto;
}
 
/* Container holding the image's caption */
.img_caption{
	float:left;
	display: block;
	margin-right: 15px;
	margin-top:10px;
}