/* --------- Generic ----------- */
html, body {
    margin:0;
   padding:0;
   /*height: 100%;*/
}
/*html, body {height: 100%;} */
/*.maxheightdiv div
{
    height: auto !important;
    min-height: 100%;
}*/
a
{
    text-decoration: none;
}
:link:hover, .linkHover
{
    color: Blue;
    cursor: pointer;
}
:link:visited
{
    color: Blue;
}
a
{
    color: Blue;
}
body, body label
{
    font-family: Verdana;
    font-size: 8pt;
    background: #f5f5f5; /* whitesmoke */
}
input[type="text"], input[type="password"]
{
    border: 1px solid #CACACA;
    font-size: 9pt;
    /*text-align:center;*/
}
h3
{
    color: #95BFE7;
    font-family: Verdana;
    font-size: 14pt;
    font-weight: 700;
    letter-spacing: 2pt;
    text-align: center;
    line-height: 2em;
}
h4
{
    border-bottom: #a0a0a0 1px solid;
    color: #567db0;
    font-size: 1.2em; /*margin: 5px 0 10px 0;*/
    width: 100%;
}
h5
{
    border-bottom: #a0a0a0 1px solid;
    color: #000;
    font-size: 1em;
}
h6
{
    border-bottom: #a0a0a0 1px solid;
    color: #000;
    font-size: 1.1em;
    font-weight: normal;
    width: 100%;
}
.Mousehover
{
    cursor: pointer;
}
.warning
{
    color: #E2AA00;
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 0 0 5px;
}
.informationblue
{
    color: blue;
    font-size: 1.2em;
    margin: 5px 0 0 5px;
}

.informationbluesmall
{
    color: blue;
    font-size: 8px;
    font-weight: normal;
}

.information
{
    font-size: 8pt;
    font-weight: normal;
    margin: 5px 0 5px 0; 
}
.infoIcon
{
    background: url(../../Images/infoSubtle16.png);
    margin: 0 3px 0 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: top;
}
.infoLeft
{
    float: left;
    margin-bottom: 5px;
}
.printRight
{
    float: right;
    margin: 5px;
}
.leftLink22
{
    float: left;
    line-height: 22px;
}
.fullLoadingPanel {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 2147483647 !important;
    height: 100% !important;
    width: 100% !important;
}

.fullLoadingPanelMessage {
    position: fixed;
    top: 49% !important;
    left: 54% !important;
    font-size: 14px;
}

    /*.helpIcon32
{
    background: #fff url(../../Images/help32.png);
    margin: 0 3px 0 3px;
    width: 32px;
    height: 32px;
    display: inline-block;
}*/
    /*.helpIcon16
{
    background: #fff url(../../Images/help16.png);
    margin: 0 3px 0 3px;
    width: 16px;
    height: 16px;
    display: inline-block;
}*/
    /*.supportHeader
{
    background: #fff url(../../Images/Support.png);
    margin: 0 3px 0 3px;
    width: 85px;
    height: 24px;
    display: inline-block;
}*/
    .red
{
    color: Red !important;
    font-weight: bold !important;
}
.amber
{
    color: Orange !important;
    font-weight: bold !important;
}
.green
{
    color: #009400 !important;
    font-weight: bold !important;
}
.whiteLabel
{
    color: white;
}
#list li
{
    list-style-type: none;
    display: inline-table;
    padding: 3px;
}
#list li label
{
    width: 75px;
    display: inline-block;
    line-height: 1.8;
    vertical-align: top;
}
#list li input[type='text'], input[type='password']
{
    width: 150px;
    vertical-align: top;
}
.center
{
    margin-left: auto;
    margin-right: auto;
}
.boldText
{
    font-weight: bold;
}
/*.italicText
{
    font-style: italic;
}*/
div.base
{
    margin: 5px 1px 0.5em 1px;
    text-align: center;
    width: auto;
}
div.row
{
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    clear: both;
}
div.left-20
{
    border: none;
    float: left;
    width: 20%;
    text-align: left;
}
div.left-60
{
    border: none;
    float: left;
    width: 60%;
    text-align: left;
}
div.right-20
{
    border: none;
    float: right;
    width: 20%;
}
div.right-40
{
    border: none;
    float: right;
    width: 40%;
}
div.colHeader
{
    border: none;
    width: 100%;
}
div.colHeader div
{
    border: none;
    float: left;
    height: 40px;
}
/*div.col25
{
    width: 25px;
    vertical-align: middle;
}*/
div.col50
{
    width: 50px;
    vertical-align: middle;
}
/*div.col75
{
    width: 75px;
    vertical-align: middle;
}*/
div.col100
{
    width: 100px;
    vertical-align: middle;
}
/*div.col150
{
    width: 150px;
    vertical-align: middle;
}*/
/*div.col200
{
    width: 200px;
    vertical-align: middle;
}*/
/*div.col250
{
    width: 250px;
    vertical-align: middle;
}*/
/*div.col300
{
    width: 300px;
    vertical-align: middle;
}*/
div.col
{
    vertical-align: middle;
}
div.rightdiv
{
    float: right !important;
}
div.padTop5
{
    padding-top: 5px;
}
div.padTop10
{
    padding-top: 10px;
}
div.padTop15
{
    padding-top: 15px;
}
div.padTop20
{
    padding-top: 20px;
}
/*div.padBottom5
{
    padding-bottom: 5px;
}*/
div.padBottom15
{
    padding-bottom: 15px;
}
/*div.padBottom20
{
    padding-bottom: 20px;
}*/
div.padLeft5
{
    padding-left: 5px;
}
div.padLeft10
{
    padding-left: 10px;
}
div.padLeft20
{
    padding-left: 20px;
}
div.padLeft25
{
    padding-left: 25px;
}
/*div.padLeft50
{
    padding-left: 50px;
}*/
div.padLeft100
{
    padding-left: 100px;
}
div.pad10
{
    padding: 10px;
}
/*div.pad15
{
    padding: 15px;
}*/
/*div.pad20
{
    padding: 20px;
}*/
/*div.pad25
{
    padding: 25px;
}*/
div.clear
{
    clear: both;
}
.inlineBlock
{
    display: inline-block;
}
.error
{
    font-size: 1.6em;
    color: Red;
    vertical-align: middle;
    margin-left: 4px;
}
.error.med {
    font-size: 1.3em !important;
}
.error.small {
    font-size: 1.0em !important;
}
.hiddentextsmall {
    font-size: 1.0em;
    color: White;
    vertical-align: middle;
    margin-left: 4px;
}
.subtle
{
    color: silver;
}
.LowPriority
{
    color: #969696;
    font-style: italic;
}
.footnote
{
    padding: 3px;
    color: #ADADAD;
    display: inline-block;
}
.align_left
{
    text-align: left !important;
}
.align_right
{
    text-align: right !important;
}
.align_center
{
    text-align: center !important;
}
.valign_top
{
    vertical-align: top;
}
/*.valign_middle
{
    vertical-align: middle;
}*/
.FloatElementsLeft
{
    margin: 5px;
    line-height: 20px;
    height: 26px;
}
.FloatElementsLeft div
{
    float: left;
    margin-left: 5px;
}
.FloatElementsLeft span
{
}
.floatL
{
    float: left;
}
.floatR
{
    float: right;
}
.clearL
{
    clear: left;
}
.padElement
{
    margin: 1px 2px 4px 2px;
    display: inline-block;
}
.black
{
    color: Black !important;
}
.inactive, .inactive .rlbText
{
    color: Red !important;
    font-weight: bold;
}
.hideElement
{
    display: none;
}
.showElement, .blockElement
{
    display: block;
}
.showElementInline
{
    display: inline;
    float: left;
}
.indentBlockElement
{
    padding-left: 10px;
    display: block;
}
.width95pRight
{
    width: 95%;
}
/*.width60pCentred
{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}*/
.noBorder
{
    border: none;
}
.hyperlinkNoBorder img
{
    border: none;
}
.padRight5
{
    padding-right: 5px;
}
.padRight10
{
    padding-right: 10px;
}
/*.marRight5
{
    margin-right: 5px;
}*/
.marRight10
{
    margin-right: 10px;
}
.hyperlink a
{
   color: blue !important;
}

.noborder
{
    border: 0 none !important;
}

/* --------- Menu ----------- */
.tabstrip_selected
{
    font-weight: bold !important;
    /*font-size: 1.1em !important;*/
    color: black !important; /*background:#fff url(../../Images/bluebg.png) repeat !important; */
}
/*.mainmenu_selected
{
    font-weight: bold !important;
    font-size: 1em !important;
    color: black !important;
    background-color: White !important;
    border: 1px solid #ACACAC;
}*/
/*.tabstrip_default, .mainmenu_default
{
}
.tabstrip_disabled, .mainmenu_disabled
{
}*/


/* --------- Content ----------- */
.login
{
    color: #007082;
    width: 250px;
}
.login li input[type='image']
{
    position: absolute;
    left: 50%;
    top: 60%;
    margin-top: 5px;
    margin-left: 55px;    
}
.loginReset
{
    position: absolute;
    top: 62%;
    left: 46%;
    margin-top: -80px;
    margin-left: -30px;
}
.loginBox
{
    position: absolute;
    top: 25%;
    left: 39%;
    width: 350px;
    height: 400px;
    background-color:#F0F0F0 ;
    border-color:#505050 ;
    border-style:Solid;
    border-width:1px;

}
#loginPreamble
{
    background-position: bottom;
    background-repeat: no-repeat;
    width: 959px;
    height: 850px;
    overflow: auto;
    color: #567db0;
    font-size: 1.6em;
    font-weight: bold;
    text-align: justify;
    margin-left: auto;
    margin-right: auto;
}
#loginPreamble p
{
    padding-left: 12px;
}
.loginBox2
{
    /*    position: absolute;      top: 15%;      left: 37%;      margin-top: -80px;      margin-left: -30px; */
    border: 1px solid #990000;
    background-image: URL('../../Images/loginBoxBackground.png');
    background-repeat: repeat;
}
#mainContent
{
    height: auto !important;
    min-height: 99%;
    /*margin: 5px 1px 0;*/
    display: inline-block;
    min-width: 99%;
}
.menu_section
{
    margin-top: 5px;
}
#lblActivePage
{
    font: bold 2.0em Verdana;
    color: black;
    text-align: center;
    width: 100%;
    display: inline-block;
    line-height: 1.7em;
}
.HeadingNoUnderline
{
    color: #567db0;
    font-size: 1.3em;
    margin: 5px 0 5px 0;
    clear: both;
    display: inline-block;
    float: left;
}
.cad
{
    background-color: #DCE6F4;
}
.edit
{
    background-color: #EEE;
}
.editdata_darker
{
    background-color: #e6e6e6;
}
.calcdata
{
    background-color: #A2FCC0;
}
.centerdata
{
    text-align: center;
}
.changestatus
{
    background-color: #FCEFB4;
}
.preview3d
{
    background-color: #FCEFB4;
}
/*.RecentProject
{
    color: Gray;
    text-decoration: none;
}*/

.CollectionConfigDiv
{
    float: left;
    height: 375px;
}
.CollectionConfigDiv a
{
    margin-right: 10px;
}
.CollectionConfigPreview
{
    clear: both;
    width: 100%;
    /*height: 275px;*/
    margin: 10px 5px 5px 0;
    /*overflow: auto;*/
}

.divGradBg
{
    background: #fff url(../../Images/silverGradBg.png) repeat-x;
}
/*.mnuTab
{
    background: #fff url(../../Images/tab_unselected.png) !important;
}*/
/*.mnuTabSelected
{
    background: #fff url(../../Images/tab_selected.png) !important;
}*/
.grid
{
    width: 1100px;
    margin-left: auto;
    margin-right: auto;
    float: left;
}
/*.grid-col-margin
{
    float: left;
    width: 20px;
    height: 1px;
}*/
/*.grid-c1
{
    float: left;
    width: 280px;
}
.grid-c2
{
    float: left;
    width: 319px;
}
.grid-c3
{
    float: left;
    width: 319px;
}*/
/*.filler
{
    width: 1px;
    display: inline-block;
    line-height: 2;
    height: 28px;
}*/
.labelPlaceHolder
{
    margin-left: 5px;
    line-height: 2;
    display: inline-block;
}

.schedule_table
{
    table-layout: fixed !important;
    margin: 0 !important;
    border-collapse: collapse !important;
    word-wrap: break-word;
    border-spacing: 0 !important;
    padding: 0 !important;
}
.schedule_table .selected,
.schedule_table tr:hover td
{
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    background: #ECDEC8 !important;
    border-bottom-color: #E0D3BE !important;
}
.schedule_table_hdr_border tr, .schedule_table_hdr_border td
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 200;
    color: Black;
    padding: 0 2px 0 2px !important;
}
.schedule_table_hdr .rowHide, .schedule_table_hdr .rowHide tr, .schedule_table_hdr .rowHide td
{
    margin: 0 !important;
    height: 0 !important;
    line-height: 0;
    border: 1px solid white !important;
    border-spacing: 0 !important;
    padding: 0 2px 0 2px !important;
}
.schedule_table .dev
{
    background-color: #FFEABF;
}
.RadGrid_Vista .rgRow>td, .RadGrid_Vista .rgAltRow>td, .RadGrid_Vista .rgEditRow>td, .RadGrid_Vista .rgFooter>td, .RadGrid_Vista .rgFilterRow>td, .RadGrid_Vista .rgHeader, .RadGrid_Vista .rgResizeCol, .RadGrid_Vista .rgGroupHeader>td, .RadGrid_Default .rgRow>td, .RadGrid_Default .rgAltRow>td, .RadGrid_Default .rgEditRow>td, .RadGrid_Default .rgFooter>td, .RadGrid_Default .rgFilterRow>td, .RadGrid_Default .rgResizeCol, .RadGrid_Default .rgGroupHeader>td, .RadGrid_Windows7 .rgRow>td, .RadGrid_Windows7 .rgAltRow>td, .RadGrid_Windows7 .rgEditRow>td, .RadGrid_Windows7 .rgFooter>td, .RadGrid_Windows7 .rgFilterRow>td, .RadGrid_Windows7 .rgHeader, .RadGrid_Windows7 .rgResizeCol, .RadGrid_Sunset .rgGroupHeader>td
{
    /* Override the default padding on the radgrid, as the default padding is a bit excessive, i.e 7px on left and 7px on right */
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
    border-top: 1px solid white !important;
    /*border-left-width: 1px !important;
    border-right-width: 1px !important;*/
    padding: 0 2px 0 2px !important;
    line-height: 15px;
}


.fixedGrid .RadGrid .rgRow, .fixedGrid .RadGrid .rgAltRow
{
    height: auto;
}

.RadGrid .gridNoSort
{
    display: none;
}

.RadGrid_Windows7 .rgGroupHeader
{
    background-position: 0 -6468px !important;
}

.RadGrid .schedule_table_hdr_border
{
    height: 24px;
}

.fixedGrid .RadGrid_Vista .rgRow td, .fixedGrid .RadGrid_Vista .rgAltRow td, .fixedGrid .RadGrid_Vista .rgEditRow td, .fixedGrid .RadGrid_Vista .rgFooter td, 
.fixedGrid .RadGrid_Vista .rgFilterRow td, .fixedGrid .RadGrid_Vista .rgHeader, .fixedGrid .RadGrid_Vista .rgResizeCol, .fixedGrid .RadGrid_Vista .rgGroupHeader td, 
.fixedGrid .RadGrid_Default .rgRow td, .fixedGrid .RadGrid_Default .rgAltRow td, .fixedGrid .RadGrid_Default .rgEditRow td, .fixedGrid .RadGrid_Default .rgFooter td, 
.fixedGrid .RadGrid_Default .rgFilterRow td, .fixedGrid .RadGrid_Default .rgResizeCol, .fixedGrid .RadGrid_Default .rgGroupHeader td, .fixedGrid .RadGrid_Windows7 .rgRow td, 
.fixedGrid .RadGrid_Windows7 .rgAltRow td, .fixedGrid .RadGrid_Windows7 .rgEditRow td, .fixedGrid .RadGrid_Windows7 .rgFooter td, .fixedGrid .RadGrid_Windows7 .rgFilterRow td, 
.fixedGrid .RadGrid_Windows7 .rgHeader, .fixedGrid .RadGrid_Windows7 .rgResizeCol, .fixedGrid .RadGrid_Sunset .rgGroupHeader td,
.fixedGrid .RadGrid_Bootstrap .rgRow td, .fixedGrid .RadGrid_Bootstrap .rgAltRow td,
.fixedGrid .RadGrid_Office2007 .rgRow td, .fixedGrid .RadGrid_Office2007 .rgAltRow td,
.fixedGrid .RadGrid_Office2010Black .rgRow td, .fixedGrid .RadGrid_Office2010Black .rgAltRow td,
.fixedGrid .RadGrid_Office2010Blue .rgRow td, .fixedGrid .RadGrid_Office2010Blue .rgAltRow td,
.fixedGrid .RadGrid_Office2010Silver .rgRow td, .fixedGrid .RadGrid_Office2010Silver .rgAltRow td,
.fixedGrid .RadGrid_Outlook .rgRow td, .fixedGrid .RadGrid_Outlook .rgAltRow td,
.fixedGrid .RadGrid_Silk .rgRow td, .fixedGrid .RadGrid_Silk .rgAltRow td,
.fixedGrid .RadGrid_Simple .rgRow td, .fixedGrid .RadGrid_Simple .rgAltRow td,
.fixedGrid .RadGrid_Sunset .rgRow td, .fixedGrid .RadGrid_Sunset .rgAltRow td,
.fixedGrid .RadGrid_Telerik .rgRow td, .fixedGrid .RadGrid_Telerik .rgAltRow td,
.fixedGrid .RadGrid_Vista .rgRow td, .fixedGrid .RadGrid_Vista .rgAltRow td,
.fixedGrid .RadGrid_Web20 .rgRow td, .fixedGrid .RadGrid_Web20 .rgAltRow td,
.fixedGrid .RadGrid_WebBlue .rgRow td, .fixedGrid .RadGrid_WebBlue .rgAltRow td,
.fixedGrid .RadGrid_Windows7 .rgRow td, .fixedGrid .RadGrid_Windows7 .rgAltRow td,
.fixedGrid .RadGrid_Glow .rgRow td, .fixedGrid .RadGrid_Glow .rgAltRow td
{
    /* Override the default padding on the radgrid, as the default padding is a bit excessive, i.e 7px on left and 7px on right */
    border-left: 1px solid white !important;
    border-right: 1px solid white !important;
    border-top: 1px solid white !important;
    border-bottom: 0px solid white !important;
    /*border-left-width: 1px !important;
    border-right-width: 1px !important;*/
    padding: 0 2px 0 2px !important;
    line-height: 15px;
}


.RadGrid_Vista .rgSelectedRow td, .RadGrid_Vista .rgActiveRow td, .RadGrid_Vista .rgHoveredRow td
{
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    background: #ECDEC8 !important;
    border-bottom-color: #E0D3BE !important;
}


.RadGrid>td, .fixedGrid .RadGrid td
{
    border:  1px solid white !important;
    padding: 0 2px 0 2px !important;
}

.fixedGrid .RadGrid .rgRow > td, .fixedGrid .RadGrid .rgAltRow > td
{
    border-top: none !important;
    border-bottom: none !important;
}

.fixedGrid .RadGrid .rgRow > td:first-child,
.fixedGrid .RadGrid .rgAltRow > td:first-child,
.fixedGrid .RadGrid .rgHeaderDiv th:first-child
{
    padding: 0!important;
    border-left: none !important;
}

.fixedGrid .RadGrid_Default .rgDataDiv
{
    /*padding-left: 4px;
    width: calc(100% - 4px) !important;*/
}

.fixedGrid .RadGrid_Vista .rgDataDiv,
.fixedGrid .RadGrid_Windows7 .rgDataDiv
{
    padding-left: 0px;
    width: calc(100% - 0px) !important;
}

.RadGrid_Bootstrap .rgMasterTable,
.RadGrid_Bootstrap .rgDetailTable,
.RadGrid_Bootstrap .rgGroupPanel table,
.RadGrid_Bootstrap .rgCommandRow table,
.RadGrid_Bootstrap .rgEditForm table,
.RadGrid_Bootstrap .rgPager table
{
    font-size: inherit !important;
}

.ScheduleDetail .RadGrid .rgRow>td, .ScheduleDetail .RadGrid .rgAltRow>td, .ScheduleDetail .RadGrid .rgEditRow>td, .ScheduleDetail .RadGrid .rgFooter>td, 
.ScheduleDetail .RadGrid .rgFilterRow>td, .ScheduleDetail .RadGrid .rgHeader, .ScheduleDetail .RadGrid .rgResizeCol, .ScheduleDetail .RadGrid .rgGroupHeader td 
{
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.adjustableRadGrid .rgHeaderWrapper .rgMasterTable th.rgHeader
{
    padding-left: 0;
}

.fixedGrid .rgHeaderWrapper .rgMasterTable th.rgHeader
{
    padding: 0!important;
}

.RadTreeList_Vista tr.rtlRSel
{
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    background: #ECDEC8 !important;
    border-bottom-color: #E0D3BE !important;
}

.RadTreeView span.rtChkTristate  {
    min-width: 1.5em;
}

div.RadToolBar_Vista .rtbOuter
{
    border: 0 !important;
}
.schedule_toolbar a
{
    padding: 5px;
    margin-right: 3px;
    display: inline-block;
}
.schedule_toolbar img
{
    margin-right: 2px;
    border: 0 none;
}
.schedule_toolbar span
{
    display: inline-block;
    vertical-align: top;
    margin: 5px 3px 0 0;
}
.schedule_toolbar select
{
    display: inline-block;
    vertical-align: top;
    margin-top: 2px;
}

.schedule_toolbar {
    display: flex;
    flex-direction: row;
}

.RadDropDownList
{
    font-size: 11px;
}

.schedule_issue_col
{
    font-size: 0.8em !important;
}
.reports
{
    width: 100%;
}
.reports input[type="image"]
{
    float: right;
}
.reports_mainContent
{
    margin-left: 10px;
    height: 550px;
    width: 890px;
    float: left;
    border: 1px solid lightblue;
}
.reports h4
{
    float: left;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border: 0px none;
    height: 20px;
    text-align: center;
    width: 1075px;
}
.schedule_filteroptions
{
    border: 1px solid #0F5578;
    background-color: #6D9DB5;
    float: right;
    color: White;
    padding: 3px;
    padding-bottom: 6px;
    margin-bottom: 2px;
}
.gridSortAsc, .gridSortDesc, .gridNoSort, .gridHideCol, .gridOptionsCol
{
    width: 16px;
    height: 16px;
    border: 0px !important;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
    font-size: 1px;
    cursor: pointer;
    text-align: right;
    background-color: transparent !important;
}
.gridSortAsc, .gridSortDesc, .gridNoSort
{
    background: transparent url('../../Images/sprite.gif') no-repeat;
}
.gridNoSort
{
    background-position: 3px -9999px;
    height: 10px;
}
.gridSortAsc
{
    background-position: 3px -248px;
    height: 10px;
}
.gridSortDesc
{
    background-position: 3px -198px;
    height: 10px;
}
.gridHideCol
{
    background: transparent url('../../Images/hideCol.png') no-repeat;
}
.gridOptionsCol
{
    background: transparent url('../../Images/config2_16.png') no-repeat;
}
.rotate 
{
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    display:block;
    right:-5px;
    top:15px;

}
.schedule_table .vwr
{
    background: transparent url('../../Images/dwfviewer.png') no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.schedule_table .prw3d
{
    background: transparent url('../../Images/view16.png') no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.schedule_table .dwf
{
    background: transparent url('../../Images/drawing.png') no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
}
.schedule_table .vwrdisabled
{
    background: transparent url('../../Images/dwfviewer_disabled.png') no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block; /*position:relative;    This looks good in IE8 top:-2px; */
}
.setupDiv
{
    background-color: whitesmoke ; /* #fff url(../../Images/silverGradBg.png) repeat-x; */
    border: 1px solid #DADADA;
    float: left;
}
.input-text100, .tblUserDetails .tdCol1
{
    width: 100px;
}
.panel-47
{
    background-color: whitesmoke ; /* #fff url(../../Images/silverGradBg.png) repeat-x; */
    border: 1px solid #DADADA;
    float: left;
    margin: 5px;
    width: 47%;
}
.panel-47 input[type="image"]
{
    float: left;
    clear: both;
    margin: 5px 0 5px 0;
}
.input-text150
{
    width: 150px;
}
.input-text200
{
    width: 200px;
}
.input-text250
{
    width: 250px;
}
.input-text350
{
    width: 350px;
}
.headingunderline
{
    border-bottom: #a0a0a0 1px solid;
    color: #000;
    font-size: 1em;
    margin: 3px 0 3px 0;
    width: 100%;
    display: inline-block;
}
.CmprA table
{
    border: 1px solid #C1CDDE !important;
}
.CmprA table td
{
    border: 1px solid #F1F7FF !important;
    background-color: #DDEBFF;
}
.CmprB table
{
    border: 1px solid #628DA2 !important;
}
.CmprB table td
{
    border: 1px solid #DAEBFF !important;
    background-color: #C3D7FF;
}
.Cmpr_Cell
{
    color: #FFA500;
}
.CmprDefault table
{
    border: 1px solid #EAEAEA !important;
}
.CmprDefault table td
{
    border: 1px solid #EAEAEA !important;
}
.RadGrid td.AuditHistoryA, .RadGrid td.AuditHistoryB 
{
    padding-left: 0 !important;
    padding-right: 0 !important;
    border-left: none !important;
}
.AuditHistoryA table td
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 200;
    color: Black;
    padding: 0 2px 0 2px !important;
}
.AuditHistoryB table td
{
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-top: 1px solid white;
    border-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    font-weight: 200;
    color: Black;
    padding: 0 2px 0 2px !important;
}

.DesignDashboard
{
    color: Black;
    font-family: Verdana;
    font-size: 12pt;
    font-weight: bold;
}
.DesignDashboard td
{
    padding: 5px;
}
.RDSRoomSelection
{
    margin-left: 10px;
    margin-top: 5px;
    width: 600px;
    float: left;
    border: 1px solid;
    height: 560px;
    overflow: scroll;
}
.MaterialComponentSelection
{
    margin-left: 0px;
    width: 500px;
    float: left;
    border: 1px solid #E8F1FC;
    height: 810px;
}

.MaterialComponentGraph
{
    margin-left: 15px;
    width: 1300px;
    float: left;
    height: 810px;
    border: 1px solid #E8F1FC;
}

.workpackage
{
    margin-left: 10px;
    width: 600px;
    display: inline-block;
    border: 1px solid;
    height: 560px;
}
.workPackage_ComponentCount
{
    height: 140px;
}
.workPackage_schedule
{
    height: 410px;
}
.gHT
{
    line-height: normal;
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    font-weight: normal;
}
.gtbl
{
    left: 7px;
    line-height: normal;
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}
.gtbltotals
{
    margin-left: 10px;
}
.gHT tr, .gHT td
{
    border: 0 none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    vertical-align: middle;
}

.gtbl tr, .gtbl td
{
    border-spacing: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
}
.gtbl td a
{
}
.sp
{
    width: 65px;
    text-align: center;
    border: 1px solid #CABAAB;
    float: left;
}

.LandingHeading
{
    color: #B79D84;
    font-size: 0.8em;
}
.LandingDetail
{
    color: #4A6A79;
    font-size: 0.75em;
    font-style: normal;
}
.IsAction
{
    color: #B70505;
}

.CostComparison
{
    border: 1px solid #B7B7B7;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
.CostComparison td
{
    vertical-align: middle;
    padding: 5px;
    border: 1px solid #E2E2E2;
    text-align: left;
}

.CostComparison input[type='text']
{
    border: 0 none;
    text-align: right;
    background-color: #FFFFED;
}

.CCCollapsedRow, .CCCollapsedRow tr, .CCCollapsedRow td
{
    border: 1px solid white !important;
    border-bottom: 1px solid #E2E2E2 !important;
}

.CCParent
{
    background-color: #F5F1EA;
    color: black;
    font-size: 1.1em;
    font-weight: bold;
}
.CCTotalOverall
{
    background-color: #E0E0E0;
    font-size: 1.1em;
    font-weight: bold;
}
.CCTotalBCIS
{
    background-color: whitesmoke;
    font-size: 1.1em;
    font-weight: bold;
}
.CCProjectSettingsHeader
{
    background-color: whitesmoke;
}
.CCHdrElement
{
    background-color: #cacaca; /*#7FAAFF;*/
    color: black;
}
.CCHdrSubElement
{
    background-color: #cacaca; /*#C3D7FF;*/
    color: black;
}
.CCHdrCost
{
    background-color: #cacaca; /*#93DC93;*/
    color: black;
}
.CCGIFA
{
    background-color: whitesmoke ;
}
.CCCostGIFA
{
    background-color: #DCDCDC;
}
.CCRatio
{
    background-color: #7FAAFF;
}
.CCRatio input[type='text']
{
    background-color: #7FAAFF;
}
.CCTotal
{
    background-color: #FFFF7F;
}

.BCISCost
{
    border: 1px solid #B7B7B7;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
.BCISCost th
{
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #E2E2E2;
    text-align: left;
    font-weight: bold;
    background-color: #F1E6D4;
}
.BCISCost td
{
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #E2E2E2;
    text-align: left;
}

.BCISCost input[type='text']
{
    border: 0 none;
    text-align: right;
    background-color: #FFFFED;
}

.TreeViewHighlight
{
    border: 1px solid #CCAF94;
    background-color: #F7EEE4;
}

.CPLevel1
{
    background-color: #f5f1ea;
    font-weight: bold;
    height: 18px;
}
.CPLevel2
{
    background-color: #F0F0F0;
    height: 18px;
}
.CPLevel3
{
    background-color: #fafafa;
    height: 18px;
}
.CPLevel4
{
    background-color: #ffffff;
    font-style: italic;
    height: 18px;
}
.CPLevel5
{
    background-color: #ffffff;
    font-style: italic;
    height: 18px;
    font-weight: bold;
}
.CPTotalEst
{
    background-color: #cacaca;
    border-top: 1px solid #828282;
    border-left: 1px solid #828282;
    color:black;
}

.CPZeroCount
{
    color: #181907 !important;
    font-weight: bold;
}

.CPTotalEst1
{
    background-color: #cacaca;
    color: black;
    border-top: 1px solid #828282;
}
.CPTotalEst td, .CPTotalEst1 td
{
    padding-right: 8px;
    font-weight: bold;
    height: 30px;
    vertical-align: middle;
    text-align: right;
}
.CPTotalEst table tr
{
    padding-top: 0px;
    padding-bottom: 0px;
}
.CPTotal
{
    background-color: #cacaca;
    color: black;
    border: 1px solid #828282;
}
.CPTotal1
{
    background-color: #cacaca;
    color: black;
    border-top: 1px solid #828282;
}
.CPTotal table tr
{
    padding-top: 0px;
    padding-bottom: 0px;
}
.CPTotal td, .CPTotal1 td
{
    padding-right: 8px;
    font-weight: bold;
    height: 30px;
    vertical-align: middle;
    text-align: right;
}
.CPLevel1 td, .CPLevel2 td, .CPLevel3 td, .CPLevel4 td, .CPLevel5 td
{
    vertical-align: middle;
    padding-left: 8px;
    padding-right: 8px;
    border-top: 1px solid #e0e0e0;
}
.CPHeadings1
{
    border-top: 1px solid #828282;
    font-weight: bold;
    background-image: url("../../Images/defaultHeader.JPG");
    background-repeat: repeat-x;
    color: Black;
}
.CPHeadings2
{
    border-bottom: 1px solid #828282;
    background-color: #cacaca; /*#444444;*/
    font-style: italic;
    color: Black;
}
.CPHeadings1 td, .CPHeadings2 td
{
    text-align: center;
}
.CPDelta
{
    padding-right: 8px;
    text-align: right;
    background-color: #FFFFFF;
}
.CPDelta1
{
    padding-right: 8px;
    text-align: right;
    background-color: #e4e4e4;
}

.CPDeltaParent
{
    font-weight: bold;
    background-color: #cacaca;
    text-align: right;
    border-bottom: 1px solid  #808080;
}
.CPDeltaRow
{
    font-style: italic;
}

.CPDeltaColName
{
    padding-left: 32px;
    padding-right: 8px;
    text-align: left;
}
.CPDeltaParentColName
{
    padding-right: 8px;
    text-align: left;
}

.CPSummary
{
    margin-left: auto;
    margin-right: auto;
}

.rh
{
    border-right: 1px solid #828282;
}
.lh
{
    border-left: 1px solid #828282;
}

.SupplierProject
{
    background-color: #F5F1EA;
    color: black;
    font-size: 1.1em;
    font-weight: bold;
    margin-top: 23px !important;
    margin-bottom: 23px !important;
    padding: 20px;
}

.SupplierDetail
{
    margin: 5px;
}
.SupplierDetail th
{
    color: #8E949E;
}
.SupplierDetail td, .SupplierDetail th
{
    padding: 1px;
    text-align: left;
    vertical-align: middle;
}
.mid td
{
    vertical-align: middle !important;
}
.tlwpg
{
    font-weight: bold !important;
    width: 14px;
}
.tlwpg td
{
    border-top: 1px solid #D4CDC2;
}
.tlwpgReg
{
    background-color: #FFFFFF !important;
}
.tlwpgAlt
{
    background-color: #EAE3D6 !important;
}
.tlwpgDTReg
{
    background-color: whitesmoke !important;
}
.tlwpgDTAlt
{
    background-color: whitesmoke !important;
}

.tls
{
    font-style: italic !important;
}
.tls td
{
    border-top: 1px solid #D4CDC2;
}

#dvwp a
{
    color: Black;
}

.TreeListDesignLandingDiscipline
{
    font-weight: bold !important;
}
.TreeListDesignLandingDiscipline td
{
    border-top: 1px solid #D4CDC2;
}
.TreeListDesignLandingReg
{
    background-color: #E5DCD2 !important;
}
.TreeListDesignLandingAlt
{
    background-color: #E5DCD2 !important;
}
.TreeListDesignLandingSchedule
{
    font-style: italic !important;
    /*text-indent: 12px;*/
}
.textindent12
{
    padding-left: 13px;
}
.TreeListDesignLandingSchedule td
{
    border-top: 1px solid #D4CDC2;
}
.TreeListDesignLandingScheduleReg
{
    background-color: lightgrey  !important;
}
.TreeListDesignLandingScheduleAlt
{
    background-color: #FFFFFF !important;
}
.FM_DocLink
{
    margin-left: 12px !important;
    font-style: italic !important;
}

.ProjectListSector
{
    /*background-color:#007082; */
    background-color: #D8D8D8 ;
    color: black;
    font-weight: bold;
    font-size: 9pt;
}

.ProjectListSector a
{
    font-weight: bold;
    color: White;
    vertical-align: middle;
}

.ProjectDropDown
{
    border: 1px solid #7C8082 !important;
    background-color: #E6ECF1 !important;
}

.TreeViewRootItem
{
    background-color: #E2CFBB !important;
    border: 1px solid #CEBCAA !important;
    font-weight: bold;
}

.TreeViewSelectedItem
{
    background-color: #FFE79C !important;
    border: 1px dashed #E8D28E !important;
}

.EditWpGroups
{
    border: 1px solid #B7B7B7;
    table-layout: fixed;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}

.EditWpGroups th
{
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #E2E2E2;
    text-align: left;
    font-weight: bold;
    background-color: #F1E6D4;
}
.EditWpGroups td
{
    vertical-align: middle;
    padding: 3px;
    border: 1px solid #E2E2E2;
    text-align: left;
}

.EditWpGroups input[type='text']
{
    border: 0 none;
    background-color: #FFFFED;
}
.PadL
{
    text-indent: 20px;
}

#ObjectInfoTable
{
    background-color: lightgrey;
    table-layout: fixed;
    padding: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    font-size: 0.9em;
    font-weight: bolder;
}
#ObjectInfoTable tr, #ObjectInfoTable td
{
    border: 1px solid #E5DCD2;
}
#ObjectInfoTable td
{
    font-weight: normal;
}
#RevInfoTable
{
    table-layout: fixed;
    padding: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
    line-height: 10px;
}
#ObjectInfoTable .Deleted
{
    background-color: #D9C0C0;
}

.ScopeIssueComplete
{
    color: #C3C3C3 !important;
}
.ScopeIssueCompleteAccepted
{
    color: #008000 !important;
}
.ScopeIssueCompleteNotAccepted
{
    color: #FFC200 !important;
}
.ScopeIssueDeclined
{
    color: Red !important;
}

.ScopeIssueMissingCosts
{
    color: orange !important;
}

.ToggleButton
{
    outline: none;
}

.NewRevisionButton
{
    width: 110px;
    font-weight: normal;
    font-size:9pt;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background: url(../../Images/Add16.png) no-repeat left center;
    display:inline-block;
    background-color:#ebebeb;
    border:2px solid #d6d6d6;
    height:25px;
}


.WpMappedTo
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.columnFilter
{
    padding-top: 0px;
    padding-bottom: 5px;
    width: 450px;
}

.columnFilterButton
{
    width: 100%;
    text-align: left;
}

.submitButton
{
    text-align: center;
    float: none;
    font: 8pt Verdana;
}

.cancelButton
{
    text-align: center;
    float: none;
    font: 8pt Verdana;
}


/* ----------- Purpose Column -----------------*/

.purposeColSignOff
{
   /* purpose column when revved and has a sign off status */
   color: gray;
}

.purposeColOverridden
{
   /* purpose column when overridden */
   color: black;
   font-weight: bold !important;
}

.purposeCol
{
   /* default for purpose column */
   color: black;
}

/* ---------------- Fault ---------------------*/
.FaultFinished
{
    color: Green !important;
}
.FaultCancelled
{
    color: #C1C1C1 !important;
}

.FMFaultDiv
{
    background-color: #E9E2D9;
    border: 1px solid #ABAAAB;
    padding: 5px;
}
.FMFaultAdd th
{
    text-align: left;
    color: #5A5A5A;
    font-weight: normal;
}
.CollectionConfigColVisible
{
    background-color: #FFEABF;
}
.CollectionConfigColNotVisible
{
    color: #878787;
}

/* --------- Content: Pivot Table ----------- */
div.scroll
{
    height: screen.height;
    width: screen.width;
    overflow: scroll;
    padding: 2px;
}
.pivottable th, .pivottable tr, .pivottable td, .pivottable thead, .pivottable tbody
{
    border: 1px solid white;
    padding: 3px;
    margin: 2px;
    vertical-align: middle;
}
.TableHeader
{
    padding: 4px 0;
    font-weight: bold;
    font-size: 8pt;
    margin-bottom: 3px;
    vertical-align: bottom;
}

/* -------------- System Info Tooltip  ---------*/
.siSectionHdr
{
    font-size: 1.1em;
    font-weight: bold;
    width: 100%;
}
.siDb
{
    color: #9E0505;
}
.siWS
{
    color: #9E0505;
}
.siRS
{
    color: #9E0505;
}
.docLibLabel
{
    font: 12px/16px "segoe ui" ,arial,sans-serif;
    font-weight: bold;
}
.docLibText
{
    font: 12px/16px "segoe ui" ,arial,sans-serif;
}
.aspNetDisabled
{
    color: Gray !important;
    font-style: italic;
    font-weight: normal;
}

/* -----------------  Cobie Reports -------------*/

#diffContents table
{
    table-layout: fixed;
    margin: 0;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0;
    margin-bottom: 3px;
}
#diffContents table td
{
    border: 1px solid #D0D7E5;
}
#diffContents table .Additions
{
    width: 100%;
}
#diffContents table .Changes
{
    width: 100%;
}
#diffContents table .altRow
{
    background-color: #F0F0f0;
}
#diffContents table th
{
    border: 1px solid #D0D7E5;
}
#diffContents .CobieSummary td
{
    text-align: center;
}
#diffContents .Center
{
    text-align: center;
}
#diffContents .FirstSummaryTable
{
    float: left;
    width: 350px;
}
#diffContents .SecondSummaryTable
{
    float: right;
    width: 350px;
}
#diffContents table .TitleRow
{
    font-weight: bold;
    height: 30px;
    color: #555555;
}
#diffContents table .desc
{
    width: 30%;
}
#diffContents table .HeaderRow
{
    text-align: center;
    color: #555555;
    background-color: #ddebff;
}
#diffContents .Match
{
}
#diffContents .NoMatch
{
    background-color: #FFF0F5 !important;
}
#diffContents th
{
    background-color: #C3D7FF;
}
#diffContents .differences
{
    clear: both;
}

.ProjectSiteMapHeader1
{
    color: Black;
    font-size: 12pt;
    font-weight: bold;
}
.ProjectSiteMapHeader2
{
    font-size: 10pt;
    color: Black;
}
.rsmLink
{
    font-weight: normal !important;
}

/* -----------------  Tasks -------------*/
.TasksGrid
{
    width: 1000px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

/* ---------------- Pre-con -------------*/
.PreCon
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

/* -------------- Error Page ------------*/
.StackTraceLabel
{
    vertical-align: top;
}

/* ------------ Load Snapshot -----------*/
.projectLabel
{
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: bold;
}
.projectCombo
{
    width: 400px !important;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* ---------- Drawing Managager ---------*/

.dmClearSearch
{
    position: relative;
    left: -22px;
    top: 1px;
    z-index: 100;
    vertical-align: top;
}

.dmManualUploadButton
{
    background-color: #ff0000;
    color: White;
    vertical-align: top;
    padding: 5px;
    position: relative;
    top: 5px;
}

.dmFieldset
{
    height: 70px;
    display: inline-block;
    vertical-align: top;
    padding: 5px;
}

.dmCompareFieldset
{
    width: 250px;
}

.dmSearchNote
{
    color: Silver;
    vertical-align: top;
    position: relative;
    left: -20px;
    top: 5px;
}

.dmSearchButton
{
    float: right;
}

.dmCompareButton
{
    float: right;
}

.DropZone1
{
    width: 150px;
    height: 35px;
    background-color: #357A2B;
    border-color: #ffffff;
    color: #767676;
    float: right;
    text-align: center;
    font-size: 12px;
    color: white;
}

.DropZoneBorder
{
    width: 150px;
    height: 35px;
    /*background-color: #ffffff;*/
    border-color: #CCCCCC;
    color: #a0a0a0;
    float: right;
    text-align: center;
    font-size: 12px;
    color: white;
    align-content:center;
}
 
.RadAsyncUpload
{
    margin-left: 155px;
    margin-bottom: 28px;
}

/* ----------Schedule Summary ---------*/

.summaryInfoFieldset
{
    margin: 10px;
    width: 90%;
}

.summaryInfoGrid
{
    margin: 10px;
}

.summaryInfoGroupHeader
{
    font-weight: bold !important;
    text-align: center !important;
}

.summaryInfoHeader
{
    font-weight: bold !important;
    text-align: center !important;
}

.summaryInfoHeaderLeft
{
    font-weight: bold !important;
}

.summaryInfoCountCol
{
    background-color: #FFFF99;
    text-align: center;
}

.summaryInfoTotalCol
{
    background-color: #CCFFCC;
    text-align: center;
}

.summaryInfoAverageCol
{
    background-color: #CCFFFF;
    text-align: center;
}

/* used on the system admin landing page */
#mainContainer
{
    margin-left: 8%;
    margin-right: 0;
    width: 92%;
    padding-top: 20px;
}
.chartArea
{
    float: left;
    margin-right: 5px;
    margin-top: 8px;
}
.lastChart
{
    margin-right: 0;
}
#reportButtonArea
{
    margin-bottom: 12px;
}
#reportButtonArea span
{
    margin-right: 5px;
}
#reportButtonArea span a
{
    border: 1px solid #4797df;
    display: inline-block;
    height: 20px;
    padding: 3px 2px 0 2px;
}
#reportButtonArea span a img
{
    padding-right: 3px;
}
#reportButtonArea a:link
{
    background-color: #f5feff;
    color: #2b7aba;
}
/* unvisited link */
#reportButtonArea a:visited
{
    background-color: #f5feff;
    color: #2b7aba;
}
/* visited link */
#reportButtonArea a:hover
{
    background-color: #ffffff;
    color: #272522;
    border: 1px solid #666666;
    -moz-box-shadow: 1px 1px 5px #888;
    -webkit-box-shadow: 1px 1px 5px #888;
    box-shadow: 1px 1px 5px #888;
}
/* mouse over link */
#reportButtonArea a:active
{
    color: #272522;
}
.description
{
    width: 95%;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    /*background-color: #f5feff;*/
    color: #0a61ac;
    padding: 5px;
}

/* edit project form */

#editProjectFormContainer table label
{
    float: left;
}

.editProjectForm, .editProjectFormRH
{
    margin: 3px !important;
    background-color: whitesmoke ;
    border: 1px solid #94BFC5;
    width: 475px;
    height: 360px;
}

.editProjectFormRH
{
    width: 370px;
}
.editProjectForm label
{
    padding-top: 10px;
    padding-left: 20px;
    width: 75px;
    float: left;
}

.editProjectFormRH label
{
    padding-top: 10px;
    padding-left: 20px;
    width: 125px;
    float: left;
}

.editProjectFormItem
{
    padding-top: 8px;
    padding-bottom: 5px; /*float: left;*/
}

.editProjectForm .addButton
{
    float: right;
    margin-right: 12px;
}

.gHT TR .headerTopLine
{
    border-bottom: 1px solid #cc0000 !important;
   
    border-bottom-color: black !important;
}
.centredCell
{
    text-align: center !Important;
    width: 45px !Important;
}

/* EVT Styles */
#graphStats
{
    background: #fff url(../../Images/silverGradBg.png) repeat-x;
    border: 1px none #DADADA;
    color: #333;
    float: left;
    margin-right: 3px;
    padding: 5px;
    vertical-align: top;
    height: 538px;
    width: 262px;
}

#graphStats
{
    font-family: Arial, Verdana;
    font-size: 8pt;
}

#graphStats ul
{
    list-style: none;
    margin: 0;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
}

#graphStats .SectionHeading
{
    font-size: 9pt;
    font-style: italic;
    text-align: center;
    width: 100%;
    background-color: #D0E0FF;
}

#graphStats span
{
    color: Gray;
    display: inline-block;
    font-weight: bolder;
    text-align: left;
    width: 84px;
    line-height: 19px;
    vertical-align: top;
}

#graphStats .col2
{
    text-align: right;
    font-weight: normal;
    width: 170px;
}

#graphStats .warning
{
    color: Red;
    font-weight: bolder;
}
#graphStats .green
{
    color: Green;
    font-weight: bolder;
}

.graphOptions
{
    border-style: none;
    clear: left;
    color: #000;
    float: left;
    font-size: 1em;
    font-weight: 400;
    margin: 5px auto 15px;
    padding: 0;
    width: 50%;
}

.graphOptions tr, .graphOptions td
{
    margin-right: 2px;
    padding-right: 2px;
    text-align: left;
}

.graphSetup
{
    border-style: none;
    color: #000;
    float: left;
    font-size: 1em;
    font-weight: 400;
    margin: 5px auto 15px;
    padding: 0;
    width: 70%;
}

.graphSetup label
{
    text-align: left;
    width: 100px;
    display: inline-block;
}
.graphSetup tr, .graphSetup td
{
    margin-right: 2px;
    padding-right: 2px;
    width: 90px;
}
 
.firstCell
{
    font-weight: 700 !important;
    text-align: left !important;
    width: 28px !important;
}

.graphDataTable th
{
    background-color: #D0E0FF;
}

.CalcCell
{
    background-color: #A7DCCA;
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-size: 7pt;
}

.CalcCell
{
    background-color: #A7DCCA;
    background-repeat: repeat-x;
    font-family: Tahoma;
    font-size: 7pt;
}

.ProgressWarning
{
    background-color: Orange;
}

.FcAchieved
{
    background-color: #EEE8AA;
}

.VariationRow
{
    background-color: #FFEECB;
}

.graphHeaderTH
{
    color: #000;
    font-size: 0.65em;
    font-weight: 400;
}

.graphHeaderTD
{
    color: #06c;
    font-size: 0.65em;
    font-weight: 400;
}

.graphTabs
{
    background: #fff url(../../Images/silverGradBg.png) repeat-x;
    height: 400px;
    width: 100%;
}

.graphTabs label
{
    margin: 5px;
}

.graphDataTable
{
    clear: both;
    height: 143px;
    margin-top: 1px;
    overflow: auto;
    width: 100%;
    color: black;
}

.graphDataTable table
{
    border: 1px solid #D3D3D3;
    border-collapse: collapse;
    table-layout: fixed;
}

.graphDataTable th, .graphDataTable tr, .graphDataTable td
{
    border: 1px solid #D3D3D3;
    border-collapse: collapse;
    font-size: 8pt;
    font-weight: 400;
    margin: 0px;
    padding: 4px;
    text-align: center;
    width: 30px;
}

.graphDataTable th
{
    background-color: #D0E0FF;
}

.firstCell
{
    font-weight: 700 !important;
    text-align: left !important;
    width: 28px !important;
}

.rgEditForm
{
    padding: 0!important;
    width: auto;
}

.GridCustomEditPopup
{
    background: #fff url(../../Images/silverGradBg.png) repeat-x;
    border: 1px solid #DADADA;
    /*color: #333;
    float: left;
    font-family: Arial Verdana;
    font-size: 9pt;*/
    /*height: 120px;
    margin-right: 3px;*/
    padding: 5px 10px;
    /*vertical-align: top;
    width: 500px;*/
    display: block !important;
}


#graphStats
{
    background: #fff url(../../Images/silverGradBg.png) repeat-x;
    border: 1px none #DADADA;
    color: #333;
    float: left;
    margin-right: 3px;
    padding: 5px;
    vertical-align: top;
    height: 538px;
    width: 262px;
}

#graphStats
{
    font-family: Arial, Verdana;
    font-size: 8pt;
}

#graphStats ul
{
    list-style: none;
    margin: 0;
    margin-left: 2px;
    margin-right: 2px;
    padding: 0;
}

#graphStats .SectionHeading
{
    font-size: 9pt;
    font-style: italic;
    text-align: center;
    width: 100%;
    background-color: #D0E0FF;
}

#graphStats span
{
    color: Gray;
    display: inline-block;
    font-weight: bolder;
    text-align: left;
    width: 84px;
    line-height: 19px;
    vertical-align: top;
}

#graphStats .col2
{
    text-align: right;
    font-weight: normal;
    width: 170px;
}

#graphStats .warning
{
    color: Red;
    font-weight: bolder;
}
#graphStats .green
{
    color: Green;
    font-weight: bolder;
}

.graphOptions
{
    border-style: none;
    clear: left;
    color: #000;
    float: left;
    font-size: 1em;
    font-weight: 400;
    margin: 5px auto 15px;
    padding: 0;
    width: 50%;
}

.graphOptions tr, .graphOptions td
{
    margin-right: 2px;
    padding-right: 2px;
    text-align: left;
}

.graphSetup
{
    border-style: none;
    color: #000;
    float: left;
    font-size: 1em;
    font-weight: 400;
    margin: 5px auto 15px;
    padding: 0;
    width: 70%;
}

.graphSetup label
{
    text-align: left;
    width: 100px;
    display: inline-block;
}
.graphSetup tr, .graphSetup td
{
    margin-right: 2px;
    padding-right: 2px;
    width: 90px;
}

.filterOptions
{
    border-style: none;
    color: #000;
    font-size: 1em;
    font-weight: 400;
    margin: 5px auto 15px;
    padding: 0;
    width: 100%;
    clear: left;
    table-layout: fixed;
}

.filterOptions tr, .filterOptions td
{
    line-height: 2;
    vertical-align:middle;
}

.graphSetupPnl
{
    border: 1px solid #DADADA;
    float: left;
    height: 350px;
    margin: 5px;
    width: 40%;
}

.PlanDate
{
    color: Green;
    height: 21px;
    width: 15px;
    display: block;
}

.FcDate
{
    color: #634100;
    height: 21px;
    width: 15px;
    display: block;
}

.ActualDate
{
    color: Blue;
}

.ProgressLate, .UseFcDate
{
    background-color: Red;
}

.Superseded, .Superseded a
{
    color: #B4B4B4 !important;
}

#SearchDiv
{
    position: absolute;
    top: 200px;
    left: 200px;
    width: 700px;
    padding: 5px;
    background-color: #E0E0E0;
    border: 1px solid #cabaab;
}

#SearchStatusMessage
{
    margin: 0;
    font-family: Tahoma;
    font-size: 10pt;
    height: 25px;
    width: 100%;
    padding-top: 8px;
    padding-bottom: 0px;
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    color: #fff;
    background-image: url(../../Images/headerBkg.png);
    background-repeat: no-repeat;
    background-position: center;
}

.evtDivGraphSettings
{
   /*border:1px solid #EDE5D8; */
   margin: 0 0 10px 0;
   width: 760px;
}
.evtTblGraphSettings
{
   width: 100%;
   border: 0 none;
   padding: 5px;
   margin: 3px;
   margin-top: 0px;
   height:24px;
}

.heading5
{
    border-bottom: #CCCCCC 1px solid;
    clear: left;
    color: #000;
    font-size: 1em;
    font-weight: bolder;
    color: #ADADAD;
}

.toolbar img, .img, input[type="image"], input[Type="image"]
{
    margin: 3px;
}

.panelMainContent, .panel-NoBorder-100
{
    float: left;
    width: 100%;
}


/* RDSAsReqdConfiguration >> */
.TreeListRDSAsReqdConfigurationDiscipline
{
    font-weight: bold !important;
}
.TreeListRDSAsReqdConfigurationDiscipline td
{
    border-top: 1px solid #D4CDC2;
}
.TreeListRDSAsReqdConfigurationReg
{
    background-color: #E5DCD2 !important;
}
.TreeListRDSAsReqdConfigurationAlt
{
    background-color: #E5DCD2 !important;
}
.TreeListRDSAsReqdConfigurationSchedule
{
    font-style: italic !important;
    text-indent: 5px;
}

.TreeListRDSAsReqdConfigurationSchedule td
{
    border-top: 1px solid #D4CDC2;
}
.TreeListRDSAsReqdConfigurationScheduleReg
{
    background-color: lightgrey !important;
}
.TreeListRDSAsReqdConfigurationScheduleAlt
{
    background-color: #FFFFFF !important;
}

.tHT
{
    line-height: normal;
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
    /*font-weight: bold;*/
}

.tHT tr, .tHT td
{
    border: 0 none !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: left !important;
    vertical-align: middle;
}
/* << RDSAsReqdConfiguration */
.SectionHeading
{
    color: Black;
    font-size: 10pt;
    font-weight: bold;
}
.SubHeading
{
    color: Black;
    font-size: 8pt;
    font-weight: bold;
}


.new-comment-alert
{
    height: 20px;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 1px;
    white-space: nowrap;        
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, .15)), to(rgba(0, 0, 0, .25))), -webkit-gradient(linear, left top, right bottom, color-stop(0, rgba(255, 255, 255, 0)), color-stop(0.5, rgba(255, 255, 255, .1)), color-stop(0.501, rgba(255, 255, 255, 0)), color-stop(1, rgba(255, 255, 255, 0)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), -moz-linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
    background: linear-gradient(top, rgba(255, 255, 255, .15), rgba(0, 0, 0, .25)), linear-gradient(left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0));
    color:#000;
    vertical-align:middle;

}



/* for usergroup page below */
div.RadOrgChart .rocItem 
{
    width: 130px;
    height: auto;
    min-height: 75px;
}
div.RadOrgChart .rocItemTemplate 
{
    height: auto;
}

.pseudoImage
{
    margin: 0 0 10px;
    width: 48px;
    height: 48px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
}
        
.dropClue
{
    position: absolute;
    z-index: 600;
    display: none;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    overflow: hidden;
    background: url("../../Images/actionDragDropDark.png");
    background-position: 0 -32px;
}
        
.noDropClue
{
    position: absolute;
    z-index: 600;
    display: none;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    overflow: hidden;
    background: url("../../Images/actionDragDropDark.png");
    background-position: 0 -16px;
}
.rlbDragClue 
{
    margin-top: 20px;
    margin-left: 40px;
}
.rocItemTemplate 
{
    position: relative;
}
.rocRemoveItemButton 
{
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    border: 1px inset #999999;
    border-radius: 2px;
    background: #cccccc url("../../Images/roc-remove-item-bg.png") center center no-repeat;
    text-indent: -999em;
    overflow: hidden;
    position: absolute;
    top: 10px;
    left: auto;
    right: 6px;
}

.newEmployees
{
    position:absolute;
    margin-top:10px;
}

*+html .newEmployees
{
    margin-top:10px;
}

html .RadListBox
{
    z-index:500;
}

.product-title
{
    margin: 10px;
    position: absolute;
    width:100px;
}

.newEmployees .RadListBox {}
.newEmployees .RadListBox .rlbHeader 
{
    padding: 5px;
    font-size: 14px;
    text-align: center;
}

.deReports
{
    height : 100% !important;
    max-height : 500px !important;
}

.updateDataPanel
{
    font-size: 15px;
    font-weight: bold;
}

.metricsDiv
{
    margin-left: 20px;
}

.tablestyle2 th, .tablestyle2 td
{
    text-align:left;
    padding-right: 15px;
    min-width: 100px;
}

.updateDataPanel a
{
    padding-left: 15px;
    font-size: 11px;
}

.updateDataPanel input[type="image"]
{
    margin-bottom: 0px !important;
}

.rgDataDiv
{
    /*
        This was implimented to fix data grid problem but caused problems elsewhere.
        Left here so we can fix the other areas later
        padding-left: 5px;
    width: calc(100% - 5px) !important;*/
}

.mainContentPanel, .pageContent
{
    position:relative;
    float:left;
}

.costPlanDashboard .pageContent
{
    max-width: 1250px;
}

.costPlanDashboard .charts
{
    display:inline-block;
}
.costPlanDashboard .searchParametersCnt
{
    float:left;
    position:relative;
    width: 100%;
}
.costPlanDashboard .searchParameters
{
    float:right;
    position:relative;
    clear:both;
    display:block;
    margin-bottom:10px;
    padding-right: 60px;
}
.costPlanDashboard .searchParameters .RadPicker
{
}

.costPlanDashboard .searchParameters label
{
    font-weight: bold;
    margin-left: 20px;
}

.centered
{
    position:relative;
    float:left;
    width: 100%;
    text-align:center;
    height: 30px;
}
.centered a
{
    position:relative;
    border: 1px solid grey;
    padding: 10px 15px 10px 15px;
    width: 360px;
    color: black;
}

.chartItem
{
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 10px;
}

.dmsDashboard .pageContent
{
    max-width: 1400px;
}

.dmsDashboard .chartItem
{
    min-height: 275px;
}

.dmsDashboard .RadHtmlChart
{
    position: relative;
    float: left;
}
/* used to style the radbutton as a linkbutton */
.rbClearButton,
.rbClearButton:hover
{
    background-color: transparent !important;
    background-image: none !important;
    border: none !important;
    color: #000 !important; /* optional, depending on the background */
}
 
.rbHyperlinkButton
{
    border-bottom:0px solid blue !important;
    color:blue !important;
}

.dataDrillDownHeader
{
    float:left;
    position:relative;
    width:100%;
    padding: 10px;
}

.dataDrillDownHeader span.line
{
    float:left;
    position:relative;
    width:100%;
    display:block;
    clear:both;
    font-size: 1.2em;
}

.dataDrillDownHeader span.line span
{
    font-weight: bold;
}

.chartItem a
{
    position:relative;
    float:left;
    top: -20px;
    padding-left: 10px;
}

.hidebtn
{
    float:right;
    font-family: Verdana;
    font-size: 8pt;
}

button.RadButton
{
    font-size: 11px;
}

.itemAutoUpdate
{
    color: #FFC200 !important;
    border-color: #FFC200 !important;
}

.rgNoRecords
{
    color:grey !important;
    font-size:7pt !important;
}

html .rtsTop .rtsLevel1 .rtsUL {
    width: 100%;    
}

html .rtsHorizontal .rtsUL {
   overflow: hidden;
}

html .rtsHorizontal .rtsLI {
    /*vertical-align: top;*/
    /*display: table-cell;*/
    display:inline;
    float:left;
}

html .RadMenu .rmRootGroup.rmHorizontal>.rmItem, .RadMenu .rmRootGroup.rmHorizontal>.rmRootScrollGroup>.rmItem {
    /*display: table-cell;*/
    display:inline-block;
    float:left;
    border-width:1px 1px 1px 1px;
}


html .RadMenu_Windows7 .rmRootGroup,
     .RadMenu_WebBlue .rmRootGroup,
     .RadMenu_Default .rmRootGroup,
     .RadMenu_Bootstrap .rmRootGroup,
     .RadMenu_Metro .rmRootGroup,
     .RadMenu_MetroTouch .rmRootGroup,
     .RadMenu_Office2007 .rmRootGroup,
     .RadMenu_Office2010Blue .rmRootGroup,
     .RadMenu_Office2010Silver .rmRootGroup,
     .RadMenu_Outlook .rmRootGroup,
     .RadMenu_Silk .rmRootGroup,
     .RadMenu_Simple .rmRootGroup,
     .RadMenu_Sunset .rmRootGroup,
     .RadMenu_Telerik .rmRootGroup,
     .RadMenu_Vista .rmRootGroup, 
     .RadMenu_Web20 .rmRootGroup{
        width: 100%;
}

   .DMSTemplate .RadAsyncUpload {
        margin-left:0 !important;
        margin-bottom:0 !important;
    }


    .DMSTemplate .RadUpload .ruInputs li {
        margin:0 !important;
    }

    .DMSTemplate .RadUpload .ruFileWrap {
         vertical-align:middle !important;
    }

    .DMSTemplate .tbl, .DMSTemplate .tbl1 {
        table-layout:fixed;
        width:570px;
        padding:2px 0px 2px 12px;
    }


    .DMSTemplate .tbl td:nth-child(1) {
        width:100px;
    }

     .DMSTemplate .tbl td:nth-child(2){
        width:140px;
    }

   .DMSTemplate .tbl1 td:nth-child(1) {
        width:100px;
    }
    .DMSTemplate .tbl1 td:nth-child(2) {
        width:240px;
    }


    /* RadSlider over ride skin icon to make more visible */
.rspCollapseBarExpand,
.rspCollapseBarExpandOver {
    background: url(../../Images/expand.png) no-repeat 0 0 !important;
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    text-align: center !important;
    margin: -25px 0 0 -25px !important;
    border-width: 0 !important;
    left: 35px !important;
}

.rspCollapseBarCollapse,
.rspCollapseBarCollapseOver {
    background: url(../../Images/collapse.png) no-repeat 0 0 !important;
    position: relative !important;
    width: 32px !important;
    height: 32px !important;
    text-align: center !important;
    margin: -25px 0 0 -25px !important;
    border-width: 0 !important;
    left: -10px !important;
}


.RadSplitter .rspCollapseBarCollapse:before,
.RadSplitter .rspCollapseBarExpand:before {
    content: none !important;
}

.bottomButtons {
    position: fixed !important;
    bottom: 0px !important;
    right: 0px !important;
    padding-right: 4px !important;
    padding-bottom: 4px !important;
}
  

    @media print {
        .hideOnPrint {
            display: none;
        }

        #mainContent {
            margin-top: 40px;
        }
    }

    .p-i-checkbox:before, .rfdCheckboxUnchecked:before {
        content: "" !important; 
}
.p-i-checkbox-checked:before, .rfdCheckboxChecked:before {
    content: "" !important; 
}
.p-i-radio:before, .p-i-radiobutton:before, .rfdRadioUnchecked:before {
    content: "" !important; 
}
.p-i-radio-checked:before, .p-i-radiobutton-checked:before, .rfdRadioChecked:before {
    content: "" !important; 
}
.RadButton .rbToggleRadio, .RadButton .rbToggleRadio:before, .RadButton .rbToggleRadioChecked, .RadButton .rbToggleRadioChecked:before {
    border-radius: 0px !important;
}
.RadRadioButton.RadButton .rbText, .RadCheckBox.RadButton .rbText {
    padding:0px !important;
}

.noList ul {
    list-style-type:none;

}
fieldset {
    border: 1px solid #778899
}
/*this is the grouping panel border color*/