#calendarTable select {font-size: 10px}
.floatLeft {float: left}
.floatRight {float:right}
.bold {font-weight: bold}

.inputContainer {border:1px solid #C0C0C0;}

.tModeTable td {width:120px}

.tModeCompositionDiv {
    float: left;
    height: 24px;
    margin-right: 5px
}

/*Pin*/
.gridhead{color:#000; background-color:Transparent;}
.xxx{color:#222; background-color:Transparent;}

.pininfo {border:none; background:transparent url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.info.gif) no-repeat scroll 0px 0px; width: 25px; height:25px;  }
.radioButtonW120 {width:120px;}

#logo-title {
    font-size: 15px;
    left: 125px;
    position: absolute;
    top: 50px;
}


#logo {
    left: 40px;
    position: absolute;
    top: 30px;
}

body {
    color: #000;
}


.headerlinedark {border-bottom:1px solid #020B96; border-top:1px solid #020B96; font-size:11pt; padding:3px; }

#autocomplete, #autocomplete_zip {
    height: 25px;
}
#dt_input, #dt_input_zip {
    position: static;
    width: 300px;
}
#dt_input_zip {
    width: 60px;
}
/* This hides the autocomplete drop downs */
#dt_ac_container, #dt_ac_zip_container {
    display: none;
}

.filteringTextBox {
    margin-bottom: 8px !important;
    height: 18px;
}


.cssquest
{
	cursor: pointer; 
	border-radius: 4px 4px 4px 4px;
    display: block;
    font-family: 'Helvetica';
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;    
    height: 15px;
    padding: 10px;
    text-align: center;
    width: 150px;    
    text-decoration: none;  
    background-color: #CFCFCF;
    background-image: linear-gradient(90deg, #CFCFCF 0%, #E9E9E9 100%);
    border: 1px solid #8E8E8E;
    box-shadow: 0 0 1px #B3B3B3 inset;
    color: #545554;
    text-shadow: 0 1px 0 rgba(254, 254, 254, 0.5);
}
.cssquest:hover {
    background-color: #DBDBDB;
    background-image: linear-gradient(90deg, #DBDBDB 0%, #F3F3F3 100%);
}
.cssquest:active {
    background-color: #E3E3E3;
    background-image: linear-gradient(90deg, #E3E3E3 0%, #B6B6B6 100%);
    box-shadow: 0 0 5px #B3B3B3 inset;
    text-shadow: none;
}
th {
    text-align: left;
}

.mainContainerDiv {
    height: 800px;
    padding-left: 15px;
}

.leftButton {
    float: left;
    margin-right: 24px !important;
    padding: 6px !important;
}

.rightButton {
    float: right;
    margin-left: 24px !important;
    padding: 6px !important;
}

.excelIcon {
    width:40px
}

.uploadExcelSubTitle {
    font-weight: bold;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
}

.colorRed {color:Red}
.colorGreen {color:Green}

.customLink 
{
    color: #002290;
    text-decoration: none;
    cursor: pointer;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 20px;
}

.selectedCombContainer > div
{
    width: 300px;
    float: left;
    margin-right: 30px !important;
    margin-bottom: 6px !important;
}

#matrixTable_filter {
    float: right !important;
    text-align: right !important;
    width: 360px;
    margin-bottom: 8px
}

#matrixTable_filter input {
    margin-left: 0.5em !important;
    float: right;
    width: 180px;
    border: solid 1px #dddddd
}

#calendarTable_wrapper select{
    font-size: 10px;
}

#calendarTable_wrapper .sorting_asc {
    background: 0 !important
}

table.dataTable thead .sorting {
    background: url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.arrowDown.png) no-repeat center right !important
}
table.dataTable thead .sorting_asc {
    background: url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.arrowUp.png) no-repeat center right !important
}

table.dataTable thead .sorting_desc {
    background: url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.arrowDown.png) no-repeat center right !important
}

/* For Microsoft IE */
.withoutArrow::-ms-expand {    display: none; }
 
/* For Webkit based browsers Firefox version 29 and less, Google Chrome, Apple Safari */
.withoutArrow {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.menuDiv {width:14%;float:left;}

.contentDiv {float:left;width:83%;padding-left:20px;}
.contentDivExpanded {float:left;width:97%;padding-left:20px;}

table.dataTable thead th, table.dataTable thead td {
    padding: 10px 12px !important
}

#calendarTable {
    margin: 0
}

.sf-tabmenu .tab {
    margin-right: 0;
    height: 30px;
}

.tableReportPropRow input {
    border: 1px solid #a9a9a9;
    width: 120px;
}

.tableReportPropRow select {
    border: 1px solid #a9a9a9;
}

div.DTTT_container {
    float: left !important;
}

button.DTTT_button, div.DTTT_button, a.DTTT_button {
    padding: 4px 6px 4px 6px !important;
}

/* Excel file download */
.downloadFile {
    cursor:pointer;
}
.downloadFileImg 
{
    float:left;
    border-width:0px;
    content:url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.export_excel.png);
}

/* Data tables */

.dataTables_length select {
    width:50px;
    border:1px solid #b8b8b8;
}

.dataTables_filter input 
{
    border:1px solid #b8b8b8;
}

/* JSFormUpload style override */
.jsuploadadd, #formUploader {
    width:280px!important;
}

.resultListHeader {
    margin-top:-30px;padding:0 10px 10px 10px;
}

.topBar 
{
    background:#f29500;height:75px;
}

div.verticalMenu .sf-menu .main a:hover {color:#e09914;}
div.verticalMenu .sf-menu .sub a:hover {color: #e09914; }
div.verticalMenu .sf-menu .main li.sub a.active {color:#e09914;}
div.verticalMenu .sf-menu .main li.sub a.secactive {color:#e09914;}
div.verticalMenu .sf-menu .main li.sub a.thdactive {color:#e09914;}

.verticalMenuButton {
    background:#f29500 !important;border:0;height:100%;color:white;font: 10pt segoe ui;
}

.verticalMenuButtonHover {
    background-color:#e09914 !important;border:0;height:100%;color:white;font: 10pt segoe ui;
}

div.verticalMenu .sf-menu .main a:hover span.menuArrowRight { background:transparent url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.vertMenuArrowRight.png) no-repeat scroll;}
div.verticalMenu .sf-menu .main a:hover span.menuArrowDown { background:transparent url(Default.ashx?m=default&h=ProjectWebApplication.ProjectWebApplication.resource.img.vertMenuArrowDown.png) no-repeat scroll;}