#mainFormBody
{
width:45%;
background-color: white;
padding:5px 5px;
display:inline-block;
height:500px;
}
h3{
    margin:0px;
}
.gridviewMainView td {
    border-width: 1px;
    border-color: black;
    border-bottom-width: 1px;
}
.pageTitles {
    width: 100%;
}
.maxWidthGrid
{
    width:98%;
}
.displayInline {
    display: inline;
}
.marginNone
{
    margin-top:1px;
    margin-bottom:1px;
}
.ftechartAlign {
    display: inline;
    float: right;
}
#resourceForm {
width: 45%;
background-color: white;
padding: 10px 20px;
display: inline-block;
height: 500px;
}
#filterbarHDR
{
padding:10px 20px;
width:100%;
border-bottom: 2px solid black;
}
.scurveFLTRPNL 
{
width: 70%;
padding: 5px;
margin-left: auto;
margin-right: auto;
}
#filters {
float: left;
background-color: white;
padding: 10px 20px;
vertical-align: top;
}
.coBTN
{
float:right;
}
.radioAlign
{
text-align:center;
}
.calendarHeader {
    background-color: #132c58;
    color:white;
    /*position: absolute;
    table-layout: fixed;
    top: expression(this.offsetParent.scrollTop - 2);
    z-index: 20;*/
    padding: 0px;
}
.tableTDSz 
{
text-align:center;
margin:0;
}
#hLine {
    border-top: 3px solid darkred;
}
#logonDiv
{
background-color: white;
padding:10px 20px;
width:500px;
margin: 0 auto;
}
#resourceDebug
{
color:red;
font-weight:980px;
}
#viewPage
{
background-color:white;
max-width:980px;
padding-top:1px;
padding-bottom:1px;
}
#chartPage {
background-color: white;
width: 1050px;
padding: 10px;
margin: 0 auto;
}
#resourcePage {
background-color: white;
width: 980px;
margin: 0 auto;
padding: 5px;
}
.tableHeader {
background-color: #132c58;
color: white;
padding: 0px;
}
.tableHeader td {
border: 1px solid white;
text-align: center;
}
.dtTabs
{
width:100%;
}
.tableRows td
{
text-align:center;
font-weight:bold;
}
.dtTabs tr:nth-child(even)
{
background-color:#F7DFB5;
}
.projectTDS
{
width:45px;
}
.dwkFilters {
display:inline-block;
width:73%;
}
.dwkFilters2 {
display: inline-block;
width: 100%;
padding-bottom:5px;
}
.vwkFilters {
display:inline-block;
float:left;
width:20%;
}
.headerSpacing 
{
margin-bottom:5px;
}
.style8 {
    text-align: center;
}
.GridViewScrollHeader TH, .GridViewScrollHeader TD {
    padding: 5px;
    font-weight: normal;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #132c58;
    color: white;
    text-align: left;
    vertical-align: bottom;
}
.GridViewScrollItem TD {
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FFFFFF;
    color: #444444;
}
.GridViewScrollItemFreeze TD {
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #FAFAFA;
    color: #444444;
}
.GridViewScrollFooterFreeze TD {
    padding: 5px;
    white-space: nowrap;
    border-right: 1px solid #e6e6e6;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    background-color: #F4F4F4;
    color: #444444;
    vertical-align:top;
}
.notLoading {
    width:500px;
    height:40px;
    text-align:center;
}
.isLoading {
    width:500px;
    height:40px;
    text-align:center;
    background-color:red;
    color:white;

}
.queryLoader {
    background-color: red;
    color: white;
    font-weight: bold;
    text-align: center;
    width: 100%;
    font-size: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.drillDownLabels{
    color: black;
    font-weight: bold;
    font-size: 16px;
}
/* nav menu */
.nav ul {
    list-style: none;
    background-color: #444;
    text-align: center;
    padding: 3px;
    margin: 0;
    overflow: hidden;
}

.nav li {
    font-family: 'Oswald', sans-serif;
    font-size: 0.8em;
    text-align: left;
    float: left;
}

.nav a {
    text-decoration: none;
    color: #fff;
    display: block;
    padding-left: 2px;
    border-bottom: 1px solid #888;
    transition: .3s background-color;
}

.nav a:hover {
    background-color: #005f5f;
}

.nav a.active {
    background-color: #aaa;
    color: #444;
    cursor: default;
}

/* Sub Menus */
.nav li li {
    font-size: .8em;
}

@media print {
    #nav {
        visibility:hidden;
    }
    .float-right {
        visibility:hidden;
    }
    .hideButtons {
        visibility: hidden;
    }
}
/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

@media screen and (min-width: 650px) {
.nav li {
    width: 75px;
    border-bottom: none;
    height: 20px;
    line-height: 20px;
    font-size: 1.0em;
    display: inline-block;
    margin-right: -4px;
}

.nav a {
    border-bottom: none;
}

.nav > ul > li {
    text-align: center;
}

.nav > ul > li > a {
    padding-left: 0;
}

/* Sub Menus */
.nav li ul {
    position: absolute;
    display: none;
    width: inherit;
}

.nav li:hover ul {
    display: block;
}

.nav li ul li {
    display: block;
}}
.button {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.button:hover {
    background-color: #4CAF50; /* Green */
    color: white;
}
.exportBox {
    width: 29%;
    height: 200px;
    display: inline-block;
    float: right;
    background-color: white;
    border: 1px solid black;
    padding: 0px 0px 15px 0px;
    text-align:center;
}
.importBox {
    width:70%;
    height:200px;
    display:inline-block;
    background-color:white;
    border:1px solid black;
    padding: 0px 0px 15px 0px;
    text-align:center;
}
.lcMainBox {
    width: 35%;
    height: 600px;
    display: inline-block;
    background-color: white;
    border: 1px solid black;
    padding: 0px 0px 15px 0px;
    text-align: center;
}
.lcBulkBox {
    width: 45%;
    height: 600px;
    display: inline-block;
    float: right;
    background-color: white;
    border: 1px solid black;
    padding: 0px 0px 15px 0px;
    text-align: center;
    margin-right:100px;
}

.dxssControl .dxtcLite {
    display: none;
}