dl.dlEditForm{
    font-size: 100%;
    width: 99%;
    margin: 4px auto;
}

dl.dlEditForm dt{
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 150%;
}

dl.dlEditForm dt p{
    display: block;
    margin: 0 auto;
}

dl.dlEditForm dd{
    display: inline-block;
    width: 100%;
}

dl.dlEditFormInEdit dd.highlightedFormLine{
    background-color: #E8FFE8 !important;
    color: #003300 !important;
}

dl.dlEditFormInEdit dd.requiredFormLine{
	background-color: #FFEFEC !important;
	color: #800000 !important;
}

dl.dlEditFormInEdit dd.requiredFormLine .fieldHeader{
    background-position: right center;
    background-image: url('images/bullet_square_red.png');
    background-repeat: no-repeat;
}

dl.dlEditForm dd.editFormLine {
    border-bottom: solid 1px #9f9f9f;
    line-height: 31px;
}

dl.dlEditForm dd.editFormLineControlHolder {
    padding: 4px 0;
}

dl.dlEditForm dd.editFormLineEditFormHolder {
    padding: 0 0 4px 0;
}

dl.dlEditForm dd.editFormLineEditFormHolderNoPadding {
    padding: 0;
}

dl.dlEditForm dd.editFormLineEditFormHolder dl.dlEditForm{
    width: 100%;
    padding: 0;
    margin: 0;
}

dl.dlEditForm dd.editFormLineNoBorder {
    border-bottom: solid 0px #9f9f9f !important;
    line-height: 31px;
}

dl.dlEditForm dd.textInput{
    margin: 0 0 -4px 0;
    padding: 0 0 -4px 0;
}

dl.dlEditForm dd.multiLineText{
    height: auto !important;
    line-height: normal !important;
}

dl.dlEditForm dd.controlHolder{
    padding: 0px;
}

dl.dlEditForm dd.fieldContent{
    /*float: left;*/
    width: 100%;
    display: inline-block;
}

dl.dlEditForm dd .fieldHeader, dl.dlEditForm dd span.fieldContent, dl.dlEditForm dd span.fieldHeaderNoText{
    /*display: block;*/
    /*float: left;
    vertical-align: text-top;*/
    display: inline-block;
    width: 25%;
    line-height: 29px;
    text-align: left;
    margin: 0 10px 0 0;
}

dl.ilContent dd span.fieldHeader{
    width: 30%;
}

dl.dlEditForm dd .fieldHeader{
    vertical-align: top;
    padding-left: 2px;
}

dl.dlEditForm dd span.fieldInlineHeader{
    width: auto;
}

dl.dlEditForm dd span.fieldContent{
    width: auto !important;
    line-height: 29px;
}

dl.dlEditForm dd span.fieldTitle{
    /*display: block;*/
    display: inline-block;
    width: 100%;
    line-height: 29px;
    text-align: center;
    /*vertical-align: text-top;
    float: left;*/
    margin: 0 10px 0 0;
}

dl.dlEditForm dd span.fieldDetail{
    display: inline-block;
    line-height: 29px;
}

dl.dlEditForm dd div.fieldDetail{
    margin: 8px auto 0 auto;
    width: 98%;
}

dl.dlEditForm dd .fieldDetailWithHeader{
    display: inline-block;
    width: 70%;
}

dl.dlEditForm dd div.fieldDetail .RadGrid{
    margin: 0 0 4px 0;
}

dl.dlEditForm dd span.fieldMessage{
    display: inline-block;
	font-size: 94% !important;
	font-style: italic;
	font-weight: bold;
    line-height: 28px;
}

dl.dlEditForm dd input{
    line-height: 29px;
    border: solid 1px #8e8e8e;
    padding: 3px 0 3px 1px;
}

dl.dlEditForm dd .inblockFloat{
    display: inline-block;
    float: left;
}

dl.dlEditForm dd span.chkCheckBox{
    display:inline-block;
    line-height: 29px;
}

/*, dl.dlEditForm dd .editDatePicker .RadInput*/
dl.dlEditForm dd input.inputCell, dl.dlEditForm dd span.inputCell, dl.dlEditForm dd textarea.inputCell, 
        dl.dlEditForm dd .radSelect, dl.dlEditForm dd div.radTextBoxWrapper, .requiredField
        dl.dlEditForm dd .fieldContentHolder, dl.dlEditForm dd .editSelectBox, dl.dlEditForm dd .editDatePicker span.RadInput{
    width: 60% !important;
}

dl.dlEditForm dd div.fieldContentHolder{
}

dl.dlEditForm dd div.contentHolder{
    display: inline-block !important;
    width: 670px !important;
    padding: 2px 0;
}

dl.dlEditForm dd .editDatePicker .rcInputCell span.RadInput{
    width: 100% !important;
}

dl.dlEditForm dd .radSelect{
   margin: 4px 7px 0 0;
   padding: 4px 0 0 0;
}

dl.dlEditForm dd .editDatePicker{
/*
    display: inline-block;
    width: 60% !important;
*/
    vertical-align: top;
}

dl.dlEditForm dd .fullWidthContent {
    display: inline-block;
    width: 98% !important;    
}

 dl.dlEditForm dd .editDatePicker .riRead{
    margin: 3px 0 0 0;
    vertical-align: top;
 }

dl.dlEditForm dd input.inputCell{
    margin-top: 4px;
    *margin-top: 0px;
}

dl.dlEditForm .RequriedFieldMarker{
    display: none !important;
}

dl.dlEditFormInEdit .RequriedFieldMarker{
    display: inline-block !important;
	color: #800000 !important;
    font-weight: bold;
    font-size: smaller;
    text-align: right !important;
    width: 116px;
}

dl.dlEditForm dd .RadInput{
    *display: inline-block;
    vertical-align: text-bottom !important;
    *vertical-align: top !important;
    *padding-top: 3px;
    *padding-bottom: -3px;
    height: 16px;
    line-height: 16px;
    *height: auto;
    *line-height: auto;
}

dl.dlEditForm dd .RadInput textarea{
    margin-bottom: 4px;
}

dl.dlEditForm dd .RadInput .inputCell, .requiredField{
    *vertical-align:  text-bottom !important;
    *height: auto;
    *line-height: auto;
    margin-top: 4px;
    *margin-top: 0px;
}

dl.dlEditForm dd .RadComboBox{
    height: 16px;
    line-height: 16px;
    margin-top: 0px;
    vertical-align: baseline;
    *height: auto;
    *line-height: auto;
    *vertical-align: middle !important;
}

dl.dlEditForm dd div.radTextBoxWrapper{
    /*float: left;*/
    display: inline-block;
}

dl.dlEditForm dd .fieldContentHolder span, dl.dlEditForm dd .fieldContentHolder span .RadInput, dl.dlEditForm dd .fieldContentHolder input {
    /*float: left !important;*/
    display: inline-block !important;
    width: auto !important;
}

dl.dlEditForm .autoLineHeight{
    line-height: normal !important;
}

dl.dlEditForm dd .fieldContentHolder input.rdfd_{
    width: 0px !important;
}

dl.dlEditForm dd div.radTextBoxWrapper .inputCell{
    width: 100% !important
}

dl.dlEditForm dd .RadUpload{
    display: inline-block;
    /*width: 70% !important;*/
}

.RadUpload input{
    line-height: normal !important;
}
 
dl.dlEditForm dd div.divUpdatePanel, dl.dlEditForm dd div.divUpdatePanel div{
    width: 60% !important;
    display: inline !important;
}

dl.dlEditForm dd p.fieldSeparator{
    /*float: left;*/
    display: inline-block;
    width: 100%;
    border-bottom: solid 1px #9f9f9f;
    margin: 2px auto 0;
    *margin: 0px auto;
	_margin: -10px auto 0px;
    line-height: 0px;
    height: 0px;
    *height: 0px;
}

dl.dlEditForm dd .UploadProgressArea{
    display: inline-block;
}

.documentUploadControl .fieldHeader{
    float: left;
}

/********************************************************************************************************
    TAB PANEL
********************************************************************************************************/
.tabPanel{
    width: 99%;
    margin: 4px auto 0;
}

.tabPanel .divRightHandPanel{
    width: 650px !important;
}

.tabPanel div.divPanelLayout div.divRightHandPanel div.titleBar{
    width: 650px !important;
}

/********************************************************************************************************
    SAVED MESSAGE CONTROL
********************************************************************************************************/
div.SavedMessageControl{
    color: #008800;
    background-color: #ffffff;
    border: solid 1px #9cb6c5;
    font-size: 120%;
    overflow: hidden;
    position: absolute;
    padding: 16px 0px;
    margin: 4px auto;
    width: 964px;
    display: none;
    z-index: 999999;
}

div.popUpPageContents div.SavedMessageControl{
    width: 98%;
    left: 1%;
}

div.SavedMessageControl div{
    margin: 0 16px;
    height: auto !important;
}

div.SavedMessageControl em.lhSaved{
    display: inline-block;
    *float: left;
}

div.SavedMessageControl  em.rhSaved{
    float: right;
}

/*********************************************************************************************************
    NEW VALIDATION SLIDING CONTROL STYLES
*********************************************************************************************************/
div.validationSummary
{
    height: 0px;
    overflow: hidden;
    font-size: 90%;
    margin: 0px auto;
    padding: 0;
    color: #CC3300;
    /*border: solid 0px #637BC6;*/
    border: solid 0px #CC3300;
    background-color: #FFE1E1;
    width: 96%;
}

div.validationSummary div
{
    height: auto !important;
}

div.validationSummary span
{
	margin: 0 0 0 4px;
	font-weight: bold;
	color: #CC3300;
}

div.validationSummary div.titleBarDiv
{
	margin: 0 !important;
	width: 100%;
}

div.validationSummary div.titleBarDiv span
{
    display: block;
	border: solid 0px;
    padding: 4px;
}

div.validationSummary div.validationContentDiv
{
	float: left;
	margin: 0 0 8px 0 !important;
	width: 100%;
	padding: 0 !important;
}

div.validationSummary div.validationContentDiv div
{
	width: 100%;
}

div.validationSummary ul.validationSummary
{
	display: block;
	/*float: left;*/
	padding: 4px 6px 4px 30px;
	*padding: 4px 6px 4px 10px;
	margin-bottom: 4px;
}

*:first-child+html div.validationSummary ul.validationSummary
{
	width: 100%;
}

div.validationSummary ul.validationSummary li
{
	color: #CC3300;
	width: 90%;
	vertical-align: middle;
	list-style-type: square;
}

*:first-child+html ul.validationSummary li
{
	margin: 0 0 0 20px;
}

div.validationSummary div.validationButtonDiv
{
	float: left;
}

div.validationContentDiv div
{
	float: left !important;
}

/********************************************************************************************************
    SPLIT VIEW PANELS
********************************************************************************************************/

div.leftHandPanel div.titleBar{
    margin: 0 -2px 4px -2px;
    padding: 0;
    width: 100%;
    overflow: visible;
}

div.leftHandPanel div.titleBar p{
    padding: 0 0 0 4px;
}

div.rightHandPanel div.titleBar{
    margin: 0 -2px;
    padding: 0;
    width: 100%;
}

div.rightHandPanel div.titleBar p{
    padding: 0 0 0 4px;
}

div.rightHandPanel div.divListContainer{
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100% !important;
}

div.rightHandPanel dl.dlEditForm{
    float: none !important;
    width: 96% !important;
    margin: 4px auto;
}

div.rightHandPanel dl.dlEditForm dd{
    padding : 4px 0 0 0;
}

div.rightHandPanel dl.dlEditForm dd div.radTextBoxWrapper{
    float: left;
    width: 80%;
}

div.rightHandPanel dl.dlEditForm dd div.radTextBoxWrapper .inputCell{
    width: 100% !important;
}

div.rightHandPanel p.fieldSeparator{
    float: left;
    display: block;
    width: 100%;
    border-bottom: solid 1px #9f9f9f;
    margin: 4px 0 0 0;
    height: 0px;
}

div.rightHandPanel dl.dlEditForm span.fieldHeader{
    padding: 0 0 0 4px;
    width: 25% !important;
}

div.rightHandPanel dl.dlEditForm .inputCell{
    width: 76% !important;
}

div.rightHandPanel dl.dlEditForm span.fieldDetail{
    display: inline-block;
    width: 76% !important;
}

div.rightHandPanel dl.dlEditForm .RadGrid{
    width: 100%;
    float: left;
}

/********************************************************************************************************
    ADDRESS
********************************************************************************************************/
dl.dlEditForm dd dl.dlAddress, dl.dlEditForm dd dl.dlClientContact{
    width: 100%;
    clear: both;
    display: block;
    float: left;
}

.divMainContactClient, .divInvoiceContactClient, .divMainContactSupplier, .divInvoiceContactSupplier{
    margin: 0 0 6px 0;
}

.divMainContactClient dl.dlEditForm, .divInvoiceContactClient dl.dlEditForm, .divMainContactSupplier dl.dlEditForm, .divInvoiceContactSupplier dl.dlEditForm{
}

.divMainContactClient dd.editFormLine, .divInvoiceContactClient dd.editFormLine, .divMainContactSupplier dd.editFormLine, .divInvoiceContactSupplier dd.editFormLine{
    border-bottom: 0px !important;
}

.divMainContactClient{
    margin: 6px 0 6px 0;
}

/********************************************************************************************************
    AUDIT FIELDS
********************************************************************************************************/
div.divAuditDetails{
    width: 100%;
    margin: 10px auto;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #9f9f9f;
    font-size: 80%;
}

div.divAuditDetails p{
    margin: 0 4px 10px 0;
    padding: 0;
    float: right;
}

ul.ulAuditDetails{
    width: 40%;
    margin: 0;
    padding: 0 0 10px 0;
    list-style-type: none;
    float: left;
}

ul.ulUpdatedDetails{
    float: left;
}

ul.ulAuditDetails li{
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    text-align: left;
}

ul.ulAuditDetails li.fieldHeader{
    width: 30%;
}

ul.ulAuditDetails li.fieldDetail{
    width: 70%;
    font-weight: bold;
}

/*****************************************************************************************************************
    CLIENT PROFILE PAGE
*****************************************************************************************************************/

div.divClientProfilePage div.divMainContactClient dl.dlClientContact dd p.fieldSeparator, div.divClientProfilePage div.divInvoiceContactClient dl.dlClientContact dd p.fieldSeparator{
    display: none;
}

/*****************************************************************************************************************
    FRAMEWORK PAGE
*****************************************************************************************************************/

div.divAgreementPage div.categorySupplierLeftPane div.titleBar{
    margin: 0 -2px 4px -2px;
    padding: 0;
    width: 100%;
}

div.divAgreementPage div.categorySupplierLeftPane div.titleBar p{
    padding: 0 0 0 4px;
}

div.divAgreementPage div.categorySupplierRightPane div.titleBar{
    margin: 0 -2px;
    padding: 0;
    width: 100%;
}

div.divAgreementPage div.categorySupplierRightPane div.titleBar p{
    padding: 0 0 0 4px;
}

div.divAgreementPage div#divCategories{
    width: 100% !important;
    overflow: scroll;
}

div.divAgreementPage div.divSupplierListContainer{
    margin: 0px;
    padding: 0px;
    border: 0px;
    width: 100% !important;
}

div.divAgreementPage div.divSupplierListContainer p{
    /*float: none !important;
    border: 0px;
    height: auto;
    margin: 4px auto;
    font-size: 140%;
    text-align: center;*/
}

div.divAgreementPage div.divListContainer{
    border: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

div.divAgreementPage divRightHandPanel div.divPager{
    width: 723px;
}

div.divAgreementPage div.divSupplierListContainer div.RadToolBar{
    width: 732px !important;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm{
    float: none !important;
    width: 96% !important;
    margin: 4px auto;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm dd{
    padding : 4px 0 0 0;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm dd div.radTextBoxWrapper{
    float: left;
    width: 80%;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm dd div.radTextBoxWrapper .inputCell{
    width: 100% !important;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm dd div#divAgreementCategorySupplierRankControl{
    float: left;
    width: 99%;
    padding: 0 2px;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm input.supplierName{
    width: 50% !important;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm span.supplierCount{
    font-size: 150%;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    cursor: pointer;
}

div.divAgreementPage div.divSupplierListContainer p.fieldSeparator{
    float: left;
    display: block;
    width: 100%;
    border-bottom: solid 1px #9f9f9f;
    margin: 4px 0 0 0;
    height: 0px;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm span.fieldHeader{
    padding: 0 0 0 4px;
    width: 25% !important;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm .inputCell{
    width: 76% !important;
}

div.divAgreementPage div.divSupplierListContainer dl.dlEditForm .RadGrid{
    width: 100%;
    float: left;
}

div.divAgreementPage div.divSupplierListContainer div.divPager{
    width: 100% !important;
    margin: 0 0 2px 0;
    padding: 0px;
}

div.divAgreementPage div.divSupplierListContainer div.divRecordInfo{
    width: auto !important;
}

div.divAgreementPage div.divSupplierListContainer div.divPageSize{
    display: none;
    width: 0px !important;
}

div.divAgreementPage div.divSupplierListContainer div.divPageInfo{
    width: auto !important;
    float: right !important;
}

div.divAgreementPage div.divSupplierListContainer span.nameLabel, div.divAgreementPage div.divSupplierListContainer .rankColumn{
    float: left;
	color: #627081;
    font-size: 120%;
    width: 20px;
    cursor: pointer;
}

.rankColumn, div.divAgreementPage div.divSupplierListContainer .rankColumn{
    display: block;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #336699;
    cursor: pointer;
    width: 34px;
}

div.divAgreementPage div.divSupplierListContainer span.addressLabel{
	color: #627081;
    float: left;
    margin: 4px 0;
    cursor: pointer;
    font-style: italic;
}

/*****************************************************************************************************************
    SELECT FRAMEWORK CATEGORY SUPPLIER PAGE
*****************************************************************************************************************/

div.divSelectAgreementCategorySupplierPage dl.dlEditForm{
    width: 98%;
}

div.divSelectAgreementCategorySupplierPage dl.dlEditForm input.supplierName{
    width: 50% !important;
}

div.divSelectAgreementCategorySupplierPage dl.dlEditForm span.supplierCount{
    font-size: 150%;
    float: left;
    font-weight: bold;
    margin: 0 4px 0 0;
    cursor: pointer;
}

div.divSelectAgreementCategorySupplierPage dl.dlEditForm a{
    display: inline-block;
    float: left;
    height: 26px;
    line-height: 26px;
}

div.divSelectAgreementCategorySupplierPage dl.dlEditForm a.viewResults{
}

div.divSelectAgreementCategorySupplierPage dl.dlEditForm dd.ddSupplierCount div{
    display: inline-block;
    width: 40%;
    float: left;
}

div.divSelectAgreementCategorySupplierPage div.divAgreementCategorySupplierPane{
    float: left;
    width: 450px;
}

div.divSelectAgreementCategorySupplierPage div.divAgreementCategorySupplierRightPane{
    float: right;
}

div.divSelectAgreementCategorySupplierPage div.divPager{
    width: 438px !important;
    margin: 0 !important;
}

div.divSelectAgreementCategorySupplierPage div.divRecordInfo{
    width: auto !important;
}

div.divSelectAgreementCategorySupplierPage div.divPageSize{
    display: none;
    width: 0px !important;
}

div.divSelectAgreementCategorySupplierPage div.divPageInfo{
    width: auto !important;
    float: right !important;
}

div.divSelectAgreementCategorySupplierPage div.divAddressControl{
    width: 100%;
}

div.divSelectAgreementCategorySupplierPage span.nameLabel, div.divSelectAgreementCategorySupplierPage .rankColumn{
    float: left;
	color: #627081;
    font-size: 120%;
    width: 100%;
    cursor: pointer;
}

div.divSelectAgreementCategorySupplierPage .rankColumn{
    display: block;
    font-size: 200%;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    color: #336699;
    cursor: pointer;
}

div.divSelectAgreementCategorySupplierPage span.addressLabel{
	color: #627081;
    float: left;
    margin: 4px 0;
    cursor: pointer;
    font-style: italic;
}

div.divSelectAgreementCategorySupplierPage dl.dlAddress{
    width: 100%;
}

div.divSelectAgreementCategorySupplierPage dl.dlAddress span.fieldHeader{
    height: 14px;
    line-height: 14px;
}

div.divSelectAgreementCategorySupplierPage dl.dlAddress span.fieldValue{
    height: 14px;
    line-height: 14px;
}

/*******************************************************************************************************************************************
    REGISTER SUPPLIER PAGE
*******************************************************************************************************************************************/
div.divSupplierRegistrationPage dl.dlSupplierContact p.fieldSeparator, div.divSupplierRegistrationPage dl.dlSupplierContact dl.dlAddress p.fieldSeparator{
    display: none;
}

div.divSupplierRegistrationPage dl.dlSupplierContact dt{
    font-size: 100%;
    text-align: left;
}

/********************************************************************************************************************************************
    divAgreementSuppliersView FRAMEWORK SUPPLIERS PAGE
********************************************************************************************************************************************/

div.divAgreementSuppliersView{
}

div.divAgreementSuppliersView div.pagerControl{
    margin: 0 0 4px 0;
    width: 100%;
}

div.divAgreementSuppliersView div.pagerControl div.divPager{
    width: auto !important;
    margin: 4px 0 0 0 !important;
}

div.divAgreementSuppliersView div.divListContainer{
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

div.divAgreementSuppliersView div.divListContainer dl.dlEditForm{
    margin-top: 0px;
}

/********************************************************************************************************************************************
    divSelectAgreementCategorySupplierPage FRAMEWORK CATEGORY SUPPLIERS PAGE
********************************************************************************************************************************************/

div.divSelectAgreementCategorySupplierPage{
}

div.divSelectAgreementCategorySupplierPage div.pagerControl{
    float: left;
    width: 100%;
}

div.divSelectAgreementCategorySupplierPage div.pagerControl div.divPager{
    width: auto !important;
    margin: 4px 0 0 0 !important;
}

div.divSelectAgreementCategorySupplierPage div.divListContainer{
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

div.divSelectAgreementCategorySupplierPage div.divListContainer dl.dlEditForm{
    margin-top: 0px;
}

/*****************************************************************************************************************************
    .logInDetails
*****************************************************************************************************************************/
.ctlLogin div.divPageTitle{
    height: 40px !important;
}

.logInDetails{
/*
    font-size: 60%;
    _font-size: 55%;
*/
    margin: 4px;
}

.logInDetails dl.dlEditForm dd{
    width: auto;
    margin: 4px 0 0 0;
}

.logInDetails dl.dlEditForm dd input.inputCell{
    width: 160px !important;
}

.logInDetails a{
    color: #FF5000;
}

.logInDetails .login{
    width: auto !important;
    padding: 0 0 4px 0;
}

span.loginTitle{
    width: auto !important;
    display: inline-block;
    float: left;
    margin: 0 4px 0 2px !important;
    _margin: 0 2px 0 2px !important;
}

.loginOptions{
/*
    font-size: 60%;
    _font-size: 55%;
    float: right;
*/
    position: absolute;
    right: 0px;
    font-size: 96%;
    width: 40%;
    padding: 4px 4px 0 0;
    z-index: 9999;
}

.loginOptions div{
    display: block;
    width: 100%;
}

.loginOption{
    display: block;
    margin: 4px 0 0 0;
    text-align: right;
}

.loginOption a{
    color: #FF5000;
    letter-spacing: 0.1em;
}

/********************************************************************************************************************
    .verticalLeftPageViews
********************************************************************************************************************/
.verticalLeftTabStrip{
    display: inline-block;
    margin: 0px;
}

.verticalLeftTabStrip .rtsOut{
    margin: 0px;
}

.verticalLeftPageViews{
    display: inline-block;
    width: 86%;
}

/********************************************************************************************************************
    fieldItemLink
********************************************************************************************************************/
.fieldItemLink
{
    display: inline-block;
    margin: 0 4px;
    line-height: inherit;
    color: #3366CC;
    text-decoration: underline;
}

.countField{
    display: inline-block;
    margin: 0 4px 0 0 !important;
    width: 30px !important;
    text-align: right !important;
}

/********************************************************************************************************************
.emailContentType
********************************************************************************************************************/

.emailContentType{
    display: none;
}

dl.dlEditForm dd.editFormMessages{
    display: inline;
    margin: 0 0 4px 0;
}

/*******************************************************************************************************************
    .emailEditor
*******************************************************************************************************************/
.emailEditor body, .RadEContent, .RadEContentBordered{
    background-color: #FFFFFF;
}

/*******************************************************************************************************************
    PageTitleDiv
*******************************************************************************************************************/
div.PageTitleDiv{
	background-image: url( 'images/ff_bg.png' );
    background-repeat: repeat-y;
    background-color: #333333;
    display: inline-block;
    color: #FFFFBB;
	width: 966px;
    text-align: center;
    font-size: 200%;
    line-height: 36px;
    margin: 0 0 4px 0;
}

.SuppliersSelected {
    display: inline-block !important;
}

/*****************************************************************************************************************************
    .fieldButton
*****************************************************************************************************************************/
.fieldButton{
    display: inline-block;
    line-height: 29px;
}

.fieldButton a{
    background-image: url( 'images/rowovr.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E0E9F1;
    border: 1px solid #9cb6c5;
    background-image: url(  'images/acc_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #BEFDB5;
    border: 1px solid #91DF62;
    padding: 4px 4px;
    text-decoration: none;
    color: #666;
}

.fieldButtonOver a{
    background-image: url('images/accovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #94FC85;
}

.fieldButtonOver a span{
    text-decoration: underline;
}

.fieldButton .buttonImage{
    display: inline-block;
    line-height: 29px;
    vertical-align: middle;
    margin: 0 4px 0 0;
}

/*****************************************************************************************************************************
    .editFormContent
*****************************************************************************************************************************/
dl.dlEditForm .editFormContent{
    display: inline-block;
    width: 70%;
}

dl.dlEditForm .editFormContent .editFormOptionList{
    width: 100%;
}

dl.dlEditForm .editFormContent spaqn.fieldHeader{
    width: 30%;
}

/*****************************************************************************************************************************
    .editFormOptionList
*****************************************************************************************************************************/
dl.dlEditForm Table.editFormOptionList{
    border-collapse: collapse;
    border: solid 0px;
    display: inline-block;
    padding: 4px 0 0 0;
    width: 70%;
}

dl.dlEditForm .editFormOptionList td{
    line-height: 31px;
    vertical-align: middle;
    width: auto;
}

dl.dlEditForm .editFormOptionList input{
    border: solid 0px;
}

dl.dlEditForm .singleLineOptionList{
}

dl.dlEditForm .editformAdminSettingHeader{
    display: inline-block;
    width 40%;
}

dl.dlEditForm .editformAdminSettingOptionListContent{
    width: 60%;
}

.listItemHeaderField{
    vertical-align: middle;
    font-weight: bold;
}

.listItemHeaderFieldCenter{
    vertical-align: top;
    text-align: center !important;
}

.listItemValueFieldFooter{
    font-weight: bold;
}

.headerItem, .footerItem{
    background-color: #eee;
}

.headerItem{
    border-bottom: 1px solid #ccc !important;
}

.headerItem span{
    font-weight: bold !important;
}

.titleItem{
    background-color: #f9f9f9;
}

.titleItem span{
    color: #222222;
    display: inline-block;
    font-size: 140% !important;
    font-weight: normal;
    width: 100%;
    text-align: center;
}

.footerItem{
    border-bottom: 1px solid #ccc !important;
}

.listItemLine{
    display: inline-block;
    padding: 0px !important;
    margin: 0px !important;
}

.listItemValueField{
    display: inline-block;
    line-height: 26px;
    padding: 0 2px;
}

.emptyListItemLine{
    display: inline-block;
    background-color: #f9f9f9;
    line-height: 26px !important;
    text-align: center;
    font-weight: bold;
}

/*****************************************************************************************************************************
    .projectCompensationEventListItem
*****************************************************************************************************************************/
.projectCompensationEventListControlDiv{
    padding: 0px !important;
    margin: 0px !important;
    width: 918px;
}

.projectCompensationEventListControlDiv div.listItemRed, .projectCompensationEventListControlDiv div.listItemGreen, .projectCompensationEventListControlDiv div.listItemGold{
    border-top: 0px solid !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}

.projectCompensationEventListItem {
    padding: 0px !important;
    margin: 0px !important;
}

.projectCompensationEventListItem{
    border-bottom: 1px solid #ccc !important;
}

.createdDateTimeField{
    width: 80px;
    text-align: center;
}

.projectStageNameField{
    width: 160px;
}

.descriptionField{
    width: 356px;
}

.descriptionFieldLarge{
    width: 392px;
}

.descriptionField .RadInput .descriptionTextBox{
    width: 352px !important;
    vertical-align: middle !important;
}

.enteredByField{
    width: 140px;
}

.footerItem .enteredByField{
    text-align: center;
}

.daysField{
    text-align: right;
    width: 40px;
}

.daysField .riTextBox{
    vertical-align: middle;
    width: 36px !important;
}

.valueField{
    text-align: right;
    width: 60px;
    border-right: 0px solid !important;
}

.valueField .riTextBox{
    vertical-align: middle;
    width: 56px !important;
}

.deleteField{
    text-align: center;
    width: 30px;
}

.deleteField img{
    display: inline-block;
    vertical-align: middle;
}

.projectCompensationEventListItem .dropDownList{
    vertical-align: middle;
}

/*****************************************************************************************************************************
    .projectStageEventTimeListItemControl
*****************************************************************************************************************************/
.projectStageEventTimeListControlDiv{
    padding: 0px !important;
    margin: 10px 0 0 0 !important;
    width: 918px;
}

.projectStageEventTimeListControlDiv div.listItemRed, .projectStageEventTimeListControlDiv div.listItemGreen{
    border-top: 0px solid !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}

.projectStageEventTimeListItemControl {
    padding: 0px !important;
    margin: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

.projectStageEventTimeListItemControl .headerItem {
    margin: 10px 0 0 0 !important;
}

.eventNameField{
    width: 626px;
}

.varianceDaysField{
    text-align: right;
    width: 80px;
}

.allowanceDaysField{
    text-align: right;
    width: 100px;
}

.nettDaysField{
    text-align: right;
    width: 80px;
}

/*****************************************************************************************************************************
    .projectStageEventCostListItem
*****************************************************************************************************************************/
.projectStageEventCostListControlDiv{
    padding: 0px !important;
    margin: 10px 0 0 0 !important;
    width: 918px;
}

.projectStageEventCostListControlDiv div.listItemRed, .projectStageEventCostListControlDiv div.listItemGreen{
    border-top: 0px solid !important;
    border-left: 0px solid !important;
    border-right: 0px solid !important;
}

.projectStageEventCostListItem{
    padding: 0px !important;
    margin: 0 !important;
    border-bottom: 1px solid #ccc !important;
}

.costNameField{
    width: 388px;
}

.varianceCostField, .varianceCostField span{
    text-align: right;
    width: 80px;
}

.allowanceCostField, .allowanceCostField span{
    text-align: right;
    width: 80px;
}

.nettCostField, .nettCostField span{
    text-align: right;
    width: 80px;
}

.variancePercentageField, .variancePercentageField span{
    text-align: right;
    width: 80px;
}

.allowancePercentageField, .allowancePercentageField span{
    text-align: right;
    width: 80px;
}

.nettPercentageField, .nettPercentageField span{
    text-align: right;
    width: 80px;
}

.enterActionMessagePageDiv{
    width: 100%;
}

/***
    RAG Control
***/
.RAGSelectLink{
    display: inline-block;
    line-height: 31px;
    vertical-align: middle;
}

.RAGSelectLink span{
    display: inline-block;
    height: 32px;
    width: 32px;
}

.RAGSelectList{
    display: inline-block;
    line-height: 22px;
    cursor: default;
}

.RAGSelectList span{
    display: inline-block;
    height: 22px;
    width: 22px;
}

.RAGSelectLink span.RAGGreen{
    background: url('images/bullet_ball_green.png') no-repeat center center;
}

.RAGSelectList span.RAGGreen{
    background: url('images/24x24/bullet_ball_green.png') no-repeat center center;
}

.RAGSelectLinkSelected span.RAGGreen{
    background: url('images/32x32/bullet_ball_green.png') no-repeat center center;
}

.RAGSelectLink span.RAGAmber{
    background: url('images/bullet_ball_yellow.png') no-repeat center center;
}

.RAGSelectList span.RAGAmber{
    background: url('images/24x24/bullet_ball_yellow.png') no-repeat center center;
}

.RAGSelectLinkSelected span.RAGAmber{
    background: url('images/32x32/bullet_ball_yellow.png') no-repeat center center;
}

.RAGSelectLink span.RAGRed{
    background: url('images/bullet_ball_red.png') no-repeat center center;
}

.RAGSelectList span.RAGRed{
    background: url('images/24x24/bullet_ball_red.png') no-repeat center center;
}

.RAGSelectLinkSelected span.RAGRed{
    background: url('images/32x32/bullet_ball_red.png') no-repeat center center;
}

/*
.ClientDepartmentDropDownControl {
    display: inline-block;
    width: 60%;
}

.ClientDepartmentDropDownControl .radSelect {
    width: 100% !important;
}

*/

.FormDefinitionListItemStatusMessage {
    width: 60px;
    font-style: italic;
    font-size: 100%;
    float: right;
    text-align: right;
    padding: 0 4px 0 0;
}

.PropertyTable {
    border-collapse: collapse; 
    margin: 0px; 
    padding: 0px; 
    border-top: solid 1px #000000; 
    border-left: solid 1px #000000;
    font-size: 80%;
}

.PropertyTable tr {
    border-collapse: collapse; 
    margin: 0px; 
    padding: 0px; 
    border-bottom: solid 1px #000000; 
    border-right: solid 1px #000000; 
}

.PropertyTable td {
    padding: 0px;
}