
/* Forms */

div.scfForm input {}
div.scfForm fieldset {margin: 10px 0 20px 0;}
div.scfForm legend {font-size:1.2em;color:#49606f;margin:0px 0 15px 0;display:block;}
div.scfForm .scfListBoxBorder, /* [RM:20130213] Add this line to fix wrong positioning of red asterisk */
div.scfForm .scfSingleLineTextBorder,
div.scfForm .scfCheckBoxListBorder,
div.scfForm .scfDropListBorder,
div.scfForm .scfNumberBorder,
div.scfForm .scfCheckboxBorder,
div.scfForm .scfCheckBoxBorder,
div.scfForm .scfEmailBorder,
div.scfForm .scfDateSelectorBorder,
div.scfForm .scfMultipleLineTextBorder {margin:0px 0px 10px 0px;position: relative; float: left; width: 100%;}

div.scfForm label, div.scfForm .scfCheckBoxListLabel {float:left;display:inline;width:185px;text-align: right;margin:0 15px 0 0;}
div.scfForm .scfListBoxBorder .scfRequired, /* [RM:20130213] Add this line to fix wrong positioning of red asterisk */
div.scfForm .scfCheckBoxListBorder .scfRequired,
div.scfForm .scfSingleLineTextBorder .scfRequired,
div.scfForm .scfDropListBorder .scfRequired,
div.scfForm .scfNumberBorder .scfRequired,
div.scfForm .scfCheckboxBorder .scfRequired,
div.scfForm .scfCheckBoxBorder .scfRequired,
div.scfForm .scfEmailBorder .scfRequired,
div.scfForm .scfDateSelectorBorder .scfRequired,
div.scfForm .scfMultipleLineTextBorder .scfRequired {position:absolute;top:3px;left:191px;}
div.scfForm .scfSingleLineTextBorder .scfValidatorRequired,
div.scfForm .scfDropListBorder .scfValidatorRequired,
div.scfForm .scfNumberBorder .scfValidatorRequired,
div.scfForm .scfCheckboxBorder .scfValidatorRequired,
div.scfForm .scfCheckBoxBorder .scfValidatorRequired,
div.scfForm .scfEmailBorder .scfValidatorRequired,
div.scfForm .scfDateSelectorBorder .scfValidatorRequired,
div.scfForm .scfMultipleLineTextBorder .scfValidatorRequired,
div.scfForm .scfCheckBoxListBorder .scfValidatorRequired,
div.scfForm .scfCheckBoxListBorder .scfValidatorRequired {position:absolute;top:3px;left:191px;}
div.scfForm .scfSingleLineTextBorder .scfSingleLineTextBox,
div.scfForm .scfEmailBorder .scfEmailTextBox,
div.scfForm .scfNumberBorder .scfNumberTextBox, div.scfForm .scfCaptchaTextBox {width:200px;border:1px solid #7F9DB9;padding:2px 5px;}
div.scfForm .scfMultipleLineGeneralPanel .scfMultipleLineTextBox {width:200px;border:1px solid #7F9DB9;padding:2px 5px;}

div.scfForm .scfSubmitButtonBorder {margin:0px 0 10px 0;padding:10px 0 0 200px;border-top:1px solid #dfdfdf;}
div.scfForm .scfSubmitButtonBorder input {padding:1px 30px;}

div.scfForm .scfRequired {color:red;font-weight:bold;}
div.scfForm .scfValidatorRequired {color:red;font-weight:bold;}
div.scfForm .summary {font-size:0.9em;color:#555;padding:0 0 0 200px;}
div.scfForm .scfCheckbox {padding:0 0 0 200px;float:left;}
div.scfForm .scfCheckbox label {float: left; margin: 0 0 0 5px; text-align: left; width: 280px;}
div.scfForm .scfCheckbox input {margin: 0;float:left;}
div.scfForm input.radio {margin: 0;}
div.scfForm label.radio {float: none !important; margin: 0 15px 0 8px; width: auto;}
div.scfForm .margin-left {margin: 0 0 0 200px;}

div.scfForm .scfDateSelectorGeneralPanel { position: relative;}
div.scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelDay,
div.scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelMonth,
div.scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelYear { position: absolute !important;}
div.scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelDay { top: 0;}
div.scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelMonth { top: 25px;}
div.scfForm .scfDateSelectorGeneralPanel .scfDateSelectorShortLabelYear { top: 50px;}
div.scfForm .scfDateSelectorGeneralPanel select { display: block; margin: 6px 0 6px 200px;}
div.scfRadioButtonListBorder { margin-top: 10px;}
div.scfRadioButtonListGeneralPanel { padding-left: 200px; clear:both;}
div.scfForm .scfMultipleLineGeneralPanel { padding-left: 20px;}
div.scfForm .scfMultipleLineGeneralPanel textarea { float:left; }
div.scfForm .scfMultipleLineTextUsefulInfo  { text-align:left;padding-left:10px;}
div.scfForm .scfSingleLineTextUsefulInfo  { /* float: right; text-align:left;padding-left:10px; */display:block;float:none;margin:0;width:auto;padding-left:200px;text-align:left;font-size:0.9em;color:#666;}

div.scfForm .scfDropListUsefulInfo  { display:block;float:none;margin:0;width:auto;padding-left:200px;text-align:left;font-size:0.9em;color:#666;}

div.scfForm .scfMultipleLineTextBorder {clear: both;}
div.scfForm  .scfMultipleLineTextBorder textarea {margin-bottom: 20px;}

div.scfForm table {}
div.scfForm td input { float: left; }
div.scfForm td label {  text-align:left; width:400px; }


div.scfForm .scfRadioButtonListLabel { float:left;display:inline;width:185px;text-align: right;margin:0 15px 0 0;} 
div.scfForm .scfRadioButtonListUsefulInfo { text-align:left; padding-left:10px; width: 400px;}

.scfTitleBorder {}
.scfIntroBorder {}
.scfFooterBorder {}

input.scfSubmitButton {border:1px solid #4A6171;background:url(/images/template/button_grad.png) repeat-x left bottom #fbfbfb;font-weight:bold;color:#4A6171;padding:0 25px;}
input.scfSubmitButton:hover {background:#dfdfdf;cursor: pointer;}

.scfSectionContent label {position:relative;}
.scfSectionContent label .mandatory {color:red;position:absolute;right:-10px;top:3px;}


div.scfForm td, div.scfForm th {border:0;padding:0;}
div.scfForm td {padding:0 0 5px 0;}

div.scfForm .scfRadioButtonList input {float:left;margin:2px 0 0 0;}
div.scfForm .scfRadioButtonList label {float:left;width:300px;margin:0 0 0 5px;}

div.scfForm .scfCheckBoxList input {float:left;margin:0;}
div.scfForm .scfCheckBoxList label {float:left;width:300px;margin:0 0 0 5px;}

/*
.scfCaptchaGeneralPanel {padding-left:200px;}
scfCaptchaTextBox
*/
div.scfForm .scfCaptcha {clear:both;margin:0px 0 0 0;}
div.scfForm .scfCaptcha > div {display:inline-block;vertical-align:middle;}
div.scfForm .scfCaptchaBorder label {display:none;}
div.scfForm .scfCaptchaBorderLabel {display:inline;float:left;margin:0 15px 0 0;text-align:right;width:185px;}
div.scfForm .scfCaptchaBorderInput {display:inline;float:left;width:212px;}
div.scfForm .scfCaptchaBorderInput label {display:none;}
div.scfForm .scfCaptchaUsefulInfo {display:block;}

.terms-and-conditions {padding-left:200px;float:left;margin:0 0 15px 0;}
.terms-and-conditions input {float:left;margin:2px 0 0 0;}
div.scfForm .terms-and-conditions label {float:left;width:300px;margin:0 0 0 5px;text-align: left;}
div.scfForm .terms-and-conditions label .mandatory {left:-30px;}
div.scfForm .terms-and-conditions .scfCheckbox {padding:0;}
div.scfForm .scfCaptchaLimitGeneralPanel {position: relative;}
div.scfForm .scfCaptchaLimitGeneralPanel .scfRequired {position: absolute;top:5px;left:-10px;}


div.scfForm .scfValidator {padding-left:200px;float:left;margin:5px 0 5px 0;font-size:0.9em;display:inline;width:325px;}
div.scfForm .scfCaptchaBorderInput .scfValidator {clear:left;display:block;margin:5px 0;padding:0;float:none;width:auto;}
div.scfForm .scfCaptchaLimitGeneralPanel .scfValidatorRequired {position:absolute;top:5px;left:-8px;}
