/* Form Modes */

.editformmode{}
.previewformmode{}
.fillformmode{}


/* Form tab panel */

.formwrapper_rs
{
    width: 640px;
}

.previewformmode .formwrapper_rs,
.fillformmode .formwrapper_rs
{
    width: 100%;
}

.tabslistwrapper_rs
{
    width: 100%;
    margin: 0;
    margin-top: 5px;
    padding: 0px;
    float: left;
}

.tabslistcontentwrapper_rs
{
    border: solid 1px #878787;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both;
    margin-top: 0px;
}

ul.tabslist_rs
{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: 15px;    
}

ul.tabslist_rs li
{
    float: left;
    border: 1px solid #878787;
    border-width: 1px 1px 0px 1px;
    border-bottom-width: 0;
    margin: 0;
    margin-left: -1px;
    position: relative;
    top: 3px;
    height: 15px;
    vertical-align: middle;
    line-height: 15px;
    cursor: pointer;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    letter-spacing: -1px;
}

ul.tabslist_rs li#selected
{
    background-color: #FFF;
    color: #252E5E;
    top: 1px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
}

ul.tabslist_rs *,
ul.tabslist_rs *:link,
ul.tabslist_rs *:visited
{
    text-decoration: none;
    display: block;
    background: #ececed;
    padding: 3px 5px;
    color: #333;
    text-align: center;
}

ul.tabslist_rs *:hover
{
    background: #878787;
    color: White;
}


/* Form Layout */

.formcontainer_rs
{
    margin:  5px 1em;
    float: left;
}

.previewformmode .formcontainer_rs,
.fillformmode .formcontainer_rs,
.formnavbuttonscontainer_rs
{
    margin: 2px;
}

.formnavbuttonscontainer_rs
{
    text-align: right;
    background-color: #F7FBFF; 
    clear: both;
    padding: 2px 5px;
    margin: 0 5px;
    border: solid 1px #CBDEEF;
}

/* Form Table */

.formcontainer_rs .formtable_rs
{
    width: 100%;
    empty-cells: show;
}

.formcontainer_rs .formtable_rs tr
{
    margin: 10px 0;
}

.editformmode .formcontainer_rs .formtable_rs tr .selected, 
.editformmode .formcontainer_rs .formtable_rs tr .selected
{
    color: #A30000;
    font-weight: bold;
}

.formcontainer_rs .formtable_rs tr td.formfieldlabelcell 
{
    background-color: #F7FBFF; 
    padding-left: 5px;
    border-right: solid 1px #CBDEEF;
}

.formcontainer_rs .formtable_rs tr td
{
    vertical-align: top;
}

.formcontainer_rs .formtable_rs tr td span
{
    cursor: default;
    font-weight: normal;
}

.formcontainer_rs .formtable_rs tr.selected td
{

}

/*** Skin Related styles ***/

/* Form fields */

.formtextbox, 
.formtextarea, 
.formdropdownlist, 
.formlistbox, 
.formcalendar,
.formseparator
{
    width: 98%;
    background-color: #ffffec;
    border: 1px solid #B3B3B3;
    padding-left: 2px;
    text-align: left;    
    color: Black;
} 

.formcheckboxlist,
.formradiobuttonlist
{
    border: medium none;
    margin-left: -2px;
    display:block;
}

.formseparator
{
    border-width: 0 0 1px 0;
    border-color: Black;
    display: block;
    font-weight: bold !important;
    padding: 0;
    margin: 5px 0;
    background: transparent !important;    
}

.formfieldnamelabel
{
    font-weight: bold !important;
    color: #252E5E !important;
    font-size: 12px;
    display: block;
}

.formlabeldesription
{
    font-size: 10px;
    white-space: normal !important;
    color: #666;
    display: block;
}

.previewmode .fillformmode .formtextbox:focus,
.previewmode .fillformmode .formtextbox:hover, 
.previewmode .fillformmode .formtextarea:focus, 
.previewmode .fillformmode .formtextarea:hover, 
.previewmode .fillformmode .formdropdownlist:focus, 
.previewmode .fillformmode .formdropdownlist:hover, 
.previewmode .fillformmode .formlistbox:focus, 
.previewmode .fillformmode .formlistbox:hover, 
.previewmode .fillformmode .formcalendar:focus,
.previewmode .fillformmode .formcalendar:hover,
.previewmode .fillformmode .formcheckbox:focus, 
.previewmode .fillformmode .formcheckbox:hover, 
.previewmode .fillformmode .formradiobutton:focus,
.previewmode .fillformmode .formradiobutton:hover
{
    border: solid 1px #0390fd !important;
    outline-color:#ddf0ff;
    outline-style:solid;
    outline-width:1px;
    background-color: #FFF;
}

.formnavigationbutton
{
    background: transparent url(../images/registration/formbutton_bck.gif) repeat-x scroll left top;
    border: 1px solid #B3B3B3;
    color: #252E5E;
    font-size: 12px;
    font-weight: bold;
    margin: 0pt;
    padding: 0pt;
}

.formnavigationbutton:hover, .cancel.button:hover, .ok.button:hover, .submit.button:hover
{
    background-position: left -23px;
    border: 1px solid #808DB7;
}

.wingdings 
{
    display: block;
    height: 13px;
    width: 16px;
    background: transparent url(../images/wingdins-icons.gif) scroll no-repeat left top;  
     
}

.wdblank
{
}

.wdcross
{
    background-position: left -23px;
}

.wdok
{
    background-position: left -46px;
}

/* Registration Scenarios Page Style */

.AccountRegistrationTextBoxStyle
{
    width: 100%;
}

.AccountRegistrationButtonStyle
{
    float: right;
}

.AccountCreationTable
{
    text-align: left;
    padding: 5px;
    margin: 0px;
    width: 400px;
}

.AccountCreationUpdatePanelTable
{
    text-align: left;
    padding: 5px;
    margin: 0px;
    width: 100%;
}

/* Registration Scenarios Page Style End */