/* CSS Document */
html, body, form { padding:0; margin:0; outline:none}
html { 
	background:url(/ASSETS/images/bg_with_nav.jpeg),
			   url(/ASSETS/images/bg_with_nav_t.jpg);
	background-repeat: no-repeat, repeat-x;
  	background-position: center top, left top;
	background-color:#1c1f24;
	overflow-y:scroll;
	}
body { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; position:relative; padding:0; margin:0}

img { outline:none; border:none}
a { outline:none; cursor:pointer; text-decoration:none;color:#06F}
a:hover { text-decoration:underline}
a.default { color:#555; text-decoration:none}
a.default:hover { text-decoration:underline}
a.bluedefault { color:#06F; text-decoration:none;}
a.bluedefault:hover { text-decoration:underline}

/**** TEMPLAGE OF PAGES ***/
#header-wrapper { width:1000px; margin:0 auto; min-width:1000px;}
#header-wrapper #header-mini { display:block; color:#555}
#header-wrapper #header-mini a { color:#555 !important; font-size:12px; margin-left:10px;}
#header-wrapper #header-mini a:hover { color:#333; text-decoration:underline;}
#header-wrapper #header-main { display:block; margin-bottom:10px; margin-top:15px;}
#header-wrapper #header-menu { display:block; background-color:#7EAB58; background-color:#B5D93A}
#header-wrapper #header-slider {background:url(/ASSETS/images/template-images/pattern.png) left top repeat #FFF;}
#header-wrapper #header-vimeo {background-color:#EEE;}
a.headermain { color:#AAA; font-size:13px !important; text-decoration:none}
a.headermain:hover { text-decoration:underline;}

#content-wrapper { width:1000px; margin:0 auto; background-color:#e6e7eb; min-width:1000px;}
td.content-wrapper-leftpanel {width:200px !important; border-right:1px solid #CCC; vertical-align:top}
td.content-wrapper-centerpanel {vertical-align:top; background-color:#FFF}
td.content-wrapper-rightpanel {width:280px !important; border-left:1px solid #CCC; vertical-align:top}



#footer-wrapper { width:1000px; margin:0 auto; min-width:1000px; background-color:#070809; margin-top:20px; margin-bottom:5px;}
#footer-wrapper #footer-notes { display:block;}
#footer-wrapper #footer-copyright { display:block; padding:10px; background:url(/ASSETS/images/template-images/pattern.png) left top repeat #090A0B; color:#DDD; text-align:right; font-size:9px;border-top:1px solid #000}


/* FOOTER STYLE */
div.grids {float:left; padding-top:0; padding-left:0; padding-right:25px; display:inline-block !important; color:#EEE;}
div.grids a { color:#E5E5E5; text-decoration:none; }
div.grids a:hover {text-decoration:underline}
div.grids h4 { padding:5px; margin:0; font-size:12px; border-bottom:2px solid #E5E5E5; padding-left:0; color:#FFF}
div.grids ul.grid { list-style:none; padding:0; margin:0; font-size:0}
div.grids ul.grid li { padding:5px; border-bottom:1px dashed #888; font-size:11px;}


/* RIGHT PANEL WIDGET STYLE */
.panel-divs { display:block; border:3px solid #FFF; background-color:#FFF}
.panel-divs .panel-divs-header { display:block; padding-top:5px; padding-bottom:5px; font-size:14px; font-weight:bold; color:#515d69;}
.panel-divs .panel-divs-smallheader { display:block; padding:5px; font-size:13px; font-weight:bold; background-color:#EEE; border-bottom:1px solid #F00}
.panel-divs .panel-divs-content { display:block; padding:5px; }



.error { background: url(/ASSETS/images/error.png) no-repeat scroll 5px 50% #FFC0CB; border: 1px solid #F00; font-weight: bold; padding: 8px 8px 8px 40px; display:none; margin-bottom:10px; display:none; text-align:center}
.success { margin-bottom:10px; padding:10px;border:1px solid #A2D246; font-weight:bold; background:url(/ASSETS/images/success.png) no-repeat scroll 5px 50% #EBF8A4; padding-left:30px; display:none;}































.validate { font-size:11px; color:#F00; text-align:right; display:block; height:10px}
.required { font-style:italic; font-size:10px; color:#F00}
.blockquote { margin:10px; padding:3px; padding-left:20px;}
.highlight { border:1px solid #F00}
.red-text { color:#F00}
.green-text { color:#B5D93A}
.page-banner { display:block; padding:5px; border:1px solid #D8D8D8; background-color:#F1F1F1; text-align:center; margin-top:5px; margin-bottom:5px;}
td.separate { border-left:1px solid #B5D93A; padding-left:10px;}

ul.square li { list-style:square}

div.tablewrapper { display:block; border:1px solid #BBB}
tr.mainheader td { background-color:#99CC00; font-weight:bold; text-align:center}
tr.header td { background-color:#CCC; color:#333; font-weight:bold; text-align:center}
tr.results td { background-color:#F1F1F1; text-align:center}


/************** ALL FORMS *************/
/*.form-wrapper { display:block; border:5px solid #F5F5F5; background-color:#F5F5F5}
.form-wrapper .form-header { padding:5px; font-weight:bold; font-size:14px; color:#666; border-bottom:3px solid #B5D93A; background-color:#E9E8E7 }
.form-wrapper .form-content  {padding:5px; text-align:center; background-color:#FFF; border:1px solid #EEE }
.form-wrapper .form-content .form-loader {padding:10px; display:inline-block !important; visibility:hidden; background:url(/ASSETS/images/ajax-loader-small.gif) center center no-repeat;}

form ol { padding:0; margin:0; display:inline-block !important; text-align:left; padding-bottom:10px;}
form ol li {list-style:none; padding-top:10px;}
form ol li label { display:block; padding-bottom:3px; font-weight:bold }
form ol li input.text { width:280px; border:1px solid #CCC; border-top:1px solid #AAA; padding:8px; background-color:#F7F8F9;}
form ol li input.text-small { width:150px; border:1px solid #CCC; border-top:1px solid #AAA; padding:8px; background-color:#F7F8F9;}
form ol li input.text-super { width:200px; border:1px solid #CCC; border-top:1px solid #AAA; padding:3px; background-color:#F7F8F9;}
form ol li input.highlight {border:1px solid #F00 !important}
form ol li select.text { padding:4px; border:1px solid #CCC; border-top:1px solid #AAA;background-color:#F7F8F9;}
form ol li select.highlight { border:1px solid #F00}
form ol li textarea.text { padding:8px; border:1px solid #CCC; border-top:1px solid #AAA; width:280px;background-color:#F7F8F9;}
form ol li textarea.highlight { border:1px solid #F00}
form ol li.action { text-align:right}
form ol li.action a { display:inline-block !important; border:1px solid #888; color:#333; text-decoration:none; padding:8px; font-weight:bold; }
form ol li.action a:hover { border:1px solid #666; background:none; background-color:#999; text-decoration:none;}

div.buttonwrapper { display:block; text-align:center; padding:5px}
div.buttonwrapper a { display:inline-block !important; border:1px solid #888; color:#333; text-decoration:none; padding:8px; font-weight:bold;}
div.buttonwrapper a:hover { border:1px solid #666; background:none; background-color:#999; text-decoration:none;}

.caption { padding:10px;}
.caption .caption-header { padding-bottom:3px; border-bottom:1px solid #999; text-align:left; font-weight:bold;}
.caption .caption-content { padding-top:3px; text-align:right}


.page-header { margin-bottom:10px; margin-top:5px;}
.form-holder { padding:10px; border:1px solid #CCC; background-color:#F5F5F5}
form.indi { display:block}
form.indi select { border:1px solid #888; padding:5px; background-color:#F1F1F1}
form.indi input.text { border:1px solid #888; padding:5px; background-color:#F1F1F1}

.formbutton-holder { text-align:right;}
.formbutton-holder-top { border-bottom:1px solid #DDD; margin-bottom:5px; padding-bottom:10px;}
.formbutton-holder-bottom { border-top:1px solid #DDD; margin-top:5px;padding-top:10px;}
.formbutton-holder a.formbutton { display:inline-block !important; letter-spacing:1px; text-decoration:none; padding:8px; font-size:15px; background-color:#FFFFF1; color:#FFF; border:1px solid #333; font-weight:bold}
.formbutton-holder a.formbutton:hover { border:1px solid #222; color:#fff; background:none; background-color:#444}
.formbutton-holder a.formbutton_grey { display:inline-block !important; float:right; letter-spacing:1px; text-decoration:none; padding:10px; font-size:14px; background-color:#333; color:#FFF; border:1px solid #666; font-weight:bold}
.formbutton-holder a.formbutton_grey:hover {  border:1px solid #333; color:#FFF}
.FLOATER_R { float:right}
.FLOATER_L { float:left}








.FORM {padding:5px; border:1px solid #CCC; background-color:#F5F5F5}
.FORM .form-box { background-color:#FFF; border:1px solid #DDD}
.FORM .form-box .form-box-header { display:block; border-bottom:1px solid #DDD; background-color:#EEE; color:#333; font-size:13px; padding:3px; font-weight:bold}
.FORM .form-box .form-box-content { font-size:12px; padding:3px;}
.FORM .form-box .form-box-content .field-holder { display:block; font-size:0;}
.FORM .form-box .form-box-content .field-holder .field-header { display:inline-block !important; font-size:12px;}
.FORM .form-box .form-box-content .field-holder .field-content { display:inline-block !important; font-size:12px; margin-left:20px;}
.FORM .form-box .form-box-content .field-holder .field-problem { display:block; margin-top:5px; font-size:10px;}
.FORM input.text { width:250px; border:1px solid #CCC; padding:5px; background-color:#F1F1F1;}
.FORM select.text { border:1px solid #CCC; padding:4px; background-color:#F1F1F1;}
.FORM textarea.text { width:250px; border:1px solid #CCC; padding:5px; background-color:#F1F1F1;}
*/