/*
# Copyright (C) 2011 joomlatd.com. All Rights Reserved.
# Author: joomlatd.com
# ------------------------------------------------------------------------
*/

.main {  
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	}
#mx-header .main {	
	background: #FFF;
	}
#top-header{	
	height: 70px;
	}
a {
	color: #996633;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	color: #4c7da7;
	text-decoration: underline;
}
	
/* MODULE
--------------------------------------------------------- */
.mainbody {
	margin: 0 auto 5px auto;
	padding: 5px 10px;
	border: 1px solid #d7d7d7;
	position: relative;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); 
}

.noshadow {
	color: #222;
	margin: 0 auto 10px auto;
	padding: 10px;
	border: 1px solid #d7d7d7;
	position: relative;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#E8E8E8));
background: -moz-linear-gradient(#FFFFFF, #E8E8E8);
-pie-background: linear-gradient(#FFFFFF, #E8E8E8);
}

.ol-coltop {
	margin: 20px auto 20px auto;
	padding: 5px 10px;
	border: 1px solid #fff;
	position: relative;

	-webkit-box-shadow: 0px 0px 20px #bbb;	
	-moz-box-shadow: 0px 0px 20px #bbb;
	box-shadow: 0px 0px 20px #bbb;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F7F7F7));
background: -moz-linear-gradient(#FFFFFF, #F7F7F7);
-pie-background: linear-gradient(#FFFFFF, #F7F7F7);
}
.white {
	color: #333;
	background-color: #fff;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #ccc;
	position: relative;

	-webkit-box-shadow: 0px 0px 5px #bbb;	
	-moz-box-shadow: 0px 0px 5px #bbb;
	box-shadow: 0px 0px 5px #bbb;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#F7F7F7));
background: -moz-linear-gradient(#FFFFFF, #F7F7F7);
-pie-background: linear-gradient(#FFFFFF, #F7F7F7);
}
.liten {
	color: #333;
	background-color: #f1ebde;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #ccc;
	position: relative;

	-webkit-box-shadow: 0px 0px 5px #bbb;	
	-moz-box-shadow: 0px 0px 5px #bbb;
	box-shadow: 0px 0px 5px #bbb;

}
.white h3,.noshadow h3
{
 margin: -4px -9px 5px; padding: 2px 2px 2px 27px;background-image: url(../images/h3div.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; font-size: 150%; line-height: 26px; border-bottom: 1px solid #c5c5c5; text-shadow: 0px 1px 0px #ffffff, 0px 1px 4px #c8c8c8;
}

.droping {
	margin: 0 auto 10px auto;
	padding: 3px;
}

.tempjo {
	color: #333;
	background-color: #f4f4f4;
	margin: 0 auto 5px auto;
	padding: 3px;
	border: 1px solid #ccc;
	position: relative;

	-webkit-box-shadow: 0px 0px 5px #bbb;	
	-moz-box-shadow: 0px 0px 5px #bbb;
	box-shadow: 0px 0px 5px #bbb;
}
.tempjo:hover {
	color: #333;
	background-color: #ddd;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#f1f1f1));
background: -moz-linear-gradient(#ddd, #f1f1f1);
-pie-background: linear-gradient(#ddd, #f1f1f1);
}

.imgset {
	color: #333;
	background-color: #f1f1f1;
	margin: 5px;
	padding: 2px;
	border: 1px solid #ccc;
}
.imgset:hover {
	color: #333;
	background-color: #ccc;
}
.mcolor {
	background-color: #8f7a52;
	color: #f1f1f1;
	margin: 0 auto 10px auto;
	padding: 5px 10px;
	border: 1px solid #ddd;
	position: relative;

	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
		
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#996633), to(#8f7a52));
background: -moz-linear-gradient(#996633, #8f7a52);
-pie-background: linear-gradient(#996633, #8f7a52);
}

.dark h3, .mcolor h3 {  padding: 0px;font-size: 150%;
	margin: 0px -4px 7px -4px;
	padding: 2px 10px;
	border-bottom: 1px solid #888; 

}

.dark {
	background-color: #333;
	margin: 0 auto 10px auto;
	color: #ddd;
	padding: 5px 10px;
	border: 1px solid #888;
	position: relative;

	-webkit-box-shadow: 0px 0px 5px #999;
	-moz-box-shadow: 0px 0px 5px #999;
	box-shadow: 0px 0px 5px #999;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#444444), to(#121212));
background: -moz-linear-gradient(#444444, #121212);
-pie-background: linear-gradient(#444444, #121212);
}
.dark ul, .mcolor ul, .white ul {
	padding-left: 10px;
}

.mcolor a { color: #ddd; text-decoration: underline;}
div.mx-nav-m {width: 100%;height: 44px; background-color: #996633; background-image: url("../images/header.png"); background-repeat:repeat-x;}

#mx-container .main { 
	background: #FFF;
	}
#mx-bot .main  {
	background: #996633;
	}
#mx-footer .main { border:none;}
/* JOOMLA STYLE
--------------------------------------------------------- */

.contentdescription {
	padding-bottom: 30px;
}

table.blog .contentheading {
	font-size: 170%;
	font-weight: bold;
	line-height: normal;
}

a.contentpagetitle {
	text-decoration: none!important;
}

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus {
	text-decoration: none!important;
}

a.readon, a.readmore {

	display: block;
	width: 100px;
	height: 20px;
	background: url(../images/readmore.png) 0 0 no-repeat;
	float: right;
	line-height: 20px;
	text-indent: 10px;
	font-size: 90%;
	text-decoration: none;
	text-shadow: 0px 1px 0px #FFFFFF;

}

a.readon:link, a.readon:visited, a.readmore:link, a.readmore:visited { color: #8f7a52; }

a.readon:hover, a.readmore:hover {
	background-position: 0 -25px;
	color: #ffffff;
	text-shadow: 0px 1px 1px #646464;
}

table.contentpaneopen, table.contentpane, table.blog {
	width: 100%;
}

.createdate {
	padding: 2px 0 10px 0;
	color: #999999;
	line-height: 10px;
}

.modifydate {
	color: #999999;
	height: 15px;
}

.moduletable {
	padding: 0;
}

.mosimage {
	padding: 0;
	margin: 8px 15px 0 0!important;
	margin: 8px 5px 0 0;
}

.mosimage img {
	padding: 0;
	margin: 0!important;
}

.mosimage_caption {
	margin-top: 5px;
	padding: 1px 2px;
	color: #999999;
}

tr.sectiontableentry1 td { background-image: url(../images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; padding: 5px; }

tr.sectiontableentry2 td { background-image: url(../images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; padding: 5px; }

tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td { background-image: url(../images/seperator.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 50% bottom; }

.small {
	color: #999999;
}

.smalldark {
	color: #999999;
	text-align: left;
}

div.syndicate div {
	text-align: center;
}

.pollstableborder tr.sectiontableentry1 td,
.pollstableborder tr.sectiontableentry2 td {
	background: none;
}

/* --------------- com_content ---*/

tr.odd, .cat-list-row1 {
    background: url("../images/news.gif") repeat-x scroll 0 0 transparent;
}
tr, td {
    border: 1px solid #DDD;
}
.intro ul {
    list-style-position: outside;
    list-style-type: square;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
table.weblinks th, table.newsfeeds th, table.category th, table.jlist-table th {
    background: none repeat scroll 0 0 #444444;
    color: #FFFFFF;
}

table.weblinks th a, table.newsfeeds th a, table.category th a, table.jlist-table th a {
    color: #FFFFFF !important;}
table {
    border-collapse: collapse;
}

#blog ul li, #main ol li {
    line-height: 1.7em;
    margin: 0;
    padding: 0;
}
#blog ul {
    list-style-position: outside;
    margin: 10px 0 10px 0;
    padding: 0 0 0 15px;
}
#blog ol {
    list-style-position: outside;
    margin: 10px 0 10px 0;
    padding: 0 0 0 20px;
}

p.readmore {
    margin: 0;
    margin-bottom: 5px;
    overflow: hidden;
}
p.readmore a {
    background: url("../images/icon-h3.png") no-repeat scroll 0 0 transparent;
    display: block;
	text-indent:-10000px;
    text-decoration: none;
	float:right;
	cursor:pointer;
	width:8px;
	height:8px;
    margin-right: 5px;
    text-align: left;}
#blog ul.pagenav {
    list-style-type: none;
    overflow: hidden;
    padding: 0;
}
#blog ul.pagenav li {
    line-height: 2em;
}
ul.pagenav { margin:10px 0;}
ul.pagenav li.pagenav-prev {
	float:left;
	
	margin: 10px 0;
	}
ul.pagenav li.pagenav-next {
	float:right;
	margin: 10px 0;
	
	
	}
div.item-page { padding: 0 5px;}
div.item-page p { /*clear:both;*/}

ul.actions {
    float: right;
    margin: 0;
    padding: 0;
}

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

dl.article-info {
    color: #999999;
    margin: 5px 0 0; 
    padding: 0;
    text-transform: none;
	}
dl.article-info dd { }
dl.article-info dt { }
dl.article-info dd, dl.article-info dt {
    display: inline;
    margin: 0;   
	}
dl.article-info dd, dl.article-info dt {
    display: inline;
    margin: 0;
	padding: 0 5px 0 0;   
	}
h2.contentheading {
    font-size: 200%;
	text-align: left;
	margin: 0;
    padding: 0 5px;
	}
div.article-tools {
    border-bottom: 1px dotted #DDDDDD;
    line-height: normal;
    margin-bottom: 5px;
    padding: 0 0 2px;
    text-transform: uppercase;
    clear: both;
    display: block;
    position: relative;
	font-size:92%;
}
#blog .pagination {
    border-top: 1px solid #DDDDDD;
}

#blog .pagination {
    margin: 10px 0;
    padding: 0;}
p.counter {
    font-weight: bold;
	float:left;
}


#blog .pagination ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
	float:right; margin: 8px 0;}
	
#blog .pagination li {
    border: 1px solid #EEEEEE;
    display: inline;
    margin: 0 2px;
    padding: 2px 5px;
    text-align: left;
}
#blog .pagination a { color:#9E352F;}	
/* ---------------login------- */
#login-form ul { }
#login-form ul li {background: none;}
#login-form .inputbox
{
	border:solid 1px #ddd;
	background:url(../images/content_bg.gif) repeat-x;

}

fieldset.input
{
	border:0;
}

input.button,
button.button,
button.validate, button {
    background: url("../images/button-bg.gif") repeat-x scroll center top transparent;
    border: 1px solid #DDDDDD;
    padding: 5px 10px;
    }

button.button:hover,
button.validate:hover,
input.button:hover,
button:hover {
	 background: url("../images/button-hover-bg.gif") repeat-x scroll center top transparent;
	 color:#981a1a;	 
	 }

.sectiontableheader {
    background: none repeat scroll 0 0 #333333;
    color: #FFFFFF;
    padding: 5px;
}
.sectiontableheader a, .sectiontableheader a:hover, .sectiontableheader a:focus, .sectiontableheader a:active {
    color: #FFFFFF;
}
.sectiontableentry, .sectiontableentry0, .sectiontableentry1, .sectiontableentry2 {
    border-bottom: 1px solid #DDDDDD;
    padding: 5px;
}
.sectiontableentry:hover, .sectiontableentry0:hover, .sectiontableentry1:hover, .sectiontableentry2:hover {
    background: none repeat scroll 0 0 #FFFFCC;
}
.sectiontableentry2 {
    background-color: #F6F6F6;
}
/* ---------------forms---------*/
#users-profile-core legend,
#users-profile-custom legend,
.profile-edit legend,
.registration legend {
	font: bold 18px/20px Arial,Helvetica,sans-serif; 
    text-shadow: 2px 2px 2px #DDDDDD;
	}
/* ---------------form validation-----*/

.invalid
{
	border-color:red !important;
}

label.invalid
{
	color:red;
}

/* ---------------user profile-------*/

#users-profile-core,
#users-profile-custom
{
	border:solid 1px #ccc;
}

#member-profile fieldset
{
	border:solid 1px #ccc;
}


/* ---------------contacts-----------*/
.categories-list ul ul {
    margin-left: 15px;
}

.contact form
{
	background:#fff;
	color:#000;
}

.contact input
{
	background:#fff;
	color:#000;
}

.contact input.invalid,
.contact textarea.invalid
{
	border:solid 2px red;
}

.contact label.invalid
{
	color:red;
}


/* --------------- Error Message contact form --------- */


body.contentpane
{
	background:#fff;
}


/* --------------- editor --------- */

.contentpaneopen_edit img
{
	border:0
}


/* --------------- tooltip ---------*/
.tip
{
	border:solid 1px #333;
	background:#ffffcc;
}

table.pagenav,
table.pagenav tr,
table.pagenav td
{border:0 !important}

.categories-list ul
{list-style-type:none}


/* MODULE STYLES
--------------------------------------------------------- */
#mx-search .inputbox {
    background: url("../images/icon-search.gif") no-repeat scroll 8px center #FFFFFF;
    font-size: 115%;
    padding-left: 24px;
    width: 160px;
	background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: #000000;
	padding: 3px 3px 6px 24px;
	}
	
#mx-search .button {
    margin-left: 5px;
   	text-transform: none;
	cursor: pointer;
    font-weight: bold;
    height: 28px;
    margin-bottom: 10px;
    padding: 6px 12px;
}
#right-col h3, #left-col h3, #mx-bot h3, #mx-tops h3, #mx-user-tops h3,  #mx-user-bottoms h3 {
    margin: 0 0 6px;
}
div.moduletable p {margin:0; line-height:normal;}
div.moduletable {
    margin: 0 0 20px;
	}
div.moduletable .menu ul li {
   background: url("../images/arrow-3.png") no-repeat scroll 0 4px transparent;
    line-height: 170%;
    padding-left: 14px;
}
div.moduletable ul li {
   background: url("../images/arrow-l.png")  no-repeat scroll 2px 6px transparent;
    line-height: 170%;
    padding-left: 10px;}
	

div.moduletable h3 { margin: -4px -9px 5px; padding: 2px 2px 2px 27px;background-image: url(../images/h3div.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: left center; font-size: 150%; line-height: 26px; border-bottom: 1px solid #c5c5c5; text-shadow: 0px 1px 0px #ffffff, 0px 1px 4px #c8c8c8;}

div.moduletable_ver1 h3 {border-top: 2px solid #666; background:none;font: bold 14px/20px Arial,Helvetica,sans-serif; }
div.moduletable_ver2 h3 {border-bottom: 2px solid #A92C2C; background:none;font: bold 14px/20px Arial,Helvetica,sans-serif; }
div.moduletable_ver3 h3 {border-bottom: 2px solid #666;background:none;font: bold 14px/20px Arial,Helvetica,sans-serif; }
div.moduletable_ver4 h3 {
	color:#BC2C10;	
	text-shadow: none !important;
	background:none;
	padding:0;
	font: bold 14px/20px Arial,Helvetica,sans-serif;	
}
div.moduletable_ver5 {
	position:relative;
    color:#fff;
    background:#9E352F;
    overflow:hidden;
	padding:5px;
	margin: 0 0 20px;
	}
div.moduletable_ver5 h3{
	border-bottom: 2px dotted #000000;
    color: #000000;
    font: bold 14px/20px Arial,Helvetica,sans-serif;
    padding-left: 5px;
    text-shadow: 2px 2px 2px #9E352F;
	}
div.moduletable_ver5 a { color:#FFF;}	
div.moduletable_ver5:before {
    content:"";
    position:absolute;
    top:0;
    right:0;
    border-width:0 16px 16px 0;
    border-style:solid;
    border-color:#fff #fff #9E352F #9E352F; 
    background:#9E352F; 
    display:block; width:0; 
	}	

/*----------------mx-bot-----------------*/
#mx-bottom-b { padding:5px;}
#mx-bottom-m {
padding:0;
}
#mx-bottom-m, #mx-bottom-m a { color:#FFF; }
#mx-bottom-m div.moduletable { margin:2px; }
#mx-bot div.moduletable h3 {
padding: 0px;font-size: 150%;
	margin: 0px;
	text-shadow: none !important;
	background:none;
	padding: 2px 10px;
	border-bottom: 1px solid #888; 
	}
/*-------*/
div.mod-languages ul li { background:none; padding:0;}

/*---footer---*/
div.mx-top a {
    color: #333333;
	text-decoration: none;
	text-shadow: 2px 2px 2px #DDD;
	
}
.mx-getfooter { font-size: 92%;}
.mx-getfooter ul li { border-right:1px solid #ddd;}
div.mx-copyright small{ font-size: 92%; text-shadow: 2px 2px 2px #DDD;color:#333;}
div.mx-copyright small a { color:#333;}

/**/
div.items-leading h2{ text-align:center;} 
div.items-leading, div.item-page, div.blog-featured div.item {}
div.items-leading, div.blog-featured div.item {
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
	padding:5px;
	margin-bottom:15px;
	}

div.item {  	
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E5E5E5;
	padding:5px;
	}
div.items-row { padding:5px;}

dl.stats-module dd {}
dl.stats-module dt {
	float:left;
	margin: 0;
	padding: 0 5px 0 0;
	font-style:normal;
	clear:both;
	font-weight: bold;
}



/*--------categories-list--------*/

dl dd {
	
	}
.categories-list dl dt {
	margin: 0;
	padding: 0 5px 0 0;
	font-style:normal;
	clear:both;
	font-weight: bold;
	float:left;
}

/*--------contact_email--------*/
.contact_email {
    margin: 0 0 10px;
}
.contact_email div {
    padding: 5px 0;
}
.contact-formname .label {
    display: block;
    float: left;
    font-weight: bold;
    width: 17em;
}
.contact .inputbox {
    
    border: 1px solid #CCCCCC;
    padding: 3px;
}

.inputbox {
	border: solid 1px #cccccc;
	background: #f9f9f9;
}

.inputbox:hover, .inputbox:focus {
	border: 1px solid #999999;
	background: #FFFFFF;
}

input, select {
	font: 11px Tahoma, Arial, sans-serif;
}

select, .inputbox {
	padding: 2px;
}

textarea {
	padding-left: 2px;
}

/* User Tools */
#ol-topnavwrap { position: absolute; bottom: 0px; right: 0px; z-index: 2; }
#stanhi-4 { font-size: 12px; float: right; padding-top: 4px; padding-right: 3px; padding-left: 3px; }
#ol-extools {
	padding: 0;
	float: left;
	display: block;
	font-size: 12px;
}
#ol-extools span {
	float: left;
	margin: 0 2px;
	display: block;
}
#ol-extools img {
	padding: 3px 0 0 0;
}
#ol-extoolswrap {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 11px;
}

*+html #ol-extoolswrap {
	right: 0;
}

#ol-extools {
	margin: 0;
	padding: 0;
}

* html #ol-extools { /*IE 6*/
	float: left;
}

*+html #ol-extools { /*IE 7*/
	padding: 0px;
}

#ol-extools ul {
	margin: 0;
	padding: 0;
	float: left;
}

#ol-extools ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	display: inline;
}

#ol-extools img {
	padding: 0;
	margin: 0 0 0 2px;
}

/* logo */

#logo, img#logo { position: absolute; top: 0px; left: 0px; z-index: 9; border: 0; }
#logo-text { position: absolute; top: 10px; left: 30px; z-index: 9; border: 0; }
/* shadows css3 */
.popupbox {
	box-shadow: 0px 0px 15px #666;
	-webkit-box-shadow: 0px 0px 15px #666;
	-moz-box-shadow: 0px 0px 15px #666;
	border: 1px solid #9E352F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.main {	
	-moz-box-shadow: 0 0px 8px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0px 8px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 8px rgba(0, 0, 0, 0);
	}
.main1 {	
	-moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);
	}
#mx-footer .main {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	}
div.items-leading, div.blog-featured div.item {
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1); 
    -moz-box-shadow: 0 0 10px rgba(0,0,0,0.1); 
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.1); 
	}

div.moduletable_ver5 {
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
	}
	
div.moduletable_ver5:before {
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow:0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
	}
	/* Lytebox
--------------------------------------------------------- */
.album {
	border:3px solid #FFFFFF;
}
.album:hover {
	cursor:pointer;
	border:3px solid #CCCCCC;
}
/* General */
div.login_clear {
	clear: both;
}

table.simplerows thead th { background-color: #996633; }

div#float_panel {
	width:22px;
	position:absolute;
	z-index:12;
	top:20px;
	right:-26px;
	padding: 5px;
}
#stylearea {
	margin-bottom:12px;
}
h3.title span.dcolor  {
	color: #f1f1f1;
}
.dark h3.title, .mcolor h3.title {
	color: #bbb;
}
/* contact  plain */
#main .contact h3
{
	border-bottom:solid 1px #ddd;
	margin: 20px 0
}

.form-required
{
	font-weight:bold;
	margin:10px 0;
	background:#fff url(../images/req.png) no-repeat;
	padding:3px 30px

}

.profile-edit select
{
	padding:0px;
	border:solid 1px #ccc;
	background:#f5f5f5;

}
.profile-edit select option
{
	padding:3px

}
/* contact  slider */

.panel
{
	border:solid 1px #ddd;
	margin-top:-1px

}
#main .contact .panel h3
{
	margin:0px 0 0px 0;
	padding: 0;
	background:#eee;
	border:0
}
.panel h3 a
{
	display:block;
	padding:3px 10px;
	text-decoration:none;
}


.panel h3.pane-toggler a
{
	background:#f5f5f5 url(../images/slider_plus.png) right  top no-repeat;
}
.panel h3.pane-toggler-down a
{
	background:#f5f5f5  url(../images/slider_minus.png) right  top no-repeat;
	border-bottom:solid 1px #ddd;
}

.pane-slider
{
	border:solid 0px;
	padding:0px 10px !important;
	margin:0;
}

.panel .contact-form,
.panel  .contact-miscinfo
{
	padding:10px
}

.contact .panel .contact-form form,
.contact .panel .contact-address
{
	margin:20px 0 0 0
}

/*#################### tables ############################ */

table
{
        border-collapse:collapse
}

table.weblinks,
table.category

{
        font-size:1em;
        margin:10px 10px 20px 0px;
        width:99%;
}

table.weblinks td
{
        border-collapse:collapse;
}

table.weblinks td,
table.category td

{
        padding:7px;
}

table.weblinks th,
table.category th

{
        padding:7px;
        text-align:left
}

td.num
{
        vertical-align:top;
        text-align:left;
}

td.hits
{
        vertical-align:top;
        text-align:center
}

td p
{
        margin:0;
        line-height:1.3em
}

.filter
{
        margin:10px 0
}

.display-limit,
.filter
{
        text-align:right;
        margin-right:7px
}
/* Login Module ---*/
#form-login-username .inputbox,
#form-login-password .inputbox {
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 3px 10px;
}

#form-login-username .inputbox, #form-login-password .inputbox { width: 85%; }

#form-login ul { margin: 0 !important; padding: 0; }

#form-login li { margin-left: 10px;}

#form-login p { margin: 0 0 5px; }

#form-login .button { margin: 10px 0; padding: 0px 15px;}

/* Category Table layout */

table.category {
	border: 1px solid #cfcfcf;
	width: 100%;
	margin:10px 0;
}
table.category td {
	padding: 4px 4px !important;
	background: #f4f6f1;
}
table.category td.last {
	padding: 0px 4px 0px 0px !important;
}
table.newsfeeds th, table.weblinks th, table.category th {
	color: #444;
	background: #dedede;
	padding: 8px 5px 8px 5px;
}
table.newsfeeds td, table.weblinks td, table.category td {
	padding:5px;
}

.counter {
	text-align: center;
	margin: 0.5em auto;
	width: 107px;
	background: #cacaca;
	color: #323232;
	border:1px solid #b3b2b2;
}
/* ########################### contacts ########################### */

.contact
{
        padding:0 5px
}

.contact-category
{
        padding:0 10px
}

.contact-category  #adminForm fieldset.filters
{
	border:0;
	padding:0
}

.contact-image
{
	margin:10px 0;
	overflow:hidden;
}

.contact-image img
{
/* as you like
float:right;
float:left */
}


address
{
        font-style:normal;
        margin:10px 0;
        
}

address span
{
        display:block
}
.contact-address

{
margin:20px 0 10px 0;

}


.contact-email div
{
        padding:2px 0;
        margin:0 0 10px 0;
}

.contact-email label
{
        width:17em;
        float:left;

}
span.contact-image
{
    margin-bottom:10px;
    overflow:hidden;
    display:block
}
#contact-textmsg
{padding: 2px 0 10px 0}

#contact-email-copy
{
        float:left;
        margin-right:10px;

}

.contact .button
{
        float:none !important;
        clear:left;
        display:block;
        margin:20px 0 0 0
}



dl.tabs {
    float: left;
    margin: 50px 0 0 0;
    z-index: 50;
    clear:both;


}

dl.tabs dt {
    float: left;
    padding: 4px 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-right: 3px;
    background: #f0f0f0;
    color: #666;
}

dl.tabs dt.open {
    background: #F9F9F9;
    border-bottom: 1px solid #F9F9F9;
    z-index: 100;
    color: #000;

}

div.current {
    clear: both;
    border: 1px solid #ccc;
    padding: 10px 10px;
    max-width: 500px;
}


div.current dd {
    padding: 0;
    margin: 0;
}

dl#content-pane.tabs {
    margin: 1px 0 0 0;
}

/* ++++++++++++++  login  ++++++++++++++ */

.login-fields
{
        margin:10px 0
}

.login-fields label
{
        float:left;
        width:9em
}

.login-description img,
.logout-description img
{
        float:left;
        margin-right:20px
}

.login-description,
.logout-description
{
        overflow:hidden;
                padding-left:5px;
                margin:20px 0 10px 0
}

.logout-description
{
        margin-bottom:20px
}

fieldset {
	margin: 10px 0 10px 0;
	padding: 0 10px 10px 10px;
}

legend {
	padding: 0 10px 0 10px;
	background: #ffffff;
}

form div { margin: 10px 0 10px 0; }

textarea { padding: 1px 0 1px 5px; }

option { padding: 0 0 1px 5px; }

input[type='hidden'] { display: none; }

input[type='text'],
input[type='password'] { padding: 1px 0 1px 5px; }

button,
input[type='button'],
input[type='submit'] {
	padding: 2px 4px 2px 1px;
	line-height: 100%;
}

input[type='button'],
input[type='submit'],
input[type='checkbox'],
input[type='image'],
input[type='radio'],
input[type='reset'],
select,
button { cursor: pointer; }

 
textarea,
input[type='text'],
input[type='password'],
select {
	border: 1px solid #c8c8c8;
	background: #ffffff;
}

 
textarea:hover,
input[type='text']:hover,
input[type='password']:hover,
select:hover { border-color: #aaaaaa; }

 
textarea:focus,
input[type='text']:focus,
input[type='password']:focus,
select:focus {
	border-color: #8c8c8c;
	outline: 2px solid #dcdcdc;
}

.tip-wrap {
	display: none;
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	color: #323232;
	font-size: 12px;
}

.tip-title {
	margin-top: -15px;
	padding: 15px 0 5px 0;
	background: url(../../system/images/selector-arrow.png) no-repeat;
	font-weight: bold;
	font-size: 13px;	
}

/* template related fix for tooltips */
.tip-wrap .tip {
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	color: inherit;
}
#date-format { color: #444; font-size: 120%; position: absolute; bottom: 0px; left: 20px; z-index: 1; padding: 0px; }
.dmy {display: block;padding: 0; text-transform: uppercase;}
span.date {text-transform: uppercase;font-size: 95%;font-weight: bold;}
#pathway { margin-left:5px; padding: 5px; }
#mx_hor ul li ul li:hover, #mx_hor ul li ul li.active:hover {
background:#996633;
}
/* pagenav */
.mainbody ul.pagenav {
	list-style-type:none;
	padding:0;
	overflow:hidden
}
ul.pagenav li
{
	display:inline-block;
	padding:0px;
	margin:0;
}
.mainbody ul.pagenav li 
{
	line-height:2em
}
ul.pagenav li a
{color: #fff; padding: 4px 10px!important; padding: 1px 5px; background: #333;
	-webkit-box-shadow: 0px 0px 7px #999;
	-moz-box-shadow: 0px 0px 7px #999;
	box-shadow: 0px 0px 7px #999;
	
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#777), to(#333));
background: -moz-linear-gradient(#777, #333);
-pie-background: linear-gradient(#777, #333); border-color: #dddddd #999999 #999999 #dddddd; border-style: solid; border-width: 1px;
}
ul.pagenav li.pagenav-prev 
{float:left}
ul.pagenav li.pagenav-next 
{float:right}

.pagetitle, div.title h1, div.title h2, .ol-morearticles h3 { font-weight: bold; 
	margin: 0 auto 10px auto;
	padding: 5px 10px;
}

div.title h1 span, div.title h2 span { color:#996633; }

/* NEWS ITEM TITLE WITH LINK*/
div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited { color:#222; }

div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus, div.title h2 a span, div.title h2 a:visited span { color:#996633;  text-decoration: none;}

div.title h2 a:hover span, div.title h2 a:focus span { color:#222; }

.ol-morearticles h3 { border:none; }

/* MAIN NEWS ITEMS HOLDERS FOR FRONTPAGE, CATEGORY AND SECTION. CHILD OF div.ol-newsitems*/
div.ol-newsitems .ol-blog_f, div.ol-newsitems .ol-blog_c, div.ol-newsitems .ol-blog_s { padding:0 0px; }

/* THIS DIV HOLDS THE NEWS ITEMS TITLES. h1 in article view and h2 in frontpage, category and section view*/
div.title { overflow:hidden; display:block;  z-index:10; }

div.title h1, div.title h2, h1.pagetitle, .componentheading { font-size:150%; }

div.title h1, div.title h2 { text-align:left; padding: 4px 10px; margin:5px 0 4px 0; line-height:1.5em; }

/* THIS DIV HOLDS NEWS ITEM TEXT ONLY */
.newsitem_text { display:block; padding:0px 0px 0px 0px; width:100% }

/* newsitem_tools  CONTAINS , CREATED BY , CREATE DATE , PRINT,EMAIL , PDF BUTTONS */
.newsitem_tools { display: block; width:100%; margin:0 0 0 0 !Important; clear:both; overflow:hidden; padding:3px 0; margin:0 0 10px 0; }

/* newsitem_info  CONTAINS , CREATED BY , CREATE DATE */
.newsitem_info { width: 70%; display: block; float:left; overflow:hidden; }

/* buttonheading  CONTAINS PRINT,EMAIL , PDF BUTTONS */
.buttonheading { width:30%; display:block; overflow:hidden; padding:0; float:right; }

.buttonheading img { border:0; }

.buttonheading .email, .buttonheading .print, .buttonheading .pdf { float:right; margin:0px 2px 0 0; width:16px; }

.createby { padding:0 3px 0 0px; }

.createdate { padding:0 3px 0 0px; }

.article_separator, div.article_separator { width:100%; background: url(../images/article_separator.png) 50% 100% no-repeat; }
/* SECTION NAME HOLDER*/
.newsitem_section { padding:0 3px 0 0px; }

.newsitem_section a { padding:0 3px 0 0px; }

/* CATEGORY NAME HOLDER*/
.newsitem_category { padding:0 3px 0 0px; }

.newsitem_category a { padding:0 3px 0 0px; }

/* Lytebox
--------------------------------------------------------- */
.album {
	border:3px solid #FFFFFF;
}
.album:hover {
	cursor:pointer;
	border:3px solid #CCCCCC;
}
/* General */
div.login_clear {
	clear: both;
}

table.simplerows thead th { background-color: #996633; }

div#float_panel {
	width:22px;
	position:absolute;
	z-index:12;
	top:20px;
	right:-26px;
	padding: 5px;
}
#stylearea {
	margin-bottom:12px;
}
h3.title span.dcolor  {
	color: #f1f1f1;
}
.dark h3.title, .mcolor h3.title {
	color: #bbb;
}
/* contact  plain */
#main .contact h3
{
	border-bottom:solid 1px #ddd;
	margin: 20px 0
}

.form-required
{
	font-weight:bold;
	margin:10px 0;
	background:#fff url(../images/req.png) no-repeat;
	padding:3px 30px

}

.profile-edit select
{
	padding:0px;
	border:solid 1px #ccc;
	background:#f5f5f5;

}
.profile-edit select option
{
	padding:3px

}
/* @end */
div.default div.drop-down {  }

div.default div.drop-down dt.toggler { color: #f7f6f4; height: 30px; line-height: 28px; font-size: 110%; font-weight: bold; background-color: #444; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-indent: 10px; margin-bottom: 1px; cursor: pointer; padding-right: 10px; }

div.default div.drop-down dt:hover.toggler, div.default div.drop-down dt.sfhover { color: #f7f6f4; background-color: #666; }

div.default div.drop-down dd span.article {
	padding: 10px 0px 10px 0px;
}

div.default div.drop-down dd.last span.article {
	background: none;
}

div.black div.drop-down {  }

div.black div.drop-down dt.toggler { color: #fff; height: 30px; line-height: 28px; font-size: 110%; font-weight: bold; background-color: #333; background-repeat: repeat-x; background-attachment: scroll; background-position: 0 0; text-indent: 10px; margin-bottom: 1px; cursor: pointer; }

div.black div.drop-down dt:hover.toggler, div.black div.drop-down dt.sfhover { color: #e6e6e6; background-color: #2c2c2c; }

div.black div.drop-down dd span.article {
	padding: 10px 0px 10px 0px;
}

div.black div.drop-down dd.last span.article {
	background: none;
}

#mx_hor ul li ul li.mx_top_menu_spacer, #mx_hor ul li ul li.mx_top_menu_spacer:hover, #mx_hor ul li ul li.mx_bottom_menu_spacer, #mx_hor ul li ul li.mx_bottom_menu_spacer:hover, #mx_hor ul li ul li, #mx_hor ul li ul li.active {
background:#996633;
}

#toTop {
	display: none; 
	margin: 0px;
	padding: 5px 20px 5px 20px; 
	width: auto; 
	background: #996633; 
	color: #fff;
	text-align: center; 
	position: fixed; 
	z-index: 10;
	bottom: 0px; 
	right: 0px; 
	cursor: pointer; 
}