/* Spectrum Staff/Admin application styles. */

/*

Assumed screen size:

1024x768, cut down for Windows UI:

width: 1000px;
height: 700px;

*/

/* Basic HTML styles. Defaults */
body, html {
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background: #001c58;

}

.bigText {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 24px;
    color: #656565;
}

.homeTextHighlight {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    color: #0056A1;
}

.transparent {
    font-family: arial, helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    background-color: transparent;
}

.smalltext {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: black;
}
.mediumtext {
    font-family: times new roman, helvetica, sans-serif;
    font-size: 15px;
    color: black;
}

.error {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: red;
    line-height: 11px;
    padding-top: 5px;
}

.align-left {
    text-align: left;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.valign-top {
    vertical-align: top;
}

.valign-text-top {
    vertical-align: text-top;
}

.valign-bottom {
    vertical-align: bottom;
}

.valign-middle {
    vertical-align: middle;
}

.loginTable {
    background-color: transparent;
    text-align: center;
    border-color: #001c58;
    border-style: solid;
    border-width: 4px;
    border-top: 0px solid #001c58;
    border-bottom: 0px solid #001c58;
    top: 200px;
    left: 1500px;
}

/* WAS: Let it go as high as it needs.
    height: 704px; */
.loginBackground {
    background-image: url( ../images/bg_spectrumjpg.jpg );
    color: #d2e9f2;
    height: 450px;
    width: 100%;
    padding-top: 240px;
}

.loginTableArea {
    width: 998px;
}

.loginHeaderBar {
    background: #001c58;
    color: #d2e9f2;
    height: 18px;
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    width: 99%;
    margin-bottom: 2px;
}

.loginText {
    border-color: #419ac7;
    border-style: solid;
    border-width: 1px;
    padding: 1px 2px 1px 2px;
    width: 100px;
}

.cellCenter {
    text-align: center;
}

.cellRight {
    text-align: right;
}

.cellLeft {
    text-align: left;
}

/*
Header, 56 pixels high.
Breadcrumb, 32 pixels high
Footer, 18 pixels high.

*/

div#work-area {
    width: 998px;
}

/* Main layout sections. */
/* WAS: width: 100%; */
.layout-header {
    margin: 0px;
    padding: 0px;
    width: 998px;
    height: 62px;
    background: #daeaf3;
    z-index: 100;
}

/* WAS: width: 100%; */
.layout-breadcrumb {
    margin: 0px;
    padding: 5px 0px 5px 0px;
    width: 998px;
    background-color: #001c58;
    color: #aaffaa;
    font-weight: bold;
}

div.layout-breadcrumb a:link, div.layout-breadcrumb a:active, div.layout-breadcrumb a:visited {
    background-color: #001c58;
    color: #ffffff;
    font-weight: bold;
}

div.layout-breadcrumb a:hover {
    background-color: #001c58;
    color: #daeaf3;
    font-weight: bold;
}

div.rtaDesktop {

    text-align: left;
    border: none;
    padding: 0.5em;
    background: rgb( 204, 204, 255 );
    width: 65%;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}

.text-italic {
    font-style: italic;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}

.rtaText {
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
}

/* was: width: 27%; 

Note that the following background color makes
the UI less Blue.

background-color: #aaddaa;

*/
.search-bordered {
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-left-color: #155e9d;
    border-right-color: #155e9d;
    border-bottom-color: #155e9d;
    border-top-color: #419ac7;

    padding: 0px;
    width: 100%;
    height: 100%;
}

.search-bordered-cell {
    vertical-align: top;
    height: 100%;
    width: 100%;
}

.layout-query .search-bordered {
    background-color: #daeaf3;
}

.layout-query-closed .search-bordered {
    background-color: #155e9d;
}

.layout-wizard .search-bordered {
    background-color: #daeaf3;
}

.layout-query, .layout-query-closed, .layout-wizard, .layout-query-hidden {
    float: left;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 2px;
    padding: 0px 0px 0px 0px;

    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-left-color: #155e9d;
    border-right-color: #155e9d;
    border-bottom-color: #155e9d;
    border-top-color: #419ac7;

    min-height: 500px; /* the following two are needed for IE6 */
    height: auto !important;
    height: 473px;
}

div#query-panel {
    min-height: 470px; /* the following two are needed for IE6 */
    height: auto !important;
    height: 464px;

    width: 100%;
    overflow-x: auto;
}

.layout-query {
    width: 270px;
    background-color: #daeaf3;
}

.layout-query-closed {
    width: 26px;
    background-color: #155e9d;
}

/* same as layout-query with a different width */
.layout-wizard {
    width: 990px;
    background-color: #daeaf3;
}

.layout-query-hidden {
    display: none;
}

.layout-query-header {
    background-color: #155e9d;
    color: #d2e9f2;
    padding: 2px 1px 4px 1px;
}

.layout-solid-line {
    border-top-color: #419ac7;
    border-top-style: solid;
    border-top-width: 1px;
}

/* Was 136px width */
.header-wizard-normal {
    font-size: 12px;
    font-weight: bold;
    color: #419ac7;
    text-decoration: none;
    border: none;
    padding: 0px;
    width: 130px;
}

/* Was 136px width */
.header-wizard-selected {
    font-size: 12px;
    font-weight: bold;
    color: #d2e9f2;
    text-decoration: none;
    border: none;
    padding: 0px;
    width: 130px;
}

.header-profile {
    font-size: 9px;
    font-weight: bold;
    color: #075090;
    text-decoration: none;
    text-align: right;
    border: none;
}

.header-menu {
    font-size: 11px;
    font-weight: bold;
    background-color: #419ac7;
    color: #d2e9f2;
    margin: 0px;
}

/* Was 136px width */
.header-menu-normal {
    font-size: 11px;
    font-weight: bold;
    background-color: #419ac7;
    color: #d2e9f2;
    text-decoration: none;
    border: none;
    padding: 0px;

}

/* Was 136px width */
.header-menu-selected {
    font-size: 11px;
    font-weight: bold;
    background-color: #155e9d;
    color: #d2e9f2;
    text-decoration: none;
    border: none;
    padding: 0px;
}

/* Special styles for when the items have the mouse over them. */
/* Was 136px width */
.header-active-menu-normal {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    padding: 0px;
    background-color: #daeaf3;
    color: #000000;
}

/* Was 136px width */
.header-active-menu-selected {
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    border: none;
    padding: 0px;
    background-color: #daeaf3;
    color: #000000;
}

.header-logo-padding {
    padding: 0px 0px 1px 0px;
    width: 200px;
}

/*
990px full screen width.
*/
.header-top {
    width: 1000px;
}

.layout-content {
    position: relative;
    width: 100%;
}

div#detail-container {
    min-height: 500px; /* the following two are needed for IE6 */
    height: auto !important;
    height: 500px;
}

div#detail-container-tabbed {
    min-height: 482px; /* the following two are needed for IE6 */
    height: auto !important;
    height: 482px;
}

/* Was left: 28%; */
.layout-detail {
    position: relative;
    float: left;
    background: #ffffff;
    margin-left: 3px;
    margin-right: -720px;
    width: 720px;
}

.layout-detail-hiddensearch {
    position: relative;
    float: left;
    background: #ffffff;
    margin-left: 3px;
    margin-right: -958px;
    width: 958px;
}

.layout-detail-nosearch {
    position: relative;
    float: left;
    background: #ffffff;
    margin-left: 3px;
    margin-right: -995px;
    width: 995px;
}

.layout-inner-detail {        
    background: #DAEAF3;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 8px;
    margin-right: 8px;
     
}

.layout-inner-detail-hiddensearch {
    background: #DAEAF3;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 8px;
    margin-right: 8px;
}

/* WAS: width: 100%; */
.footer-layout {
    clear: both;
    background: #001c58;
    color: #d2e9f2;    
    width: 995px;
    font-size: 10px;
    padding-top: 5px;  
    margin-left: 3px;  
    
}

/* Border for search area and other areas like it. */
.highlighted-thick-border {

    border-left-color: #155e9d;
    border-left-style: solid;
    border-left-width: 3px;

    border-right-color: #155e9d;
    border-right-style: solid;
    border-right-width: 3px;

    border-bottom-color: #155e9d;
    border-bottom-style: solid;
    border-bottom-width: 3px;

    border-top-color: #419ac7;
    border-top-style: solid;
    border-top-width: 3px;
}

/* Tab styles

selected = #419ac7
unselected = #155e9d
active text color = #aaffaa

*/

.tab-bordered-content {
    background-color: #fff;

    padding: 0px;
    width: 100%;
    height: 100%;
}

/* background-color: transparent; */
.tab-normal-active {
    padding: 0 4px 0 4px;
    color: #aaffaa;
    text-decoration: none;
    background-color: #155e9d;
}
 
/* SPECTRUM-9611 Disable the tab */
.tab-disabled {
    pointer-events: none !important;
    color: #ccc !important;
 }

.tab-selected-active {
    padding: 0 4px 0 4px;
    color: #aaffaa;
    text-decoration: none;
    background-color: #419ac7;
}

/* background-color: transparent; */
.tab-normal {
    padding: 0 4px 0 4px;
    text-decoration: none;
    background-color: #155e9d;
    color: #ffffff;
    font-weight: normal;
}

/* background-color: transparent; */
.tab-selected {
    padding: 0 4px 0 4px;
    text-decoration: none;
    background-color: #419ac7;
    color: #ffffff;
}

.tab-normal-cell {
    text-decoration: none;
    background-color: #155e9d;
    font-weight: normal;
}

.tab-selected-cell {
    text-decoration: none;
    background-color: #419ac7;
}

.tab-left-edge {
    padding: 1px 0 0 4px;
}

.tab-right-edge {
    padding: 1px 1px 0 0;
}

.tab-table {
    background-color: #001c58;
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

/*
Copied from spectrum.css
*/
.fieldLabelRight {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: right;
}

.fieldLabelRightBold {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: right;
    font-weight: bold;
}

.sectionLabelCenter {
    font-family: arial, helvetica, sans-serif;
    font-size: 15px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}

/** Text - General **/
.generalText {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-align: left;

}

.generalTextCenter {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #000000;

}

/*
Moved over from kiosk.css
*/

.spreadsheet-header {
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    text-align: left;
    padding: 4px;
    color: black;
    border: none;
}

/* Form widget styles. */

.form-label {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 2px 1px 2px;
}

.form-label-bold {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
}

.form-heading {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #075090;
    padding: 1px 2px 1px 2px;
}

.form-heading-warning {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: red;
    padding: 1px 2px 1px 2px;
}

.form-heading2 {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
}

.form-heading3 {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 10px 1px 2px;
    color: #075090;
}

.form-heading4 {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 1px 10px 1px 2px;
}

.form-heading-padBottom {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    padding-bottom: 5px;;
}

.form-heading-white-font-color {
    font-family: arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding: 1px 2px 1px 2px;
}

.form-subheading {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    padding: 1px 2px 1px 2px;
}

.form-select-box {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    z-index: -1;
}

.form-select-box-small-font {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    z-index: -1;
}

.form-select-box-small-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 150px;
}

.form-select-box-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 230px;
}

.form-select-box-tc-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 240px;
}


.form-select-box-fixed1 {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 200px;
}

.form-select-box-wide-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 255px;
}

.form-select-box-wider-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 270px;
}

.form-select-box-widest-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    padding: 1px 2px 1px 2px;
    z-index: -1;
    width: 310px;
}

.form-input-disabled {
    background-color: #d5d5d5;
    border-color: #419ac7;
    border-style: solid;
    border-width: 1px;
    padding: 1px 2px 1px 2px;
}

.text {
    border-color: #419ac7;
    border-style: solid;
    border-width: 1px;
    padding: 1px 2px 1px 2px;
}

.form-file {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    padding: 1px 2px 1px 2px;
    width: 250px;
}

.form-list {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
}

.form-list-small-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    width: 80px;
}

.form-list-small-font {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
}

.form-list-small-font-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    width: 260px;
}

.form-list-fixed-narrow {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    width: 80px;
}

.form-list-fixed {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    width: 230px;
}

.form-list-fixed-wide {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    width: 260px;
}

.form-padding {
    padding: 2px 4px 2px 4px;
    z-index: 1;
}
.form-list-small-font-fixed-security-role {
    font-family: arial, helvetica, sans-serif;
    font-size: 8px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    width: 340px;
}
.form-requested {
    background-color: #cccccc;
}

.query-form-calendar-icon {
    padding: 1px 2px 1px 2px;

    border-left-color: #155e9d;
    border-left-style: outset;
    border-left-width: 2px;

    border-right-color: #155e9d;
    border-right-style: outset;
    border-right-width: 2px;

    border-bottom-color: #155e9d;
    border-bottom-style: outset;
    border-bottom-width: 2px;

    border-top-color: #419ac7;
    border-top-style: outset;
    border-top-width: 2px;

}

.button {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/button.gif );
    width: 74px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.button-hover,.button:hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #4A8F70;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/button.gif );
    width: 74px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.psbutton {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/psButton.gif );
    width: 80px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.psbutton-hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #4A8F70;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/psButton.gif );
    width: 80px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.wide-button {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/wideButton.gif );
    width: 100px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}
 	  	 
.wide-button-hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #4A8F70;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/wideButton.gif );
    width: 100px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.small-button {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/smallButton.gif );
    width: 35px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.small-button-hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #4A8F70;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/smallButton.gif );
    width: 35px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.save-button {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/button.gif );
    width: 74px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.save-button-hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    color: #4A8F70;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/button.gif );
    width: 74px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}
.wide-button1 {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #000000;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/wideButton1.gif );
    width: 110px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}
 	  	 
.wide-button1-hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    color: #4A8F70;
    text-align: center;
    padding: 1px 2px 1px 2px;
    background-image: url( ../images/staff/wideButton1.gif );
    width: 110px;
    /*Allows buttons to display correctly without a border in IE8 and IE9*/
    height: 22px;
    border:0px;
}

.padBottom {
    padding-bottom: 5px;
}

.padRight {
    padding-right: 5px;
}

.padLeft {
    padding-left: 5px;
}

.padTop {
    padding-top: 5px;
}

.bordered_table {
    border-color: #001c58;
    border-style: solid;
    border-width: 1px;
}

/* Table styles. */

.detail-heading {
    font-family: arial, helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.detail-bold-text {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.detail-table {
}

.detail-padded {
    padding: 0px;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
}

table.align-center {
    margin: auto; 
}

.detail-padded table {
    padding: 6px;
}

/** For Scrolling grid **/
div.tableBody, div#gridTableContainer {
    margin: 0px auto 0px auto; /*width: 100%;*/    
    overflow: auto;    
    text-align: center;
    padding: 0px;
    border: 0px;
}

div.tableBody table, div#gridTableContainer table#gridTable {
    text-align: right;
    padding: 0px;
}

div.tableBody table, div#gridTableContainer table#scrSelectGridTable, table#hoursConstraintSelectGridTable, table#overrideConstraintSelectGridTable, table#trainingClassTemplateWeekGridTable {
    text-align: right;
    padding: 0px;
}

div.tableBody table, div#gridTableContainer table#scrDetailGridTable {
    text-align: right;
    padding: 0px;
}

div#gridTableContainer table#gridTable {
/*width: 97%;*/
}

div.tableBody table {
/*width: 100%;*/
}



div#gridTableContainer table#recurringScheduleTable {
    border: none;
    width: 100%;
    border-spacing: 0px;
}

table#recurringScheduleTable tr td.sp-left-edge {
 text-align: left;
 } 

div#gridTableContainer table#gridTable {
    border-width: 1px;
    border-color: #bbb;
    border-style: solid;
}

div#gridTableContainer table#scrSelectGridTable, table#hoursConstraintSelectGridTable, table#overrideConstraintSelectGridTable, table#trainingClassTemplateWeekGridTable, table#skillSiteAllocationGridTable {
    border-width: 1px;
    border-color: #bbb;
    border-style: solid;
}

div#gridTableContainer table#scrDetailGridTable {
    border-width: 1px;
    border-color: #bbb;
    border-style: solid;
}

div#gridTableContainer table#innerGridTable {
    padding: 0px;
    width: 100%;
}

td.scrollbar-topper {
    width: 16px; /*16px IE, 15px Firefox, but whatever*/
}

/** End for scrolling grid **/
/** For individual scrolling grids **/
div.scroll-grid-basic {
    height: 310px;
}

/** Allow for longer System Config Keys **/
/** If Keys become too long, we will have to reset width to limit to window size **/
div.scroll-grid-system-configuration {
    height: 310px;
    width: 100%;
}

div.scroll-grid-background-job-all {
    height: 310px;   
    width: 955px;
}
    
div.scroll-grid-available-shift-group {
    height: 360px;
}

div.scroll-grid-available-shift {
    height: 350px;
}

div.scroll-grid-available-shift-group-data {
    height: 300px;
    width: 300px;
}

div.scroll-grid-available-sched{
    height: 350px; 
}

div.scroll-grid-tc-avail-shifts {
    height: 360px;
    width: auto;
}

div.scroll-grid-tc-avail-schedules {
    height: 360px;
    width: auto;
}

div.scroll-grid-wizard-avail-schedules {
    height: 218px;
    width: auto;
}

div.scroll-grid-activity-users {
    height: 260px;
}

div.scroll-grid-recurring-activity-add-user-tab {
    height: 370px;    
    overflow: auto;
}

div.scroll-grid-recurring-activity-add-user {
    height: 255px;    
    overflow: auto;
}

div.scroll-grid-usr-sto-balance-history {
    height: 360px;
}

div.scroll-grid-rank-users {
    height: auto;
    max-height: 380px;
}

div.scroll-grid-rule {
    height: auto;
    max-height: 400px;
}
div.scroll-grid-forecast {
    height: auto;
    }
div.scroll-grid-available-shift-add {
    height: auto;
}

div.scroll-grid-sheet-rules {
    height: auto;
    max-height: 380px;
}

div.scroll-grid-user-rank {
    height: 170px;
}

div.scroll-grid-avail-shifts {
    height: 200px;
}

div.scroll-grid-avail-shifts-params {
    height: 75px;
}

div.scroll-grid-shift-generation-profile {
    height: 360px;
}

div.scroll-grid-shift-generation-profile-tuning {
    height: 300px;
}

div.scroll-grid-shift-generation-profile-coverage {
    height: 220px;
}

div.scroll-grid-shift-generation-profile-detail {
    height: 240px;
}

div.scroll-grid-skill-split-locations-detail {
    max-height: 230px;    
    width: 290px;
}

div.scroll-grid-shift-trades {
    height: 310px;
}

div.scroll-grid-tall {
    height: 320px;
}

div.scroll-grid-deviations {
    height: 310px;
}

div.scroll-grid-sto {
    height: 400px;
}

div.scroll-grid-schedule-change-request-select {
    height: 420px;
}

div.scroll-grid-schedule-change-request-disposition-detail {
    height: 200px;
}

div.scroll-grid-event-notes {
    height: 110px;
}

div.scroll-grid-activity-user-add {
    height: 303px;
}

div.scroll-grid-team-lead {
    height: 60px;
}

.clickable {
	cursor: pointer;
	cursor:hand;
}

/** End for individual scrolling grid **/

div.scheduleChangeRequestDispositionDetail {    
    height: auto;
}

table.table-layout-fixed {
    table-layout: fixed;    
}

table.scheduleChangeRequestDispositionButtons {
    width: 100%;
    line-height: 0px;    
}

div.recurringActivityDayTab {
    height: 270px;
    overflow: auto;
}

div.recurringActivityHistoryTab {
    height: 310px;
    overflow: auto;
}

div.recurringActivityUsersGrid {
    height: 224px;
    max-width: 630px;
    overflow: auto;
}

div.recurringScheduleGridView {
    overflow:auto;
    height:290px;
    overflow-x:hidden;
    margin: 0px;     
}

div.summaryTextView_CurrentSchedule_Sto{
overflow: scroll;
height: 310px;
overflow-x: hidden;
margin: 0px;
}


/* Normal data cell, has border around 3 sides. */
td.sp-cell {
    padding: 3px;    

    border-width: 0px;
}

td.sp-cell-no-pad {
    padding: 0px;
    border-width: 1px;
}

table.system-configuration td.sp-cell {
    width: 65px;
}

table.system-configuration td.sp-checkbox {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;

    width: 1px;
    padding: 2px 1px 2px 1px;
}

table.premium-pay td.sp-cell {
    width: 65px;
}

table.premium-pay td.sp-big-empty-cell {
    width: 69px;
    border: none;
    padding: 4px 4px 4px 4px;
}

table.premium-pay td.sp-checkbox {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;

    width: 1px;
    padding: 2px 1px 2px 1px;
}

/* Adds left-side border. */
td.sp-left-edge {
    border-width: 0px;
    
}

td.sp-empty {
    border: none;
    padding: 4px 4px 4px 4px;
}

td.cellNoWrap {
    white-space: nowrap;
}

/* Even row, slight shaded background. */
td.sp-even, tr.sp-even {
    background-color: #eaeaea;
}

/* Odd row, white background. */
td.sp-odd, tr.sp-odd {
    background-color: #f8f8f8;
}

td.overstaff-text {
	color: #336600
}

td.understaff-text {
	color: #990000
}

td.sp-hidden {
  visibility: hidden;
}

/* Used for highlighting table rows on mouseovers.
See reports.js */
tr.report-highlight {
    background-color: #ffc !important;
    color: #000000 !important;
}

tr.report-highlight-negative {
    background-color: #ffc !important;
    color: red !important;
}

tr.report-highlight-ignored {
    background-color: #ffc !important;
    color: gray !important;
}

tr.report-sticky-highlight {
    background-color: #cfc !important;
}

tr.teamReportHeader {
    padding: 2px 4px 2px 4px;
    text-align: center;
    font-weight: bold;
    background-color: #004F79;
    color: #fff;
}

tr.teamTotalRow {
    background-color: #ff9;
    font-weight: bold;
}

tr.teamInfoRow {
    background-color: #BFE2FF;
    color: #000;
    font-weight: bold;
}

tr.reportSubTotalRow {
    background-color: #FFFF99;
    color:#000000;
    font-weight: bold;
}

tr.reportSubTotalRow2 {
    background-color: #FF7D00;
    color:#000000;
    font-weight: bold;
}

td.selected {
	background-color: yellow; 
}
td.sp-left {
    text-align: left;
}

td.sp-right {
    text-align: right;
}

td.sp-center {
    text-align: center;
}

td.sp-error {
    color: red;
}

td.sp-warn {
    color: orange;
}

td.sp-italic {
    font-style: italic;
}

td.sp-bold {
    font-weight: bold;
}

td.sp-extreme {
    color: red;
}

span.sp-extreme {
    color: red;
}

td.sp-extreme select.sp-select {
    color: red;    
}

/* Nothing for now. Obsolete style. */
td.sp-input {
}

td.sp-disabled-input {
}

td.sp-column-heading, tr.sp-column-heading td {

    text-align: left;
}

td.sp-column-heading-grouping, tr.sp-column-heading-grouping td {
    text-align: center;
    font-size: 11px;
    font-weight:bold;   
    background-color: #004F79;
    color:#fff;
}

td.sp-h2s-center, td.sp-h2s, td.sp-h2s-right,
    td.sp-column-heading-right, td.sp-column-heading, tr.sp-column-heading td, td.sp-column-heading-center,
    td.sp-column-heading-width,
    .sp-date-input, .sp-date-input:visited, .sp-date-input:active,
    td.sp-date {
    background-color: #DAEAF3;
    color: #000;
}

td.sp-column-heading-right, td.sp-column-heading, tr.sp-column-heading td, td.sp-column-heading-center {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

td.sp-column-heading-width {
    text-align: right;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

td.sp-column-heading-center {
    text-align: center
}

td.sp-column-heading-right {
    text-align: right;
}

td.sp-h1-blank {
    font-weight: bold;
    color: white;

    height: 2px;
}

/* h2s styles are for sortable column headers. */
td.sp-h2s {

    text-align: left;
}

td.sp-h2s-right {
    text-align: right;
}

td.sp-h2s-center {
    text-align: center;
}

td.sp-h2s-center, td.sp-h2s, td.sp-h2s-right {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;

    text-decoration: underline;
    cursor: pointer;

    padding: 3px 3px 3px 3px;

    border-width: 0px;
}

td.sp-h2ss {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;

    color: black;
    text-decoration: underline;
    background-color: #d3d3d3;
    cursor: pointer;
    text-align: left;

    padding: 3px 3px 3px 3px;

    border-width: 0px;
}

td.sp-number {
    text-align: right;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

td.sp-text {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}

td.sp-normal {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
}

td.sp-bold-text {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}

td.sp-extreme-text {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: red;
}

td.sp-time-range-text {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    width: 80px;
}

.sp-link, .sp-link:visited, .sp-link:active {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #000000;
    text-decoration: underline;
    text-align: left;
}

.sp-link:hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #155e9d;
    text-decoration: underline;
    text-align: left;
}

/* Used for date selection on forecasting grids. */
.sp-date-input, .sp-date-input:visited, .sp-date-input:active {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
}

.sp-date-input:hover {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color: #155e9d;
    background-color: #e5e5e5;
    text-decoration: underline;
    text-align: center;
}

td.sp-date {
    text-align: center;
}

td.sp-datetime-min-width {
    min-width: 90px;
}

td.sp-comment-min-width {
    min-width: 300px;
}

td.sp-date-hover {
    color: #155e9d;
    background-color: #e5e5e5;
    text-align: center;
}

td.sp-checkbox {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
}

/* Was fixed-width. font-family: courier new, courier; */
.sp-edit {
    color: black;
    text-align: right;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    margin-left: 0px;
    padding: 1px 1px 1px 1px;
}

.sp-extreme-edit {
    color: red;
    border-color: red;
    text-align: right;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    margin-left: 0px;
    padding: 1px 1px 1px 1px;
}

/* Was fixed-width. font-family: courier new, courier; */
.sp-disabled-edit {
    color: black;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: right;
    padding: 1px 1px 1px 1px;
    margin-left: 0px;
}

.sp-select {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: bold;
    padding: 1px 2px 1px 2px;
    z-index: -100;
}

.fcst-skill-select {
    max-width: 55px !important;
}

/* -- commented out.
.row-header {
    font-family: arial, helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #a0a0a0;  
    text-align: left;
}
*/

/* forecast dynamic grids */
table.sp_wfgrid{
    display: table;
    border-spacing: 2px;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: 0;
}
table.sp_wfgrid tr{height: 1.2em;}
table.sp_wfgrid th, table.sp_wfgrid td{
    padding: 0px;
}
div.fcst-grid-container {
    position: relative
}

div.fcst-grid {
    position: relative;
    top: 0;
    left: 0;
}

.fcst-grid-toggle {
    position: absolute;
    z-index: 1;
    margin-left: 0px;
    top: 8px;
    padding: .1em .5em .1em .5em;
    font-size: 12px;
}

.fcst-daily-grid-toggle {
    position: absolute;
    z-index: 1;
    margin-left: 0px;
    width: 21em;
    padding: .5em .5em 0em .5em;
    font-size: 12px;
}

.fcst-grid-toggle-msg {
    text-align: center;
}

.edit-schedules {
    color: white;
    text-align: left;
}

.edit-sto {
    color: white;
    text-align: left;
}

.edit-breaks {
    color: black;
    text-align: left;
}

.edit-activities {
    color: black;
    text-align: left;
}

.edit-deviations {
    color: black;
    text-align: left;
}

.edit-schedules a:hover, .edit-schedules a:active {
    color: white;
    text-align: left;
}

.edit-schedules a:link, .edit-schedules a:visited {
    color: white;
    text-align: left;
}

.edit-schedules {
    color: white;
    text-align: left;
}

.detail-edit, .detail-edit a:hover, .detail-edit a:active {
    color: white;
    text-align: left;
}

.detail-edit a:link, .detail-edit a:visited {
    color: white;
    text-align: left;
}

/** Text Colors **/
.blackText {
    color: black;
}

.grayText {
    color: gray;
}

.redText {
    color: red;
}

.whiteText {
    color: white;
}

table.schedule-detail-grid td.detail-cell {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: #1559ed;
    padding: 2px 2px 2px 2px;
    
}

table.schedule-detail-grid td.row-header {

    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 2px 2px 2px 2px;
    color: black;
}

table.schedule-detail-grid td.sp-left-edge {
    border-left-color: #ffffff;
    border-left-style: none;
    border-left-width: 0;
}

/*
-- Schedule Grid Control Styles
*/
table.schedule-grid-controls {

}

table.schedule-grid-controls td.left-arrow {
    line-height: 10px;
    width: 30px;
}

table.schedule-grid-controls td.right-arrow {
    line-height: 10px;
    width: 30px;
}

table.schedule-grid-controls td.date {
    font-family: arial, helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 10px;
    text-align: center;
    width: 228px;
}

.grid-nodata-textalign {
    text-align: center;
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
}

.grid-cell-even {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
    background-color: #CCCCCC;

}

.grid-cell-odd {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    vertical-align: top;
}

.grid-column-header {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-top: 2px;
    vertical-align: top;

    color: #882222;
}

.grid-row-header {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-top: 2px;
    vertical-align: top;

    color: #882222;
}

.grid-big-column-header {
    font-family: arial, helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-top: 2px;
    vertical-align: top;

    color: #882222;
}

/*
-- Schedule Grid Styles
*/

table.schedule-grid {

    padding: 0px 0px 0px 0px;
    border: none;
}

/* the column header style for the row header column */
table.schedule-grid td.row-header-column-header {
    font-family: arial, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 10px;
    padding-top: 2px;
    vertical-align: top;
    width: 16%;
}

table.schedule-grid td.column-header {
    font-family: arial, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 10px;
    text-align: center;

    width: 12%;
}

table.schedule-grid td.row-header {
    font-family: arial, helvetica, sans-serif;
    font-size: 9px;
    font-weight: normal;
    line-height: 10px;
    padding-top: 2px;
    vertical-align: top;
    width: 16%;
    color: #808080;
}

table.schedule-grid td.row-header-small {
    font-family: arial, sans-serif;
    font-size: 6pt;
    font-weight: normal;
    line-height: 10px;
    padding-top: 2px;
    vertical-align: top;
    width: 16%;
}

td.legend-label-cell {
    font-family: arial, sans-serif;
    font-size: 7pt;
    font-weight: normal;
    line-height: 10px;
    padding-top: 2px;
    vertical-align: top;
}

/* Place holder. */
table.schedule-grid td.sp-left-edge {
    border-left-color: #ffffff;
    border-left-style: solid;
    border-left-width: 1px;
}

table.schedule-grid td.cell {
    border-color: white;
    border-style: none solid none solid;
    border-width: 0 2px 0 2px;
    line-height: 5px;
    width: 12%;
}

td.legend-color-cell {
    border-color: white;
    border-style: none solid none solid;
    border-width: 0 2px 0 2px;
    line-height: 10px;
    width: 40px;
}

table.schedule-grid td.cell-border {
    border-style: none solid none solid;
    border-width: 0 2px 0 2px;
    line-height: 5px;
    width: 12%;
}

table.schedule-grid td.cell-spacer {
    border-style: solid solid none solid;
    border-width: 1px 2px 0 2px;
    line-height: 5px;
    width: 12%;
    border-top-color: white;
}

table.schedule-grid td.cell-bottom-border {
    border-style: none solid solid solid;
    border-width: 0 2px 1px 2px;
    line-height: 5px;
    width: 12%;
}

table.schedule-grid td.cell-top-border {
    border-style: solid solid none solid;
    border-width: 2px 2px 0 2px;
    line-height: 5px;
    width: 12%;
    border-bottom-color: white;
}

table.schedule-grid td.normal-border-color {
    border-color: white;
}

/* Was border-color: #001c58; */
table.schedule-grid td.selected-border-color {
    border-color: #155e9d;
}

table.schedule-grid td.column-header-button {
    text-align: center;
    cursor:pointer;
    cursor:hand;
}

table.schedule-grid td.column-header-button-selected {
    text-align: center;
    color: white;
    background-color: #155e9d;
    cursor:pointer;
    cursor:hand;
}

table.schedule-grid td.premium-available-cell {
    background-color: #4A8F70;
}

table.schedule-grid td.available-cell {
    background-color: #7DC4A3;
}

table.schedule-grid td.uptime-adj-cell {
    background-color: #7DC4A3;
}

table.schedule-grid td.normal-cell {	
    background-color: #dddddd;
}

table.schedule-grid td.activity-cell {
    background-color: #AFB1F0;
}

table.schedule-grid td.required-schedule-activity-cell {
    background-color: #7174d6;
}

table.schedule-grid td.deviation-cell {
    background-color: #FF9966;
}

table.schedule-grid td.break-cell {
    background-color: rgb(247, 223, 186);
}

table.schedule-grid td.scheduled-interval-cell {
    background-color: #9A9999;
}

td.scheduled-interval-cell {
    background-color: #9A9999;
}

table.schedule-detail-grid td.scheduled-interval-cell {
    background-color: #888888;
}

table.schedule-detail-grid td.break-cell {
    background-color: rgb(247, 223, 186);
}

table.schedule-detail-grid td.activity-cell {
    background-color: #AFB1F0;
}

table.schedule-detail-grid td.required-schedule-activity-cell {
    background-color: #7174d6;
}

table.schedule-detail-grid td.deviation-cell {
    background-color: #FF9966;
}

table.schedule-detail-grid td.pending-sto-cell {
    background-color: rgb( 255, 153, 0 );
}

table.schedule-detail-grid td.approved-sto-cell {
    background-color: rgb( 165, 142, 105 );
}

table.schedule-detail-grid td.blacked-outsto-cell {
    background-color: rgb( 0, 0, 0 );
}

table.schedule-grid td.pending-sto-cell {
    background-color: rgb( 255, 153, 0 );
}

table.schedule-grid td.approved-sto-cell {
    background-color: rgb( 165, 142, 105 );  
}

table.schedule-grid td.blacked-out-sto-cell {
    background-color: rgb( 0, 0, 0 );  
}

table.schedule-grid td.pet-cell {
    background-color: rgb( 205, 0, 0 );
}

table.schedule-grid td.premium-downtime-cell {
    background-color: #9C011E;
}

table.schedule-grid td.posted-trade-cell {
    background-color: #D86379;
}

table.schedule-grid td.available-trade-cell {
    background-color: rgb( 0, 205, 205 );
}

/* Was #9A9999 */
table.schedule-grid td.training-class-cell {
    background-color: #A886D0;
}

table.schedule-grid td.training-class-work-cell {
    background-color: #855F9C;
}

td.requested-cell {
    background-color: rgb(135, 137, 195);
}

td.requested-range-cell {
    background-color: rgb(175, 177, 240);
}

td.no-change-cell {
    background-color: rgb(135, 137, 195);
}

table.schedule-grid td.pet-cell {
    background-color: rgb( 205, 0, 0 );
}

table.schedule-grid td.premium-downtime-cell {
    background-color: #9C011E;
}

td.bad-added-cell {
    background-color: #F28383;
}

td.bad-removed-cell {
    background-color: #F20000;
}

td.bad-skill-change-cell {
    background-color: #F2BDBD;
}

td.good-added-cell {
    background-color: #00FC04;
}

td.good-removed-cell {
    background-color: #009402;
}

td.good-skill-change-cell {
    background-color: #9EF7A0;
}

td.failed-cell {
    background-color: rgb( 0, 0, 0 );
}

table.schedule-detail-grid td.training-class-cell {
    background-color: #A886D0;
}

table.schedule-detail-grid td.training-class-work-cell {
    background-color: #855F9C;
}

table.scheduled-shifts-grid {
    border-color: #155e9d;
    border-style: solid;
    border-width: 2px;
    width: 98%;

}

table.scheduled-shifts-grid-header {
    border-color: #155e9d;
    border-style: solid;
    border-width: 2px;
    width: 98%;
    padding: 2px;
    background-color: #155e9d;
    color: white;
    font-family: arial, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    text-align: center;
}

/* Special Styles for User Maintenance */
table.user_detail {
    border-color: black;
    border-style: solid;
    border-width: 1px;
    width: 99%;
    padding: 4px 4px 4px 4px;
}

table.user_detail td {
    width: 25%
}

table.user_detail_no_border {
    border-color: black;
    border-style: none;
    border-width: 0px;
    width: 90%;
    padding: 4px 4px 4px 4px;
}

table.user_detail_no_border td {
    width: 25%
}

/* Session timeout window. */
.timeout_msg {
    position: absolute;
    top: 300px;
    left: 31%;
    width: 600px;
    visibility: inherit;
    z-index: 10000;
    border: 1px solid #000000;
    background-color: #155e9d;
    color: #ffffff
}

.timeout_table {
    width: 600px;
    text-align: center;
    border: 1px solid #000000;
}

.timeout_text {
    color: #ffffff;
    background-color: #155e9d;
    font-family: arial, sans-serif;
    font-size: 11pt;
    font-weight: normal;
}

.timeout_login_pos {
    position: absolute;
    top: 450px;
    left: 47%;
    width: 400px;
    visibility: hidden;

}

.timeout_login_text {
    text-align: right;
    font-family: arial, sans-serif;
    font-size: 9pt;
    font-weight: normal;
}

.timeout_loginlink_color A:link {
    color: #ffffff;
}

.timeout_loginlink_color A:visited {
    color: #99ff99;
}

/* From Menu Package. */
.ddm1 {
    z-index: 10000;
    font-family: arial, helvetica, sans-serif;
    font-size: 11px; /* redone EFJ */
}

.unselected-menu {
    background-color: #419ac7;
    color: #d2e9f2;
}

.selected-menu {
    background-color: #155e9d;
    color: #d2e9f2;
}

.ddm1 .item1,
    .ddm1 .item1:hover,
    .ddm1 .item1-active,
    .ddm1 .item1-active:hover {
    padding: 7px 6px 7px 6px;

    text-decoration: none;
    display: block;
    position: relative;
    z-index: 14;
}

.ddm1 .item1 {
    color: #d2e9f2;
}

.ddm1 .item1:hover,
    .ddm1 .item1-active,
    .ddm1 .item1-active:hover {
    background-color: #daeaf3;
    color: #000000;
}

.ddm1 .item2,
    .ddm1 .item2:hover {
    padding: 3px 8px 4px 8px;
    text-decoration: none;
    display: block;
    white-space: nowrap;
    z-index: 1000;
}

.ddm1 .item2 {
    background: #daeaf3;
    color: #000000;
    z-index: 1000;
}

.ddm1 .item2:hover {
    background: #155e9d;
    color: #ffffff;
}

.ddml .arrow,
    .ddml .arrow:hover {
    padding: 3px 10px 5px 6px;
}

.ddm1 .section {
    border: 1px #003366;
    border-style: solid solid solid solid;
    position: absolute;
    visibility: hidden;
    z-index: -1;
    white-space: nowrap;
}

.ddm1 .left, .ddm1 .left:hover {
    border-style: none none none none;
}

.ddm1 .right, .ddm1 .right:hover {
    border-style: none none none none;
}

/* Removing IE5 Fix made menus work on IE6. -EFJ */
/* Adding back fixed bug in IE6 sp1... sp2 is fine without it */
* html .ddm1 td {
    position: relative;
    z-index: 999;
}

/* ie 5.0 fix */

/* End menu styles */

fieldset legend {
    color: #000;
}

.gridNoWrap {
    white-space: nowrap;
}

img#spectrum-header-print-image {
    display: none;
}

div.left_box {
    float: left;

}

div.right_box {
    float: right;
}

.clear_float {
    clear: both;
}

div#wizard-form-area,
    div#wizard-form-area INPUT.button,
    div#wizard-form-area INPUT.text,
    div#wizard-form-area SELECT,
    div#wizard-form-area td,
    div#wizard-form-area div,
    div#wizard-form-area div#newScheduleLabelDiv.form-label,
    div#userSearchForm div,
    div#userSearchForm INPUT.button,
    div#userSearchForm INPUT.text,
    div#userSearchForm SELECT,
    div#userSearchForm td,
    div#editUserForm INPUT.text,
    div#editUserForm INPUT.form-input-disabled,
    div#editUserForm TEXTAREA.text,
    div#editUserForm div,
    div#editUserForm SELECT,
    div#userCreateForm SELECT,
    div#userCreateForm td,
    div#userCreateForm div,
    div#userCreateForm INPUT.text,
    div#userCreateForm INPUT.form-input-disabled {
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
}

div#editUserForm INPUT.psbutton,
    div#userSearchForm INPUT.button,
    div#wizard-form-area INPUT.button,
    div#wizard-form-area INPUT.save-button {
    font-size: 9px;
}

ul.less-left-padding {
    padding-left: 15px;    
}

ul.no-margin {
    margin: 0px;    
}

ul.hidden-divs {
    padding: 0px;    
}

li.hidden-divs-item {
    float: left;
    list-style-type: none;
    padding-right: 6px;
}

td.no-border {
    border: none;
}

div.searchAreaContainer {
	min-width: 600px;
}

div.searchBar {
    width: 29px;
    height: 506px;
    background-color: #155e9d;
}

table.searchBar {
    width: 29px;
    height: 496px;
}

td.searchBar {
    text-align: center;
    vertical-align: top;
}

div.searchPanelDiv {
	position: absolute; 
	top: 6px; 
	left: 39px; 
	visibility: hidden; 
	z-index: -100; 
	background: url('/spectrum/images/25blackshadow.png'); 
	min-width: 400px; 
	min-height: 506px;
}

div.searchPanel {
	position: absolute; 
	top: -6px; 
	left: -6px; 
	background: #DAEAF3;
	border: black 1px solid; 
	min-width: 400px;
	min-height: 506px;
}

table.searchPanel { 
	table-layout: fixed; 
	overflow: hidden; 
	height: 506px; 
	width: 400px; 
	margin: 0px; 
	padding: 0px; 
	border-collapse: collapse;
	background-color: #DAEAF3;
}

tr.searchPanelTitle {
	background-color: #155C9D;
}

td.searchPanelTitle {
	height: 15px;
}

p.searchPanelTitle {
	color: #D2E9F2; 
	font-size: 14px; 
	font-weight: bold; 
	padding: 0 0 0 2px;
	margin: 0px;
}

td.searchPanelData {
	height: 470px;
	vertical-align: text-top;
}

div.layoutDetailNew {
    position: absolute;
    top: 0px;
    left: 30px;
    min-height: 506px;
    width: 965px;
    background: #ffffff;
    margin-left: 3px;
    margin-right: -720px;
}

div.layoutDetailShadow {
	position: absolute; 
	top: 0px; 
	left: 30px; 
	visibility:hidden; 
	z-index:-100; 
	min-height: 506px; 
	width: 965px;
    margin-left: 3px;
    margin-right: -720px;
}

table.emptySearch {
    background-color: transparent;
    border: 0px;
    padding: 0px;
	height: 496px; 
    width: 100%;
}

td.emptySearch {
    text-align: center;
    vertical-align: top;
}

.disabled{				
				opacity: 0.4;
				pointer-events: none
}
.inline-div{
	display: inline-block;	
}
.smsLabelWidth{
	width: 110px;
}
.cell-phone-form{
	min-height: 492px;				
}				

input[name='assignedHrSystemSite'] {
    width:200px;
    font-size: x-small;
}