@charset "utf-8";
/* CSS Document */
/* Common Styles */
body.eval { background-color: #fff; margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; behavior:url("/scripts/hover.htc"); }
a { color: #29649f; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
form { padding: 0; margin: 0; }

/* Form Classes */
#evalKit fieldset { padding: 10px; border: 1px solid #999999; font-size: 18px; color: #29649f; font-weight: bold; }
#evalKit fieldset.innerField { border: 0px; border-top: 1px solid #CCCCCC; font-size: 12px; color: #666; font-weight: bold; }
#evalKit fieldset.innerField:hover { background-color: #e8e8e8; border-color: #333333; }
#evalKit .evalRight label { font-size: 12px; font-weight: bold; color: #29649f; float: left; margin-right: 5px; }
#evalKit .evalRight input[type=text] { background-color: #fff; font-size: 11px; width: 278px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }
#evalKit .evalLeft label { font-size: 12px; font-weight: bold; color: #29649f; float: left; margin-right: 5px; }
#evalKit .evalLeft input[type=text] { background-color: #fff; font-size: 11px; width: 310px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }
#evalKit .evalLeft input[type=text].medium { background-color: #fff; font-size: 11px; width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }
#evalKit .evalLeft input[type=text].small { font-size: 11px; width: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }

#evalKit .evalPromo label { font-size: 12px; font-weight: bold; color: #29649f; float: left; margin-right: 5px; }
#evalKit .evalPromo input[type=text] { background-color: #fff; font-size: 11px; width: 310px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }
#evalKit .evalPromo input[type=text].medium { background-color: #fff; font-size: 11px; width: 180px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }
#evalKit .evalPromo input[type=text].small { font-size: 11px; width: 50px; font-family: Verdana, Arial, Helvetica, sans-serif; border: 1px solid #666666; padding: 5px; margin-top: 2px; margin-bottom: 5px; font-weight: normal; }

#evalKit input[type=text]:hover { background-color: #fff; background-color: #bbd2e9; border-color: #333333; }
#evalKit input.evalBtn { background: url(/images/btn_evalForm.gif) 0 0  no-repeat; width: 103px; height: 23px; color: #fff; font-weight: bold; margin-left: 10px; }

/* Main ID's */
#FormContainer { width: 705px; margin: 0 auto; border: 1px solid #7ab0ea; padding: 10px; }
#evalLogResults { height: auto; padding: 15px; margin:0px; border: 1px solid #FF0000; background-color: #f2f2f2; }
#evalLogResults p { margin:0; padding:4px 0 4px 0; }
#evalLogResults.ajax-loading { background: url(http://www.roscripts.com/images/spinner.gif) no-repeat center; }
#evalSubmitted { color: #29649f; }

/* Specific Classes */
.Close { float: right; font-weight: bold; padding-right: 10px; }
.evalLeft { float: left; width: 340px; }
.evalPromo { float: left; width: 380px; }
.evalRight { float: left; width: 300px; margin-left: 10px; }
.show { display: block; }
.fade { display: none; }
.clear { clear: both; }
.invalidWrap { padding: 20px; }	
.errorHdr {  color: red; margin:0; padding:0; font-weight: bold; font-size: 22px; }
.error {  color: red; margin:0; padding:0; font-weight: bold; }
.errorName { color: #000; border-bottom: 1px dashed #000; }
.req { color: #cc0000; }

/* Rollover Buttons */
#EvalBtn a.evalForm { display: block; border: 0; width: 200px; height: 51px; background: transparent url(/images/btn_RD_eval.gif) no-repeat; text-align: center; cursor: pointer; }  
#EvalBtn a.evalForm:hover { background-position: -51px 0; } 
#Promo a.evalForm {  }  
#Promo a.evalForm:hover { }