form
{
    font-family: Arial,Helvetica,MS Sans Serif;
    font-size: .9em;
}
fieldset
{
    float: left;
    clear: both;
    width: 98%;
    padding: 0 4px 4px 4px;
    margin-bottom: 10px;
    border: 1px solid #BFBAB0;
    background-color: #F2EFE9;
}
ul
{
    z-index: 90;
}
li
{
    z-index: 91;
}
span label
{
    display: inline;
}

fieldset legend
{
    margin: 4px 0 4px 10px;
    font: 700 14px arial,san-serif;
    color: #350f1e;
}

.Form370ComponentSection
{
    margin: 10px;
    clear: both;
}

.Form370OptionsSection
{
    margin: 20px;
}

.Form370ComponentHeader
{
    border-bottom: solid 1px black;
    height: 20px;
}

.Form370OptionHeader
{
    height: 16px;
    width: 340px;
}

.Form370OptionHeaderImg
{
    float: left;
    height: 20px;
}

.Form370HeaderImg
{
    float: left;
    height: 20px;
}

.ComponentItem
{
    margin-bottom: 20px;
}

.SubSectionImage
{
    float: left;
    height: 20px;
}

.Form370OptionHeaderTitle
{
    float: left;
    height: 20px;
}

.SubSectionTitle
{
    float: left;
    height: 20px;
}

.SubSectionTotal
{
    float: left;
    height: 20px;
}

.Form370OptionHeaderTotal
{
    float: right;
    height: 20px;
    font-weight: bold;
}

.Form370HeaderTitle
{
    font: 700 14px arial,san-serif;
    color: #350f1e;
    float: left;
    height: 20px;
}
.Form370HeaderTotal
{
    float: right;
    font: 700 14px arial,san-serif;
    color: #350f1e;
    height: 20px;
}

label
{
    display: block; /* height: 22px;          font-size: 11pt; */
    font-size: 12px;
}
.asplabel
{
    display: block; /* height: 22px;          font-size: 11pt; */
}

div.float
{
    float: left;
    margin: 5px 0 5px 5px;
}

div.tab
{
    padding: 5px 5px 5px 5px;
}

/* Zaheer changes  begins */

label.nonblock
{
    display: inline;
}

div.floatleft
{
    float: left;
    width: 49%;
}

div.floatright_MI
{
    float: right;
    width: 48%;
}

div.floatright
{
    float: right;
    width: 49%;
}

div.fields
{
    margin: 5px 0 5px 10px;
}

/* Used by 370 form */

div.formfield
{
    height: 25px;
    margin: 5px 5px 5px 10px;
    clear: both;
}

div.fieldtextcolumn
{
    padding-top: 5px;
    float: left;
    clear: both;
}

div.fieldinputcolumn
{
    float: left;
}

/* End used by 370 form */

div.onelinefields
{
    margin: 10px 10px 15px;
}

div.firstamericain-onelinefields
{
    padding: 3px;
    margin: 18px 0px 5px 10px;
    background-color: #FFFFBB;
    width: 251px;
    height: 20px;
    border: 1px solid #7d6855;
    color: #7d6855;
    font-size: 12pt;
    font-weight: bold;
}

.checkbox
{
    vertical-align: middle;
}

div.pageheading
{
    background-color: #F2EFE9;
    border: 1px solid #BFBAB0;
    clear: both;
    float: left;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pageheadingdiv
{
    font-family: arial,serif;
    color: #000000;
    font-size: 14px;
}

.pageheaders
{
    color: #7C6855;
    font-family: garamond,georgia,serif;
    font-size: 14px;
    font-weight: bold;
    background-color: #F2EFE9;
    border: 1px solid #BFBAB0;
    float: left;
    margin-right: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.textbox
{
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #7d6855;
    color: #7d6855;
    font-weight: bold;
    width: 257px;
    height: 20px;
    margin-right: 5px;
}

.textarea
{
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #7d6855;
    color: #7d6855;
    font-weight: bold;
    border-color: #7d6855;
}

.DropDownList
{
    border-style: solid;
    border-width: 1px;
    background-position: left top;
    color: #7d6855;
    font-weight: bold;
    width: 257px;
    height: 22px;
    background-color: #FFFFFF;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
}

.errorwaringclose
{
    cursor: pointer;
    float: right;
    padding-right: 5px;
    padding-top: 5px;
    vertical-align: top;
}

.listbox
{
    float: left;
    padding-right: 3px;
    padding-bottom: 3px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
}

.listbox_button_div
{
    float: left;
    margin-right: 5px;
    margin-left: 10px;
    padding-top: 15px;
}

.listbox_buttons
{
    width: 80px;
}

.gridview
{
    width: 600px;
    overflow: scroll;
}

.listboxcontrol
{
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #7d6855;
    color: #7d6855;
    font-weight: bold;
}
.required
{
    float: left;
    color: #CB271D;
    clear: both;
    font-size: x-large;
}

.HeaderWarning
{
    float: left;
    color: #CB271D;
    clear: both;
}

.plain_UL
{
    text-decoration: none;
    list-style-type: none;
    list-style-position: inside;
    color: #7d6855;
    font-size: 12pt;
    font-weight: bold;
}


.clearboth
{
    clear: both;
}

.blackbold
{
    font-family: arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
    font-weight: bold;
}

.blocks
{
    margin: 3px 20px 3px 3px;
}

.plainlabel
{
    float: left;
}

.radioButton
{
    margin-right: 10px;
    margin-left: 10px;
}

.workexp
{
    float: left;
    width: 95%;
}
.ind_workexp
{
    padding: 4px;
    margin: 5px 0 5px 10px;
    background: #F2EFE9;
    border: 1px solid #BFBAB0;
    width: 305px;
    float: left;
}
.tittle_workexp
{
    margin: 2px;
    float: left;
    font-weight: bold;
}
.form_workexp
{
    clear: both;
    padding: 4px;
    margin: 5px 0 5px 10px;
    background: #F2EFE9;
    width: 305px;
    border: 1px solid #BFBAB0;
    float: left;
}

.selfred_floatright
{
    background-color: #C8BAAE;
    border: 1px solid #BFBAB0;
    float: right;
    width: 49%;
}


/* GridView Style*/

.list_gridview table td
{
    border-color: #FFFFFF;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}




/* table style */
.list_gridview
{
    border: 1px solid #dbd795;
    background-color: #FFFFFF;
    border-collapse: collapse;
    caption-side: top;
    border-spacing: 0px;
    width: 670px;
}

/* header cell style */
.list_gridview th
{
    border: 1px solid #BFBAB0;
    padding: 4px 3px 4px 3px;
    color: #CB271D;
    text-align: left;
    background: #F2EFE9;
}

/* cell styles */
.list_gridview td
{
    padding: 3px;
    text-align: left;
    border: 1px solid #BFBAB0;
}
.list_gridview .pagination
{
    text-align: center;
    padding: 2px 3px 2px 3px;
    min-height: 1px; /* Force layout in IE7 to prevent rendering issues */
}

/* mouseover row style */
.list_gridview .header
{
    background-color: #FFFFFF;
    text-align: left;
}

/* mouseover row style */
.list_gridview .row
{
    background-color: #FFFFFF;
}

/* Zaheer changes  ends */

div.container
{
    border: 2px dashed #333;
    background-color: #ffe;
}
div.spacer
{
    clear: both;
}
div.curFocus
{
    background: #fdecb2;
}

/*link buttons*/
a.buttons
{
    background: transparent url( '../Images/btn_left.gif' ) no-repeat top left;
    display: block;
    float: left;
    font: bold 12px Arial; /* Change as desired */
    line-height: 20px; /* This value + 2px + 6px (top and bottom padding of SPAN) must equal height of button background */
    height: 30px; /* Height of button background height */
    padding-left: 9px; /* Width of left menu image */
    text-decoration: none;
}
a:link.buttons, a:visited.buttons, a:hover.buttons, a:active.buttons
{
    color: white; /*button text color*/
}
a.buttons span
{
    background: transparent url( '../Images/btn_right.gif' ) no-repeat top right;
    display: block;
    height: 20px;
    padding: 3px 10px 4px 2px;
    text-align: center;
    vertical-align: baseline;
    cursor: pointer;
}
a:hover.buttons
{
    /* Hover state CSS */
    text-decoration: underline;
}
.buttonwrapper
{
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

/*input buttons*/
.customSubmit
{
    width: 101px;
    height: 28px;
    padding: 0 0 0px 0;
    font: bold 14px garamond,georgia,serif;
    color: #FFF;
    background: url( '../Images/button_background.gif' ) no-repeat;
    border: 0;
    cursor: pointer; /*  float: right;     margin-right: 10px; Zaheer Commented  */
}
.customSubmit:disabled
{
    color:GrayText;
}
.customSubmitSm
{
    width: 50px;
    height: 28px;
    padding: 0 0 0px 0;
    font: bold 14px garamond,georgia,serif;
    color: #FFF;
    background: url( '../Images/customSubmitSm.gif' ) no-repeat;
    border: 0;
    cursor: pointer; /*  float: right;     margin-right: 10px; Zaheer Commented  */
}
.customSubmitLg
{
    width: 150px;
    height: 28px;
    padding: 0 0 0px 0;
    font: bold 14px garamond,georgia,serif;
    color: #FFF;
    background: url( '../Images/customSubmitLg.gif' ) no-repeat;
    border: 0;
    cursor: pointer; /*  float: right;     margin-right: 10px; Zaheer Commented  */
}
.customSubmitXLg
{
    width: 200px;
    height: 28px;
    padding: 0 0 0px 0;
    font: bold 14px garamond,georgia,serif;
    color: #FFF;
    background: url( '../Images/customSubmitXLg.gif' ) no-repeat;
    border: 0;
    cursor: pointer; /*  float: right;     margin-right: 10px; Zaheer Commented  */
}
/* message boxes */
.info, .success, .warning, .error, .validation
{
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info
{
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url( '../Images/info.png' );
}
.success
{
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image: url( '../Images/success.png' );
}
.warning
{
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url( '../Images/warning.png' );
}
.error
{
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url( '../Images/error_lg.png' );
}
/*ProgressiveSearch flyout */

.progressivesearch_completionListElement
{
    visibility: hidden;
    margin: 0px !important;
    background: #FFFFFF none repeat scroll 0%;
    border: 1px solid #7d6855;
    color: #7d6855;
    font-size: 12pt;
    font-weight: bold;
    cursor: 'default';
    overflow: auto;
    height: 200px;
    text-align: left;
    list-style-type: none;
}

/* ProgressiveSearch highlighted item */

.progressivesearch_highlightedListItem
{
    background-color: #F2EFE9;
    color: #7d6855;
    padding: 1px;
}

/* ProgressiveSearch item */

.progressivesearch_listItem
{
    background-color: window;
    color: #7d6855;
    padding: 1px;
}

table.checklist label
{
    display: inline;
    margin-left: 5px;
}


/*input.invalid
{
    background: #FFBABA none repeat scroll 0%;
	border: 1px solid #D8000C;
	color: #7d6855;
	font-size: 12pt;
	font-weight: bold;
	width: 257px;
	height: 23px;
}*/

div.invaliderrors
{
    color: #7d6855;
    display: block;
    background: #FFBABA none repeat scroll 0%;
    border: 1px solid #D8000C;
    margin: 0px 10px 10px 10px;
}

.collapsePanel
{
    height: 0;
    overflow: hidden;
}

.modalBackground
{
    background-color: #777;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalBackgroundAd
{
    background-color: #FFF;
    filter: alpha(opacity=0);
    opacity: 0.0;
}

.invalid
{
    color: #D8000C;
    font-weight: bold;
    border: 1px solid #D8000C;
    padding: 5px;
    background-color: #FFF;
    background-image: url('../Images/error.png');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: 92% 10%;
}

/* Disabled Styles */

.disabled
{
    background: #eee none repeat scroll 0%;
    border: 1px solid #aaa;
    width: 257px;
    height: 23px;
}

INPUT[type="submit"].disabled
{
    -x-system-font: none;
    background: #eee none no-repeat scroll 0%;
    border: 1px solid #aaa;
    color: #7d6855;
    font-family: garamond,georgia,serif;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 24px;
    line-height: normal;
    padding: 0 0 2px;
    width: 101px;
}

a.disabledbuttons
{
    -x-system-font: none;
    background: transparent url( ) no-repeat scroll left top;
    display: block;
    float: left;
    font-family: Arial;
    font-size: 12px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    height: 30px;
    line-height: 20px;
    text-decoration: none;
}

a.disabledbuttons span
{
    background: #EEEEEE none no-repeat scroll 0 50%;
    border: 1px solid #AAAAAA;
    color: #7D6855;
    font-family: garamond,georgia,serif;
    font-size: 14px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    padding: 3px 10px 4px 2px;
    display: block;
    text-align: center;
    vertical-align: baseline;
}

a.disabled
{
    color: #7d6855;
    border: none;
    background: none;
}

span.disabled
{
    background: #eee none repeat scroll 0%;
    border: none;
    width: auto;
    height: auto;
}

legend.unavailable
{
    margin: 10px 0 10px 10px;
    font: 700 14px arial,san-serif;
    color: #aaa;
}

.list_gridview span span
{
    text-align: center;
    padding: 2px 3px 2px 3px;
    font-size: 1.1em;
    min-height: 1px; /* Force layout in IE7 to prevent rendering issues */
}

.list_gridview span a
{
    text-align: center;
    padding: 2px 3px 2px 3px;
    font-size: 1.1em;
    min-height: 1px; /* Force layout in IE7 to prevent rendering issues */
}

.ratingStar
{
    font-size: 0pt;
    width: 25px;
    height: 25px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.halffilledRatingStar
{
    background-image: url(/Images/halfstar.gif);
}

.filledRatingStar
{
    background-image: url(/Images/1star.gif);
}

.emptyRatingStar
{
    background-image: url(/Images/emptystar.GIF);
}

.textOverflow
{
    overflow: hidden;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
}

div.updatePanelProcessing
{
    position: relative;
    top: 5%;
    width: 125px;
    text-align: left;
    padding: 10px;
    background-color: #FFF;
    filter: alpha(opacity=85);
    opacity: 0.85;
    border: 1px solid #000;
    z-index: 1000;
}
div.updatePanelProcessing img
{
    vertical-align: middle;
    margin-right: 5px;
}
ul.iPromotePhotos
{
    list-style-type: none;
}

ul.iPromotePhotos li
{
    width: 130px;
    float: left;
    margin: 5px;
}

ul.iPromotePhotos li img
{
    vertical-align: middle;
}