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.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.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 span.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 span.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 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 .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 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;
    vertical-align: top !important;
    margin-top: 0px;
    *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 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: 0 4px;
}

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

.logInDetails a{
    color: #ffffff;
}

.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{
    float: right;
    font-size: 60%;
    _font-size: 55%;
    width: 40%;
    padding: 0 4px 0 0;
}

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

.loginOption{
    display: block;
    margin: 4px 0 0 0;
}

.loginOption a{
    color: #ffffff;
    text-align: right;
}

/********************************************************************************************************************
    .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;
}