﻿/*ccss doc*/
html,body{margin:0; padding:0; width:100%; font-family:Arial, Helvetica, sans-serif; font-size:100%}

.l{margin:0; padding:0; float:left}
.r{margin:0; padding:0; float:right}
.clear{margin:0; padding:0; clear:both; font-size:0.1em;}

#flash_standalone{margin:12px 0 0 0; padding:0; text-align:center;}

#wrapAll{margin:10px auto 0px auto; padding:0; width:980px;}
#header{margin:0; padding:10px 0 10px 0; clear:both}
#header img.logo{margin:0; padding:0 8px 10px 0; float:right}
#header h1{margin:0; padding:15px 0 0 8px; float:left; color:#0CA47D}

#wrapInner_top{margin:0; padding:4px 0 0 0; clear:both; background:url(../img/border_top.gif) no-repeat 0px 0px;}
#wrapInner{margin:0; padding:5px 0 5px 0 ; width:978px; clear:both; border:1px solid #dedede; border-width:0px 1px 0px 1px;}

#adminMenu{margin:5px 0 15px 15px; padding:0; clear:both}
#adminMenu ul{margin:0; padding:0; color:#fff; border:1px solid #ccc; border-width:1px 0 0 0; float:left; font-size:0.9em}
#adminMenu ul li{margin:0; padding:10px 9px 10px 30px; float:left; list-style:none}
#adminMenu ul li a{color:#fff; text-decoration:none}
#adminMenu ul li a:hover{color:#fff; text-decoration:underline}
#adminMenu ul li.admin{padding-left:10px; background:#FD393B; font-weight:bold}
#adminMenu ul li.admin_login{background:url(../img/lock.png) no-repeat 9px 9px #FD393B;  font-weight:bold}
#adminMenu ul li.map{ background:url(../img/world.png) no-repeat 9px 9px #000; }
#adminMenu ul li.pin_a{ background:url(../img/comment_add.png) no-repeat 9px 9px #333; }
#adminMenu ul li.pin_e{ background:url(../img/comment_edit.png) no-repeat 9px 9px #333; }
#adminMenu ul li.pin_d{ background:url(../img/comment_delete.png) no-repeat 9px 9px #333; }
#adminMenu ul li.cat_a{ background:url(../img/heart_add.png) no-repeat 9px 9px #555; }
#adminMenu ul li.cat_e{ background:url(../img/heart.png) no-repeat 9px 9px #555; }
#adminMenu ul li.cat_d{ background:url(../img/heart_delete.png) no-repeat 9px 9px #555; }
#adminMenu ul li.cat_r{ background:url(../img/emoticon_smile.png) no-repeat 9px 9px #888; }
#adminMenu ul li.logout{padding:9px 10px 9px 30px; background:url(../img/lock_open.png) no-repeat 9px 9px #FD393B; }
#adminMenu ul li.logout input{margin:0; padding:0; border:0px; background:#FD393B; color:#fff; cursor:pointer; text-align:left;}
#adminMenu ul li.on{background-color:#eee; color:#000; font-weight:bold}
#adminMenu ul li.on a{color:#000}
/* --------------------------------------------------
MAP ----------------------------------------------- 
-------------------------------------------------- */
#googleMap{margin:0 0 0 0; padding:9px 0 0 15px; clear:both;}
/* --------------------------------------------------
CONTENT ----------------------------------------------- 
-------------------------------------------------- */
#content{margin:5px 15px 5px 15px; padding:5px 0 0 0; clear:both}
#content h2{color:#FD393B}
#content h3{margin:3px 0 3px 0; padding:0; color:#666; font-size:0.95em}
#content p{margin:6px 0 6px 0; padding:0; color:#444; font-size:0.8em}

/* mapPopUps ------------------------------------- */
#googleMap .mapPop{}
#googleMap .mapPop h3{/*margin:0px 0 5px 0;*/ font-size:1em; font-weight:bold; color:#FF3333}
#googleMap .mapContent{}
#googleMap .mapContent{/*margin:6px 0 3px 0;*/ /*padding:0px;*/ font-size:0.75em; }



/* CATEGORIES ------------------------------------ */
#categories{margin:0; padding:0; float:right; width:600px;}
#categories ul{margin:0; padding:0; list-style:none}
#categories ul li{margin:0; padding:0 20px 5px 0; float:left;}
#categories ul li img{margin:0; padding:0; float:left; }
#categories ul li input{margin:1px 0 0 5px; padding:0; float:left; width:250px; border:0px; background:#fff; font-size:0.9em; color:#0675D1; font-weight:bold; cursor:pointer; text-align:left;}

#category_summary{margin:0; padding:0; float:left; width:290px;}
#content #category_summary h3{margin:0 0 3px 0; padding:0; color:#666; font-size:1.2em; font-weight:normal}
#content #category_summary h3 img{margin:0 5px -5px 0; padding:0;}
/* --------------------------------------------------
FORMS ----------------------------------------------- 
-------------------------------------------------- */
#content .form{margin:0; padding:0;}
#content .form fieldset{padding:0 0 10px 0; border:1px dotted #ccc}
#content .form legend{padding:0 10px 0 10px; font-weight:bold; color:#666; background:#fff}

#content .form ol{margin:0 0 0 20px; padding:0; list-style:none; color:#333; font-size:0.9em}
#content .form ol li{margin:0; padding:3px 0 3px 0; list-style:none; clear:both}
#content .form ol li label{width:150px; float:left;}
#content .form ol li label.long{width:350px; float:left;}
#content .form ol li span{width:20px; float:left;}
#content .form ol li span#lblCurrentIcon{width:150px; float:left;}
#content .form ol li span#lblCategoryIcon{width:150px; float:left;}
#content .form ol li span#rfvTitle{padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .form ol li span#rfvContent{padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .form ol li.errorMsg{margin:5px 0 0 0;}
#content .form ol li.errorMsg span{margin:5px 0 0 0; padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .form ol li.errorMsg label{margin:5px 0 0 0; padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .form ol li select{float:left}

#content .form ol li span.rad{width:80px}
#content .form ol li span.rad input{width:20px; float:left}
#content .form ol li span.rad label{width:40px;}
#content .form ol li span.chec{width:120px}
#content .form ol li span.chec input{width:20px; float:left}
#content .form ol li span.chec label{width:40px;}

#content .form ol li.butt{margin-left:150px}
#content .form ol li.butt input.butt{margin:0; padding:3px 3px; background:#ff6600; border:1px solid #ccc; color:#fff; font-weight:bold}
#content .form .successMsg{margin:5px 0 0 0; padding:5px; color:#007656; font-weight:bold; width:400px; background:#E5F9F4; border:1px dotted #0CA47D}
#content .form.form_login{width:400px;}

#content .formR{margin:0; padding:10px; background:#EFEFEF}
#content .formR fieldset{padding:0 0 10px 0; border:1px dotted #ccc}
#content .formR legend{padding:0 10px 0 10px; font-weight:bold; color:#666; background:#fff}

#content .formR ol{margin:0 0 0 20px; padding:0; list-style:none; color:#333; font-size:0.9em}
#content .formR ol li{margin:0; padding:3px 0 3px 0; list-style:none; clear:both}
#content .formR ol li label{width:150px; float:left;}
#content .formR ol li label.long{width:350px; float:left;}
#content .formR ol li span{width:20px; float:left;}
#content .formR ol li span#lblCurrentIcon{width:150px; float:left;}
#content .formR ol li span#lblCategoryIcon{width:150px; float:left;}
#content .formR ol li span#rfvTitle{padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .formR ol li span#rfvContent{padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .formR ol li.errorMsg{margin:5px 0 0 0;}
#content .formR ol li.errorMsg span{margin:5px 0 0 0; padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .formR ol li.errorMsg label{margin:5px 0 0 0; padding:5px; color:#FD393B; font-weight:bold; width:400px; background:#FED9D6; border:1px dotted #FD393B}
#content .formR ol li select{float:left}

#content .formR ol li span.rad{width:80px}
#content .formR ol li span.rad input{width:20px; float:left}
#content .formR ol li span.rad label{width:40px;}
#content .formR ol li span.chec{width:120px}
#content .formR ol li span.chec input{width:20px; float:left}
#content .formR ol li span.chec label{width:40px;}

#content .formR ol li.butt{margin-left:150px}
#content .formR ol li.butt input.butt{margin:0; padding:3px 3px; background:#ff6600; border:1px solid #ccc; color:#fff; font-weight:bold}
#content .formR .successMsg{margin:5px 0 0 0; padding:5px; color:#007656; font-weight:bold; width:400px; background:#E5F9F4; border:1px dotted #0CA47D}
#content .formR.form_login{width:400px;}

/* --------------------------------------------------
FORMS - Register -----------------------------------*/
#content p.regForm{margin:0 0 5px 0; padding:0; font-size:1.1em; color:#666;}
#content span.star{margin-left:3px; font-size:1.25em; font-weight:bold; color:Red}

#content #registerForm{margin:10px 0 0 0 ; padding:0 0 20px 0px; border-top:1px solid #fff; background:url(../img/form_bg.jpg) repeat-y 0px 1px}

#content #registerForm .form_reg{margin:0 13px 0 0; padding:20px 0 0 0; float:left; width:615px; background:url(../img/form_header_l.jpg) no-repeat}
#content #registerForm .form_docbox{margin:0; padding:0; float:left; width:300px; background:url(../img/form_header_r.jpg) no-repeat}

#content #registerForm ol{margin:0 0 0 20px; padding:0; list-style:none; color:#333;}
#content #registerForm ol li{margin:0; padding:7px 0 7px 0; list-style:none; clear:both}

#content #registerForm ol li label{margin:0 10px 0 0; padding:0; width:200px; float:left; font-size:0.9em; font-weight:bold; text-align:right}
#content #registerForm ol li label.long{width:350px;}
#content #registerForm span.star{margin-left:3px; font-size:1.25em; font-weight:bold; color:Red}

#content #registerForm ol li input{margin:0; padding:0; width:270px; font-size:1em}

#content #registerForm ol li span.rad{}
#content #registerForm ol li span.rad input{width:20px; float:left; border:0px}
#content #registerForm ol li span.rad label{width:85px; text-align:left; color:#555; }

#content #registerForm ol li.chec{margin-left:40px}
#content #registerForm ol li span.chec{margin:0; padding:5px 0 5px 0; float:left; width:240px; }
#content #registerForm ol li span.chec input{margin:0; padding:0; width:20px; font-size:0.9em; float:left}
#content #registerForm ol li span.chec label{margin:0; padding:0; width:220px; color:#555; text-align:left;}

#content #registerForm ol span.errorMsg {margin:0 0 0 4px; padding:1px 3px; color:#ff6600; font-weight:bold; font-size:0.7em; background:#FED9D6; border:1px dotted #FD393B}

#content #registerForm ol li fieldset{margin:10px 0 0 0; padding:10px; width:500px; border:1px solid #ccc}
#content #registerForm ol li fieldset legend{color:#333; font-weight:bold;}

#content #registerForm .form_docbox h3{margin:3px 0px 3px 10px; padding:12px 0px 3px 60px; background:url(../img/icon_envelope.gif) no-repeat 10px 10px; color:#333}
#content #registerForm .form_docbox ol li {margin:0; padding:5px 0 5px 0;}
#content #registerForm .form_docbox ol li  span.chec{margin:0; padding:10px 0 5px 0; float:left; width:250px; border-top:1px solid #ccc}
#content #registerForm .form_docbox ol li  span.chec input{margin:0 10px 0 0; padding:0; width:20px; font-size:0.9em; float:left}
#content #registerForm .form_docbox ol li  span.chec label{margin:0; padding:0; width:200px; color:#555; text-align:left; font-size:0.9em; font-weight:normal}

#content #registerForm_buttons{margin:0; padding:20px 0 0 0; float:left; width:928px; background:url(../img/form_bottom.jpg) no-repeat 0px 0px}
#content #registerForm_buttons ol{list-style:none}
#content #registerForm_buttons ol li{margin-left:350px}
#content #registerForm_buttons ol li input.buttR{margin:0; padding:10px 10px; color:#fff; font-size:1em; font-weight:bold; border:2px solid #F4CC39; background:url(../img/formRegister_buttom.gif) repeat-x #FD9801 }

/*--- saved docs ---*/
#content #registerForm ol#savedDocsList{margin-right: 16px;}

#content ol#savedDocsList {border-bottom: solid 1px #CECECE; font-size:0.8em}
#content ol#savedDocsList li{margin:5px 0 5px 0; padding:0; border-top: solid 1px #CECECE;}

#content ol#savedDocsList li span.cbxSavedDocs input{margin: 6px 6px 6px 0px; float:left; width:15px; }
#content ol#savedDocsList li span.cbxSavedDocs label{margin: 6px 6px 6px 0px; float:left; width:230px; text-align:left; }
#content ol#savedDocsList li span.abstractSavedDocs{font-style: italic;}

#content #registerForm span.msgSavedDocs{display: block; margin: 20px 12px 0px 20px; color: #AEAEAE; }

#content #resultMessage{font-size: 0.85em; text-align: left;}


/* --------------------------------------------------
FOOTER -----------------------------------*/
#footer{margin:0; padding:0; background:url(../img/border_bottom.gif) no-repeat 0px 0px;}

#flashMenu{margin:0 auto; width:1100px}

div#registerForm span.formErrorMessage
{
    margin-left: 214px;
   display: block;
   line-height: 9px;
}

#footer_alone{margin:0 auto; padding:0; float:none; width:980px; font-family:Arial, Helvetica, sans-serif; font-size:100%}
#footer_alone p{margin:0; padding:0; font-size:0.7em; color:#666}
#footer_alone a{color:#666}
#footer_alone p.l{width:33%; float:left; text-align:left}
#footer_alone p.m{width:33%; float:left; text-align:center}
#footer_alone p.r{width:33%; float:right; text-align:right}