div.divListItemContainer
{
	float: left;
	margin: 6px 0 0 0;
}

/***************************************************************************************
	List Items
****************************************************************************************/

div.divListContainer
{
	float: left;
	width: 944px;
	border: solid 1px #C8CDD2;
	padding:  4px 10px;
	margin: 0 0 8px 0;
}

.popUpPageContents div.divListContainer{
    width: 904px;
}

div.divListContainer .RadToolBar{
    margin: 4px 0 0 0 !important;
	width: 100%; /*-941px !important;*/
}

div.divListContainer div#divTitleBar{
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 150%;
}

div.divListContainer a.aListItem
{
	text-decoration: none;
}

div.divListContainer dl.dlListItemAlt, div.divListContainer div.divListItemAlt
{
	background-color: #F0F0F0;
}

div.divListContainer dl.dlListItemOver, div.divListContainer dl.dlListItemAltOver
{
	background-color: #DFE8FD;
}

p.pDivider
{
	border-collapse: collapse;
	border-bottom: solid 1px #ccc;
	margin: 0 auto;
	_margin: -5px 0 5px 0;
	padding: 0px !important;
	width: 100%;
	height: 1px;
}

p.itemSeperator
{
	border-collapse: collapse;
	border-bottom: solid 1px #ccc;
	margin: 2px auto;
	_margin: -14px auto 4px;
	padding: 0px !important;
	width: 100%;
	height: 1px;
}

div.divListContainer .RadTreeView{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    overflow: visible !important;
}

/**************************************************************************************
    Node List
***************************************************************************************/
.NotHighlightedTreeView .rtLI .rtIn,
.NotHighlightedTreeView .rtLI .rtHover .rtIn,
.NotHighlightedTreeView .rtLI .rtSelected .rtIn
{
    background:none;
    display: inline-block;
    *display: inline;
    background-color: #fff !important;
    border: 0;
    padding: 2px;
    margin: 0 0 0 3px;
    color: #666666 !important;
    text-decoration:none;
    font-weight: normal !important;
    width: 100%;
}

.NotHighlightedTreeViewWithHierarchy .rtLI .rtIn,
.NotHighlightedTreeViewWithHierarchy .rtLI .rtHover .rtIn,
.NotHighlightedTreeViewWithHierarchy .rtLI .rtSelected .rtIn
{
    display: inline-block;
    *display: inline;
    width: 100% !important;
    margin: 0;
}

.rtSp{
    display: none;
    height: 0 !important;
    line-height: 0 !important;
}

.categoryTreeView .rtLI .rtIn,
.categoryTreeView .rtLI .rtHover .rtIn,
.categoryTreeView .rtLI .rtSelected .rtIn{
	border-top: solid 1px #ccc;
}

.RadTreeView .rtLI .rtSelected div.rtIn
{
    font-weight: normal !important;
}

/***************************************************************************************
    Drsag Drop Clues
***************************************************************************************/
.dropClue
{
    width: 16px;
    height: 16px;
    position: absolute;
    left: -10px;
    top: -10px;
}
        
.dropEnabled
{
    background-image: url('images/plus.png');
}
        
.dropDisabled
{
    background-image: url('images/cross.png');
}

/***************************************************************************************
    ALPHABET SELECT CONTROL
***************************************************************************************/
div.divAlphabetSelectControl{
    padding: 0 3px 0 0;
}

div.divAlphabetSelectControl .RadToolBar{
    width: 100% !important;
}

.agreementCategoryDescription{
    overflow: auto;
}

/***************************************************************************************
    DATA LIST ITEM
***************************************************************************************/
dl.dlDataListItem{
    width: 99%;
    color: #666;
    cursor: default;
    margin: 2px auto;
    float: left;
}

dl.dlDataListItem dt.dtDataListItemTitle{
    color: #333 !important;
}

dl.dlDataListItem dt.dtDataListItemTitle .chkSelectListItem{
    float: left;
    margin: 3px 0 0 0;
    padding: 0px !important;
    width: 20px;
    text-decoration: none !important;
    border-collapse: collapse;
}
    
dl.dlDataListItem span{
    padding: 2px;
}

dl.dlDataListItemOver
{
    background-color: #EDF0F8;
}

dl.dlDataListItem dt a, dl.dlDataListItem dt.dtDataListItemTitle a{
    text-decoration: none;
    width: 100% !important;
    color: #333 !important;
}

dl.dlDataListItem dt a span, dl.dlDataListItem dt.dtDataListItemTitle a span{
    text-align: left !important;
}

dl.dlDataListItemOver dt.dtDataListItemTitleOver{
    text-decoration: underline !important;
    width: 100%;
}

dl.dlDataListItemOver dt.dtDataListItemTitleOver a{
    text-decoration: underline !important;
}

dl.dlDataListItemOver dt.dtDataListItemTitleOver .chkSelectListItem{
    text-decoration: none !important;
}

dl.dlDataListItem dt, dl.dlListItem dd{
    width: 100%;
}

dl.dlListItem dd{
    padding: 0px !important;
}

dl.dlDataListItem dd.lhColumn{
    display: block !important;
    float: left !important;
    height: 100% !important;
    width: auto !important;
}

dl.dlDataListItem .lhContent{
    display: block;
    float: left;
    width: auto !important;
}

dl.dlDataListItem .rhContent, dl.dlDataListItem span.rhContent{
    float: right;
    width: auto;
}

dl.dlDataListItem div.rhContent span{
    float: right;
}

dl.dlDataListItem dt, dl.dlDataListItem dt.dtDataListItemTitle, dl.dlDataListItem dt.dtDataListItemTitle a{
    display: block;
    letter-spacing: 2px !important;
    font-size: 115%;
    cursor: pointer;
}

dl.dlDataListItem div.divExpandCollapse{
    float: right;
}

dl.dlDataListItem div.divExpandCollapse span{
    cursor: pointer;
}

dl.dlDataListItem .address{
    font-style: italic;
    display: inline-block;
}

dl.dlDataListItem .telephoneNumber{
    font-style: normal;
    color: #333;
    letter-spacing: 2px !important;
    font-style: italic;
}

dl.dlDataListItem span.description{
    display: block;
    padding: 4px;
}

dl.dlDataListItem .imgExpandCollapseImage{
    display: block;
    height: 16px;
    float: right;
    width: 16px;
    border: solid 0px #f00 !important;
    border-collapse: collapse;
    border-style: none !important;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    background-image: url('images/expand.gif');
    background-position: center;
    background-repeat: no-repeat;
}

dl.dlDataListItem .imgExpandCollapseImageExpanded{
    background-image: url('images/collapse.gif') !important;
    cursor: pointer;
}

div.divExpandCollapseDetail{
    height: 0px;
    margin: 0;
    overflow: hidden;
    font-size: 100%;
}

div.divExpandCollapseDetail dl.dlDataListItem{
    display: inline-block;
    margin: 6px 0 0 10px;
    width: 98%;
}

dl.dlDataListItem dd p.pMenuDivider{
    height: 1px;
    display: block;
    border: solid 1px #000;
    width: 100%;
}

/***************************************************************************************
    listItemTable
***************************************************************************************/

p.divider{
    border-top: solid 1px #ccc;
    margin: 0px auto 2px;
    padding: 0px;
    height: 1px;
    display: block;
}

table.listItemTable {
    border-collapse: collapse;
    border: solid 1px #FFFFFF;
    color: #666;
    margin: 2px;
    padding: 2px 4px;
    width: 99.5%;
}

table.listItemTable td.lhColumn, table.listItemTable  td.rhColumn{
    width: 8px;
    margin: 0px;
    padding: 0px;
}

table.listItemTable tr.firstRow, table.listItemTable tr.firstRow td{
    margin: 0px;
    padding: 0px !important;
    float: left !important;
    display: block;
}

table.listItemTable tr.firstRow .ulListItemMenu li{
    margin: 0px;
    padding: 0px !important;
}

table.listItemTable tr.menuRow{
    height: 8px;
}

table.listItemTableOver
{
    background-image: url( 'images/rowovr.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E0E9F1;
    border: 1px solid #9cb6c5;
}

table.listItemTableSelected {
    background-image: url('images/sel_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
}

table.listItemTableSelectedOver {
    background-image: url('images/selovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #ffd96a;
}

table.listItemTable td{
    margin: 0px !important;
    padding: 1px 4px;
}

table.listItemTable td.listItemFullHeightColumn
{
    border-collapse: collapse;
    padding: 0 !important;
    margin: 0px !important;
    vertical-align: top;
    width: 28px;
}

table.listItemTable td.listItemTitle{
    color: #333;
    font-size: 130%;
    letter-spacing: 2px !important;
}

table.listItemTable td .listItemLink{
    text-decoration: none;
    display: block;
    width: 100%;
}

table.listItemTable td .listItemLinkOver{
    text-decoration: underline;
}

table.listItemTable tr.expandCollapseRow{
    height: 0px;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
}

.lhContent{
    display: inline !important;
    float: left;
    white-space: normal;
}

.rhContent {
    display: inline;
    float: right;
}

.cnContent{
    display: block;
    margin: auto auto !important;
}

.ilContent{
    display: inline-block !important;
    *float: left;
}

.address, .telephoneNumber{
    display: inline-block;
    font-style: italic;
    font-size: 105%;
    margin: 0 4px 0 0;
}

.telephoneNumber{
    letter-spacing: 2px;
}

.selector{
    float: left;
    margin: 2px 2px 0 -2px;
    padding: 0px !important;
    width: 20px;
    text-decoration: none !important;
    border-collapse: collapse;
}

.supplierRank
{
    background-image: url(  'images/yelgrd_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #C9D7E4;
    display: block;
    margin: 0 4px 0 -2px;
    padding: 0;
    font-size: 130%;
    color: Navy;
    text-align: center;
    width: 34px;
    float: left;
    line-height: 42px;
    height: 100%;
}

.supplierRank span{
    position: relative;
    display: block;
    margin: auto;
    vertical-align: middle;
    padding: 0;
    bottom: 0px;
}

.fixedLength60{
    display: inline-block;
    width: 60px;
}

.fixedLength80{
    display: inline-block;
    width: 80px;
}

.fixedLength100{
    display: inline-block;
    width: 100px;
}

.fixedLength110{
    display: inline-block;
    width: 110px;
}

.fixedLength120{
    display: inline-block;
    width: 120px;
}

.fixedLength360{
    display: inline-block;
    width: 360px;
}

.fixedLength300{
    display: inline-block;
    width: 300px;
}

.percentageWidth40{
    display: inline-block;
    width: 40%;
}

.rp4{
    padding-right: 4px;
}

.lp4{
    padding-left: 4px;
}

.bm4{
    margin-bottom: 4px;
}

.tm4{
    margin-top: 4px;
}

.rightAlign{
    text-align: right;
}

.leftAlign{
    text-align: left;
}

.imbUpButton{
    margin: 2px auto 0;
    top: 0px;
}

.imbDownButton{
    margin: 0 auto 2px;
    bottom: 0px;
}

.listItemStatistics{
}

.listItemStatistic{
    float: right;
    margin: 2px;
    min-width: 60px;
}

.listItemStatistic span{
    display: block;
    text-align: center;
}

.listItemStatistic span.statisticValue{
    display: block;
    font-size: 130%;
}

.listItemStatistic span.statisticTitle{
    margin: 3px 0 0 0;
}

.emailAddress{
    font-size: 110%;
}

.smallEmailAddress{
    font-size: 70%;
    display: inline-block;
    padding: 0 0 0 4px;
    line-height: inherit;
}

.userRole{
    display: inline-block;
    padding: 0 0 0 4px;
}

.listItemLineTitleLine .userRole{
    line-height: 24px;
}

.listItemLineTitleLine span{
    display: inline-block;
    line-height: inherit;
}

.invitationAgreementClientName{
    display: block;
    margin: 4px 0 auto 4px;
    font-style: italic;
    letter-spacing: 2px;
}

.agreementType{
    margin-left: 4px;
    line-height: inherit;
    font-size: 90%;
    font-style: italic;
}

/***************************************************************************************
    .treeViewControl
***************************************************************************************/
.treeViewControl{
    margin: 10px 0 0 0;
}

/***************************************************************************************
    .agreementListItemLHContent
***************************************************************************************/

.listItem .agreementListItemLHContent{
    width: 830px;
}

.divListContainer .listItem .agreementListItemLHContent{
    width: 810px;
}

/***************************************************************************************
    dlSelected
***************************************************************************************/
dl.dlSelected
{
    background-color: #FFF1D5;
}

/***************************************************************************************
    ulListItemMenu
***************************************************************************************/

div.listItemMenuHolder{
    position: relative;
    display: none;
    float: left;
    /*width: 100%;*/
    margin: -34px 0 0 -3px;
    z-index: 9999;
}

table.listItemTableOver div.listItemMenuHolder{
    display: inline-block;
}

ul.ulListItemMenu
{
    list-style-type: none;
    display: block;
/*
    background-image: url('images/title_bg.jpg' );
    background-image: url('images/ctx_bg.jpg' );
    background-image: url('images/ff_bg.png' );
    background-repeat: repeat-y;
    background-position: top;
	background-color: #666666 !important;
    border: solid 1px #AAAAAA;
    border: #9cb6c5 1px solid;
    border-bottom: 0px solid;
*/
	background-color: #333333 !important;
    border: 1px solid #333333;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 4px 0 0px 2px;
}

ul.ulListItemMenu li{
    list-style-type: none;
    display: inline-block;
    padding: 0px;
    cursor: pointer;
    margin: 0 4px 0 0;
    float: left;
    _width: auto;
}

ul.ulListItemMenu li a{
    color: #FFFFBB;
    display: block;
    _float: left;
    text-decoration: none;
    height: 18px;
    line-height: 18px;
    padding: 2px;
}

ul.ulListItemMenu li span{
    display: inline-block;
    vertical-align: top;
    height: 18px;
    line-height: 18px;
    margin: 0 4px 0 0 !important;
}

ul.ulListItemMenu li input{
    padding: 0px !important;
}

ul.ulListItemMenu li.liListItemOver{
/*
    background-image: url('images/ctxmnuovr_bg.jpg' );
    background-image: url('images/ctxovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
	background-color: #000 !important;
*/
    background-color: #666666;
}

ul.ulListItemMenu li.liListItemOver a{
    color: #FF5000;
    line-height: normal;
    text-decoration: none;
}

ul.ulListItemMenu li.liListItemOver span{
    text-decoration: underline;
}

ul.ulListItemMenu li img{
    border: none;
}

ul.ulListItemMenu li input{
    cursor: pointer;
}

ul.ulListItemMenu li.rhSpacer{
    cursor: default;
    _width: 1px !important;
}

/***************************************************************************************
    CONTACT LIST ITEM
***************************************************************************************/

dl.dlContactListItem{
    width: 100%;
    cursor: default;
}

dl.dlContactListItem dt, dl.dlContactListItem dd{
    padding: 0px;
}
    
dl.dlContactListItem dt.dtTitle{
    color: #666666;
    letter-spacing: 2px !important;
    float: left;
    font-size: 130%;
}

dl.dlContactListItem dd.ddSubTitle{
    float: right;
    font-size: 120%;
    text-align: right;
    width: 25%;
}

dl.dlContactListItem dd.ddSubTitle span.emailAddress{
    padding: 0;
}

dl.dlContactListItem dd.ddSubTitle span{
    display: block;
    float: right;
    width: 100%;
}

dl.dlContactListItem dd.ddAddressLine{
    display: block;
    float: left;
    font-style: italic;
}

/********************************************************************************************
    div.listItem
    
    List Suppliers Page IE7, IE8
    List Clients Page IE7, IE8
    List Agreement Page IE7, IE8
********************************************************************************************/
div.listItem{
    *float: left;
    display: block;
    padding: 1px 2px;
    border: 1px solid #FFFFFF;
    _font-size: 90%;
}

div.listItem .listItemLink{
    display: inline-block;
    line-height: 24px;
    font-size: 130%;
    text-decoration: none;
}

div.listItem .listItemLink span{
    display: inline-block;
}

div.listItem .listItemLink a{
    text-decoration: none;
}

div.listItem .listItemLinkOver span{
    text-decoration: underline !important;
}

div.listItem .agreementListNumber{
    display: inline-block;
    font-style: italic;
    font-size: 115%;
    line-height: 24px;
    margin: 0 6px 0 0;
}

div.listItem .listItemLink .agreementListNumber{
    font-size: 90%;
}

div.listItem .RadToolBar{
    width: auto !important;
}

div.listItem .externalLink{
    display: inline-block;
    font-size: 80% !important;
    float: right;
    text-decoration: underline !important;
    margin: 2px 0 0 6px;
}

div.listItem .externalLink img{
    float: left;
    margin: 0 4px 0 0;
}

div.listItem .externalLink span{
    float: left;
    display: inline-block;
}

.listItemLine{
    display: inline-block; 
    width: 100%;
    overflow: hidden;
    line-height: 18px;
}

.listItem div.listItemGold, .listItem div.listItemGreen, .listItem div.listItemBlue, .listItem div.listItemOrange, .listItem div.listItemRed{
    margin-left: -1px;
}

.listItemLineTitleLine{
    line-height: 24px;
}

.listItemFillLine{
    line-height: 23px;
    display: block;
}

.listItemDataLine{
    display: inline-block; 
    width: 100%;
    overflow: hidden;
    line-height: 28px;
}

.listItemValue{
    font-weight: bold;
}

.listItemField{
    line-height: 18px;
}

/********************************************************************************************
    div.listItemOver
********************************************************************************************/
div.listItemOver{
    *float: left;
    display: block;
    padding: 1px 2px;
    background-image: url( 'images/rowovr.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E0E9F1;
    border: 1px solid #333;
}

dl.dlEditForm dd div.listItemOver{
    border: 1px solid #9cb6c5 !important;
}

div.listItemOver div.listItemMenuHolder{
    display: block;
}

/********************************************************************************************
    div.listItemSelected
********************************************************************************************/
div.listItemSelected, div.listItemGold, tr.listItemGold , th.listItemGold, .GoldHighlight{
    background-image: url('images/sel_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
    border: solid 1px #ffd96a !important;
}

div.listItemSelectedOver, div.listItemGoldOver, tr.listItemGoldOver , th.listItemGoldOver, .GoldHighlightOver{
    background-image: url('images/selovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #ffd96a;
    border: 1px solid #ffd96a !important;
}

div.listItemSelectedOver div.listItemMenuHolder, div.listItemGoldOver div.listItemMenuHolder{
    display: inline;
}

dl.dlEditForm dd div.listItemSelectedOver,dl.dlEditForm dd  div.listItemGoldOver, dl.dlEditForm dd tr.listItemGoldOver , dl.dlEditForm dd th.listItemGoldOver{
    border: solid 1px #ffd96a;
}

td.listItemGold{
    background-color: #FFEBAE;
}

/********************************************************************************************
    div.listItemPublished
********************************************************************************************/
div.listItemPublished {
    background-image: url('images/inv_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
    border: 1px solid #333333 !important;
}

div.listItemPublishedOver {
    background-image: url('images/invovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFE084 !important;
}

dl.dlEditForm dd div.listItemPublishedOver{
    border: solid 1px #ffd96a;
}

div.listItemPublishedOver div.listItemMenuHolder{
    display: inline;
}

/********************************************************************************************
    div.listItemAccepted
********************************************************************************************/
div.listItemAccepted, div.listItemGreen, tr.listItemGreen, th.listItemGreen, .GreenHighlight
{
    background-image: url(  'images/acc_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #BEFDB5;
    border: 1px solid #91DF62 !important;
}

div.listItemAcceptedOver, div.listItemGreenOver, tr.listItemGreenOver, th.listItemGreenOver, .GreenHighlightOver {
    background-image: url('images/accovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #94FC85;
    border: 1px solid #91DF62 !important;
}

div.listItemAcceptedOver div.listItemMenuHolder, div.listItemGreenOver div.listItemMenuHolder{
    display: inline;
}

dl.dlEditForm dd div.listItemAcceptedOver, dl.dlEditForm dd div.listItemGreenOver, dl.dlEditForm dd tr.listItemGreenOver, dl.dlEditForm dd th.listItemGreenOver {
    border: 1px solid #91DF62 !important;
}

td.listItemGreen{
    background-color: #BEFDB5;
}

/********************************************************************************************
    div.listItemDeclined
********************************************************************************************/
div.listItemDeclined, div.listItemRed, tr.listItemRed, th.listItemRed, .RedHighlight
{
    background-image: url( 'images/dea_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FECDCD;
    border: 1px solid #FF99FF !important;
}

div.listItemDeclinedOver, div.listItemRedOver, tr.listItemRedOver, th.listItemRedOver, .RedHighlightOver {
    background-image: url('images/deaovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FDACAC;
    border: 1px solid #FF99FF !important;
}

div.listItemDeclinedOver div.listItemMenuHolder, div.listItemRedOver div.listItemMenuHolder {
    display: inline;
}

dl.dlEditForm dd div.listItemDeclinedOver, dl.dlEditForm dd div.listItemRedOver, dl.dlEditForm dd tr.listItemRedOver, dl.dlEditForm dd th.listItemRedOver{
    border: 1px solid #FF99FF !important;
}

td.listItemRed{
    background-color: #FECDCD;
}

/********************************************************************************************
    div.listItemUnpublished
********************************************************************************************/
div.listItemUnpublished, div.listItemGrey, tr.listItemGrey, th.listItemGrey, .GreyHighlight
{
    background-image: url( 'images/dec_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #CCCCCC;
    border: 1px solid #AAAAAA !important;
}

div.listItemUnpublishedOver, div.listItemGreyOver, tr.listItemGreyOver, th.listItemGreyOver, .GreyHighlightOver {
    background-image: url('images/decovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #B6B6B6;
    border: 1px solid #AAAAAA !important;
}

div.listItemUnpublishedOver div.listItemMenuHolder, div.listItemGreyOver div.listItemMenuHolder{
    display: inline;
}

dl.dlEditForm dd div.listItemUnpublishedOver, dl.dlEditForm dd div.listItemGreyOver, dl.dlEditForm dd tr.listItemGreyOver, dl.dlEditForm dd th.listItemGreyOver{
    border: 1px solid #AAAAAA !important;
}

td.listItemGrey{
    background-color: #CCCCCC;
}

/********************************************************************************************
    div.listItemBlue
********************************************************************************************/
div.listItemBlue, tr.listItemBluee, th.listItemBlue, .BlueHighlight
{
    background-image: url( 'images/blue_bg_ovr.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E0E9F1;
    border: 1px solid #C4CCF4 !important;
}

div.listItemBlueOver, tr.listItemBlueOver, th.listItemBlueOver, .BlueHighlightOver {
    background-image: url( 'images/blue_bg_ovr.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E0E9F1;
    border: 1px solid #C4CCF4 !important;
}

div.listItemBlueOver div.listItemMenuHolder{
    display: inline;
}

dl.dlEditForm dd div.listItemBlueOver, dl.dlEditForm dd tr.listItemBlueOver, dl.dlEditForm dd th.listItemBlueOver{
    border: 1px solid #C4CCF4 !important;
}

td.listItemBlueOver{
    background-color: #E0E9F1;
}

/********************************************************************************************
    span.statusMessage
********************************************************************************************/
span.statusMessage{
    font-size: 120%;
    margin: 0 4px 0 0;
}

/********************************************************************************************
    span.intivationMessageTitle
********************************************************************************************/
span.intivationMessageTitle{
    font-size: 105%;
    font-style: italic;
}

/********************************************************************************************
    span.intivationMessage
********************************************************************************************/
span.intivationMessage{
    font-size: 105%;
    margin: 0 4px 0 0;
}

/********************************************************************************************
    span.intivationResponse
********************************************************************************************/
span.intivationResponse{
    text-align: right;
    width: 110px;
}

/********************************************************************************************
    p.intivationMessageSeparator
********************************************************************************************/
p.intivationMessageSeparator{
    border-left: solid 1px #AAAAAA;
    display: block;
    width: 0;
    margin: 0 4px;
    line-height: 18pt;
    font-size: 105%;
}

/*********************************************************************************************
    .projectDate
*********************************************************************************************/
.projectDate{
    line-height: inherit;
    margin: 0;
    padding: 0 10px;
}

/*********************************************************************************************
    .projectStatusMessage
*********************************************************************************************/
.projectStatusMessage{
    width: 140px;
    text-align: right;
}

/*********************************************************************************************
    .listItemRow
*********************************************************************************************/
.listItemRow{
    padding:  0 0 2px 0;
}

.divAgreementCategoryListItemControl{
    display: inline-block;
    width: 100%;
}

.divAgreementCategoryListItemControl .listItem{
}

/************************************************************************************************
    projectStageDetailGrid
************************************************************************************************/
.projectStageDetailGrid {
    width: 100%;
}

.projectStageDetailGrid, .projectStageDetailGrid tr, .projectStageCostDataGrid tr, .projectStageCostDataGrid {
    border: #D0DEEA 1px solid !important;
    border-collapse: collapse;
}

.projectStageDetailGrid tr table tr, .projectStageCostDataGrid tr table tr {
    border: #D0DEEA 0px solid !important;
    border-collapse: collapse;
}

/* Normal Row */
.projectStageDetailGrid tr.normalRow {
    background-color: #ffffff;
}

/* Alternate Row */
.projectStageDetailGrid tr.alternativeRow {
    background-color: #EBF0F5;
}

.projectStageDetailGrid tr.rgNoRecords{
    display: none;
}

.projectStageCostDataGrid th {
    line-height: 30px;
}

.projectStageDetailGrid th {
    background-repeat: repeat-x;
    background-position: top;
    background-color: #EBF0F5;
    border: 1px solid #D0DEEA;
    padding-top: 0px;
    margin-top: 0px;
}

.projectStageTimeDataGrid th
{
    border-top: #D0DEEA 1px solid;
    border-right: #D0DEEA 1px solid;
    border-left: #D0DEEA 1px solid;
    border-bottom: #D0DEEA 1px solid;
}

.projectStageDetailGrid td {
    padding: 0 7px 0;
    height: 30px;
    border-top: #D0DEEA 1px solid;
    border-left: #D0DEEA 1px solid;
    border-right: #D0DEEA 1px solid;
    border-bottom: #D0DEEA 1px solid;
}

.projectStageDetailGrid .RadPicker {
    margin-top: -2px;
}

.projectStageDetailGrid td .RadPicker {
    margin-top: -6px;
}

.projectStageDetailGrid td .itemHeader{
    font-weight: normal;
    display: inline-block;
    line-height: 24px;
    font-size: 130%;
    text-decoration: none;
}

.projectStageDetailGrid th {
    font-weight: normal;
    line-height: 24px;
}

.projectStageDetailGrid th .itemHeader{
    font-weight: normal;
    font-size: 115%;
    line-height: 24px;
}

.projectStageDetailGrid .itemSubHeader{
    display: inline-block;
    font-style: italic;
    font-size: 95%;
    line-height: 24px;
    margin: 0 6px 0 0;
}

.projectStageDetailGrid th .itemSubHeader{
    font-weight: normal;
    line-height: 18px;
}

.projectStageDetailGrid tr .costHeader{
    font-style: italic;
    font-size: 95%;
    line-height: normal;
}

.projectStageDetailGrid th.active, .projectStageDetailGrid tr.active{
    background-image: url( 'images/blue_bg_ovr.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #E0E9F1;
}

.projectStageDetailGrid td.active{
    background-color: #E0E9F1;
}

.projectStageDetailGrid th.submitted, .projectStageDetailGrid tr.submitted{
    background-image: url( 'images/gold_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FFEBAE;
}

.projectStageDetailGrid td.submitted{
    background-color: #FFEBAE;
}

.projectStageDetailGrid th.denied, .projectStageDetailGrid tr.denied{
    background-image: url( 'images/red_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FECDCD;
}

.projectStageDetailGrid td.denied{
    background-color: #FECDCD;
}

.projectStageDetailGrid th.approved, .projectStageDetailGrid tr.approved{
    background-image: url( 'images/green_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #BEFDB5;
}

.projectStageDetailGrid td.approved{
    background-color: #BEFDB5;
}

.projectStageDetailGrid th.suspended, .projectStageDetailGrid tr.suspended{
    background-image: url( 'images/grey_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #CCCCCC;
    border-bottom: 1px solid #bbb !important;
}

.projectStageDetailGrid th.suspended, .projectStageDetailGrid tr.suspended{
}

.projectStageDetailGrid .itemDaysLink{
    text-decoration: underline;
}

.projectStageDetailGrid .itemDaysLinkGreen{
    color: #006600;
}

.projectStageDetailGrid .itemDaysLinkRed{
    color: #DD0000;
}

.projectStageDetailGrid span.itemDaysValue{
    float: left;
    display: inline-block;
    line-height: 22px;
    width: 30px;
    padding: 0 2px;
    margin: 2px 0 0;
    text-align: center;
}

th.TimeDataColumnHeader{
    padding: 0px 7px;
}

div.ColumnHeaderTitlePanel{
    display: block;
    line-height: 18px;
}

div.ColumnHeaderTitlePanel span{
    display: block;
}

div.ColumnHeaderDateTitlePanel{
    display: block;
}

.ColumnHeaderDatePanel{
    height: 30px !important;
    line-height: 30px !important;
}

div.ColumnHeaderDateTitlePanel span{
    display: block;
    font-weight: normal;
    font-style: italic;
    line-height: 30px;
    text-align: right;
    padding: 0 4px 0 0;
}

.ColumnHeaderDatePanel table tbody tr{
    border: 0px solid;
}

/************************************************************
    .projectStageCostDataGrid
************************************************************/
.projectStageCostDataGrid td.costValueColumn{
    padding-bottom: 4px;
    text-align: center;
}

.projectStageCostDataGrid .costHeader {
    display: inline-block;
    width: 100%;
    text-align: center;
    line-height: 20px !important;
}

.projectStageCostDataGrid .projectCostValueField {
    width: 100px !important;
}

.projectStageCostDataGrid .projectEndCostValueField{
    float: left;
}

.projectStageCostDataGrid .projectCostVarianceLink{
    text-decoration: underline;
}

.projectStageCostDataGrid .projectCostVarianceField{
    display: inline-block;
    line-height: 22px;
    float: right;
    width: 40px;
}

.projectStageCostDataGrid .projectCostVarianceFieldGreen{
    color: #006600;
}

.projectStageCostDataGrid .projectCostVarianceFieldRed{
    color: #DD0000;
}

/*****************************************************************************************************************************
.clientLocalPostCodeItem
*****************************************************************************************************************************/
.clientLocalPostCodeItem{
    padding: 4px;
}

/*****************************************************************************************************************************
    RFQ List Item
*****************************************************************************************************************************/
.listItemSubTitleLine{
    font-size: 115%;
}

.rfqStatusMessage{
    width: 180px;
    text-align: right;
}

.listItemCountdownStatistic{
    color: #006600;
    font-size: 96%;
}

.listItemCountdownStatisticExpired{
    color: #666666 !important;
    font-size: 96%;
}

.listItemCountdownStatisticCritical
{
    color: #990000;
    font-size: 96%;
}

/****************************************************************************************
SubContractorListItemView
****************************************************************************************/
.projectStatisticTitle{
    display: inline-block;
    width: 100px;
    text-align: right;
}

.projectStatisticValue{
    display: inline-block;
    width: 60px;
    text-align: right;
}


/*******************************************************************************************
Agreement List Item
*******************************************************************************************/
.countdownControl{
    font-size: 106% !important;
}

.annualisedValue{
    width: 70px;
    text-align: right !important;
    display: inline-block !important;
}

.annualisedValueTitle{
    width: 110px;
    display: inline-block !important;
}

.contractManagerValue{
    font-style: italic;
    width: 186px;
    text-align: right !important;
}

/************************************************************************************************
 Client Contact List
************************************************************************************************/
span.clientUserStatus{
    display: inline-block;
    margin: 0 4px;
    width: 70px;
    text-align: right;
    font-style: italic;
    font-size: 105%;
}

/**************************************************************************************************
    KPI CONTROLS
**************************************************************************************************/
div.KPISetControlDiv dl.KPIControlHolderInEdit .IsRequiredField
{
	background-color: #FFEFEC !important;
	color: #800000 !important;
}

div.KPISetControlDiv dl.KPIControlHolderInEdit .IsRequiredField .fieldHeader
{
    background-position: right center;
    background-image: url('images/bullet_square_red.png');
    background-repeat: no-repeat;
}

div.KPISetValueControl div.KPIValueHolder
{
    display: inline-block;
    width: 73%;
    padding: 4px 0 0;
    _float: left;
}

div.KPISetValueControl div.KPIValueHolder table.KPIValueTable{
    display: inline-block;
    border: none;
    border-collapse: collapse;
    _float: left;
}

div.KPISetValueControl div.KPIValueHolder table.KPIValueTable td.RatingScoreTd{
    text-align: center;
}

.KPIRatingControl
{
    display: inline-block;
    width: auto !important;
    margin: 0;
    height: 26px !important;
}

div.KPISetControlDiv fieldset.KPIFieldSetNoBorder{
    border: none !important;
}

.KPIName{
    float: left;
}

div.KPISetControlDiv fieldset.KPIFieldSetNoBorder legend{
    display: none;
}

div.KPISetValueControl div.KPIValueHolder ul li
{
    display: inline-block;
    *float: left;
}

/*
div.DynamicDataFieldControl div.DynamicDataFieldValueHolder .RadInput, div.DynamicDataFieldControl div.DynamicDataFieldValueHolder .RadInput input,
 div.DynamicDataFieldControl div.DynamicDataFieldValueHolder .radSelect,  div.DynamicDataFieldControl div.DynamicDataFieldValueHolder .RadInput span,
 div.DynamicDataFieldControl div.DynamicDataFieldValueHolder .RadInput textarea{
    display: inline-block;
    width: 100% !important;
    height: auto !important;
}
*/

ul.RatingsDataList, ul.RatingsDataList li{
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.RatingsDataList{
    *width: 80%;
    display: inline-block;
}

ul.RatingsDataList li{
    line-height: 26px;
}

ul.RatingsDataList li.Descriptors{
    line-height: normal !important;
    padding-right: 14px;
}

ul.RatingNumberList, ul.RatingNumberList li{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.RatingNumberList{
    display: inline-block;
    margin: 2px 0px 0 1px;
}

ul.RatingNumberList li{
    display: inline-block;
    width: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 1px;
}

div.RatingScoreTitleDiv, div.RatingScoreTitleDiv span, div.RatingScoreValueDiv
{
    display: inline-block;
    width: 46px !important;
}

div.RatingScoreTitleDiv span{
    text-align: center;
}

div.RatingScoreValueDiv{
    display: inline-block;
    line-height: 22px;
    margin: 0;
    width: 100%;
}

div.KPISetValueControl div.KPIValueHolder dl.dlEditForm dd{
    line-height: normal !important;
    position: relative;
}

span.RatingScoreValue{
    display: inline-block;
    text-align: center;
    border: 1px solid #b8cbde;
    margin: 0px;
    overflow: hidden;
    font-size: 116%;
    font-weight: bold;
    width: 42px;
}

div.RatingsComments{
    display: inline-block;
    width: 260px;
}

div.RatingsComments span.RadInput, div.RatingsComments textarea.riTextBox{
    width: 100% !important;
}

.ClearRatingLink{
    display: inline-block;
    width: 100%;
    text-align: center;
}

.ClearRatingLink a{
    display: block;
    width: 100%;
}

div.ProjectKPISetValueControlDiv dl.dlEditForm{
    margin: 6px 0px;
    padding: 0px;
    width: auto;
}

/*****************************************************************************************************************************
    EOI Invitation List Item
*****************************************************************************************************************************/
.eoiStatusMessage{
    width: 240px;
    text-align: right;
}

/************************
    searchFunctionControlDropDown
************************/
.searchFunctionControlDropDown{
    width: 260px !important;
}

.dropDown300_searchFunctionControlDropDown{
    width: 300px !important;
}

.dropDown340_searchFunctionControlDropDown{
    width: 340px !important;
}

.listItemStatisticLink {
    text-decoration: none;
}

.listItemStatisticLinkOver .statisticTitle{
    text-decoration: underline;
}