.scfForm { width:100%;font-family:Arial, Helvetica, sans-serif; }

.scfTitleBorder {
    /*width: 960px; margin: 10px 0 20px 0; z-index: -2;*/
    border-bottom: 5px solid #a2a2a2;
    padding-top: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom:3px;
}
h1.scfTitleBorder, .scfTitleBorder span 
{
    font-size: 24px; line-height: 24px; color: #666666; font-family: Arial, Helvetica, sans-serif;
    font-weight: normal !important;
    position: relative;
    bottom: 3px;display:block;clear:both;overflow:hidden;
    /*position: relative; top: -20px; margin-bottom: -30px; z-index: -2;*/
    /*width: 50%; position: relative; bottom: -30px; margin-bottom: 5px;*/
}

/*-------FORMS----------------*/
.scfForm div fieldset.scfSectionBorderAsFieldSet .scfLegendAsDiv { color: #28333a; font-size: 13px; font-weight: bold; height: 30px; line-height: 30px; border-top: solid 1px #ccd0d3; border-bottom: solid 1px #ccd0d3; background: transparent url(../images/formSectionHeader_BG.gif); padding: 0 10px; margin-bottom: 10px; }
.scfForm div fieldset.scfSectionBorderAsFieldSet .scfLegendAsDiv h2 { color: #28333a; font-size: 13px; float: left; font-weight: bold; }
.scfForm div fieldset.scfSectionBorderAsFieldSet .scfLegendAsDiv .right { font-size: 11px; padding-left: 5px;font-weight:normal;color:#666; }
.scfForm sup { color: #F88E0E; /*float: left; top: 6px; font-size: 14px; margin-right: 2px;*/ }
.scfSectionBorderAsFieldSet { padding-bottom:40px; border-top-color:#fff;border-top:solid 0px #fff;margin:0; }
.formSection .caption p { margin-top: 2px !important; margin-bottom: 2px !important; }

span[title="This field cannot be empty."] { display:none; }

/* single line */
.scfSingleLineTextLabel {width:auto;color:#666; }
.scfSingleLineTextBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfSingleLineGeneralPanel { clear:both; margin:0;width:100%; }
.scfSingleLineTextBorder input[type=text], 
.scfSingleLineTextBorder input[type=password], 
.scfSingleLineTextBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfSingleLineTextBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfSingleLineGeneralPanel input[type=text], 
.halfAvailableWidth .scfSingleLineGeneralPanel input[type=password], 
.halfAvailableWidth .scfSingleLineGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfSingleLineTextLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfSingleLineGeneralPanel input[type=text], 
.thirdAvailableWidth .scfSingleLineGeneralPanel input[type=password], 
.thirdAvailableWidth .scfSingleLineGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfSingleLineTextLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* multiple line */
.scfMultipleLineTextLabel {width:auto;color:#666; }
.scfMultipleLineTextBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfMultipleLineGeneralPanel { clear:both; margin:0;width:100%; }
.scfMultipleLineTextBorder textarea { width: 98.5%; height: 42px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfMultipleLineTextBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfMultipleLineGeneralPanel textarea { width: 96%; height: 42px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfMultipleLineTextLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfMultipleLineGeneralPanel textarea { width: 96%; height: 42px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfMultipleLineTextLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* email */
.scfEmailLabel {width:auto;color:#666; }
.scfEmailBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfEmailGeneralPanel { clear:both; margin:0;width:100%; }
.scfEmailBorder input[type=text], 
.scfEmailBorder input[type=password], 
.scfEmailBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfEmailBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfEmailGeneralPanel input[type=text], 
.halfAvailableWidth .scfEmailGeneralPanel input[type=password], 
.halfAvailableWidth .scfEmailGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfEmailLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfEmailGeneralPanel input[type=text], 
.thirdAvailableWidth .scfEmailGeneralPanel input[type=password], 
.thirdAvailableWidth .scfEmailGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfEmailLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* password */
.scfPasswordLabel {width:auto;color:#666; }
.scfPasswordBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfPasswordGeneralPanel { clear:both; margin:0;width:100%; }
.scfPasswordBorder input[type=text], 
.scfPasswordBorder input[type=password], 
.scfPasswordBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfPasswordBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfPasswordGeneralPanel input[type=text], 
.halfAvailableWidth .scfPasswordGeneralPanel input[type=password], 
.halfAvailableWidth .scfPasswordGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfPasswordLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfPasswordGeneralPanel input[type=text], 
.thirdAvailableWidth .scfPasswordGeneralPanel input[type=password], 
.thirdAvailableWidth .scfPasswordGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfPasswordLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* number */
.scfNumberLabel {width:auto;color:#666; }
.scfNumberBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfNumberGeneralPanel { clear:both; margin:0;width:100%; }
.scfNumberBorder input[type=text], 
.scfNumberBorder input[type=password], 
.scfNumberBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfNumberBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfNumberGeneralPanel input[type=text], 
.halfAvailableWidth .scfNumberGeneralPanel input[type=password], 
.halfAvailableWidth .scfNumberGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfNumberLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfNumberGeneralPanel input[type=text], 
.thirdAvailableWidth .scfNumberGeneralPanel input[type=password], 
.thirdAvailableWidth .scfNumberGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfNumberLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* date selector */
.scfDateSelectorLabel {width:auto;color:#666; }
.scfDateSelectorBorder { width:100%; float:none;padding-bottom:10px;clear:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfDateSelectorGeneralPanel { clear:both; margin:0;width:100%; }
.scfDateSelectorBorder select { width: 25%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfDateSelectorBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth select { width: 25%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfDateSelectorLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth select { width: 25%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfDateSelectorLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* checkbox */
.scfCheckboxLabel {width:auto;color:#666; }
.scfCheckboxBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfCheckboxGeneralPanel { clear:both; margin:0;width:100%; }
.scfCheckboxBorder input[type=text], 
.scfCheckboxBorder input[type=password], 
.scfCheckboxBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfCheckboxBorder label { /*float: left; width: 100%; clear: both;*/ position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfCheckboxGeneralPanel input[type=text], 
.halfAvailableWidth .scfCheckbox input[type=password], 
.halfAvailableWidth .scfCheckbox input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth .scfCheckbox label { /*float: left; width: 100%; clear: both;*/ position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfCheckbox input[type=text], 
.thirdAvailableWidth .scfCheckbox input[type=password], 
.thirdAvailableWidth .scfCheckbox input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth .scfCheckbox label { /*float: left; width: 100%; clear: both;*/ position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* file upload */
.scfFileUploadLabel {width:auto;color:#666; }
.scfFileUploadBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfFileUploadGeneralPanel { clear:both; margin:0;width:100%; }
.scfFileUploadBorder input[type=file], 
.scfFileUploadBorder input[type=password], 
.scfFileUploadBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfFileUploadBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfFileUploadGeneralPanel input[type=file], 
.halfAvailableWidth .scfFileUploadGeneralPanel input[type=password], 
.halfAvailableWidth .scfFileUploadGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfFileUploadLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfFileUploadGeneralPanel input[type=file], 
.thirdAvailableWidth .scfFileUploadGeneralPanel input[type=password], 
.thirdAvailableWidth .scfFileUploadGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfFileUploadLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* drop list */
.scfDropListLabel {width:auto;color:#666; }
.scfDropListBorder { padding-bottom:10px;clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfDropListGeneralPanel { clear:both; margin:0;width:100%; }
.scfDropListBorder select { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfDropListBorder label { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfDropListGeneralPanel select { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfDropListLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfDropListGeneralPanel select { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfDropListLabel { /*float: left; width: 100%; clear: both;*/ display: block; position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* radio button list */
.scfRadioButtonListLabel {width:auto;color:#666; }
.scfRadioButtonListBorder { clear: both; width:100%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfRadioButtonListGeneralPanel { clear:both; margin:0;width:100%; }
.scfRadioButtonListBorder input[type=text], 
.scfRadioButtonListBorder input[type=password], 
.scfRadioButtonListBorder input.text { width: 98.5%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.scfRadioButtonListBorder label { /*float: left; width: 100%; clear: both;*/ position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.halfAvailableWidth .scfRadioButtonListGeneralPanel input[type=text], 
.halfAvailableWidth .scfRadioButtonListGeneralPanel input[type=password], 
.halfAvailableWidth .scfRadioButtonListGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.halfAvailableWidth label.scfRadioButtonListLabel { /*float: left; width: 100%; clear: both;*/ position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }
.thirdAvailableWidth .scfRadioButtonListGeneralPanel input[type=text], 
.thirdAvailableWidth .scfRadioButtonListGeneralPanel input[type=password], 
.thirdAvailableWidth .scfRadioButtonListGeneralPanel input.text { width: 96%; height: 22px; font-size: 12px; border: 1px solid #ccd0d3; padding-top: 5px; padding-left: 5px; margin: 0; }
.thirdAvailableWidth label.scfRadioButtonListLabel { /*float: left; width: 100%; clear: both;*/ position: relative; color: #28333a; margin-bottom: 2px; /*margin-top: 10px;*/ font-weight: normal; }

/* list box */
.scfListBoxGeneralPanel { clear:both; margin:0;width:100%; }
.scfListBoxBorder { clear: both; width:98%; float:none;margin-right:2em; font-size: 12px; /*padding-bottom: 5px;*/ padding-top: 5px; }
.scfListBoxLabel { font-weight:normal;width:auto; }
.halfAvailableWidth .scfListBoxGeneralPanel select { width:96%;height:6em; }
.thirdAvailableWidth .scfListBoxGeneralPanel select { width:96%;height:6em; }

.scfSubmitButtonBorder { text-align:left; }
.scfDroplistBorder{clear: both;
    float: none;
    font-size: 12px;
    margin-right: 2em;
    padding-top: 5px;
    width: 100%;}
.scfListBoxBorder label, .scfDroplistBorder label   { color: #28333A;
    display: block;
    font-weight: normal;
    margin-bottom: 2px;
    position: relative;}
    
legend.scfSectionLegend
{
    height: 30px;
    line-height: 30px;
    border-top: solid 1px #CCD0D3;
    border-bottom: solid 1px #CCD0D3;
    background: transparent url(/assets/images/formSectionHeader_BG.gif);
    margin-bottom: 10px;
    width: 100%;
    padding: 0 10px;
}