/***
Filename:		epositive.css
Author:			Andrei Vais
Date:			07/08/2011
Description:	Additional styling for epositive form
***/

div.content .ePositiveintro h3
{
    font-size: 160%;
    font-weight: normal;
    line-height: 1.2;
    margin-bottom: 10px;
}

div.content .ePositiveintro h3 em
{
    color: #dd0000;
    font-style: italic;
}

#panel57 .epositivesurvey
{
    background: #dce6f2;
    border: 3px solid #385d8a;
    margin: 10px 0;
    padding: 5px 10px 10px;
}

#panel57 .epositivesurvey #epositivelogo 
{
    display: block;
    float: none;
    margin: 0 auto 10px auto;
}

#panel57 .content h3
{
    font-size: 145%;
    font-weight: bold;
    text-align: center;
    font-style: italic;
    margin: 10px 0;
}

#panel57 .epositivesurvey h4, #panel57 .content h3 {text-align: center;}

#panel57 .epositivesurvey h4, #panel57 .content h3 a
{
    font-size: 140%;
    font-weight: normal;
    line-height: 1.2;    
}

#panel57 .content h3 a
{
    font-size: 100%;
    font-weight: bold;
    font-style: normal;
}

#panel57 .epositivesurvey h4 em
{
    color: #dd0000;
    font-style: italic;
}

#panel57 #modal-widgets {margin: 0;}

#panel57 hr.separator
{
    border: 0;
    border-bottom: 1px solid #999999;
    height: 0;
    margin: 15px 20px;
}

#panel57 #displayagain
{
    float: left;
    width: 60%;
}

/* Online Questionnaire – Central Distribution Services Form */
#page .content #truck
{
    float: right;
    margin: 0 10px 25px 25px;
}

#qcdssurvey fieldset
{
    border: 1px dotted #666666;
    border-width: 1px 0;
    padding: 10px 0;
}

#qcdssurvey h4 span { margin-left: 5px;}

#qcdssurvey #qcdssurvey_submit {width: auto;}

#page #qcdssurvey .formsection .fieldcontainer .radioset .fieldcontainer {width: 160px;}

#page #qcdssurvey #noAmbientWeeklyDeliveries .fieldcontainer .fieldcontainer {padding: 0;}

#page form.standard #deliverAmbSeparateReasons .fieldcontainer label,
#page form.standard #councilEnvRestric_Other .fieldcontainer label,
#page form.standard #poorVeyPoorNisaDSReasons .fieldcontainer label { width: 155px;}


#percentageTotalWeeklyAmb div, #acceptStoreDelivTimes div
{
    float: left;
    width: 100%;
}
#percentageTotalWeeklyAmb span.explanation
{
    display: block;
    font-size: 95%;
    font-style: italic;
    margin-top: 9px;
}
#percentageTotalWeeklyAmb #percentageTotalWeeklyAmb_1_percentage_label,
#percentageTotalWeeklyAmb #percentageTotalWeeklyAmb_2_percentage_label,
#percentageTotalWeeklyAmb #percentageTotalWeeklyAmb_3_percentage_label,
#acceptStoreDelivTimes #acceptStoreDelivTimes_earliest_label,
#acceptStoreDelivTimes #acceptStoreDelivTimes_latest_label { width: 155px;}

#qcdssurvey #submit .fieldcontainer,
#themed-questionnaire #submit .fieldcontainer ,
#postersrequestform #submit .fieldcontainer {text-align: center;}

#qcdssurvey #submit .fieldcontainer #qcdssurvey_submit,
#themed-questionnaire #submit .fieldcontainer #qcdssurvey_submit,
#postersrequestform #submit .fieldcontainer #postersrequest_submit
{
    background: #4387C6;
    border: 1px solid #666666;
    border-color: #DDDDDD #666666 #666666 #DDDDDD;
    color: #ffffff;
    float: none;
    font-size: 150%;
    font-weight: bold;
    margin: 20px auto 10px auto;
    padding: 5px 0;
    text-align: center;
    width: 110px;
}

/* Themed Questionnaire */
#themed-questionnaire
{
    float: left;
    width: 50%;
}

#page #themed-questionnaire .formsection .fieldcontainer #iOptOutStores_label,
#page #themed-questionnaire .formsection .fieldcontainer #iOption2Stores_label,
#page #themed-questionnaire .formsection .fieldcontainer #extraKitStores_label
{
    line-height: 1.4;
    width: 100%;
}

#page #themed-questionnaire .formsection .fieldcontainer #iOptOutStores,
#page #themed-questionnaire .formsection .fieldcontainer #iOption2Stores,
#page #themed-questionnaire .formsection .fieldcontainer #extraKitStores
{
    width: 490px;
}

#themedImage
{
    float: right;
    margin: 0 0 25px 0;
}