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
***************************************************************************************/
.RadTreeView .rtLI .rtIn,
.RadTreeView .rtLI .rtHover .rtIn,
.RadTreeView .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%;
}

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

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

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

.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: -30px 0 0 0px;
    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-repeat: repeat-x;
    background-position: top;
	background-color: #666666 !important;
    border: solid 1px #AAAAAA;
    color: #FFFFFF;
    height: 22px;
    line-height: 22px;
    margin: 0;
    padding: 2px 0 2px 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{
    display: block;
    _float: left;
    text-decoration: none;
    height: 16px;
    line-height: 16px;
    padding: 2px;
}

ul.ulListItemMenu li span{
    display: inline-block;
    vertical-align: top;
    color: #FFFFFF;
    height: 16px;
    line-height: 16px;
    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;
}

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

ul.ulListItemMenu li.liListItemOver span{
	color: #111111;
    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 a span, div.listItem .listItemLinkOver{
    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;
}

/********************************************************************************************
    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 #9cb6c5;
}

div.listItemOver div.listItemMenuHolder{
    margin-left: -3px !important;
    display: block;
}

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

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

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

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: solid 1px #ffd96a;
}

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

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

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

div.listItemAcceptedOver, div.listItemGreenOver, tr.listItemGreenOver, th.listItemGreenOver {
    background-image: url('images/accovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #94FC85;
}

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

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

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

div.listItemDeclinedOver, div.listItemRedOver, tr.listItemRedOver, th.listItemRedOver {
    background-image: url('images/deaovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #FDACAC;
}

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

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

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

div.listItemUnpublishedOver, div.listItemGreyOver, tr.listItemGreyOver, th.listItemGreyOver {
    background-image: url('images/decovr_bg.jpg' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #B6B6B6;
}

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

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

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

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

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

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 20px 0 0;
}

/*********************************************************************************************
    .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, .projectStageCostDataGrid {
    border: #ccc 1px solid;
    border-collapse: collapse;
}

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

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

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

.projectStageDetailGrid th
{
    background-image: url( 'images/tbl_hdr_bg.gif' );
    background-repeat: repeat-x;
    background-position: top;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc !important;
    padding-top: 0px;
    margin-top: 0px;
}

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

.projectStageDetailGrid td {
    padding: 4px 7px 3px;
    height: 30px;
}

.projectStageTimeDataGrid td{
    border-left: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: 1px solid #ccc;
}

.projectStageCostDataGrid th {
    border: none;
}

.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 .itemHeader{
    font-weight: normal;
    font-size: 115%;
    line-height: 24px;
    color: #333 !important;
}

.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;
    color: #333;
}

.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 td.suspended{
    background-color: #CCCCCC;
    border-bottom: 1px solid #bbb;
}

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;
}

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

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

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

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

.listItemCountdownStatisticOver{
    color: #006600 !important;
    font-size: 96%;
}

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

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