/* CSS Document */

/* Disable black border on focused controls in recent Chrome/Edge */
*:focus {
     outline: 0 transparent !important;
}

h1, h3, h4, h5, h6 {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: lighter;
}

p, label {
    font: 13px Tahoma, Arial, Helvetica, sans-serif; 
    line-height: 14px;
    margin: 0 0 2px 0;
    color: #737373;
}

h1 {
    font-size: normal;
    line-height: 22px;
    margin: 0 0 16px 0;
    color: #737373;
    padding: 0;
}

/* h2 	{ font-size:14px; line-height:17px; margin:0 0 8px 0; color:#737373; padding: 0;} */



.smallText {
    font-size: 10px;
    line-height: 12px;
}

b, strong { font-weight: bold; }


a {
    text-decoration: none;
    /*color: #C66300;*/
}

/* was #ff9933 */

a:hover { color: #737373; }

img {
    border: 0;
}

lev
img a:active {
    border: none;
    outline: none;
    ie-dummy: expression(this.hideFocus=true);
}

.orange { color: #ff9933; }


a.genBtn {
    background: url(../img/generic/genBtn_back.gif) repeat-x #efab1e;
    padding: 8px;
    color: #FFFFFF;
    text-decoration: none;
    display: inline-block;
}

a:hover.genBtn { background: url(../img/generic/genBtn_back2.gif) repeat-x #4e4e4e; }

.reportSubSection {
    display: table;
    border-width: 0;
    border-collapse: separate;
    width: 100%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    margin: 10px 0 0 0;
}

    .reportSubSection span {
        top: -2px;
    }
    .reportSubSection > .dxflHLSys {
        border-top: 1px solid #A0A0A0;
        height: 7px;
    }

.inline {
    float: left;
    padding-right: 3px!important;    
}

    /*  MAIN DIV STYLES  */
    #strip {
        /*    background:url(../img/generic/orangeStrip.jpg) repeat-x; */
        width: 100%;
        height: 125px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
    }

#wrapper {
    margin: 0 auto;
    width: 1032px;
    background: url(../img/generic/mainBack.jpg) repeat-y;
    position: relative;
    top: 0;
    left: auto;
    /*z-index:4; This obscures any jQuery UI control*/
}

#head {
    /*	width:1032px; */
    height: 124px;
    background: url(../img/generic/topBack.jpg) repeat-y;
    /*	border-bottom:1px solid #ffffff; */
    z-index: 100;
    position: relative;
    top: 0;
    left: 0;
}

#logo {
    width: 196px;
    height: 57px;
    position: relative;
    top: 40px;
    left: 58px;
    /*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Content/img/generic/logo.png');   For IE6*/
}

.divider {
    width: 910px;
    margin: 20px 0;
    min-height: 50px;
}	

	
/* LOGIN AREA */

#login {
    width: 375px;
    height: 80px;
    background: url(../img/generic/loginBack.jpg) no-repeat;
    float: right;
    margin: 17px 46px 0 0;
    padding: 18px 0 0 25px;
}

#login div {
    width: 140px;
    float: left;
    margin-right: 10px;
}

#username {
    background: url(../img/generic/username.jpg) no-repeat #FFFFFF;
    width: 191px;
    float: left;
}

#password {
    background: url(../img/generic/password.jpg) no-repeat #FFFFFF;
    width: 128px;
    float: left;
}

#username, #password {
    height: 16px;
    padding: 4px 6px;
    border: none;
    color: #666666;
}

#content { padding-bottom: 60px; }

/*
 Moved these to cabinet specific CSS files
#leftCol {width:404px; margin:0 10px 30px 0; float:left;}
#rightCol {width:496px; margin-bottom:30px; float:right; }
*/

/* NAVIGATION BAR */

#nav {
    width: 910px;
    height: 50px;
    background: url(../img/nav/navBack.jpg) repeat-x;
    margin-bottom: 10px;
}

#nav img.left { float: left; }

#nav img.right { float: right; }

#nav ul {
    list-style: none;
    margin: 0;
    float: left;
    padding: 3px 0 0 0;
}

#nav ul li { display: inline; }

#nav ul li a { color: #737373; }

#nav ul li a:hover { color: #ff9933; }

#nav ul li a img {
    border-right: 1px solid #c3c4c5;
    padding: 0px 9px;
}

#nav ul li a img.end { border-right: none; }

#dropDown {
    width: 364px;
    height: 36px;
    background: url(../img/generic/dropdownBack.jpg) no-repeat;
    margin: 0 0 25px 0;
    padding: 16px 20px 0 20px;
}

#dropDown form { float: right; }

#dropdownMenu { border: 1px solid #daad7a; }



/*  TABLE STYLES */

table.genTable {
    border-collapse: collapse;
    width: 910px;
    color: #666666;
    font-size: smallest;
    border: 1px solid #daad7a;
    margin: 0 0;
}

/* CT top margin was 15px */

table.genTable td, table.genTable th {
    padding: 7px;
    text-align: left;
}

table.genTable th {
    border-bottom: 1px solid #ffffff;
    background: #d1d1d1;
}

table.genTable th a {
    text-decoration: underline;
    color: #666666;
}

table.genTable th a:hover { color: #ff9933; }

table.genTable td.darkCell { background: #d1d1d1; }

table.genTable td.lightCell { background: #eaeaea; }

table.genTable td.selected { background: white; }


table.EPTable {
    border-collapse: collapse;
    width: 880px;
    color: #666666;
    font-size: smallest;
    border: 1px solid #daad7a;
    margin: 0 0;
}

/* CT top margin was 15px */

table.EPTable td, table.EPTable th {
    padding: 0px;
    text-align: center;
    width: 15px;
    border: 1px solid #daad7a;
}

table.EPTable th {
    border-bottom: 1px solid #ffffff;
    background: #d1d1d1;
}

table.EPTable th a {
    text-decoration: underline;
    color: #666666;
}

table.EPTable th a:hover { color: #ff9933; }

table.EPTable td.darkCell { background: #d1d1d1; }

table.EPTable td.lightCell { background: #eaeaea; }

table.EPTable td.selected { background: white; }

table.EPTable td.redCell { background: #F76F78; }

table.EPTable td.greenCell { background: #C6E87B; }

table.EPTable td.darkCellRedText {
    background: #d1d1d1;
    color: red;
}

table.EPTable td.lightCellGreenText {
    background: #eaeaea;
    color: green;
}



.headImg, .footImg { float: left; }



table.genTable2 td, table.genTable2 th {
    padding: 7px;
    background: #ECE8E4;
}


/* FOOTER */

#footer {
    height: 30px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-align: center;
    color: #737373;
}




/* INPUT BOXES */

.genInput {
    font-family: Arial, Helvetica, sans-serif;
    color: #666666;
    background: #FFFFFF;
    border: 1px solid #ffcc99;
    margin: 3px 0;
    padding: 4px 6px;
}

input.genInput { height: 16px; }

label.genLab {
    float: left;
    width: 120px;
    clear: left;
    margin: 3px 0;
}

input.formBtn {
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    padding: 6px;
    color: #FFFFFF;
    cursor: pointer;
}

input.formBtn :disabled {
    font-family: Arial, Helvetica, sans-serif;
    border: none;
    padding: 6px;
    color: #93897c;
    cursor: not-allowed;
}

/* TABLE RANGE STYLES  */

.range {
    clear: both;
    width: 910px;
    text-align: right;
    margin-top: 10px;
}

.range select { float: left; }

.range a {
    color: #999999;
    border-left: 1px #999999 solid;
    padding: 0 6px;
}

.range a:hover, .range a.active { color: #000000; }

.range a.prev {
    background: url(../img/generic/g_prev.gif) no-repeat left 0.25em;
    padding-left: 10px;
    border: none;
}

.range a.next {
    background: url(../img/generic/g_next.gif) no-repeat right 0.25em;
    padding-right: 10px;
}

.range a.arrow {
    color: #999999;
    border-left: 0px;
    border-right: 0px;
}

#top { margin-top: 15px; }

#bottom { margin-bottom: 15px; }	


/* Tab Controls */

table.tabs {
    border: none;
    border-spacing: 0;
}
table.tabs td {
    padding: 0;
}

#container { padding: 10px; }

/* System Viewer and Fob details side by side */

#statusInner {
    width: 380px;
    float: right;
    padding: 7px;
}

#UserPhoto {
    width: 100px;
    height: 100px;
    float: right;
    padding: 7px;
}

/* Event tab control and Events table side by side */

#tabNav {
    float: left;
    /*width:500px;*/
}

#eventsPanel {
    /*width: 380px;*/
    /*float:right;*/
    padding-top: 0px;
}

#site-wrapper { font-size: 13px; }
div.EffectivePermissionsWrapper {
    /* overflow: auto;*/
    width: 910px;
}

.datePickerBox {
    margin-left: 4px;
    background-color: transparent;
    color: #737373;
    border: none;
}

td.dxeCaptionCell_SoftOrange, .pickerFormLayout label.dxflCaption_SoftOrange {
    min-width: 61px;
}

div.checkboxDropdown td.dxeCaptionCell_SoftOrange, .pickerFormLayout label.dxflCaption_SoftOrange{
    min-width:40px;
    padding-bottom:5px;
}