/*#0068b3*/
body{background:#e2e2e2;}
body#bd {
background:white;
color:#666;
border-top:solid 5px #0C58A7;
}

#LogoutDiv {
	position:fixed;
	top:2%;
	left:2%;
}

/* cftooltip style */
.yui-tt {
padding:0px; 25px 0px 0px;
margin:0px;
display: block;
width:auto;
line-height: 80%;
}

.form-panel,
.form-ins, 
.ins, 
.labelfield,
.questset,
.questionnaire li,
fieldset.tabless,
fieldset table,
.error .element-note, 
.error-ins, .submit, .login, .login-int, .error-ins .alt-ins{border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;font-family:Verdana, Arial, Helvetica, sans-serif;text-align:left;}

.new-header{display:block;font-size:12px;font-weight:bold;text-transform:uppercase;padding:2px 6px 2px 12px;margin:0 0 26px;font-family:Arial, Helvetica, sans-serif;background:#0068b3;color:#fff;}

.new-header span{float:right;margin:0 12px 0 0;}
.new-header span a{color:#e2e2e2;}
.new-header span a:hover{color:#fff;}

.form-panel{width:743px;padding:0;margin:0 auto;}
.form-panel h3{margin:0 0 6px;padding:0;font-family:Arial, Helvetica, sans-serif;text-transform:uppercase;font-size:16px;}


fieldset{border:none;padding:8px;background:#8baac0;}

.login{display:block;background:#d5e0e8;padding:10px;width:94%;margin:0 0 12px 5px;}
.login h3{color:#194e76;}
.login-int{display:block;background:#fff;padding:8px;}
.login-element{display:block;margin:0 auto;width:275px;}
.login-element .field{border:1px solid #8baac0;margin:0;font-size:12px;width:95%;}
.login-controls{display:block;margin:12px auto;width:275px;}

fieldset label, fieldset .field, fieldset .labelfield-ins{display:block;width:75%;padding:2px;}
fieldset .labelfield, .questionnaire li{display:block;padding:6px 15px 6px 25px;margin:8px 3px;font-size:11px;color:#194e76;background:#d5e0e8;border:1px solid #8baac0;}
.login label, .labelfield label, .questionnaire label{font-size:10px;font-weight:bold;color:#194e76;}

.labelfield input.field, .labelfield select, .labelfield textarea, .questionnaire input.field{border:1px solid #8baac0;margin:5px 0;font-size:11px;}
.labelfield input.field.entered{border:1px solid #194e76;margin:5px 0;}

.login-element .field, .labelfield input, .questionnaire input, .labelfield textarea{border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
 .labelfield textarea{font-family:Verdana, Arial, Helvetica, sans-serif;}

.labelfield table{width:75%;border:1px solid #8baac0;margin:0 0 8px;background:#fff;}
.labelfield table th{padding:4px 8px;background:#e8f0f8;border:1px solid #dce7f2;text-align:left;font-size:11px;color:#3e5362;}
.labelfield table th.start{border-top-left-radius:4px; -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px;}
.labelfield table th.end{border-top-right-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;}
.labelfield table td, .questionnaire .yesno td{padding:1px;}
.labelfield table td label{font-size:10px !important;font-weight:normal !important;color:#194e76 !important;}

.alt{background:#dce7f2;}

.questionnaire {display:block;margin:0;padding:0;}
.questionnaire li{display:list-item !important;list-style-position:inside;font-size:24px;color:#194e76;}
.questionnaire label {display:inline-block;vertical-align:middle;margin:0 0 6px;padding:8px 8px 8px 15px;}
.questionnaire .yesno-ins{font-size:10px;font-weight:normal;margin:0 0 0 28px;}
.questionnaire input.field{margin:0 0 8px 28px;}
.questionnaire .yesno{width:110px;font-size:10px;margin:0 0 0 28px;border:1px solid #8baac0;background:#fff;}
.questionnaire .yesno label{background:none !important;padding:0 !important;border:none !important;}

.questmargin{margin:0 0 0 28px !important;}

.req{background:url('../images/reqasterix-nc.gif') top left no-repeat;padding-left:10px !important;}

.form-ins{display:block;background:#d5e0e8;border:1px solid #8baac0;width:96%;padding:10px;font-size:11px;margin:0 0 24px 5px;}
.ins{display:block;background:#fff;border:1px solid #8baac0;padding:18px;color:#194e76;}
.req-ins{display:block;text-align:right;margin:0 0 4px;color:#b61c07;;padding-left:8px !important;}
.req-icon{display:inline-block;background:url('../images/reqasterix-nc.gif') top left no-repeat;width:8px;height:8px;padding:0 0 4px;*padding:0px;}

.form-ins a{color:#0068b3;text-decoration:underline !important;}
.form-ins a:hover{color:#000;text-decoration:none !important;}

.form-ins a.submit-link{color:#fff;text-decoration:none !important;}
.form-ins a.submit-link:hover{color:#e2e2e2;text-decoration:none !important;}

.error-ins{display:block;margin:6px 0 14px;border:1px solid #c90; padding:18px 10px 10px 45px;color:#000;background:#FFFFCC url('../images/error-lg.gif') 12px 18px no-repeat !important;line-height:12px;}
.error-ins label{color:#c90; font-size:14px;display:block;text-transform:uppercase;font-family:Arial, Helvetica, sans-serif;font-weight:bold;}
.error-ins .alt-ins{display:block;background:#FFFFE6;border:1px solid #c90;color:#c90;padding:8px 12px;width:345px;margin:6px 0;}
.error-ins .alt-ins a{color:#c00;text-decoration:underline;}
.error-ins .alt-ins a:hover{color:#930;text-decoration:none;}

.error {background:#f6c1b9 !important;}
.error table th{background:#b61c07 !important;  color:#f6c1b9 !important;border:1px solid #b61c07 !important;  }
.error label, .error .labelfield-ins{color:#b61c07 !important;}
.error .field, .error select, .error table{border:1px solid #b61c07 !important;}
.error .error-tag{background:url('../images/error-tag-arrow.gif') center left no-repeat;position:absolute;z-index:200;margin:10px 0 0 392px;width:128px;color:#fff;}
.error .error-msg{display:block;margin-left:13px;width:90px;min-height:28px;background:#b61c07 !important;padding:5px 5px 5px 10px;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;font-size:10px;line-height:11px;}

div.error, div.success{padding:8px;border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px;}
div.error{color:#c00;border:1px solid #c00;}
div.success{background:#cec !important;color:#060;border:1px solid #060;;}
div.error h4, div.success h4{margin:0;}


/* div.sign-or-print-container{width:auto;height:358px;margin-top:20px} */
div.sign-or-print-container{width:auto;height:427px;margin-top:20px}
div.sign-or-print{
/* width:217px; */
width:328px;
/* width:43%; */
min-height:427px;
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #dcd7d7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dcd7d7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#dcd7d7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#dcd7d7 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#dcd7d7 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dcd7d7',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #ffffff 0%,#dcd7d7 100%); /* W3C */
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
border:2px solid #ccc;
height:354px;
float:left;
margin-bottom:20px;
}
div.sign-or-print.sign{
margin-right:10px;
}
div.sign-or-print .controls{
width:197px;padding:0 0 0 20px;
}
div.sign-or-print.sign .controls{
margin-top:80px;
}
.sop-ins{margin:0 0 0 20px;}
.sop-ins h4{color:#78a1bf;font-size:14px;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;margin-bottom:8px;}
.sop-ins p{margin:0 0 12px;line-height:14px;width:180px;color:#093453;}
.sop-ins p.choose-one{border-top:1px dashed #999;border-bottom:1px dashed #999;padding:4px 0;}
.sop-icon{width:59px;height:59px; background-position:top left; background-repeat:no-repeat;margin:20px 0 0 20px;}
.sop-icon.sign{background-image:url('../images/sop-sign.png');}
.sop-icon.print{background-image:url('../images/sop-print.png');}

.lf-100{width:100% !important;}
.lf-75{width:75% !important;}
.lf-50{width:50% !important;}
.lf-25{width:25% !important;}
.lf-25 td, .lf-50 td, .lf-75 td, .lf-100 td{text-align:left;}

.td-60{width:60%;text-align:left;}
.td-60 label{width:100%;}
.labelfield{text-align:left;}

/*******************************/
/* TAB UI                      */
/*******************************/

#tabs {width:743px;margin:0 auto;}
.ui-tabs {padding:0px;zoom: 1;}
.ui-tabs .ui-tabs-nav {list-style: none;position: relative;padding:0;}
.ui-tabs .ui-tabs-nav li {position: relative;float: left;border-bottom-width: 0 !important;margin: 0 1px -1px 2px;padding:0;}
.ui-tabs .ui-tabs-nav li a {float: left;text-decoration: none;padding:5px 5px 6px;background:#dce7f2;-webkit-border-top-left-radius: 5px;	-webkit-border-top-right-radius: 5px;-moz-border-radius-topleft: 5px;-moz-border-radius-topright: 5px;border-top-left-radius: 5px;	border-top-right-radius: 5px;font-size:10px;color:#8baac0;font-weight:bold;outline-style:none;border:1px solid #8baac0;border-bottom:1px solid #8baac0;}
.ui-tabs .ui-tabs-nav li a:HOVER, .ui-tabs-nav li a:ACTIVE, .ui-tabs-nav li a:VISITED:HOVER{background:#d5e0e8;color:#617787;border:1px solid #617787;border-bottom:1px solid #8baac0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {padding-bottom: 0px;border-bottom-width: 0;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {cursor: pointer;background:#8baac0;color:#dce7f2;border:1px solid #8baac0;border-bottom:1px solid #8baac0;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {cursor: pointer;}
.ui-tabs .ui-tabs-panel {
	clear:left;
	display: block;
	-webkit-border-bottom-left-radius: 7px;	
	-webkit-border-bottom-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;	
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topright: 7px;	
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;	
	border-top-right-radius: 7px;			
	
}
.ui-tabs .ui-tabs-hide {display: none !important;}

.controls{margin:16px 0;}
.con-right{text-align:right;}
.con-center{text-align:center;}
.submit{background:#0068b3;border:1px solid #0068b3;color:#fff;padding:3px 8px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;}
.submit-link{}
.submit:hover{background:#222;border:1px solid #222;color:#e2e2e2;}

/*******************************/
#form-nav{width:522px;height:62px;margin:8px auto 22px;}
#form-nav ul{list-style:none;margin:0;padding:0;}
#form-nav ul li a{display:inline-block;float:left;height:62px; outline-style:none;}
#form-nav ul li a span{display:none;}

#form-footer{font-size:11px; text-align:center;margin:0 0 45px;}
#form-footer a{color:#0068b3;}
#form-footer a:hover{color:#02487a;text-decoration:underline;}
#form-footer span.last-login{color:#617787;}

.hide{display:none;}