/* This file csses only markups - only content belonging in the general content place holder of the master page.
   for example: sidebar's fieldset.bigforms are not affected */

fieldset.bigform
{
    border: none;
    padding: 0;
    margin: 0;
}

fieldset.bigform div
{
    margin-bottom: 0px;
}
html > /**/ body fieldset.bigform div
{
    margin-bottom: 30px;
}
/*ff*/

fieldset.bigform div .vld_err, .
{
    color: Red;
    font-weight: bold;
    font-size: 11px;
}



fieldset.bigform div label
{
    padding-left: 14px;
    font-size: 12px;
}

html > /**/ body .MarginVld
{
    height: 10px;
    margin-bottom: 20px !important;
}
.MarginVld
{
    height: 10px;
    margin-bottom: 0;
}

fieldset.bigform div.required
{
    clear: both;
}

fieldset.bigform div.required1
{
    clear: both;
}

fieldset.bigform div.requiredEmail
{
    clear: both;
    padding: 5px 0 0 0 !important;
}
html > /**/ body fieldset.bigform div.requiredEmail
{
    clear: both;
    padding: 13px 0 0 0;
}

fieldset.bigform div.required2
{
    clear: both;
    width: 456px;
    padding: 7px 0 0 0;
}
html > /**/ body fieldset.bigform div.required2
{
    clear: both;
    width: 456px;
    padding: 16px 0 0 0;
}

.RAIchk
{
    margin: 0 10px 0 0;
    padding: 0 0 0 0;
}

.PaddingTextBox
{
    margin: -5px 0 0 0 !important;
}
.PaddingDdl
{
    margin: 1px 0 0 -1px !important;
}

.ReqImage
{
    width: 10px;
    margin: 0;
    padding: 0;
    background-position: left 9px;
    background-color: #edf3ff;
}
.RAILabelDesign
{
    background-color: #edf3ff;
    padding: 5px 0 0 0;
    height: 20px;
}
fieldset.bigform div.nonrequired
{
    clear: both;
    padding-left: 0px;
}

fieldset.bigform div.required1 label
{
    margin: 0 20px 0 0;
    font-weight: bolder;
    background-repeat: no-repeat;
    background-position: left 9px;
    background-image: url('../images/req1.png');
}
fieldset.bigform div.requiredEmail label
{
    margin: 0 20px 0 0;
    font-weight: bolder;
    background-repeat: no-repeat;
    background-position: left 9px;
    background-image: url('../images/req1.png');
}

fieldset.bigform div.required2 label
{
    margin: 0 20px 0 0;
    font-weight: bolder;
    background-repeat: no-repeat;
    background-position: left 9px;
    background-image: url('../images/req1.png');
}

fieldset.bigform div.required label
{
    margin: 0 20px 0 0;
    font-weight: bolder;
    background-repeat: no-repeat;
    background-position: left 9px;
    background-image: url('../images/req.png');
}
fieldset.bigform div ul
{
    width: 900px;
    margin: 0;
    padding: 0;
    float: left;
    list-style-type: none;
}
fieldset.bigform div ul li
{
    float: left;
    width: 245px;
}
fieldset.bigform div ul li.big_ddl_box
{
    width: 490px;
}


fieldset.bigform div input
{
    width: 227px;
    height: 15px;
    font-size: 12px;
    vertical-align: bottom;
    margin-left: 10px;
}
fieldset.bigform div ul li table.radio input
{
    width: 10px;
    vertical-align: bottom;
    margin-left: 10px;
}
fieldset.bigform div ul li table.radio label
{
    background: none;
    padding-left: 5px;
}
fieldset.bigform div input.wide
{
    width: 227px;
}

fieldset.bigform div select
{
    width: 233px;
    margin-left: 10px;
    height: 20px;
    font-size: 12px;
}
fieldset.bigform div select.workExperience
{
    width: auto;
    margin-left: 10px;
}
fieldset.bigform div textarea.workExperienceTextBox
{
    margin-left: 10px;
}
fieldset.bigform div textarea.StreetAddressSTextBox
{
    margin-left: 10px;
}
fieldset.bigform div select.wide
{
    width: auto;
}

fieldset.bigform div textarea
{
    width: 227px;
    height: 45px;
    font-family: Sans-Serif;
}



div span.datepicker
{
    display: inline;
    width: auto;
}
span.datepicker_monthNumeric
{
    display: block;
    width: 185px;
}
/* have to be specific in the selectors, otherwise they will be overridden with other INPUT selectors (due to IE6 comp. issue) */
span.datepicker select.datepicker_day, span.datepicker select.datepicker_month, span.datepicker select.datepicker_year, span.datepicker_monthNumeric select.datepicker_day, span.datepicker_monthNumeric select.datepicker_month, span.datepicker_monthNumeric select.datepicker_year
{
    margin-right: 1px;
    margin-left: 0px;
}
span.datepicker select.datepicker_day, span.datepicker_monthNumeric select.datepicker_day
{
    width: 55px;
    margin-left: 10px;
}

span.datepicker select.datepicker_month
{
    width: 87px;
}
span.datepicker_monthNumeric select.datepicker_month
{
    width: auto;
}
span.datepicker select.datepicker_year, span.datepicker_monthNumeric select.datepicker_year
{
    width: 61px;
}

/* asp.net radiolist boxes: */
fieldset.bigform div span.rdolist label
{
    display: inline;
    width: auto;
    margin-left: 4px;
    margin-right: 18px;
    vertical-align: bottom;
}
fieldset.bigform div span.rdolist input
{
    width: auto;
}

fieldset.bigform div small
{
    margin-bottom: 1px;
    display: block;
}

fieldset.bigform div.hdn
{
    display: none;
}

/* subsction: sub-category, like visa yes/no section in emigration form */
fieldset.bigform div.subsection label
{
}

fieldset.bigform div.hiddable
{
    background: #EBEBEB;
}

fieldset.bigform div.hiddable_top
{
    border-top: solid 1px #C0C0C0;
    padding-top: 2px;
    background: #EBEBEB;
}
fieldset.bigform div.hiddable_bottom
{
    background: #EBEBEB;
    padding-bottom: 4px;
    border-bottom: solid 1px #C0C0C0;
    margin-bottom: 15px;
}

fieldset.bigform div input.PhoneCode
{
    width: 37px;
    margin: 0;
}

fieldset.bigform div input.Telephone
{
    width: 176px;
    margin: 0;
}

span.spnHeading
{
    font-family: Arial;
    color: #c00027;
    font-size: 20px;
    font-weight: bold;
}

span.spnInfo
{
    font-family: Arial;
    color: #f9a5b6;
    font-size: 20px;
    font-weight: bold;
}