/* Padding for JWHMCS

--------------------------------------------------------- */

#jwhmcs-wrapper td {padding: 5px;}



/* COMMON STYLE

--------------------------------------------------------- */

* {

	margin: 0;

	padding: 0;

}

body {

	color: #545C66;

	background: #FFFFFF;

	font-family: Tahoma, Arial, Geneva, sans-serif;

	line-height: 1.5;

}

body#bd {  background: #f1f1f1 url(../images/bgr.png) repeat-x left top; margin: 0; }

body.contentpane {

	width: auto; /* Printable Page */

	margin: 1em 2em;

	background: #FFFFFF;

	color: #000000;

	font-size: 12pt;

	font-family: serif;

	line-height: 140%;

}

body.font1{

	font-size: 9px;

}

body.font2{

	font-size: 10px;

}

body.font3{

	font-size: 11px;

}

body.font4{

	font-size: 12px;

}

body.font5{

	font-size: 13px;

}

body.font6{

	font-size: 14px;

}

body.font7{

	font-size: 15px;

}

/* Normal link */

a {

	color: #74aa1b;

	text-decoration: underline;

}



a:hover, a:active, a:focus {

	color: #333;

	text-decoration: none;

}



/* Title text */

.contentheading, .componentheading, div.moduletable h3,

h1, h2, h3 {

}



/* Small text */

.small, .smalldark, .createdate, .modifydate, .mosimage_caption,

.back_button, .pagenavcounter, .pagenav, .pagenavbar, a.readon {

}



/* Heading */

h1 {

	font-size: 150%;

}



h2 {

	font-size: 130%;

}



h3 {

	font-size: 120%;

}



h4 {

	font-size: 100%;

	text-transform: uppercase;

}



p {

	margin: 5px 0 15px;

}



ul {

	margin-top: 5px;

	margin-bottom: 15px;

	list-style: none;

}



ul li { padding-left: 32px; line-height: 160%; background-color: transparent; }



ol {

	margin-top: 5px;

	margin-bottom: 15px;

}



ol li {

	margin-left: 35px;

}



th {

	padding: 4px;

	font-weight: bold;

	text-align: left;

}



fieldset {

	border: none;

}



fieldset a {

	font-weight: bold;

}



hr {

	border-top: 1px solid #4F7500;

	border-right: 0;

	border-left: 0;

	border-bottom: 0;

	height: 1px;

}



a img {

	border: none;

}



td, div {

	font-size: 100%;

}



/* Code text */

pre, .code {

	padding: 10px 15px;

	margin: 5px 0 15px;

	border-left: 5px solid #f85703;

	font: 1em/1.5 "Courier News", monospace;

}



blockquote {

	padding: 15px 40px 15px 60px;

	background: url(../images/quote.gif) 20px 10px no-repeat;

	font: italic 1em/1.5 Georgia, Times, serif;

}



.dropcap {

	float: left;

	padding: 4px 8px 0 0;

	display: block;

	color: #F85703;

	font: 50px/40px Georgia, Times, serif;

}



/* Tips, Error, Message, Hightlight*/

.error {

	padding-left: 25px;

	color: #F85703;

	background: url(../images/bullet-error.gif) no-repeat top left;

}



.message { padding-left: 25px; color: #0324f8; font-size: 1.1em; background: #e3dfda url(../images/bullet-info.gif) no-repeat left top; }



.tips {

	padding-left: 25px;

	color: #F85703;

	background: url(../images/bullet-tips.gif) no-repeat top left;

}



.highlight {

	border-bottom: 1px dotted #999999;

	padding: 0 5px;

	background: #FEFAE1;

	font-weight: bold;

}



.blocknumber {

	clear: both;

	padding: 5px 15px 10px;

	position: relative;

}



.bignumber {

	float: left;

	margin-right: 8px;

	margin-bottom: 5px;

	padding: 0 2px;

	display: block;

	color: #F85703;

	font: 30px/normal Arial, sans-serif;

	font-weight: bold;

}



/* FORM

--------------------------------------------------------- */

form {

	margin: 0;

	padding: 0;

}



input, select {

	font: 11px Tahoma, Arial, sans-serif;

}



select, .inputbox {

	padding: 2px;

}



textarea {

	padding-left: 2px;

}



.button {

	color: #333333;

	background-color: #e6e4e0;

	background-repeat: repeat-x;

	background-attachment: scroll;

	background-position: 50% top;

	padding: 2px 10px!important;

	padding: 1px 5px;

	border: solid 1px #a2a7b3;

	background-image: url(../images/but-bg.gif);

	cursor: pointer;

}

.button:hover {

	color: #339;

	background-color: #def19d;

	background-repeat: repeat-x;

	background-attachment: scroll;

	background-position: 50% top;

	padding: 2px 10px !important;

	border: solid 1px #b2b7c3;

	background-image: url(../images/but-bg-over.gif);

}

.button:active, .button:focus { color: #464646; background-color: #e6e6e6; border-color: #999999 #dddddd #dddddd #999999; border-style: solid; border-width: 1px; }



.inputbox {

	border: solid 1px #c4c4c4;

	background: #fcfcfc;

}



.inputbox:hover, .inputbox:focus {

	border: solid 1px #4F7500;

	background: #ffffff;

}

/* JOOMLA STYLE

--------------------------------------------------------- */

table.blog {

}



.article_seperator {

	display: block;

	background: url(../images/seperator.gif) repeat-x center;

	height: 20px;

}



#ol-left .article_seperator, #ol-right .article_seperator {

	display: none;

}



table.contentpane {

	border: none;

	width: 100%;

}



table.contentpaneopen {

	border: none;

}



table.contenttoc {

	margin: 0 0 10px 10px;

	padding: 0;

	width: 35%;

}



table.contenttoc a {

	text-decoration: none;

}



table.contenttoc td {

	padding: 1px 5px 1px 25px;

	background: url(../images/arrow.png) no-repeat 5% 50%;

}



table.contenttoc th {

	padding: 4px;

	text-indent: 5px;

}



table.poll {

	padding: 0;

	width: 100%;

	border-collapse: collapse;

}



table.pollstableborder {

	padding: 0;

	width: 100%;

	border: none;

	text-align: left;

}



table.pollstableborder img {

	vertical-align: baseline;

}



table.pollstableborder td {

	padding: 2px!important;

}



table.searchintro {

	padding: 10px 0;

	width: 100%;

}



table.searchintro td {

	padding: 5px!important;

}



table.adminform {

	width: 400px!important; /*Control the Frontend Editor area width*/

}



.adminform .inputbox {

}



.blog_more { background-color: #f7f6f4; margin: 10px 0; padding: 10px; border: solid 1px #efefef; }



.blog_more strong {

	margin: 0 0 5px;

	display: block;

	text-transform: uppercase;

}



.blog_more ul {

	margin: 0;

	padding: 0;

}



.blog_more ul li {

	margin: 0;

	padding: 0 0 0 12px;

	background: url(../images/arrow.png) no-repeat 0 8px;

}



td.buttonheading {

	padding: 0 0 0 3px!important;

	text-align: center;

}



.category {

	font-weight: bold;

}



.clr {

	clear: both;

}



.componentheading { color: #4F7500; padding-bottom: 5px; margin-bottom: 10px; background: url(../images/seperator.gif) repeat-x 50% bottom; font-size: 160%; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: normal; }



.contentdescription {

	padding-bottom: 30px;

}



table.blog .contentheading {

	font-size: 120%;

	font-weight: bold;

	line-height: normal;

}



.contentheading { color: #4F7500; font-size: 170%; font-family: Tahoma, Verdana, Helvetica, sans-serif; font-weight: normal; line-height: normal; }



a.contentpagetitle {

	text-decoration: none!important;

}



a.contentpagetitle:hover,

a.contentpagetitle:active,

a.contentpagetitle:focus {

	text-decoration: none!important;

}



a.readon { background: #f7f6f4 url(../images/pages.gif) no-repeat 5% 50%; float: right; padding: 0 5px 0 22px; display: block; text-transform: lowercase; text-decoration: none; border-color: #c1c1c1 #ddd #ddd #c1c1c1; border-style: solid; border-width: 1px; }



a.readon:hover, a.readon:active, a.readon:focus { background: #fdfbda url(../images/pages.gif) no-repeat 5% 50%; text-decoration: none; }

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;

}



.pagenav,

.pagenav_prev,

.pagenav_next,

.pagenavbar {

	padding: 0 2px;

}



a.pagenav,

.pagenav_prev a,

.pagenav_next a,

.pagenavbar a {

	text-decoration: none;

}



a.pagenav:hover, a.pagenav:active, a.pagenav:focus,

.pagenav_prev a:hover, .pagenav_prev a:active, .pagenav_prev a:focus,

.pagenav_next a:hover, .pagenav_next a:active, .pagenav_next a:focus,

.pagenavbar a:hover, .pagenavbar a:active, .pagenavbar a:focus {

	text-decoration: none;

}



.pagenavbar {

	padding-left: 14px;

	background: url(../images/pages.gif) no-repeat center left;

}



.pagenavcounter {

	padding: 8px 14px 0 14px;

	background: url(../images/pages.gif) no-repeat 0 11px;

}



.sectiontabletophead {

	padding: 3px 5px;

	border: solid 1px #c1c1c1;

	background: #999;

	color: #ffffff;

	font-weight: bold;

}



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;

}



/* MAIN LAYOUT DIVS

--------------------------------------------------------- */

#ol-base{  background-color: #fcfbfb;  }

#ol-base, #ol-basedown {  width: 800px; margin: 0 auto;  }

.wide #ol-base, .wide #ol-basedown {

	width: 950px;

}



.auto #ol-base, .auto #ol-basedown {

	width: 95%;

}



/* tophead

--------------------------------------------------------- */

#headcol { width: 100%; height: 24px; }

#date-format { color: #333; text-align: center; position: absolute; left: 0; bottom: 0; z-index: 4; padding: 3px 6px; }

.pathway { padding-top: 7px; padding-bottom: 0; padding-left: 5px; }

span.pathway { font-weight: normal; line-height: 140%; text-transform: uppercase; padding-top: 5px; padding-bottom: 0; padding-left: 2px; overflow: hidden; }

span.pathway img {padding-right: 1px;width: 5px;height: 9px;}

span.pathway a {float: none;padding: 0 2px 0 0;}

#logo, img#logo { background-repeat: no-repeat; position: static; bottom: 0px; left: 0px; z-index: 9; border: 0; }

#ol-tophead { clear: both; text-align: left; line-height: normal; background-color: #cccccc; position: relative; height: 110px; }

#ol-flashheader {

	background-image: url(../images/header/header01.jpg);

	background-repeat: no-repeat;

	background-attachment: scroll;

	margin: 5px;

	padding: 0;

}

#ol-pewrap { line-height: normal; background-color: #f6f5ec; text-align: left; position: relative; clear: both; padding: 5px; border: solid 1px #c3c1a8; }

#ol-banner { text-align: right; position: relative; z-index: 2; float: right; }

#ol-topnavwrap { position: absolute; top: 0; z-index: 3; right: 0; }

/* Search */

#ol-search { position: absolute; bottom: 0px; right: 0px; width: 310px; z-index: 1; margin: 0; padding: 0; background: #CCC}

#ol-search div.search { background: url(../images/icon-search.gif) no-repeat left center; height: 25px; padding-top: 5px; padding-right: 2px; padding-left: 28px; }

#ol-search .inputbox { color: #333; background-color: #f3f2ef; width: 90%; padding-left: 5px; border: solid 1px #ece8e5; }

/* User Tools */

#stanhi-4, #stanhi-1{ font-size: 12px; z-index: 70; 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-exrtools a {

}

#ol-extools a:hover, #ol-extools a:active, #ol-extools a:focus {

}

#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: 8px 0 4px 0;

}



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

}

/* Lytebox

--------------------------------------------------------- */

.album {

	border:3px solid #FFFFFF;

}

.album:hover {

	cursor:pointer;

	border:3px solid #CCCCCC;

}



/* Default Joomla! Menu */

a.mainlevel {

	padding: 4px 2px 4px 14px;

	outline: none medium;

	width: 90%;

	display: block;

	text-decoration: none;

	background: url(../images/bullet.gif) no-repeat 3px 10px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #DEDDCB;

}



a.mainlevel:hover,

a.mainlevel:active,

a.mainlevel:focus {

	background: url(../images/bullet.gif) no-repeat 3px 10px;

}



a.mainlevel#active_menu {

	font-weight: bold !important;

	color: #000;

}



a.sublevel { padding-left: 25px; display: block; font-weight: normal !important; background-color: transparent !important; background-image: url(../images/arrow.png) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: 15px 6px; text-decoration: none; width: 75%; /*need for ie6*/

	border: none; }



a.sublevel:hover,

a.sublevel:active,

a.sublevel:focus {

	

}



#active_menu {

	color: #000;

}

/* MAIN NAVIGATION

--------------------------------------------------------- */

#ol-container,

#ol-container-bodyr,

#ol-container-bodyl,

#ol-container-body {

	clear: both;

	padding: 0;

}

#ol-container,

#ol-container-bodyr { background-attachment: scroll; background-position: 0 0; }

#ol-container-bodyl,

#ol-container-body { background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

#ol-contentwrap { background-color: transparent; }

#ol-content {

	padding: 10px;

}

/* CONTENT COLUMN

--------------------------------------------------------- */

#ol-mainbody {

	float: left;

	width: 80%;

}

#ol-mainbody #ol-contentwrap {

	float: right;

	width: 70%;

}

#ol-mainbody-bodyl {

	float: left;

	width: 75%;

}

#ol-mainbody-bodyl #ol-contentwrap {

	float: left;

	width: 100%;

}

#ol-mainbody-bodyr {

	float: left;

	width: 100%;

}

#ol-mainbody-bodyr #ol-contentwrap {

	float: right;

	width: 75%;

}

#ol-mainbody-bodyr #ol-leftcol {

	width: 25%;

}

#ol-mainbody-body {

	float: left;

	width: 100%;

}

/* LEFT COLUMN

--------------------------------------------------------- */

#ol-leftcol { float: left; width: 29.99%; padding-top: 10px; }

#ol-leftcol div.moduletable h3 { padding: 5px 10px; color: #646e7b; font-size: 1em; background-color: #ebebeb; margin-top: 0; margin-bottom: 5px; }

#ol-leftcol div.moduletable {  padding: 1px 0 1px 0; }

/* RIGHT COLUMN

--------------------------------------------------------- */

#ol-rightcol { background-color: transparent; float: left; width: 20%; padding-top: 10px; }

#ol-rightcol div.moduletable h3 { margin: 0 0 5px; padding: 0 10px 4px 14px;

	/*color: #646E7B;*/

	color: #3a4048; font-size: 1em; background-color: transparent; }

#ol-rightcol div.moduletable {

	margin-bottom: 5px;

	padding: 5px 0 10px;

	width: 92%;

}



/* MODULE

--------------------------------------------------------- */

div.module h3,

div.module_text h3,

div.module_menu h3 { margin: 0 -15px 5px; padding: 0 0 0 24px; color: #645a44; font-weight: bold; font-size: 115%; line-height: 26px;  background-attachment: scroll; background-position: left 3px; border-bottom: 1px solid #e0ddcd; }

div.module,

div.module_text,

div.module_menu,

div.ol-square1 {

	margin-bottom: 10px;

	padding: 0;

	float: left;

	clear: both;

	width: 100%;

	background: #f7f6f4 url(../images/square1m.gif) no-repeat right bottom;

	color: #444;

	overflow: hidden;

}



div.module div,

div.module_text div,

div.module_menu div,

div.ol-square2 {

	padding: 0;

	background: url(../images/square2m.gif) no-repeat bottom left;

}



div.module div div,

div.module_text div div,

div.module_menu div div,

div.ol-square3 {

	padding: 0;

	background: url(../images/square3m.gif) no-repeat top right;

}



div.module div div div,

div.module_text div div div,

div.module_menu div div div,

div.ol-square4 {

	padding: 0 10px 15px;

	background: url(../images/square4m.gif) no-repeat top left;

}



div.module div div div div,

div.module_text div div div div,

div.module_menu div div div div {

	margin: 0;

	padding: 0;

	background: none;

}



/* Logs */

#ol-logs {

	background: #e7e6e6;

}



#ol-logs div.ol-square1,

#ol-logs div.ol-square2,

#ol-logs div.ol-square3,

#ol-logs div.ol-square4 {

	margin: 0;

	padding: 0;

}



#ol-logs div.ol-square1 { color: #000; background: #e7e6e6 url(../images/square1b.gif) no-repeat right bottom; margin-bottom: 10px; }



#ol-logs div.ol-square2 {

	background: url(../images/square2b.gif) no-repeat left bottom;

}



#ol-logs div.ol-square3 {

	background: url(../images/square3b.gif) no-repeat right top;

}



#ol-logs div.ol-square4 { background: url(../images/square4b.gif) no-repeat left top; padding: 10px; }

/*Mods */

#ol-mods {

	background: #fff;

}



#ol-mods div.ol-square1,

#ol-mods div.ol-square2,

#ol-mods div.ol-square3,

#ol-mods div.ol-square4 {

	margin: 0;

	padding: 0;

}



#ol-mods div.ol-square1 { color: #5d5d5d; background: #fff url(../images/square1.gif) no-repeat right bottom; margin-bottom: 10px; }



#ol-mods div.ol-square2 {

	background: url(../images/square2.gif) no-repeat left bottom;

}



#ol-mods div.ol-square3 {

	background: url(../images/square3.gif) no-repeat right top;

}



#ol-mods div.ol-square4 { background: url(../images/square4.gif) no-repeat left top; padding: 10px; }

/*Bottom menu-------------------------------------------------------- */

#ol-bottomenu { float: left; padding: 10px; }

#ol-bottomenu ul { line-height: normal; margin: 0; padding-bottom: 5px; }

#ol-bottomenu li {

	display: inline;

	margin: 0;

	padding: 0;

	background: url(../images/line.gif) no-repeat center left;

}

#ol-bottomenu li a {

	display: inline;

	line-height: normal;

	padding: 0 10px;

}

/* FOOTER

--------------------------------------------------------- */

#ol-footerwrap {

	clear: both;

	padding: 10px 0;

	position: relative;

}



#ol-footer {

	position: relative;

}



#ol-footer small {

	color: #5A5A5A;

	font-size: 100%;

	padding: 8px 10px;

}

li.ol-firstitem {

	background: none !important;

}

#ol-footer a {

	color: #5A5A5A;

	text-decoration: underline;

}



#ol-footer a:hover, #ol-footer a:active, #ol-footer a:focus {

	color: #CCCCCC;

}

#ol-cert { margin-top: 0; font-size: 11px; position: absolute; top: 0; right: 10px; }

#ol-cert a { text-decoration: none; padding: 0; }

/* MISCELLANOUS

----------------------------------------------------------- */

div.back_button a,

div.back_button a:hover,

div.back_button a:active {

	margin: 10px 0;

	display: block;

	background: none!important;

	text-decoration: none!important;

}



#mod_login_password, #mod_login_username {

	width: 93%;

}



#mod_login_remember {

	border: none;

	background: none;

}

/* conturfix */

.conturfix:after {

	clear: both;

	display: block;

	content: ".";

	height: 0;

	visibility: hidden;

}



* html > body .conturfix {

	width: 100%;

	display: block;

}



* html .conturfix {

	height: 1%;

}

/* LR PADD */

#sr-padd { padding: 0; width: 100%; }

#lr-padd, #lr-padd2, #lr-padd1,#ol-tabs { padding: 0; width: 100%; clear: both; }

#lr-padd div.moduletable, #lr-padd2 div.moduletable, #lr-padd1 div.moduletable { margin: 0; padding-top: 0; padding-bottom: 2px; border-right-width: 10px; }

table.lr-padd { width: 100%; padding: 0; }

#lr-padd ul {

	padding: 0;

	margin: 0!important;

}

#lr-padd li {

	padding: 0;

	margin: 0;

	background: none;

	line-height: 170%;

}

#lr-padd li a { color: #799847; padding-left: 17px; background: url(../images/bullet-list3.gif) no-repeat 5px 50%; text-decoration: underline; }

#lr-padd li a:hover, #lr-padd li a:active, #lr-padd li a:focus { background-image: url(../images/arrow_hover.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 3px 50%; text-decoration: none; }

table.lr-padd a:hover { color: #4f7500; text-decoration: none; }

table.lr-padd td.lr-padd { border:solid 0px #ececec; color:#000; background-color: none; width: 25%; }

table.lr-padd td.lr-padd:hover { background-color: none; border:solid 0px #c5c5c5; background-repeat:no-repeat; background-position:left top; color:#666; }

table.lr-padd h3 { padding: 0px 0; margin: 0 0 5px; color: #012731; font-size: 1em; background-color: #faf9f7; background-image: url(../images/mmenu.gif); background-repeat: repeat-x; background-position: center; text-indent: 10px; border-bottom: 0px solid #e0ddcd; }

table.lr-padd2 h3 {

	color:#fff;

	text-transform: uppercase;

	padding: 3px 5px;

	border-bottom: 1px solid #faf9f7;

}

table.lr-padd2 { width: 100%; padding: 0; }

table.lr-padd2 a { color: #f6fae7; text-decoration: underline; }

#lr-padd2 ul {

	padding: 0;

	margin: 0!important;

}

#lr-padd2 li {

	padding: 0;

	margin: 0;

	background: none;

	line-height: 170%;

}

#lr-padd2 li a { color: #f6fae7; padding-left: 13px; background: url(../images/bullet.gif) no-repeat 0 50%; text-decoration: none; }

#lr-padd2 li a:hover, #lr-padd2 li a:active, #lr-padd2 li a:focus { color: #e0e0e0; background-image: url(../images/bullet-list2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 50%; }

table.lr-padd2 td.lr-padd2 {

	color:#FFF;

	background-color: #779644;

	width: 25%;

	padding: 0 5px 5px;

}

#ol_top a { color: #f5f5f8; text-decoration: none; }

#ol_top a:hover { color: #fff; text-decoration: none; }

#ol_bottom {

	color: #333;

	padding: 1px 7px;

	border: 1px solid #e7e6e6;

	background-color: #e7e6e6;

}

#ol_bottom a { color: #dedede; }

html {

	margin-bottom: 1px;

	height: 100%!important;

	height: auto;

}



/* @group Menus */



#menu-mss { display: block; height: 42px; line-height: 42px; width: 100%;  background: url(../images/mmenu.png) repeat-x left top;}

ul#horline.menutop, #menu-mss ul.menutop {padding: 0;margin: 0;position: relative;}

#menu-mss ul {list-style: none;padding: 0;margin: 0;}

#menu-mss li { display: block; float: left; padding: 0; letter-spacing: 0.1em; margin: 0; }

#menu-mss a, #menu-mss .separator { color: #eeece8; white-space: nowrap; display: block; float: left; height: 42px; line-height: 42px;; background-image: url(../images/sepmenu.gif); background-repeat: repeat-y; background-position: right 0; overflow: hidden; text-decoration: none; z-index: 5; padding-right: 15px; padding-left: 15px; cursor: pointer; }

#menu-mss li a span, #menu-mss li .separator span {display: block;padding: 0;}

#menu-mss li.active a, #menu-mss li.active .separator {

	color: #000;

	background-color: #c2c2c2;

	z-index: 100;

	cursor: pointer;

	background-attachment: scroll;

	background-image: url(../images/btn_active.png);

	background-repeat: repeat-x;

}

#menu-mss li.active li a, #menu-mss li.active.parent li a, #menu-mss li.active li .separator, #menu-mss li.active.parent li .separator {font-weight: normal;font-size: 100%;}

#menu-mss li a:hover, #menu-mss li .separator:hover {color: #eeece8;}

#menu-mss ul ul { background-image: url(../images/menu-transbg.png); background-repeat: repeat; background-position: 0 0; border: solid 1px #e3e3e3; margin: 0; padding: 0; }

#menu-mss ul ul li a, #menu-mss ul li.active.parent ul a, #menu-mss ul li.active.parent ul a span, #menu-mss ul ul li .separator, #menu-mss ul li.active.parent ul .separator, #menu-mss ul li.active.parent ul .separator span {text-transform: none;background: none;}

#menu-mss ul ul li a.daddy, #menu-mss ul ul li a.daddy:hover, #menu-mss ul li.active.parent ul li a.daddy, #menu-mss ul ul li .separator.daddy, #menu-mss ul ul li .separator.daddy:hover, #menu-mss ul li.active.parent ul li .separator.daddy {background: url(../images/mover.gif) 95% 60% no-repeat;}

.menutop .animated-bg {

	padding:0;

	left: 6px;

	background-attachment: scroll;

	background-image: url(../images/btn_hover.png);

	background-repeat: repeat-x;

	background-position: center top;

}

.menutop .submenu-animation-left { background-color: #acc280; margin-right: 9px; }

.menutop .submenu-animation-right { background-color: #acc280; height: 100%; width: 9px; position: absolute; right: 5px; margin-right: -9px; }

/* Menu Dropdowns */

#menu-mss li li.active, #menu-mss li.active li a, #menu-mss li.active li a:hover, #menu-mss li li a:hover, #menu-mss ul li.active.parent ul a, #menu-mss li.active li .separator, #menu-mss li.active li .separator:hover, #menu-mss li li .separator:hover, #menu-mss ul li.active.parent ul .separator {background: none;border: 0;padding: 0;margin: 0;}

#menu-mss li li a, #menu-mss li li .separator {font-size: 100%;font-weight: normal;background: none;padding: 0;margin: 0;}

#menu-mss li li, #menu-mss li li a span, #menu-mss li li .separator span {background: none;padding: 0;margin: 0;}

#menu-mss li li a span, #menu-mss li li .separator span {padding: 0;}

#menu-mss li.sfHover li a, #menu-mss li:hover li a, #menu-mss ul li.active ul li.active li a, #menu-mss ul li.active.parent ul li a, #menu-mss li.sfHover li .separator, #menu-mss li:hover li .separator, #menu-mss ul li.active.parent ul li .separator, #menu-mss ul li.active.parent ul li .seperator { color: #000; text-indent: 15px; }

/* Sub and Side Menus */

ul.menu {

margin: 0 0 10px;

padding: 0;

}

ul.menu li {

list-style: none;

margin: 0;

padding: 0;

}

ul.menu ul {

margin: 4px 0;

}

ul.menu ul li a {

text-indent: 7px;

}

ul.menu ul a {

background: none;

text-indent: 0;

}

ul.menu ul {

margin-left: 5px;

padding: 0;

}

ul.menu ul ul {

padding: 0;

margin-left: 10px;

}

ul.menu li li {

padding: 0;

margin: 0;

}

ul.menu ul a {

text-indent: 0;

}

ul.menu li a { padding: 3px 3px 5px 15px; text-decoration: none; }

ul.menu li.active a, ul.menu li.active li.active a, a#active_menu.mainlevel, a#active_menu.sublevel, ul.menu li.active .separator, ul.menu li.active li.active .separator {font-weight: bold;}

ul.menu li.active li a, ul.menu li.active li.active li a, ul.menu li.active li .separator, ul.menu li.active li.active li .separator {font-weight: normal;}

ul.menu li a:hover { background-color: transparent; text-decoration: none; }

ul.menu li.active li a,

ul.menu li.active li a:hover { background: transparent; }

ul.menu a { outline: none medium; width: 90%; display: block; text-decoration: none; border-bottom: 1px dotted #aca686; }

ul.menu a:hover {  }

ul.menu ul li ul li a, ul.menu ul li ul li .separator {text-indent: 5px;}

ul.menu ul li ul li ul li a, ul.menu ul li ul li ul li .separator {text-indent: 10px;}

/* @end */

/* @group Mainmenu */



#main-based a.mainlevel {

	display: block;

	line-height: 24px;

	text-indent: 18px;

	height: 24px;

	overflow: hidden;

	font-size: 110%;

}



#main-based a.sublevel {

	text-decoration: none;

	line-height: 25px;

	font-size: 110%;

	line-height: 24px;

}



a.mainlevel:hover, a.sublevel:hover {text-decoration: none;}



/* @end */



div.default div.drop-down {  }



div.default div.drop-down dt.toggler { color: #f8f8f7; height: 26px; line-height: 24px; font-size: 110%; font-weight: bold; background: #779644 url(../images/default/ol_tabr_link.png) repeat-x; text-indent: 10px; margin-bottom: 1px; cursor: pointer; }



div.default div.drop-down dt:hover.toggler, div.default div.drop-down dt.sfhover { color: #333; background: #e6e4e0 url(../images/but-bg.gif) repeat-x 50% top; }



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-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/thumb-bg.png");
    background-origin: padding-box;
    background-position: left top;
    background-repeat: repeat-x;
    background-size: auto auto;
    display: block;
    height: 25px;
    line-height: 25px;
    width: 100%; 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;

}



.moovert ul#mainlevel li a:hover, 

.moovert ul.menu li a:hover,.moovert ul.menu li li a:hover,

.moovert ul.menu li.parent a:hover, .moovert ul.menu li.parent li.parent a:hover,

.moovert ul.menu li#current a:hover, .moovert ul.menu li#current ul li a:hover,  .moovert ul.menu li#current ul ul li a:hover,

.moovert ul.menu li#current li.parent a:hover, .moovert ul.menu li#current li.parent a:hover,

.moovert li.active a:hover  { color:#000; background-color: #acc280; }

.moovert { background-color: #779644; margin-bottom: 5px; }

/* Login */

#ol-clog { font-size: 12px; background: url(../images/log-form.gif) repeat-x left center; height: 28px; position: absolute; right: 0; top: 35px; z-index: 6;border-color: #dddddd #999999 #999999 #dddddd; border-style: solid; border-width: 1px; }

#ol-clog a { text-decoration: none; }

#ol-clog ul {

	float: left;

	margin: 0 0 0 10px;

	padding: 7px 0 0;

	white-space: nowrap;

}

#ol-clog li {

	display: inline;

	display: block;

	float: left;

	line-height: normal;

	margin: 0 5px;

	padding: 0;

	color: #ffffff;

	background: transparent;

}

#logform form a,

#ol-register form a {

	background: url(../images/arrow-on.gif) no-repeat left center;

}



#ol-register label, #logform label {

	color: #666;

	padding-right:5px;

}



#logform .button ,

#ol-register .button { color: #333; background: #e6e4e0 url(../images/but-bg.gif) repeat-x left center; border: solid 1px #666; }



#ol-register, #logform { color: #c00; background: #e3e3e3; border: solid 1px #c0c0c0; top: 28px; display: none; height: auto; overflow: hidden; padding: 5px 15px; position: absolute; right: 0; text-align:left; z-index: 9999; }

#logformwrap { background-color: transparent; float: right; padding: 8px 0 10px 10px; text-align: right; }



#logform form {

	float: left;

	margin-top: 5px;

}



#logform form label {

	float: left;

}



label.logform-user span {

	display: block;

	float: left;

	text-indent: -5000px;

	background: url(../images/user.gif) no-repeat center left;

	width: 78px;

	height: 20px;

}



label.logform-password span {

	display: block;

	float: left;

	text-indent: -5000px;

	background: url(../images/pass.gif) no-repeat center left;

	width: 78px;

	height: 20px;

}



#logform form input.button {

	font-size: 11px !important;

	float: left;

}



#logform form #mod_login_username,

#logform form #mod_login_password {

	background: #ffffff;

	border: solid 1px #c0c0c0;

	width: 120px;

	margin: 1px 8px 0 0;

	font-size: 11px !important;

	padding: 2px;

}

#logform form a { padding: 0 5px 0 10px; background: url(../images/arrow-on.gif) no-repeat left center; text-decoration: none; }

#logform form a:hover,

#logform form a:active,

#logform form a:focus {

	text-decoration: underline;

}

.logform-links {

	padding-top: 2px;

	clear: both;

	text-transform: none;

	letter-spacing: normal;

	font-size: 11px;

}
