.hidden { display: none; }

/* default edit and display forms */

ul.editForm, ul.displayForm {
	margin-left: 0;
	list-style: none;
	zoom: 1;
    clear: left;
}
ul.editForm.spaceAbove, ul.displayForm.spaceAbove { padding-top: 12px; }

ul.editForm li, ul.displayForm li {
    font-size: 12px;
	padding-bottom: 18px;
    position: relative;
	clear: left;
}

ul.editForm li.heading,  ul.displayForm li.heading {
    padding-top: 12px;
    font-weight: bold;
    font-size: 14px;
}

ul.editForm li.closerBelow, ul.displayForm li.closerBelow {
    padding-bottom: 4px;
}

ul.editForm label, ul.displayForm label {
	position: relative;
	float: left;
	margin-right: 10px;
    padding-top: 4px;
}

ul.editForm label, ul.displayForm label { width: 170px; }
ul.editForm li.noLabel, ul.displayForm li.noLabel { padding-left: 180px; }      /* label + 10 */
ul.editForm li.fullWidth, ul.displayForm li.fullWidth { padding-left: 0px; }

ul.editForm li.noLabel label, ul.editForm li.fullWidth label,
ul.displayForm li.noLabel label, ul.displayForm li.fullWidth label {
    width: auto;
    padding-top: 0px;
}


/* default edit forms */

ul.editForm input[type=checkbox] {
    float: left;
    margin-top: 1px;
    margin-right: 5px;
    margin-bottom: 12px;
}

ul.editForm input[type=text], ul.editForm input[type=password], ul.editForm input[type=datetime], ul.editForm input[type=date]
, ul.editForm input[type=email], ul.editForm input[type=number], ul.editForm textarea {
    padding: 3px 3px;
}

ul.editForm select {
    padding: 3px 3px;
    line-height:17px; /* Fix to replace padding in Safari */
}

 ul.editForm span.display {
    padding: 3px 3px; 
    line-height:18px;    
 }

ul.editForm .long, ul.editForm input[type=text], ul.editForm input[type=password], ul.editForm input[type=datetime], ul.editForm input[type=date], ul.editForm input[type=email], ul.editForm textarea {
    width: 175px;
}
ul.editForm .short, ul.editForm input[type=number] {
    width: 80px !important;
}
ul.editForm .veryshort {
    width: 40px !important;
}
ul.editForm .extraInfo {
    padding-left: 14px;
}


/* default display forms */

ul.displayForm li > span {
    display:block; 
    margin-left: 180px;
}


/* validation styling */

.validation-summary-errors {
    border: solid 1px #DFB5B4;    
    background-image: url('images/icon-warningsymbol.png');
    background-color: #FCF2F2;    
    background-repeat: no-repeat;
    background-position: 10px 5px;
    min-height: 30px;
}
.validation-summary-errors ul {
    padding: 7px 15px 5px 5px;
    color: #a0522d;
    font-size: 0.8em;
	list-style: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 34px;
}
.validation-summary-errors li a { color: #a0522d;font-weight: bold; }

.field-validation-error {
    background-color: #FCF2F2;
    background-image: url(images/invalidArrow.gif);
    background-repeat: no-repeat;
    border: 1px solid #DFB5B4;
    color: #a0522d;
    font-size: 0.9em;
    padding: 4px 10px 3px 25px;
}
ul.editForm .field-validation-error {
    left: 390px;
    z-index:1;
    display: block;
    position: absolute;
    top: 0px;
}

.input-validation-error {
     background-color: #FCF2F2;
}

.label-required {
    font-weight: bold;
}
/*.label-required:after {
    content: " *";
}*/

.label-confirm {
    font-style: italic;
}


/* warning boxes */
div.warning-box {
    border: solid 1px silver;
    background-image: url('images/icon-warningsymbol.png');
    background-repeat: no-repeat;
    background-position: 10px 5px;
    min-height: 30px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    /*background-color: #fff;*/
}
div.warning-box div {
    padding: 7px 15px 5px 5px;
    font-size: 0.8em;
    margin-left: 34px;
}

div.warning-box div h3 {
    margin-top: 0px;
    color: #dd0000;
    padding-bottom: 5px;
}
div.warning-box .field-validation-error {
    margin-left: 15px;
}

.warningYN {
    display:none;
    clear:both;
    background-color: #FCF2F2;
    border: 1px solid #DFB5B4;
    color: #a0522d;
    font-size: 0.9em;
    padding: 4px 10px 3px 10px;
}

/* offers box */
div.offers {
    border: solid 1px silver;
    background-image: url('images/icon-info.png');
    background-repeat: no-repeat;
    background-position: 14px 7px;
    background-size: 16px 16px;
    min-height: 30px;
    margin-bottom: 15px;
    padding-bottom: 5px;
    /*background-color: #fff;*/
}
div.offers div {
    padding: 7px 15px 5px 5px;
    font-size: 0.8em;
    margin-left: 34px;
}

div.offers div h3 {
    margin-top: 0px;
    color: #264755;
    padding-bottom: 5px;
}
div.offers div h2 {
    margin: .4em 0 0 0 !important;
    color: #264755;
    padding-bottom: 5px !important;
}
div.offers .field-validation-error {
    margin-left: 15px;
}

.warningYN {
    display:none;
    clear:both;
    background-color: #FCF2F2;
    border: 1px solid #DFB5B4;
    color: #a0522d;
    font-size: 0.9em;
    padding: 4px 10px 3px 10px;
}

/* flyouts */
.flyout {
    left: 390px;
    z-index:2;
    display: block;
    position: absolute;
    background: #C1DCBF;
    background-image: url(images/infoArrow.gif);
    background-repeat: no-repeat;
    border: 1px solid #999999;
    color: #424242 !important;
    font-size: 0.9em;
    margin-right: 5px;
    padding: 4px 10px 3px 25px;
    max-width:280px;
}
.flyout a { color: #2D5F76; }

 ul.editForm span.beforeFlyout {
     width: 360px;
     display: inline-block;
 }

/* other standard controls */
.switchLink {
    left: 390px;
    z-index:0;
    position: absolute;
    top: 5px;
}

.datePicker {
    width: 80px !important;
}


/* Login Form */
ul.editForm.login label{ width: 90px; }
ul.editForm.login li.noLabel{ padding-left: 100px; }
ul.editForm.login .field-validation-error, ul.editForm.login .flyout { left: 290px; }


/* Registration Form */


/* Consultation Edit Form - Defaults */
ul.editForm.consult label { width: 200px; text-align: left; }
ul.editForm.consult li.noLabel { padding-left: 210px; }
ul.editForm.consult .field-validation-error, ul.editForm.consult .flyout { left: 320px; }
ul.editForm.consult input[type=text], ul.editForm.consult textarea, ul.editForm.consult select { width: 80px; } /*colspan1 */

/* Consultation Edit Form - Alternatives */
ul.editForm.consult .colspan2 .field-validation-error, ul.editForm.consult .colspan2 .flyout { left: 475px; }
ul.editForm.consult .colspan3 .field-validation-error, ul.editForm.consult .colspan3 .flyout { left: 620px; }
ul.editForm.consult .colspan4 .field-validation-error, ul.editForm.consult .colspan4 .flyout { left: 620px; } 

ul.editForm.consult .colspan2 input[type=text], ul.editForm.consult .colspan2 textarea, ul.editForm.consult .colspan2 select { width: 220px; }
ul.editForm.consult .colspan3 input[type=text], ul.editForm.consult .colspan3 textarea, ul.editForm.consult .colspan3 select { width: 395px; }
ul.editForm.consult .colspan4 input[type=text], ul.editForm.consult .colspan4 textarea, ul.editForm.consult .colspan4 select { width: 490px; }

/* Consultation Edit Form - YesNoText */
ul.editForm.consult .ynText { display:block; margin-left: 210px; }
ul.editForm.consult .ynText.hidden { display:none; }
ul.editForm.consult .field-validation-error.validYN { left:320px; }
ul.editForm.consult .field-validation-error.validYNText { top:25px; }

/* Consultation Edit Form - HeightWeight */
ul.editForm.consult span.hwGutter { width: 40px; display: inline-block;}
ul.editForm.consult .hw .field-validation-error, ul.editForm.login .hw .flyout { left: 620px; }
ul.editForm.consult .hw .switchLink { left: 475px; }

/* Consultation Edit Form - CheckboxList */
ul.editForm.consult .checkboxList { width: 300px; float: left; }
ul.editForm.consult .checkboxList label { width: 250px; }

/* Consultation Display Form - Defaults */
ul.displayForm.consult label { width: 350px; text-align: left; }
ul.displayForm.consult li.noLabel { padding-left: 360px; }


/* Order Step 2 Form */
ul.editForm.order2 { margin-top: 0}
ul.editForm.order2 label { width: 275px}
ul.editForm.order2 .flyout { left: 450px; width: 150px; }
ul.editForm.order2 .flyout.error {
    background-color: #FCF2F2;
    background-image: url(images/invalidArrow.gif);
    border: 1px solid #DFB5B4;
    color: #a0522d;
}

/* Order Step 3 Form */
ul.editForm.order3 label{ width: 120px; }
ul.editForm.order3 li.noLabel{ padding-left: 130px; }
ul.editForm.order3 .field-validation-error, ul.editForm.order3 .flyout { left: 320px; }


/* Feedback Form */
ul.editForm.feedback label{ width: 375px;padding-right: 25px; }
ul.editForm.feedback textarea { width: 275px; }


/* Survey Form */
ul.editForm.survey label{ width: 450px; }
ul.editForm.survey li.noLabel{ padding-left: 460px; }
ul.editForm.survey textarea { width: 450px; }
ul.editForm.survey input[type='radio'] { margin-right: 20px; }
ul.editForm.survey .surveyHeaderLeft { float: left; width: 462px; }
ul.editForm.survey .surveyHeaderRight { float: left; }
ul.editForm.survey .surveyHeaderRight span { width: 36px; display: inline-block; float: left; }
ul.editForm.survey .surveyControls { float: left; }
ul.editForm.survey .heading { border-bottom: 1px solid silver; padding-bottom: 6px; margin-bottom: 8px; }


/* Followup Form */
ul.editForm.followup label{ width: 325px;padding-right: 25px; }
ul.editForm.followup li.noLabel{ padding-left: 360px; }
ul.editForm.followup textarea { width: 275px; }

ul.editForm ::-webkit-input-placeholder {
    font-size:.8em;
    line-height:1.6em;
}
ul.editForm ::-moz-placeholder {
    font-size:.8em;
    line-height:1.6em;
}
ul.editForm :-ms-input-placeholder {
    font-size:.8em;
    line-height:1.6em;
}
ul.editForm :-moz-placeholder {
    font-size:.8em;
    line-height:1.6em;
}

.paymentOptions
{
    position:relative;
    text-align:center;
    margin:0 auto;
}
.paymentOptions .option
{
    width:200px;
    height:120px;
    text-align:center;
    border-left:1px solid #ccc;
    display:inline-block;
    margin:0;
    padding:30px 26px 0 26px;
    vertical-align:middle;
}
.paymentOptions .option:last-of-type
{
    border-left-width:1px;
}
.paymentOptions .option:first-of-type
{
    border-left-width:0;
}
.paymentOptions .optionSep
{
    position:absolute;
    left:50%;
    top:50%;
    background-color:#3787ac;
    color:#fff;
    width:40px;
    height:40px;
    margin-left:-18px;
    margin-top:-20px;
    border-radius:50%;
    font-size:.9em;
    font-weight:600;
    line-height:40px;
}
.paymentOptions .option .button
{
    margin-top:0;
    width:140px;
}
.paymentOptions .option a.button
{
    width:108px;
}
.paymentOptions .option .img
{
    margin-top:12px;
}

#imageuploadlink span.link {
    color:#00e;
    text-decoration:underline;
    cursor:pointer;
    margin-left:4px;
}