/*
  kiosk.css

  This file contains the style sheet for the Spectrum Kiosk application.

  Copyright (c) 2004-2005 West Corporation.  All rights reserved.
*/


.transparentTable {
    background-color: transparent;
}
.designerFooterBGColor {
	background-color: #670900;
}
.designerFooterFontColor {
	color: #ffffff;
	font-size: 8px;
	font-family: arial, helvetica, sans-serif;
}
.loginContentTable {
    height: 530px;
    text-align: center;
    margin-left: 5px;
}

.detailTable {
    height: 740px;
	width: 1000px;
    text-align: center;
    margin-left: 2px;
}

.detailTableDotted {
    height: 740px;
	width: 1000px;
    text-align: center;
    margin-left: 2px;
    padding: 4px;
}

.headertext {
    padding: 0px 0px 10px 0px;  
}

/**  From mckinley.css  **/

.footer {
	background-color: #CCCCCC;
	border: 1px solid #003399;
}

.smallText {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 20px;
	color: #000000;
}

.textHeader {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	color: #FFFFFF;
}

.footerText {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	line-height: 30px;
	color: #FFFFFF;
}

.textContentTitle {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
	font-weight: bold;
	border-bottom: 1px solid black;
}

.textContent {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-color: #F0F0F0;
}

.textContentLabelRight {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #000000;
	text-align: right;
	background-color: #F0F0F0;
}

.textContentCenter {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #F0F0F0;
}

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

.fullWidth {
    width: 100%;
}

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

.shiftTradeDisabledMsg {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    text-align: center;
    color: #656565;
}

.disabledShiftTrade {
    padding-top: 54px;
}


.homeText {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 2px;
    text-align: left;
    color: black;
}

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

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

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

    
.error {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	color: red;
}

 /*
    -- Menu Bar Styles
    */
.prompt {
    margin: 0 0 0 0;
    height: 45px;
}

table.bar td.top_bar_dark {
    margin: 0 0 0 0;
    height: 4px;
	background-image: url('/kiosk/images/kiosk/banner_shadow_dark_sliver.gif');
    background-repeat: repeat-x;
    background-position:  left bottom;
  }

table.bar td.top_bar_light {
    margin: 0 0 0 0;
    height: 4px;
	background-image: url('/kiosk/images/kiosk/banner_shadow_light_sliver.gif');
    background-repeat: repeat-x;    
    background-position:  left bottom;
  }

table.prompt td.top_bar_dark {
    margin: 0 0 0 0;
    height: 4px;
	background-image: url('/kiosk/images/kiosk/banner_shadow_dark_sliver.gif');
    background-repeat: repeat-x;
    background-position:  left bottom;
  }

table.prompt td.top_bar_light {
    margin: 0 0 0 0;
    height: 4px;
	background-image: url('/kiosk/images/kiosk/banner_shadow_light_sliver.gif');
    background-repeat: repeat-x;    
    background-position:  left bottom;
  }

  table.menu-bar {
    margin: 0 0 0 0;
    background-color: rgb(204,204,204);
    background-image: url('/kiosk/images/kiosk/textured_bckgrnd_122H.gif');
    background-repeat: repeat-x;
    background-position:  left bottom;
    height: 100%;
  }

  table.menu-bar td {
    font-family: arial, helvetica, sans-serif;
    font-size: 7pt;

    background-color: transparent;
    text-align: center;
  }

  table.menu-bar td.selected {
    font-family: arial, helvetica, sans-serif;
    font-size: 7pt;
    margin: 0 14px 0 0;
    background-color: transparent;
    color: black;
    font-weight: bold;
  }

  table.menu-bar td.normal {
    color: white;
    background-color: transparent;
    margin: 0 16px 0 0;
    font-weight: bold;
    font-size: 9pt;
  }

  table.menu-bar td.logo {
    color: black;
    background-color: transparent;
    margin: 0px 0px 0px 0px;
    padding: 0px 20px 0px 20px;    
  }
  
  table.menu-bar a:link {
    color: black;
    text-decoration: none;
    font-weight: bold;
  }

  table.menu-bar a:visited {
    color: black;
    text-decoration: none;
    font-weight: bold;
    }

  table.menu-bar a:hover {
    color: black;
    text-decoration: underline;
    font-weight: bold;
  }


/* Arrows going left and right for navigating dates. */
.date-navigator {
    color: #004A7D;    
    background-color: white;      
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 0 2px 0 5px;
}

  .date-navigator a:link {
    color: #004A7D;
    background-color: white;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 0 2px 0 5px;
  }

  .date-navigator a:visited {
    color: #004A7D;
    background-color: white;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 0 2px 0 5px;
  }

  .date-navigator a:hover {
    color: #004A7D;
    background-color: white;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 0 2px 0 5px;
  }
  

.date-navigator-pad {
    background-color: white;
}

.date-navigator-date-box {
    color: #004A7D;
    background-color: #E4F1F9;   
    font-family: arial, helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
    padding: 0 5px 0 5px;

}  

.date-navigator-date {
    color: #004A7D;
    background-color: #E4F1F9;   
    font-family: arial, helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
    padding: 0 5px 0 5px;
}

.date-navigator-date a:link {
    color: #004A7D;
    background-color: #E4F1F9;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 0 5px 0 5px;
}

.date-navigator-date a:visited {
    color: #004A7D;
    background-color: #E4F1F9;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;  
    font-weight: bold;
    padding: 0 5px 0 5px;  

}

.date-navigator-date a:hover {
    color: #004A7D;
    background-color: #E4F1F9;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;  
    font-weight: bold;
    padding: 0 5px 0 5px;
}

.prompt-heading {
    color: white;
    background-color: #0056A1;   
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;   
    font-weight: bold;
    padding: 2px 5px 2px 2px;
}

.prompt-message {
    color: white;
    background-color: #76ADCD;   
    font-family: arial, helvetica, sans-serif;
    font-size: 9pt;   
    font-weight: bold;
    padding: 2px 2px 2px 5px;
}


.calendar {
    color: white;    
    background-color: #76ADCD;      
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 2px 2px 5px;

}

  .calendar a:link {
    color: white;
    background-color: #76ADCD;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
  }

  .calendar a:visited {
    color: white;
    background-color: #76ADCD;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
  }

  .calendar a:hover {
    color: white;
    background-color: #76ADCD;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
  }
  

.calendar-date-box {
    color: white;
    background-color: #004D8A;   
    font-family: arial, helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    border-style: inset;
    border-width: 1px;
}  

.calendar-date {
    color: white;
    background-color: #004D8A;   
    font-family: arial, helvetica, sans-serif;
    font-size:8pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}

.calendar-date a:link {
    color: white;
    background-color: #004D8A;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}

.calendar-date a:visited {
    color: white;
    background-color: #004D8A;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;  
    font-weight: bold;
    padding: 2px 5px 2px 5px;  

}

.calendar-date a:hover {
    color: white;
    background-color: #004D8A;      
    text-decoration: none;
    font-family: arial, helvetica, sans-serif;
    font-size: 8pt;  
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}
  
.calendar-title {
    color: white;
    background-color: #76ADCD;   
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;   
    font-weight: bold;
    padding: 2px 5px 2px 5px;
}

.calendar-title-no-calendar {
    color: white;
    background-color: #76ADCD;   
    font-family: arial, helvetica, sans-serif;
    font-size: 10pt;   
    font-weight: bold;
    padding: 2px 5px 2px 5px;
    height: 50px;
}

  /*
    -- Schedule Grid Control Styles
    */

  table.schedule-grid-controls {
  	width: 100%;
  }

  table.schedule-grid-controls td.left-arrow {
    line-height: 40px;
    width: 23%;
  }

  table.schedule-grid-controls td.right-arrow {
    line-height: 40px;
    width: 5%;
  }

  table.schedule-grid-controls td.date {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    width: 72%;
    white-space: nowrap;
  }

        

    .grid-cell-even {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        vertical-align: top;
        background-color: #BBBBBB;
        word-wrap: break-word;
    }
    
    .grid-cell-odd {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
        vertical-align: top;
        background-color: white;
        word-wrap: break-word;
    }
       
       
     .grid-column-header {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding-top: 2px;
        vertical-align: top; 
        background-color: white;
        color: #882222;
    }
         
    .grid-row-header {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        padding-top: 2px;
        vertical-align: top; 
        background-color: white;
        color: #882222;
    }
            
    .grid-big-column-header {
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 24px;
        font-weight: bold;
        padding-top: 2px;
        vertical-align: top; 
        background-color: white;
        color: #882222;
    }
    
  /*
    -- Schedule Grid Styles
    */

  table.schedule-grid {
    background-color: white;
    padding: 0px 0px 0px 0px;
  }

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

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


table.schedule-grid td.column-header-button {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    width: 12%;
    border: 2px outset gray;
    padding: 8px 6px 8px 5px; 
    
    border: 2px outset gray;
    background-color: rgb(135, 137, 195);
    cursor:pointer;
    cursor:hand;
}


table.schedule-grid td.column-header-button-selected {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 12px;
    text-align: center;
    width: 12%;
    
    border: 2px inset gray;
    padding: 8px 5px 8px 6px;  
    
    background-color: #76ADCD;
    color: white;
    cursor:pointer;
    cursor:hand; 
}


  table.schedule-grid td.row-header-small {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 6pt;
    font-weight: normal;
    line-height: 10px;
    padding-top: 0px;
    vertical-align: top;
    width: 16%;
    white-space: nowrap;
    color: #6E6E6E;
  }
  
  td.legend-label-cell {  
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    line-height: 12px;
    padding-top: 0px;
    vertical-align: top;
    white-space: nowrap;
  }
  
  table.schedule-grid td.row-header {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    line-height: 12px;
    padding-top: 0px;
    vertical-align: top;
    width: 16%;
    white-space: nowrap;
    color: #6E6E6E;
    text-align: right;
    padding-right: 4px;
  }

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

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

table.schedule-grid td.cell-spacer {
    border-style: solid solid none solid;
    border-width: 1px 2px 0 2px;        
    line-height: 10px;
    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: 10px;
    width: 12%;
}

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

table.schedule-grid td.selected-border-color {
    border-color: #0056A1;
}
      
table.schedule-grid td.premium-available-cell {
    background-color: #1EDB34;
    cursor:pointer;
    cursor:hand;
}
  
table.schedule-grid td.available-cell {
    background-color: #02AA35;
    cursor:pointer;
    cursor:hand;
}  

table.schedule-grid td.uptime-adj-cell {
    background-color: rgb(40, 190, 40);
    cursor:pointer;
    cursor:hand;
} 

table.schedule-grid td.normal-cell {
    background-color: rgb(220, 220, 220);
    cursor:pointer;
    cursor:hand;
}    

table.schedule-grid td.scheduled-interval-cell {
    background-color: rgb(135, 137, 195);
    cursor:pointer;
    cursor:hand;
}

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

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

table.schedule-grid td.deviation-cell {
    background-color: #AFB1F0;
    cursor:pointer;
    cursor:hand;
}

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

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

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

table.schedule-grid td.up-down-time-cell {
    background-color: rgb(205, 255, 40);
    cursor:pointer;
    cursor:hand;
}

table.schedule-grid td.pet-cell {
    background-color: #CD000E;
    cursor:pointer;
    cursor:hand;
}  
 
table.schedule-grid td.posted-trade-cell {
    background-color: #CD000E;
    cursor:pointer;
    cursor:hand;
}   
  
table.schedule-grid td.available-trade-cell {
    background-color: #02AA35;
    cursor:pointer;
    cursor:hand;
}   
    
table.schedule-grid td.training-class-cell {
    background-color: #ff99ff;
}   
    
table.schedule-grid td.training-class-work-cell {
    background-color: #ffff00;
}   
    
table.schedule-grid td.requested-cell {
    background-color: rgb(135, 137, 195);
}

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


  table.schedule-grid td.cell-with-bottom-border {
    border-color: white;
    border-style: solid;
    border-width: 0 2px 1px 2px;
    line-height: 10px;
  }

  table.schedule-grid td.cell-top {
    border-color: white;
    border-style: solid;
    border-width: 2px 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.cell-bottom {
    border-color: white;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    line-height: 10px;
  }


  table.schedule-grid td.scheduled-cell {    
    border-color: white;
    border-style: solid;
    border-width: 0 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.scheduled-cell-with-bottom-border {
    border-color: white;
    border-style: solid;
    border-width: 0 2px 1px 2px;
    line-height: 10px;
  }

  table.schedule-grid td.scheduled-cell-top {
    border-color: white;
    border-style: solid;
    border-width: 2px 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.scheduled-cell-bottom {
    border-color: white;
    border-style: solid;
    border-width: 0 2px 2px 2px;
    line-height: 10px;
  }


  table.schedule-grid td.selected-cell {
    border-color: black;
    border-style: solid;
    border-width: 0 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.selected-cell-with-bottom-border {
    border-color: black;
    border-bottom-color: white;
    border-style: solid;
    border-width: 0 2px 1px 2px;
    line-height: 10px;
  }

  table.schedule-grid td.selected-cell-top {
    border-color: black;
    border-style: solid solid none solid;
    border-width: 2px 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.selected-cell-bottom {
    border-color: black;
    border-style: none solid solid solid;
    border-width: 0 2px 2px 2px;
    line-height: 10px;
  }


  table.schedule-grid td.selected-scheduled-cell {
    border-color: black;
    border-style: none solid none solid;
    border-width: 0 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.selected-scheduled-cell-with-bottom-border {
    border-color: black;
    border-bottom-color: white;
    border-style: none solid solid solid;
    border-width: 0 2px 1px 2px;
    line-height: 10px;
  }

  table.schedule-grid td.selected-scheduled-cell-top {
    border-color: black;
    border-style: solid solid none solid;
    border-width: 2px 2px 0 2px;
    line-height: 10px;
  }

  table.schedule-grid td.selected-scheduled-cell-bottom {
    border-color: black;
    border-style: none solid solid solid;
    border-width: 0 2px 2px 2px;
    line-height: 10px;
  }
  
  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.legend-buffer-cell {
    border-color: white;
    border-style: none solid none solid;
    border-width: 0 2px 0 2px;
    line-height: 10px;
    width: 49px;
}


  /* 
    -- Scheduled Shifts Styles
    */

  table.scheduled-shifts-grid-header {
    margin: 0 0 0 0;
    width: 100%;
  }

  table.scheduled-shifts-grid-header th {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 10px;
    padding: 2px;
    vertical-align: top;
    text-align: center;
  }

  table.scheduled-shifts-grid-header td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    line-height: 10px;
    padding: 2px;
    vertical-align: top;
    text-align: left;
    color: #0056A1;
  }
  
  table.scheduled-shifts-grid-header td.big {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 14px;
    padding: 2px;
    vertical-align: top;
    text-align: left;
    color: #656565;
  }
  
  table.scheduled-shifts-grid-header td.big-message {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 12pt;
    font-weight: normal;
    line-height: 14px;
    padding: 2px;
    vertical-align: top;
    text-align: left;
    color: #FF3221;
  }
  
  table.scheduled-shifts-grid {
    border: 0;
    width: 100%;
    padding: 0;
  }

  table.scheduled-shifts-grid td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
  }

  table.schedule-change-request-shifts-grid {
    border-color: #155e9d;
    border-style: solid;
    border-width: 2px;
    width: 98%;
  }
  
  table.schedule-change-request-shifts-grid p {
    padding: 4px;
  }

  table.schedule-change-requests-shifts-grid td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
  }
  
  table.schedule-change-request-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;
  }
  
  
table.schedule-detail-grid {
    width: 100%;
    background-color: white;
  }

table.schedule-detail-grid td.detail-cell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 2px;    
    line-height: 22px;
  }

table.schedule-detail-grid td.premium-available-cell {
    background-color: #1EDB34;
}
  
table.schedule-detail-grid td.available-cell {
    background-color: #02AA35;
}  
table.schedule-detail-grid td.uptime-adj-cell {
    background-color: rgb(120, 255, 120);
}  
table.schedule-detail-grid td.normal-cell {
    background-color: rgb(220, 220, 220);
}    

table.schedule-detail-grid td.scheduled-interval-cell {
    background-color: rgb(135, 137, 195);
}

table.schedule-detail-grid td.up-down-time-cell {
    background-color: rgb(205, 255, 40);
}

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

table.schedule-detail-grid td.posted-trade-cell {
    background-color: #CD000E;
}   
  
table.schedule-detail-grid td.available-trade-cell {
    background-color: #02AA35;
} 
  
table.schedule-detail-grid td.training-class-cell {
    background-color: #ff99ff;
} 
    
table.schedule-detail-grid td.training-class-work-cell {
    background-color: #ffff00;
}

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

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-out-sto-cell {
    background-color: rgb(0, 0, 0);
}

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

table.schedule-detail-grid td.required-schedule-activity-cell {
    background-color: #7174d6;
}
    
table.auto-accept-options-detail-grid {
    width: 100%;
    background-color: white;
  }

table.auto-accept-options-detail-grid td.detail-cell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 6px;    
    line-height: 22px;
  }
  
table.auto-accept-options-detail-grid td.auto-accept-post-trade-cell {
    background-color: rgb(135, 137, 195);
}

table.auto-accept-options-detail-grid td.auto-accept-auto-accept-trade-cell {
    background-color: rgb(2, 170, 53);
}


.dialogTitle {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 20px;
    line-height: 20px;
    text-align: left;
    color: white;
    background-color: rgb(135, 137, 195);
    font-weight: bold;
    padding: 4px;
}

.dialogContent {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: left;
    color: #000000;
    background-color: white;
}

.dialogContentCenter {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    text-align: center;
    color: #000000;
    background-color: white;
    font-weight: bold;
}

.side_dotted {
    border-color: black;
    border-style: none dotted none dotted;
    border-width: 0 1px 0 1px;
}

.bottom_dotted {
    border-color: black;
    border-style: none dotted dotted dotted;
    border-width: 0 1px 1px 1px;
}
  
  /*
    -- Extra Styles
   */

  table.extra {
    width: 100%;
  }

  table.extra td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    height: 20px;
  }


  /*
    -- Footer Styles
    */

  table.footer {
    width: 100%;
  }

  table.footer td {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
  }

.bigButton {
	padding-left:25px;
	padding-right:25px;
	padding-top:15px;
	padding-bottom:15px;
	cursor: pointer;
	cursor:hand;
}

.bigButtonShort {
	padding-left:25px;
	padding-right:25px;
	padding-top:7px;
	padding-bottom:7px;
	cursor: pointer;
	cursor:hand;
}




.spreadsheet {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;    
    color: #000000;
    background-color: white;
    margin-left: 2px;
}


table.spreadsheet td.spreadsheet-header {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 18px;
    text-align: center;
    padding: 4px;
}

table.spreadsheet td.spreadsheet-left {
    border-width: 1px 1px 1px 1px;
    border-color: black;
    border-style: solid;
    padding: 4px;
}

table.spreadsheet td.spreadsheet-normal {
    border-width: 1px 1px 1px 0;
    border-color: black;
    border-style: solid;
    padding: 4px;
}

table.spreadsheet td.spreadsheet-noborder {
    border-width: 0 0 0 0;
    border-color: black;
    border-style: none;
    padding: 4px;
}

table.spreadsheet td.spreadsheet-extreme {
    color: rgb(205, 0, 0);
    background-color: white;
    text-align: right;
}

table.spreadsheet td.spreadsheet-text {
    color: #000000;
    background-color: white;
    text-align: center;
}
table.spreadsheet td.spreadsheet-rowheader {
    color: #000000;
    background-color: white;
    text-align: left;
    padding: 4px;
    font-weight: bold;
}

table.spreadsheet td.spreadsheet-button {
    color: #000000;
    background-color: white;
    text-align: center;
}

table.spreadsheet td.spreadsheet-number {
    color: #000000;
    background-color: white;
    text-align: right;
}

.spreadsheet-editable {
    color: black;
    background-color: white;
    text-align: right;
    font-weight: bold;
}

table.spreadsheet td.spreadsheet-calculated {
    color: black;
    background-color: white;
    text-align: right;
}

table.spreadsheet td.spreadsheet-queried {
    color: rgb(33, 33, 225);
    background-color: white;
    text-align: right;
}



/** Grid **/


/*
Overall style for the spreadsheet-like table.
*/
.sp {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: white;
    margin-left: 2px;
}

.occ {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: white;
    margin-left: 2px;
}

.ebf {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: white;
    margin-left: 2px;
}


.sp-variable-width {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: white;
    margin-left: 2px;
}

.sp-var-width-lg-font {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 14px;
    color: #000000;
    background-color: white;
    margin-left: 2px;
}


td.sp-nowrap {
	white-space:nowrap;
}

/*
 The sp-variable-width styles do not enforce fixed-width cells.
*/
table.sp-variable-width td.sp-cell {
    padding: 2px 4px 4px 2px;
}

table.sp-variable-width td.sp-empty-cell {
    padding: 2px 4px 4px 2px;
}

table.sp-var-width-lg-font td.sp-cell {
    padding: 2px 4px 4px 2px;
}


/*
Forecasting fixed-width grids.
*/
table.sp td.sp-cell {
    width: 60px;
    padding: 2px 4px 4px 2px;
}

table.sp td.sp-empty-cell {
    width: 40px;
    padding: 2px 4px 4px 2px;
}


/*
Sets up the cells for Occupancy.
*/
table.occ td.sp-cell {
    width: 5%;
    padding: 2px 2px 2px 2px;
}

table.occ td.sp-empty-cell {
    width: 1.5%;
    padding: 2px 2px 2px 2px;
}

/*
Sets up the cells for EBF.
*/
table.ebf td.sp-cell {
    width: 8.5%;
    padding: 2px 2px 2px 2px;
}

table.ebf td.sp-empty-cell {
    width: 2.5%;
    padding: 2px 2px 2px 2px;
}


/*
Sets up borders.
*/
td.sp-border {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: black;
}

td.sp-no-border {
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    border-color: white;
}

/*
Defines text alignment.
*/
td.sp-center {
    text-align: center;
}

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

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

/**
Defines colors and any other text styles.
*/
td.sp-bold {
    font-weight: bold;
    color: black;
    background-color: white;
}

td.sp-extreme-even {
    color: red;
    background-color: white;
}

td.sp-extreme-odd {
    color: red;
    background-color: #AAAAAA;
}

td.sp-h1 {
    font-weight: bold;
    color: white;
    background-color: #888888;
}

td.sp-h2 {
    font-weight: bold;
    color: black;
    background-color: #CCCCCC;
}

td.sp-h2s {
    font-weight: bold;
    color: black;
    text-decoration: underline;
    background-color: #CCCCDD;
    cursor:pointer;
    cursor:hand;
}

td.sp-h2ss {
    font-weight: bold;
    color: black;
    text-decoration:underline;
    background-color: #CCCCCC;
    cursor:pointer;
    cursor:hand;
}

td.sp-h1-blank {
    font-weight: bold;
    color: white;
    background-color: white;
    height: 2px;
}

td.sp-empty {
    background-color: white;
}

td.sp-even {
    color: black;
    background-color: white;
}


td.sp-odd {
    color: black;
    background-color: #AAAAAA;
}

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


td.sp-input {
    color: black;
    background-color: #AAAAFF;
}


.sp-edit {
    color: black;
    background-color: #AAAAFF;
    text-align: right;
    border: none;
}


/*
Date styles for popup links.
*/
td.sp-date {
    font-weight: bold;
    color: white;
    background-color: #888888;
}


.sp-date-input {
    text-decoration: none;
    background-color: #888888;
    text-align: center;
}

.sp-date-input:hover, .sp-date-input:active {
    text-decoration: none;
    color: blue;
    background-color: #888888;
    text-align: center;
}

.sp-date-input:link, .sp-date-input:visited {
    text-decoration: none;
    color: white;
    background-color: #888888;
    text-align: center;
}
/* Used with TD under the tabs */
.threeSide {
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}


/*
Scheduling grid cells.
*/

td.available-cell {
    background-color: rgb(40, 255, 40);
}

td.available-trade-cell {
    background-color: rgb(0, 205, 205);
    cursor:pointer;
    cursor:hand;
}

td.training-class-cell {
    background-color: #ff99ff;
}

td.training-class-work-cell {
    background-color: #ffff00;
}

td.uptime-adj-cell {
    background-color: rgb(120,255,120);
}


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

td.normal-cell {
    background-color: rgb(220, 220, 220);
}

td.pet-cell {
    background-color: rgb(205, 40, 40);
    cursor:pointer;
    cursor:hand;
}

td.pet-cell-premium {
    background-color: rgb(160, 40, 40);
    cursor:pointer;
    cursor:hand;
}

td.premium-available-cell {
    background-color: rgb(40, 205, 40);
    cursor:pointer;
    cursor:hand;
}

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

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

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

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

/*** TODO Grids styles carried over from old style list grid
     to be removed when old list grids phased out. TJB: 8/10/2004
***/
.gridLabel {
	font-family: arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-color: #CCCCCC;
}
.gridContent {
	font-family: arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
	background-color: #F0F0F0;
}
.grid-row1 {
	font-family: arial;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #F0F0F0;
}
.grid-row2 {
	font-family: arial;
	font-size: 12px;
	text-align: center;
	color: #000000;
	background-color: #CCCCCC;
}

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

.padTop {
    padding-top: 5px;
}

.padBottom {
    padding-bottom: 5px;    
}
/*** End of grid styles */

/** SCR css */
table.schedule-change-request-summary-grid {
    width: 100%;
    background-color: white;
  }

table.schedule-change-request-summary-grid td.detail-cell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 4px;    
    line-height: 22px;
}

table.schedule-change-request-summary-grid td.column-header-cell {
    background-color:lightBlue;
    border-color:white;
    border-style:none none solid;
    border-width:0 0 8px;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:10pt;
    font-weight:normal;
    line-height:22px;
    padding:4px;
    vertical-align:bottom;
}

table.schedule-change-request-summary-grid td.date-cell {
    width:90px;
}

table.schedule-change-request-summary-grid td.active-cell {
    background-color: rgb(114, 114, 114);
}

table.schedule-change-request-summary-grid td.inactive-cell {
    background-color: rgb(164, 164, 164);
}


table.schedule-change-request-shifts-detail-grid {
    width: 98%;
}

table.schedule-change-request-shifts-detail-grid td.detail-cell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 4px;    
    line-height: 14px;
}

table.schedule-change-request-shifts-detail-grid td.detail-date-cell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 4px;    
    line-height: 22px;
    width: 230px;
    text-align: left;
}

table.schedule-change-request-shifts-detail-grid td.detail-date-label-cell {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-align: right;
    border-style: none none solid none;
    border-width: 0 0 6px 0;
    border-color: white;
    padding: 4px;    
    line-height: 22px;
    width: 50px;
}

table.schedule-change-request-shifts-detail-grid td.column-header-cell {
    background-color:lightBlue;
    border-color:white;
    border-style:none none solid;
    border-width:0 0 8px;
    font-family:verdana,arial,helvetica,sans-serif;
    font-size:10pt;
    font-weight:normal;
    line-height:22px;
    padding:4px;
    vertical-align:bottom;
}


table.schedule-change-request-shifts-detail-grid td.requested-shift-cell {
    background-color: rgb(135, 137, 195);
}




table.single-day-schedule-grid {
    background-color: white;
    padding: 0px 0px 0px 0px;
}
  
table.single-day-schedule-grid td.normal-border-color {
    border-color: white;
}

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

table.single-day-schedule-grid td.cell-bottom-border {
    border-style: none solid solid solid;
    border-width: 0 2px 1px 2px;
    line-height: 10px;
}

table.single-day-schedule-grid td.cell-border {
	border-style: none solid none solid;
    border-width: 0 2px 0 2px; 
	line-height: 6px;
}

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

  /* the column header style for the row header and column header(top left cell) */
  table.single-day-schedule-grid td.row-header-column-header {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 15px;
    padding-top: 0px;
    vertical-align: top;
  }

table.single-day-schedule-grid td.column-header {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 15px;
    text-align: center;
    width: 60px;
    border: 2px outset gray;
    padding: 8px 6px 8px 5px;     
    border: 2px outset gray;
    background-color: rgb(135, 137, 195);
}
  
table.single-day-schedule-grid td.empty-column-header {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 12px;
    width: 5px;
}

table.single-day-schedule-grid td.row-header {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal;
    line-height: 12px;
    padding-top: 0px;
    vertical-align: top;
    white-space: nowrap;
    color: #6E6E6E;
    text-align: right;
    padding-right: 4px;
}  
  

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

table.single-day-schedule-grid td.normal-cell {
    background-color: rgb(220, 220, 220);
}    
    
table.single-day-schedule-grid td.requested-cell {
    background-color: rgb(135, 137, 195);
}

table.single-day-schedule-grid td.requested-range-cell {
    background-color: rgb(175, 177, 240);
}

table.single-day-schedule-grid td.overstaffed-cell {
    background-color: #CD000E;
}

table.single-day-schedule-grid td.understaffed-cell {
    background-color: #02AA35;
}

/** End SCR css */

/** End Usr Notification */

/* Session timeout window. */
.timeout_msg {
    position: absolute;
    top: 300px;
    left: 152px;
    width: 600px;
    visibility: hidden;
    z-index: 10000;
    border: 1px solid #dddddd;
    background-color: #f0f0f0;
    color: #ffffff
}

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

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

.timeout_loginlink_color A:link {
    font-size: 10pt;
    color: #000000;
}

.timeout_loginlink_color A:visited {
    font-size: 10pt;
    color: #000000;
}
/* End Session timeout window. */