﻿/*==== COMMON STYLES ========*/
input {padding:2px; border:1px solid #7F9DB9;}
input.radio, input.checkbox, input.button {border:none !important;}
select {padding:0; border:1px solid #7F9DB9;}
.infoBox {margin:5px; padding:5px; background:#D6D6D6; border:1px solid #666;}
input.required, select.required {background-image:none; background-color:#FFF;}
div.item {padding:2px;}
.loading {display:inline; padding-left:220px; width:440px; height:24px; background:url('/believe/images/img_ajaxLoaderBar.gif') -4px -3px no-repeat;}
.loaded {display:inline; width:220px; height:24px;}
.red {background:red;}
.show {display:block;}
.hide {display:none;}

/*==== LAYOUT STYLES ========*/
form fieldset {margin:20px 0 10px 0; border:none;}
form fieldset label {display:inline-block; width:150px; text-align:right; height:24px; vertical-align:top;}
form fieldset span {display:inline-block; width:8px; height:10px; vertical-align:top;}
form fieldset span.required {background:url('/believe/images/img_requiredStar_red.gif') no-repeat;}
form fieldset ol {margin:0; padding:0;}
form fieldset li {list-style:none; padding:5px; margin:0;}
form fieldset fieldset {border:none; margin:0; padding:0 0 0 154px;}
form fieldset fieldset label {margin:0; width:auto; height:24px; text-align:left; vertical-align:top;}
form em {font-weight: bold; font-style: normal; color: #f00;}
form #btn_continue {margin-left:170px;}

ol {margin:0; padding:0;}
input {padding:2px; border:1px solid #7F9DB9;}
select {padding:0; border:1px solid #7F9DB9;}

/*==== ERROR HANDLING STYLES ========*/
input.error, select.error { background:#FFF8A8; }
#errorCount {float:right; width:auto; padding:2px 1px; background:#FFF8A8; color:#000; font-weight:bold;}
.errorContainer {position:relative; display:none; margin:5px; padding:5px; background-color:#D6D6D6; border:1px solid red;}
.errorContainer h4 {margin:0; padding:0 0 6px 0; font-size:12px;}
.errorContainer ol {padding:6px 0 6px 36px !important; color:#F20017;}
.errorContainer ol li {margin:0; list-style-type:disc;}
.errorContainer label.error {font-size:14px; font-style:italic;}
.errorContainer label.error span {font-weight:bold; text-decoration:underline;}
.errorContainer label.error a {font-weight:bold; color:#F20017 !important;}

/*==== TEMPORARY SHORT FORM LAYOUT FIX ==========*/
/*#threebagForm_container {height:155px; overflow-x:hidden; overflow-y:scroll;}*/
#ThreeBagLongForm .rightCol {margin:15px 0 0 10px; width:450px;     }
/*#form_container {position:relative; height:720px; overflow-x:hidden; overflow-y:scroll;}*/