body, html {
    height: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url(../../Images/bg2_theme2.gif);
    background-repeat:repeat-y;    
}
body {
    min-width: 960px; /* Don't work in IE */
}
a, img {
    border:none;
    outline:none
}

.clear { clear: both; }
#mainContainer {
min-height: 100%;
}
* html #mainContainer {
height: 100%; /*** IE doesn't support min-height, but instead it handles height as min-height so we need to hack the height ***/
}
/**************************
CONTENT AND COLUMNS
**************************/
.outer {
padding-left: 156px; /*** Same width as margin-left for the float-wrap div ***/
}
.inner {
width: 100%;
padding-bottom: 55px; /*** Padding-bottom gfvalue is the same value as the total height of the footer ***/
}
/*** div.inner is wider than its container, div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid 
blowing the layout apart. IE gets the original 100% width as in the Livingstone layout.
***/
.float-wrap {
float: left;
width: 100%;
margin-left: -155px; /*** Same length as .outer padding-left but with negative value ***/
}
#content {
float: right;
margin-right: -154px; /*** Same length as .outer padding-left but with negative value ***/
width: 100%;
position: relative; /*** IE needs this  ***/
padding-bottom: 20px;
}

#content.dropdown, #content.jq-dropdown {
position: absolute;
}

form {
     height: 100%;
}

.contentWrap{
padding: 5px;
padding-left: 5px;
}
.contentWrap ol, .contentWrap ul {
margin: 3px 0 5px 35px;
}
.contentWrap li {
padding-bottom: 2px;
}
/**************************
LEFT COLUMN
**************************/
/*** div.left is in div.float-wrap, and when div.float-wrap is neg margined to the left, 
div.left is carried over into the proper position. 
***/
#left {
float: left;
width: 154px;
padding: 0;
position: relative; /*** IE needs this  ***/
background: #f6f6f6; 
}

/*************************
MAIN HEADER COLUMN
**************************/

.main-header
{
    background-color:#b2bb1e;
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}

.main-header style1
{
    background-color: #B2BB1E; 
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}

.main-header style2
{
    background-color: #e9b008;
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}

.main-header style3
{
    background-color: #008299; 
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}

.main-header style4
{
    background-color: #c54957; 
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}

.main-header style5
{
    background-color: #4ec4e5; 
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}

.main-header style6
{
    background-color: #508bca; 
    height:43px;
    width:100%;
    min-width: 960px; /* Don't work in IE */
}


/**************************
FOOTER
**************************/

#footer {
margin-top: -48px; /*** By using a negative margin-top we now moves the footer up the same amount as the footer height to avoid vertical scrolling. Remember, if you use borders and padding on your footer you will have to calculate this in your negative margin-top value also. ***/
height: 47px; /*** The drawback with this solution is that the height of the footer can't have a flexible height. If you add so much content to the footer that it extends 45px, you will get a vertical scrollbar and the content will overflow the footer if you don't set overflow to hidden ***/
    background-repeat:repeat-y;
    background-position: left top;
    background-color: #003F5F; 
    border-top:solid 1px #003f5f;
	color: #cccccc;
	vertical-align: middle;
	padding-left:10px;
	font-size:11px;
	z-index:999;
}

#footer a:link, #footer a:visited, #footer a:active 
#footer a:link, 
#footer a:visited, 
#footer a:hover  
{
 text-decoration: none; 
 color: #6699CC; 
}

#footer a:hover 
{
     color: #6699CC; 
     text-decoration: underline; 
}

#footer p {
clear: both;
}

#toolbar {
 padding-top:10px;
 padding-bottom:10px;
 /*background-image: url(../../Images/tab_bg.gif); */
 border-bottom:solid 1px #d4d4d4;
 z-index:0;
 margin-left:10px;
}


.controlText, .formControl {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input[type=text].controlText,
input[type=password].controlText,
input[type=select].controlText,
input[type=textarea].controlText,
input[type=text].formControl,
input[type=select].formControl,
input[type=textarea].formControl {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 1px; /* 3 */
    padding:4px;
    border: #b2b2b2 1px solid;
}

input[disabled].controlText,
input[disabled].formControl {
    background-color: #D7D7D7;
}

.controlText.full-width {
    margin: 0 !important;
    width: calc(100% - 10px);
}

input[type=text].compactDate {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 1px; /* 3 */
    padding:4px;
    border: #b2b2b2 1px solid;
}
select
{
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 1px; /* 3 */
    padding:3px;
    border: #b2b2b2 1px solid;   
}
    
.compactDate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*background:#ffffff url(../../images/calendar.png) no-repeat right;*/
    cursor: pointer;
}

.borderRad_3Left {
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
.borderRad_3Right {
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

input.watermark { color: #999; }

a.formControl:link , a.formControl:visited, a.formControl:active
{
	color: #003399;
	text-decoration: none;
}

a.formControl:hover
{
	color: #8b0000;
	text-decoration: none;
}

.controlTextLight {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
}

div.row {
  clear: both;
  padding-bottom:12px;
 }
 
div.row span.label 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 85px;
  text-align: left;
  padding-top:4px;
}

div.row span.label2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 85px;
  text-align: left;
  padding-bottom:20px;
}


div.row span.formw {
  float: right;
  width: 195px;
  text-align: left;

}

div.row span.formw2 {
  width: 295px;
  text-align: left;

}

div.row span.labelr {
  float: right;
  width: 195px;
  text-align: left;
} 

div.row span.SingleCollabel 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 130px;
  text-align: left;
  padding-top: 5px;
}

div.row span.SingleCollabel2 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 130px;
  text-align: left;
}
   



div.row span.CompactColLabel 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 80px;
  text-align: left;
  padding-top:5px;
}

div.row span.CompactColLabel2 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 80px;
  text-align: left;
}

div.row span.CompactColLabelr2 
{
  padding-top:5px;
  text-align: left;
}

div.row div.CompactColLabelr2 
{
  padding-top:5px;
  text-align: left;

}


div.row span.CompactColLabelr
{
  text-align: left;
}


div.row span.SingleCollabelr {
  text-align: left;
}

div.row span.SingleCollabelOnlyr {
  text-align: left;
  display:inline-block;
  margin-top:4px;
}

div.row span.OptionLabel {
    font-size:12px;
    padding-right:5px;
    color:#222222;
}

div.row span.OptionLabel .optionVal {
    cursor:pointer;
}  

div.row span.OptionLabel .optionVal.selected {
    font-weight:bold;
    border-bottom:2px #677FAF solid;
}  
  
  
div.column {
  float: left;
  padding-right:10px;
  padding-bottom:12px;
 }


div.ButtonRow {
  clear: both;
  padding-top:6px;  
  width: 100%;
  text-align: right;
}  

div.spacer {
  clear: both;
}

.formHeader 
{
	font-weight: bold;
	font-size: 14px;
	color: #4d7489;
	font-family: ‘Arial Narrow’, sans-serif;
	padding-top:5px;
	margin-left:5px;
	padding-bottom:6px;
}

.formHeader a:link, .formHeader a:visited, .formHeader a:active, .formHeader a:hover
{
    color: #4b93cf;
	text-decoration: none;
}

.formHeaderSmall
{
	font-weight: bold;
	font-size: 12px;
	color: #003f5f;
	padding-bottom:3px;
}

.formHeaderBoldOnly
{
	font-weight: bold;
	padding-bottom:3px;
}


.gtlButton
{
    background-repeat: no-repeat;
    background-position:center;
    padding: 4px 9px;
    cursor: pointer;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    background-color:#e3e3e3;
    margin-top:2px;
    margin-left:2px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    line-height: 22px;
    
}

.gtlButton:link, .gtlButton:visited
{
    color:#616161;
    text-decoration:none;
}

.gtlButton:active 
{
     border: solid 1px #368ee0;
     color:#368ee0;
}

.gtlButton:hover
{
    border: solid 1px #949494;
}

.gtlButton.blue 
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #368ee0), color-stop(1, #368ee0));
        background:-moz-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:-webkit-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:-o-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:-ms-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:linear-gradient(to bottom, #368ee0 5%, #368ee0 100%);
        border-top: 1px solid #3184d1;
        border-right: 1px solid #2269ac;
        border-bottom: 1px solid #2269ac;
        border-left: 1px solid #3184d1;
        background-color:#368ee0;
        color:#ffffff;
}

.gtlButton.blue:active 
{
     border: solid 1px #003f5f;
     color:#003f5f;
}

.gtlButton.blue:hover
{
    border: solid 1px #003f5f;
}

.gtlButton.blue:link, .gtlButton.blue:visited
{
     color:#ffffff;
}

.gtlButton.red 
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bd0101), color-stop(1, #bd0101));
        background:-moz-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:-webkit-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:-o-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:-ms-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:linear-gradient(to bottom, #bd0101 5%, #bd0101 100%);
        border:1px solid #bd0101;
        background-color:#bd0101;
        color:#ffffff;
}

.gtlButton.red:active 
{
     border: solid 1px #003f5f;
     color:#c2c0c0;
}

.gtlButton.red:hover
{
    border: solid 1px #950202;
}

.gtlButton.compose 
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bd0101), color-stop(1, #bd0101));
        background:-moz-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:-webkit-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:-o-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:-ms-linear-gradient(top, #bd0101 5%, #bd0101 100%);
        background:linear-gradient(to bottom, #bd0101 5%, #bd0101 100%);
        border:1px solid #bd0101;
        background-color:#bd0101;
        color:#ffffff;
        text-align: center;
        padding-left: 30px;
        padding-right: 30px;
        
}

.gtlButton.compose:active 
{
     border: solid 1px #003f5f;
     color:#c2c0c0;
}

.gtlButton.compose:hover
{
    border: solid 1px #950202;
}

.gtlButton.search
{
	padding: 4px 15px 4px 15px;
    background: #ededed;   
    background-image: url(icons/search.png); 
    /* fallback */
    background-image: url(icons/search.png), -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#dfdfdf)); /* Saf4+, Chrome */
    background-image: url(icons/search.png), -webkit-linear-gradient(top, #ededed, #dfdfdf); /* Chrome 10+, Saf5.1+ */
    background-image: url(icons/search.png), -moz-linear-gradient(top, #ededed, #dfdfdf); /* FF3.6+ */
    background-image: url(icons/search.png), -ms-linear-gradient(top, #ededed, #dfdfdf); /* IE10 */
    background-image: url(icons/search.png), -o-linear-gradient(top, #ededed, #dfdfdf); /* Opera 11.10+ */
    background-image: url(icons/search.png), linear-gradient(top, #ededed, #dfdfdf); /* W3C */
    background-repeat: no-repeat;
    background-position: center;      	
}

.gtlButton.search:active
{
  border: solid 1px #368ee0;
  background-image: url(icons/search_r.png);  
}

.gtlButton.refresh
{
	padding: 4px 10px 4px 10px;
    background: #ededed;   
    background-image: url(../../Images/iconRefresh.png); /* fallback */
    background-repeat: no-repeat;
    background-position: center;      	
}

.gtlButton.refresh:active
{
  border: solid 1px #368ee0;
}

.gtlButtonSmall
{
    background-repeat: no-repeat;
    background-position:center;
    padding: 4px 9px;
    cursor: pointer;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    background-color:#e3e3e3;
    margin-top:2px;
    margin-left:2px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    line-height: 12px;
    font-size:10px;
}

.gtlButtonSmall:link, .gtlButtonSmall:visited
{
    color:#616161;
    text-decoration:none;
}

.gtlButtonSmall:active 
{
     border: solid 1px #368ee0;
     color:#368ee0;
}

.gtlButtonSmall:hover
{
    border: solid 1px #949494;
}

#browserWarning  
{
    padding:6px;
    background-color: #ffffcc;
    color: White; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    text-decoration: none;
    color:#FF0000;
    border: 1px solid #F0C36D;
    position:absolute; 
    z-index:601; 
    top:0; 
    left:26%; 
    text-align:center;
    display:none;
    
}

/* Appliance States */

ul.applianceStates
{
    list-style-type:none;
    padding:0px;
    margin:0px;
}
ul.applianceStates li 
{
   float:left; 
   display: inline-block;
}
ul.applianceStates li span
{
    margin-right:5px;
    border:solid 1px #999999;
    border-radius:3px;
    padding:5px;

}

.crewItem 
{
    margin-right:5px;
    border:solid 1px #999999;
    border-radius:3px;
    padding:5px;
    height:20px;
    font-size:11px;
}


/* End Appliance States */


ul.reportList {
    margin: 5px;
}

ul.reportList li {
    padding: 5px;
    font-size: 12px;
}

ul.reportList li span {
    margin-bottom: 5px;   
}





/* Grids */
.reportGrid a:link, .reportGrid a:visited, .reportGrid a:active {
    color: #003399;
    text-decoration: none;
}

.reportGrid a:hover {
    color: #8b0000;
    text-decoration: none;
}

/* End Grids */

a:link.undecoratedLnk, a:visited.undecoratedLnk, a:active.undecoratedLnk {
    color: #003399;
    text-decoration: none;
}

a:hover.undecoratedLnk {
    color: #8b0000;
    text-decoration: none;
}

/* Button that appears as text */
.textOnlyButton {
    background: none !important;
    border: none;
    padding: 0 !important;
    cursor: pointer;
    color: #003399;
}

.textOnlyButton:link, .textOnlyButton:visited, .textOnlyButton:active{
    color: #003399;
}

.textOnlyButton:hover {
    color: #8b0000;
}




/**************************
TABS
**************************/
.mainTabs
{
  background:#003F5F;   
  padding:4px;
  padding-left:8px;
}
 
.tabContent {
    padding-top:5px;
    margin-left:2px;
    background-color: #F9F9F1;
}

.tabInactive {
    font-size: 12px;
	font-family: ‘Arial Narrow’, sans-serif;
	font-weight:bold;
	color: #cccccc;
	text-align: center;
	padding-top: 3px;
	margin-right: 24px;
	padding-bottom: 3px;
	CURSOR: pointer;
}

.tabInactive a:link {
	color: #cccccc;
	text-decoration: none;
}

.tabInactive a:visited {
	color: #cccccc;
	text-decoration: none;
}

.tabInactive a:active {
	color: #cccccc;
	text-decoration: none;
}

.tabInactive:hover {
	color: #ffffff;
	text-decoration: none;
}


.tabInactive a:hover {
	color: #ffffff;
	text-decoration: none;
}


.tabActive {
    font-size: 12px;
    font-family: ‘Arial Narrow’, sans-serif;
    font-weight:bold;
    color: #ffffff;
	text-align: center;
	padding-top: 3px;
	margin-right: 24px;
	padding-bottom: 3px;
}

.tabActive a:link, .tabActive a:visited  {
	font-family: ‘Arial Narrow’, sans-serif;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}


.tabSpacer 
{
    border-bottom: 1px solid #B3B6B0;
    border-left: 1px solid #B3B6B0;
    border-right: 1px solid #B3B6B0;
    padding-left: 5px;
    
}

.tabSpacer2 {
	border-bottom: 1px solid #B3B6B0;
}

.tabSpacer3 {
    border-bottom: 1px solid #B3B6B0;
	background-color: #F9F9F1;
}

.tabTable 
{
	background-color: #F9F9F1;
}

.tabDivider {
    padding-top:5px;
    background-color: #F9F9F1;
    border-left: 1px solid #B3B6B0;
}


/**************************
END TABS
**************************/
.scheduleTable 
{
    background-color: #fff;   
    border: solid 1px #cccccc;    
    border-collapse:collapse; 
    width:100%;  
    font-size: 11px;
}

.scheduleTable td
{
    padding:3px;
    border: solid 1px #cccccc;
}

.selectedCell
{
    background-color: #77C1EE;
}

.selectedEmployee {
    border: 1px solid #000!important;
    background-clip: padding-box;
}

.selectedEmployee td {
    border-top: 1px solid #000!important;
    border-bottom: 1px solid #000!important;
    background-clip: padding-box;
}

.selectedEmployee td:first-child {
    border-left: 1px solid #000!important;
}

.selectedEmployee td:last-child {
    border-right: 1px solid #000!important;
}

.selectedEmployeePrevRow td, #divScheduleGrid .gridheader:first-child td.headingBorder {
    border-bottom: 1px solid #000!important;
    background-clip: padding-box;
}

.schTR_alt 
{
    background-color: #f7f7f7;
    padding:3px;
    border: solid 1px #cccccc;   
}


.schTD 
{
    text-align:center;
}

.schTD_off 
{
    background-color: #d8dde1;
    text-align:center;
    color:#000000;
}

.schTD_AutoContract
{
    background-color: #99C2FF;
    text-align: center;
    color: #FF0000;
}

.schTD_ffc080 
{
    background-color: #ffc080;
    text-align:center;
    color:#000000;
}

.schTD_ffe0c0 
{
    background-color: #ffe0c0;
    text-align:center;
    color:#000000;
}

.schTD_ffc0c0 
{
    background-color: #ffc0c0 ;
    text-align:center;
    color:#000000;
}

.schTD_noRule
{
	background-color:#E0E0E0;
	text-align:center;
    color:#000000;
}

 /*Not Contracted */
.schTD_noconract
{    
    background-color: #ffffb5;
    text-align:center;
    color: #000000;
}

.schTD_DefaultRedText
{
	background-color: #d8dde1;
	text-align:center;
	color: #ff0000;
}

.schTD_DefaultBlackText
{
	background-color: #d8dde1;
	text-align:center;
	color: #000000;
}



.schTD_DefaultRedText_nocontract
{
	background-color: #e2e6d3;
	text-align:center;
	color: #ff0000;
}

.schTD_OxfordRedBackground
{
	background-color: #FF6666;
	text-align:center;
	color: #000000;
}

.schTD_OxfordRedBackground_nocontract
{
	background-color: #FFA3A3;
	text-align:center;
	color: #000000;
}


.schTD_OxfordBeigeBackground
{
	background-color: #D9D191;
	text-align:center;
	color: #000000;
}

.schTD_OxfordBeigeBackground_nocontract
{
	background-color: #EDE38E;
	text-align:center;
	color: #000000;
}


.schTD_DorsetPump7
{
	background-color: #FFE0C0;
	text-align:center;
	color: #000000;
}

.schTD_DorsetY
{
	background-color: #FFC0C0;
	text-align:center;
	color: #000000;
}

.schTD_DorsetPump7_nocontract
{
	background-color: #FFDBB5;
	text-align:center;
	color: #000000;
}

.schTD_DorsetPump1
{
	background-color: #FFC080;
	text-align:center;
	color: #000000;
}

.schTD_DorsetPump1_nocontract
{
	background-color: #FFB76E;
	text-align:center;
	color: #000000;
}


.schTD_CambsPump3
{
	background-color: #FFD9FF;
	text-align:center;
	color: #000000;
}

.schTD_CambsPump3_nocontract
{
	background-color: #FFE6FF;
	text-align:center;
	color: #000000;
}

.schTD_CambsPump4
{
	background-color: #CCFF99;
	text-align:center;
	color: #000000;
}

.schTD_CambsPump4_nocontract
{
	background-color: #DDFFBA;
	text-align:center;
	color: #000000;
}

.schTD_noconract_off
{
    background-color: #e2e6d3;
    text-align:center;
    color: #000000;
}

.schTD_selected 
{
     background-color: #77C1EE!important;
}

.schTD_alt 
{
    background-color: #f7f7f7;
}

.schTDNow
{
    background-color: #003F5F;
    background: #003F5F;
    color:#FFF;
    text-align:center;
    border-right: 1px solid #003F5F!important;
    border-left: 1px solid #003F5F!important;
}
.schTDCurTime {
    border-right: 1px solid #003F5F!important;
    border-left: 1px solid #003F5F!important;
}

.schTDPrevTime {
    border-right: none!important;
}
.schTDNextTime {
    border-left: none!important;
}

.crewingTable 
{
    background-color: #fff;   
    border: solid 1px #cccccc;   
    border-collapse:collapse; 
    width:100%;  
    font-size: 11px;
}

.crewingTable td
{
    padding:5px;
    border: solid 1px #cccccc;  
}



.emp_OffStation 
{
	color: #ff0000;
}

.emp_OffStation_hover
{
	color: #ff0000;
}

.emp_OffStation_hover:hover
{
	color: #ff0000;
	background-color: #dddddd;
}

.schTD_Hover:hover 
{
	background-color: #dddddd;
}

 
.scheduleHeader  {
    float: left;
    color:#003F5F;
    font-weight:bold;
}
 
 
.legendPanel 
{
    padding-top:15px;
    text-align:right;
    margin-bottom:12px;
}
 
.LegendBox {
    border:solid 1px #000000;
    padding-right:10px;
    width: 10px;
    height:25px;
    margin-bottom: 5px;
    margin-top: 4px;  
    margin-right:5px;
}

.LegendText 
{
    padding-left:15px;
    padding-right:8px;

}



.logout
{
	position: absolute;
	right: 20px;
	top: 5px;
	text-align:right;
	vertical-align:middle;
	font-size: 11px;
	color: #ffffff;
}

.logout a:link, .logout a:active, .logout a:visited
{
	text-decoration: none;
	color: #ffffff;
}

.logout a:hover
{
	text-decoration: underline;
	color: #ffffff;
}

#scheduleWrap 
{
    padding-right:5px;
    width:99%;
    /*overflow:auto;*/
}

.grid
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;   
    border: solid 1px #D3D3D3;   
    border-collapse:collapse; 
    border-top: solid 0 #D3D3D3;
}

.grid tr
{
	border-bottom:solid 1px #D3D3D3;
	border-left:solid 1px #D3D3D3;
	border-right:solid 1px #D3D3D3;
	
}

.grid td, .grid th {   
   
    border-top: solid 1px #D3D3D3;  
    border-bottom: solid 1px #D3D3D3;  
    padding: 6px; 
    
}

.grid a:link, .grid a:visited, .grid a:active
{
	color: #003399;
	text-decoration: none;
}

.grid a:hover
{
	color: #8b0000;
}

.grid caption
{
    font-size: 12px;
    font-weight: bold;
    float: left;
    background-color: #f5f5f5;
    border: solid 1px #D3D3D3;     
}

.gridCompact
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;   
    border: solid 1px #D3D3D3;   
    border-collapse:collapse; 
    min-width:400px;
}

.gridCompact tr
{
	border-bottom:solid 1px #D3D3D3;
	border-left:solid 1px #D3D3D3;
	border-right:solid 1px #D3D3D3;
	
}

.gridCompact td {   
   
    border-top: solid 1px #D3D3D3;  
    border-bottom: solid 1px #D3D3D3;  
    padding: 2px; 
}

.gridCompact a:link, .grid a:visited, .grid a:active
{
	color: #003399;
	text-decoration: none;
}

.gridCompact a:hover
{
	color: #8b0000;
}

.gridCompactBorders
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #fff;   
    border: solid 1px #999999;   
    border-collapse:collapse; 
    min-width:400px;
}

.gridCompactBorders tr
{
	border-bottom:solid 1px #999999;
	border-left:solid 1px #999999;
	border-right:solid 1px #999999;
	
}

.gridCompactBorders td {   
   
    border-top: solid 1px #999999;  
    border-bottom: solid 1px #999999;  
    border-left:solid 1px #999999;
	border-right:solid 1px #999999;
    padding: 3px; 
}

.gridCompactBorders a:link, .gridCompactBorders a:visited, .gridCompactBorders a:active
{
	color: #003399;
	text-decoration: none;
}

.gridCompactBorders a:hover
{
	color: #8b0000;
}

.gridheader, .premiumHrs
{
	border-bottom:solid 1px #B3B6B0;
	border-top:solid 0 #B3B6B0;
	border-left:solid 1px #B3B6B0;
	border-right:solid 1px #B3B6B0;
	background-color: #f5f5f5;
	background-image: url('../../Images/gridheader_t2.png');
	font-weight:bold;
	font-size: 10px;

}

.gridheader th
{
	text-align:left;
}

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

.gridheader a:link, .gridheader a:visited, .gridheader a:active
{
	color: #003399;
	text-decoration: none;
}

.gridheader a:hover
{
	color: #8b0000;
	text-decoration: none;
}


.gridpager
{
	background-image: url('../../Images/gridheader_t2.png'); 
	padding: 0;
	border:0;
	font-size: 10px;
	font-weight:bold;
	color: #666666;
}

gridpager a:hover
{
	color: #990000;
	text-decoration: underline;
}

gridpager a:link, gridpager a:visited
{
	color: #990000;
}

.gridViewPager
{
	background-image: url('../../Images/gridheader_t2.png'); 
	background-color: #f5f5f5;
	padding: 0;
	border:0;
	font-size: 10px;
	font-weight:bold;
	color: #666666;
}

.gridViewPager td
{
	border:0;
  	padding: 2px;
}

.gridViewPager tr
{
	border:0;
  	padding: 2px;
}
	 

gridViewPager a:hover
{
	color: #990000;
	text-decoration: underline;
}

.gridEmployeeHeader
{
	border-bottom:solid 1px #B3B6B0;
	border-top:solid 0 #B3B6B0;
	border-left:solid 1px #B3B6B0;
	border-right:solid 1px #B3B6B0;
	background-color: #f5f5f5;
	background-image: url('../../Images/gridheader_t2.png');
	font-weight:bold;
	font-size: 10px;	

}

.scheduleTable td.gridEmployeeHeader
{
	padding-top:6px;
	padding-bottom:6px;
	font-weight:bold;
	font-size: 12px;
	background-image: url('../../Images/gridheader_t2.png');
    white-space:nowrap;

}
.gridRow:hover {
   background-color: #e9e9ea; 
}

.gridAltRow {
   background-color: #f6f6f6;
}

.gridInfo 
{
    padding-top:5px;    
}
.gridInfo span
{
    color: #666666;
    padding-bottom:3px;
    text-align: left;
}

.griddivider
{
	border-bottom:solid 1px #B3B6B0;
	border-top:solid 0 #B3B6B0;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	font-weight:bold;
	font-size: 10px;

}

.fieldHeader 
{
	font-size: 0.9em;
	font-weight:bold;
}
.errorText 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.menuButton {
	margin-bottom:10px;
}

.formLabel 
{
   padding-top:5px;	 
   font-size: 11px;  
}
.summaryLabelL
{
   padding-top:10px;	 
   font-size: 10px;  
   font-weight: bold;  
   float:left;
   clear:both;
}

.summaryLabelR
{
   padding-top:10px;	 
   padding-right:10px;	 
   font-size: 10px;  
   font-weight: bold;  
   float:right;
}

.summaryRow 
{
   padding-top:7px;	 
   font-size: 10px;  
   font-weight: bold;     
}

.summaryCol
{
   padding-top:7px;	 
   font-size: 10px;  
   font-weight: bold;     
}


.readOnlyControl
{
	border-right: #7f9db9 1px solid;
	border-top: #7f9db9 1px solid;
	font-size: 11px;
	border-left: #7f9db9 1px solid;
	border-bottom: #7f9db9 1px solid;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
	padding: 4px;
	vertical-align:middle;
}
.invisibleControl 
{
	VISIBILITY: hidden;
	height:0px;
	width:0px;
	
}

.listBox {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 200px;
}

.gridSmall
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:solid 1px #D3D3D3;
}

.gridSmall tr
{
	border-bottom:solid 1px #D3D3D3;
	border-left:solid 1px #D3D3D3;
	border-right:solid 1px #D3D3D3;
}


.gridSmall a:link, .gridSmall a:visited, .gridSmall a:active
{
	color: #003399;
	text-decoration: none;
}

.gridSmall a:hover
{
	color: #8b0000;
}

.gridheaderSmall
{
	font-weight: bold;
	border-bottom:solid 1px #B3B6B0;
	border-top:solid 1px #B3B6B0;
	border-left:solid 1px #B3B6B0;
	border-right:solid 1px #B3B6B0;
	background-image: url(../../Images/gridheader.gif); 
}

.tabContent2
{
	border-bottom:solid 1px #B3B6B0;
	border-left:solid 1px #B3B6B0;
	border-right:solid 1px #B3B6B0;	
	height: 140px;
	background-color: #f9f9f1;
	padding:6px;
}

.formContent
{
	padding-top:12px;
	padding-left:12px;
}

.searchListBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	width:200px;
	height:100px;
}


#displaybox {
	z-index: 999;
	top:0px; 
	left:0px; 
	width:100%; 
	height:100%; 
	overflow:auto;
	background-color: #ffffff;
}

.Loader
{
	background-color: #FFFFCC;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	padding: 3px;
	border: 1px solid #C0C0C0;
	z-index: 999;
}

.LoadingDiv
{
  filter:alpha(opacity=66); 
  -moz-opacity: 0.66; 
  opacity: 0.66; 
  position  :absolute; 
  z-index:499; 
  top:0; 
  right:0; 
  width:100%;  
  height:100%; 
  background-color:#000;
  text-align:center;
  padding-top:200px;   
  color: #ffffff;
}


.arrearsHeader 
{
	font-size: 11px;
	color: #ff0000;
	padding: 3px 5px 3px 3px;
	width:650px;
	float:left;
	font-weight:bold;

}

.payrollStepsImage
{
	margin-top:5px;
	padding: 2px;
	border: solid 1px #d3d3d3;
	background-color: #f6f6f6;
	font-weight:bold;
	width:623px;
	
}

.payrollSteps 
{
	margin-top:5px;
	padding: 5px;
	border: solid 1px #d3d3d3;
	background-color: #f6f6f6;
	font-weight:bold;
	width:617px;
	
}

.paddedDiv 
{
	 margin-top:10px;
	 margin-left:10px;
}

#loadingMessage {
    padding:6px;
    background-color: #ffffcc;
    color: White; 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; 
    font-weight: bold; 
    text-decoration: none;
    color:#000000;
    border: 1px solid #F0C36D;
    position:fixed;
    z-index:9999; 
    top:300; 
    left:47%;    
}
	
.gartanLoginMessage {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    width: 600px;
    font-size: 12px;
    color: #36586e;  
    margin-top:100px;
    padding: 6px 0 0 25px;
    background-image:  url(../../Images/gtlLogo.jpg); 
    background-repeat:no-repeat;    
    background-position: 95% 100%;    
    padding-bottom:40px;
}

.loginImage {
    max-width: 440px;
    max-height: 260px;
}

/* Tooltip */

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;

}
#tooltip h3, #tooltip div { margin: 0; }

.authTooltip {

			color: #000000; 
			outline: none;
			cursor: hand; 
			text-decoration: none;
			width:50px;
			height:20px;
			position: relative;
			background-image:url('../../images/info_button.png');
			padding-bottom: 10px;
			background-repeat:no-repeat;

		}

		.authTooltip span {

			margin-left: -999em;
			position: absolute;
			z-index: 999;
		}

		.authTooltip:hover span {

			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 

			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);

			font-family: Verdana, Arial, Helvetica, sans-serif;

			position: absolute; left: 1em; top: 2em; z-index: 99;

			margin-left: 0; width: 150px;

		}

		.authTooltip:hover img {

			border: 0; margin: -10px 0 0 -55px;

			float: left; position: absolute;

		}

		.authTooltip:hover em {

			font-family: Verdana, Arial, Helvetica, sans-serif;

			display: block; padding: 0.2em 0 0.6em 0;

		}

		.classic { padding: 0.8em 1em; }

		* html a:hover { background: transparent; }

		.classic {  font-family: Verdana, Arial, Helvetica, sans-serif;
                    font-size:10px;
                    line-height:150%;
	                position: absolute;
	                z-index: 3000;
	                border: 1px solid #111;
	                background-color: #eee;
	                padding: 5px; 
	            }

.SkillSearchRecord {
    color: #003399;
    text-decoration:none;
}
.SkillSearchRecord:hover {
    text-decoration:underline;
}

/* End Tooltip */

.inheritColor {
    color:inherit;
}

#headerTabs
{
	position: absolute;
	left: 240px;
	top:8px;
}

.headerTabActive 
{
    font-family: Calibri,sans-serif;
    font-size: 16px;
	text-align: center;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;
	padding-left: 9px;
}

.headerTabActive a:link, .headerTabActive a:visited  {
    font-family: Calibri,sans-serif;
    font-size: 16px;
	color: #FFFFFF;
	text-decoration: none;
}

.headerTabInactive {
    font-family: Calibri,sans-serif;
    font-size: 16px;
	color: #d7d7d7;
    text-align: center;
	padding-top: 3px;
	padding-right: 9px;
	padding-bottom: 3px;
	padding-left: 9px;
}

.headerTabInactive a:link {
	color: #d7d7d7;
	text-decoration: none;
}

.headerTabInactive a:visited {
	color: #d7d7d7;
	text-decoration: none;
}

.headerTabInactive a:active {
	color: #d7d7d7;
	text-decoration: none;
}

.headerTabInactive a:hover {
	color: #FFFFFF;
	text-decoration: none;
	
}
	
	
.navigation {font-size:1.1em;  width:100%;}
.navigation ul {margin:0px; padding:0px;}
.navigation li {list-style: none;} 

@-moz-document url-prefix() {
    .navigation ul {
        margin-left: -1px;
    }
}

ul.top-level {}
ul.top-level li {
}

.navigation a {
 color: #666;
 cursor: pointer;
 display:block;
 height:28px;
 line-height: 28px;
 text-indent: 10px;
 text-decoration:none;
 width:100%;
}
.navigation a:hover{
 text-decoration:none;
}

.navigation li:hover {
 background: #e5e5e5;
 position: relative;
}	

.sideTabInactive
{
   font-family: ‘Arial Narrow’, sans-serif;
}

.sideTabActive 
{
    font-family: ‘Arial Narrow’, sans-serif;
	background-color: #003F5F;
	color:#ffffff;
	font-weight:bold;
}

.sideTabActive:link, .sideTabActive:visited, .sideTabActive:active {
    color:#ffffff;
}

#sideTabSpacer 
{
     height:35px;
     background-image: url(../../Images/tab_bg.gif);
     background-color: #f4f3f3;
     border-bottom:solid 1px #B3B6B0;
}

.tabLabel 
{
    font-family: ‘Arial Narrow’, sans-serif;
    font-size:22px;
	color: #bcbbbb;
	padding: 7px 7px 6px;

}

.messageTabActive 
{
    font-family: ‘Arial Narrow’, sans-serif;
	font-weight:bold;
	color: #d71e1e;
	font-size:13px;
}

.messageTabActive:link, .messageTabActive:visited, .messageTabActive:active {
	color: #d71e1e;
}

messageTabInactive 
{
      font-family: ‘Arial Narrow’, sans-serif;
}




.scheduleButton 
{
    float:left;         
    padding: 4px 9px;
    cursor: pointer;
    border: solid 1px #adadad;
    background-color:#f4f4f4;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    border-radius:3px;
}

.scheduleDayLabel
{
    float: left;
    text-align:right;
    width:24px;
    padding:4px;
    border:solid 0px #b2b2b2;
    margin-top:2px;
    color:#003F5F;
    font-weight:bold;
    margin-right:2px
}

.scheduleButton:hover 
{
    border: solid 1px #787878;
    background-color:#ececec;  
}

input[type=text].scheduleDate {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 2 */
    margin: 1px; /* 3 */
    padding:4px;
    border: #b2b2b2 1px solid;
}

#txtDate
{
    float:left;
    border-top: solid 1px #adadad;
    border-bottom: solid 1px #adadad;
    display:inline-block;
    vertical-align:super;
    width: 65px;
    margin-left: 0;
    margin-right: 0;
    border-left:none;
    border-right:none;
    
}

#scheduleNextDay 
{
    float:left;         
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/iconRight.png);
    padding: 4px 9px;
    cursor: pointer;
    border: solid 1px #adadad;
    border-left:none;
    background-color:#ffffff;
    margin-top:1px;
    margin-right:4px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px; 
    display:inline-block;  
    margin-bottom:1px;
    border-collapse:collapse;
    
}

table
{
    clear:both;
}

#scheduleNextDay:hover 
{
    background-image: url(../../images/iconRight_r.png);
}


#schedulePrevDay 
{
    float:left;         
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/iconLeft.png);
    padding: 4px 9px;
    cursor: pointer;
    border: solid 1px #adadad;
    border-right: none;
    background-color:#ffffff;
    margin-top:1px;
    margin-left:2px;
    border-top-left-radius:3px;
    border-bottom-left-radius:3px;   
    display:inline-block;
    margin-bottom:1px;
    border-collapse:collapse;
}

#table
{
    display:inline-block;
}

#schedulePrevDay:hover 
{
    background-image: url(../../images/iconLeft_r.png);
}

.reloadButton 
{
    background:url(../../images/iconSprite.png);
    background-repeat:no-repeat;    
    background-position: -1px -2px;
    padding: 0;
    border: solid 1px #b2b2b2;
    background-color: #f3f3f3;
    margin:0;
    margin-left:5px;
    width:40px;
    cursor: pointer;
    height: 23px;   
    margin-top:2px; 
}

.reloadButton:hover
{
    background-position: -1px -35px;
    padding: 0;
    border: solid 1px #878585;
}

.settingsButton 
{
    background:url(../../images/iconSprite.png);
    background-repeat:no-repeat;    
    background-position: -37px -2px;
    padding: 0;
    border: solid 1px #b2b2b2;
    background-color: #f3f3f3;
    margin:0;
    margin-left:5px;
    width:40px;
    cursor: pointer;
    height: 21px;   
    margin-top:2px; 
    float:left;
}

.settingsButton:hover
{
    background-position: -37px -35px;
    padding: 0;
    border: solid 1px #878585;
}

.compactDate
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    /*background:#ffffff url(../../images/calendar.png) no-repeat right;*/
    width: 80px;
    cursor: pointer;
}


/* Schedule Headers */
.pOK
{
    color: #000000;
}

.p1pOK
{
    color: #000000;
}

.pMin
{
    color: #000000;
    background-color: #000000;
}

.pInt
{
    color: #000000;
    background-color: #000000;
}
.pOFF
{
    color: #000000;
    background-color: #000000;
}

.pSFU
{
    color: #000000;
    background-color: #000000;
}
/* End Pump Status */

/* Start Context Booking Menu */ 
.b-m-mpanel 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F0F0F0 url(images/contextmenu/menu_bg.gif) left repeat-y;
	border: 1px solid #718BB7;
	padding: 2px 0;
	position: absolute;
	z-index: 99997;
	left:0px;
	top:0px;
}
.b-m-split {
	height: 6px;
	background: url(images/contextmenu/m_splitLine.gif) center repeat-x;
	font-size: 0px;
	margin: 0 2px;
}
.b-m-item, .b-m-idisable
{
    padding: 4px 2px;
    margin: 0 2px 0 3px;
    cursor: normal;
    line-height:110%;
}
.b-m-idisable
{
    color:#808080;
}
.b-m-ibody, .b-m-arrow {
	overflow: hidden;
	text-overflow: ellipsis;
	
}
.b-m-arrow {
	background: url(images/contextmenu/m_arrow.gif) right  no-repeat;	
}
.b-m-idisable .b-m-arrow
{
    background:none;
}
.b-m-item img, .b-m-ifocus img, .b-m-idisable img {
	margin-right: 8px;
}
.b-m-ifocus {
	background: url(images/contextmenu/m_item.gif) repeat-x bottom;
	border: 1px solid #AACCF6;
	padding: 3px 1px ;
    margin: 0 2px 0 3px;
    cursor: normal;
    line-height:110%;
}

.b-m-idisable img {
	visibility:hidden;
}

.menuCode 
{
    display: inline-block;
    width: 20px;       
    text-align:center;
    margin-right:12px;
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url(../../images/ajax-loader.gif) 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
/* End Context Booking Menu */ 


#overlay { 
  position:absolute; 
  background:#fff; 
}
#img-load { 
  position:absolute; 
}

#scheduleSettings
{
     position:absolute;
     left:0;
     top:0;
     border:solid 1px #b2b2b2;
     background-color:#eeeeee;
     padding:5px;
     display:none;
     padding-bottom:10px;
}

.colourPicker 
{
    margin-left:12px;
    margin-right:12px;
}
.colourPicker span  
{
    width:20px; 
    height:20px; 
    margin:5px; 
    float:left; 
    cursor: pointer;
}



.dropDownMenu
{
     position:absolute;
     left:0;
     top:0;
     border:solid 1px #b2b2b2;
     background-color:#eeeeee;
     padding:2px;
     display:none;
     padding-bottom:10px;
     z-index:9999;
     color: #666666;
     width:150px;
}

.dropDownMenu a:link
{
     font-size:10px;
     padding:0 0 0 0;
     margin:0;
}

#headerMessage
{
    background-repeat:no-repeat;    
    background-position: center center;
    margin:0;
    cursor: pointer;
    height: 30px;   
    margin-top:12px; 
    float:left;
}

#headerMessage:hover
{
    background-color: #efebeb;
    color: #003f5f;
}

#headerMessage .buttonLabel
{
    color: #ff0000;
    font-weight:bold;    margin:0;
    cursor: pointer; 
    margin: 5px 9px 2px 9px; 
    float:left;
    background-color: #f2efef;
    text-align: center;
    padding: 4px 8px 4px 8px;
}

#headerMessage:hover
{
   background-color: #979f18; 
}

#headerUser
{
    background:url(../../images/iconUser.png);
    background-repeat:no-repeat;    
    background-position: 93% 50%;
    padding: 0 5px 0 5px;
    margin:0;
    cursor: pointer;
    height: 30px;   
    margin-top:6px; 
    float:left;
    
}

#headerUser .buttonLabel
{
    padding-left:3px;
    margin-right:32px;
    padding-top:9px;
    height:25px;
    color:#f2efef;
    font-weight:bold;
}

#headerUser:hover
{
   background-color: #979f18; 
}

.appSettings
{
	position: absolute;
	right: 5px;
	top: 0;
	vertical-align:middle;
	font-size: 11px;
	color: #ffffff;
}


.summaryBox 
{
    float: left;
    margin-left:50px;
    
}

.summaryBox div
{
    padding:6px;
    
}


div#headerMessage {
    cursor: pointer;
}

.ui-menu {
    width: 200px;
    z-index:9999999;
}

#searchPanel 
{
     background-color: #f4f3f3;
     padding-left: 6px;
     padding-top: 6px;
     padding-bottom: 6px;
     border-left:solid 1px #b9b9b9; 
     border-bottom:solid 1px #b9b9b9; 
}

#scheduleSearchPanel 
{
     background-color: #ffffff;
     padding-top: 10px;  
     padding-bottom: 10px;
}

#infoPanel 
{
    padding:3px;
    background-color: #ffffcc;
    color: #000000;
    border:solid 1px #d3d1d1;
    margin: 5px;
    cursor:pointer;
    width: 850px;
}

#infoMessage
{
    padding:10px;
    background:url(../../images/iconInfo.png);
    background-repeat:no-repeat;
    background-position: 5px 5px;    
    padding-left: 35px;
    float:left;
    font-size:11px;  
    width: 700px;  
}

#infoButton
{
    padding:5px;
    float:right;
}

#errorPanel, .errorPanelClientSide {
    padding: 3px;
    background-color: #ffffcc;
    color: #ff0000;
    border: solid 1px #d3d1d1;
    margin: 5px;
    cursor: pointer;
    width: 850px;
}

.errorPanelClientSide {
    display: none;
}

#errorPanel2
{
    padding:3px;
    color: #ff0000;
    margin: 5px;
    cursor:pointer;
    width: 850px;
}

#changesWarning 
{
    padding:3px;
    color: #ff0000;
    margin: 5px;
    display:none;
}

#errorMessage, .errorMessageClientSide {
    padding: 10px;
    background: url(../../images/iconError.png);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    padding-left: 35px;
    float: left;
    font-size: 11px;
    width: 700px;
}

#errorButton, .errorButtonClientSide {
    padding: 5px;
    float: right;
}


#content 
{
    /*height:100%;
    overflow: scroll;
*/
}

#pageTabs 
{
 padding:3px;
}

/* Header tabs with dropdown */

.navigationTop {font-size:1em; float:left;}
.navigationTop ul {margin:0px; padding:0px;}
.navigationTop ul li {position:relative;list-style:none;cursor:pointer;}
.navigationTop ul .menuItem {padding:3px 0 3px 0;}
.navigationTop ul .menuItem a {padding-left:7px;}


.navigationTop .tabActive{color: #FFFFFF;text-decoration: none;position: relative;}
.navigationTop .tabInactive{color: #b9b7b7;text-decoration: none;position: relative;}
.navigationTop .tabInactive:hover{color: #ffffff;}


#scheduleHeader {
	position:fixed;
	top:0;
	right:0;
	left:0;
	z-index:999;
	min-width:960px;
}
.head-inner {
	width:100%;
	height: 130px;
}
#scheduleOuter {
	position: relative;
	width:100%;
	min-width:960px;
}
#scheduleContent {
	margin:auto;
	padding:112px 0 60px 0;
}

#scheduleGrid 
{
     padding-left:5px;
}
#scheduleFooter {

	height:50px;
	bottom:0px;
    background-repeat:repeat-y;
    background-position: left top;
    background-color: #003F5F; 
    border-top:solid 1px #003f5f;
	color: #cccccc;
	vertical-align: middle;
	padding-left:10px;
	font-size:11px;
	z-index:999;
}

#scheduleFooter a:link, #scheduleFooter a:visited, #scheduleFooter a:active 
#scheduleFooter a:link, 
#scheduleFooter a:visited, 
#scheduleFooter a:hover  
{
 text-decoration: none; 
 color: #6699CC; 
}

#scheduleFooter a:hover 
{
     color: #6699CC; 
     text-decoration: underline; 
}

#scheduleFooter p {
clear: both;
}


.button {
  
  /* Rounded Corners */
	
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;

	/* Background color and gradients */

	background: #f3f3f3;
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fefefe), to(#f3f3f3));

	/* Borders */

	border: 1px solid #adadad;

	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;

	colour:#4f4f4f;
	float: left;

}

.button:hover {

}


.button:link, .button:active, .button:visited{
	colour:#4f4f4f;
}


.scheduleMenu {
   background:url("../../images/iconMenu2.png") no-repeat center;
   cursor:pointer;
   width:36px;
   height:20px;
}

.scheduleMenu:hover {
   background:url("../../images/iconMenu2_r.png") no-repeat center;
}

#dialog .ui-button-text {
    font-size: 10px; 
}

.mainButton {  
        background-color: #368ee0;      
        display:inline-block;
        color:#ffffff;
        font-family:Verdana, Arial, Helvetica, sans-serif;
        font-size:10px;
        font-weight:bold;
        padding:3px 7px;
        text-decoration:none;    
        border:0;    
        cursor: pointer;
        margin-top:1px;
       border: solid 1px #368ee0;
       -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
               border-radius: 4px;        
}
.mainButton:hover {
  background-color :#1e74c5;
  color:#ffffff;
  text-decoration: none;
}

.mainButton.grey{  
  background-color:#eeeeee;      
  border: solid 1px #eeeeee;
  color:#000000;
}
.mainButton.grey:hover {
  background-color :#cccccc;
}
.absenceCodes .mainButton.grey {
    color:#a4a1a1;
}

.mainButton.darkgrey{  
  background-color:#cccccc;      
  border: solid 1px #cccccc;
  color:#525252;      
}
.mainButton.darkgrey:hover {
  background-color :#b0aeae;
}

.mainButton.red{  
  background-color:#bd0101;  
  border: solid 1px #bd0101;    
  color:#ffffff;
  font-weight:bold;      
}
.mainButton.red:hover {
  background-color :#d71e1e;
  font-weight:bold;
}

.mainButton.navy{
    background-color: #003F5F;
    border: solid 1px #003F5F;
    color: #ffffff;
}

.mainButton.navy:hover{
    background-color: #005F7F;
}

.mainButton.multiSelect{
    padding:4px 8px;
    margin-top:3px;
    margin-right:3px;
}

.selectionTotals {
    font-style: italic;
}

input.toolbarButton {

        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        
        background-color:#ededed;
        
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        
        border:1px solid #dcdcdc;
        

        color:#616161;
        font-family:arial;
        font-size:11px;
        font-weight:bold;
        padding:5px 12px;
        text-decoration:none;
        
        cursor:pointer;
}

input.toolbarButton:hover 
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
        background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
        background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
        border:1px solid #9a9a9a;
        background-color:#dfdfdf;
    
}

input.toolbarButton.blue 
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #368ee0), color-stop(1, #368ee0));
        background:-moz-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:-webkit-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:-o-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:-ms-linear-gradient(top, #368ee0 5%, #368ee0 100%);
        background:linear-gradient(to bottom, #368ee0 5%, #368ee0 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#368ee0', endColorstr='#368ee0',GradientType=0);
        border:1px solid #368ee0;
        background-color:#368ee0;
        color:#ffffff;
}


input.toolbarButton.blue:hover 
{
        border:1px solid #003f5f;
}

input.toolbarButton.red 
{
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d64a38), color-stop(1, #d64a38));
        background:-moz-linear-gradient(top, #d64a38 5%, #d64a38 100%);
        background:-webkit-linear-gradient(top, #d64a38 5%, #d64a38 100%);
        background:-o-linear-gradient(top, #d64a38 5%, #d64a38 100%);
        background:-ms-linear-gradient(top, #d64a38 5%, #d64a38 100%);
        background:linear-gradient(to bottom, #d64a38 5%, #d64a38 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d64a38', endColorstr='#d64a38',GradientType=0);
        border:1px solid #d64a38;
        background-color:#d64a38;
        color:#ffffff;
}


input.toolbarButton.red:hover 
{
        border:1px solid #65251d;
}





/* Header Settings */

#settingsPanel {
  float:right;
}
.settingsIcon {
   float:left;
}

/* user menu settings */
#msgClicker
{
 padding: 12px 12px 13px 12px;
}

#msgSettingsdropdown {
  display: block;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  font-size: 1.1em;
  color: #ffffff;
  font-weight: normal;
}
#msgSettingsdropdown img
{
    border:0;
}

#msgSettingsdropdown:hover  
{
    background-color: #003f5f; 
}

#msgSettingsdropdown.open {
  background-color: #003f5f;
  color: #fff;
}

#msgSettingsdropdown ul {
  position: absolute;
  top: 30px;
  right: 0; 
  width: 220px;
  padding: 5px 0px;
  display: none;
  background-color:#fefefe;
  border-left: solid 1px #666666;
  border-right: solid 1px #666666;
  border-bottom: solid 1px #666666;
  z-index: 99999;
  list-style:none;
}
#msgSettingsdropdown ul li { font-size: 0.9em; }

#msgSettingsdropdown ul li a {
  text-decoration: none;
  display: block;
  color: #003f5f;
  padding: 7px 15px;
}
#msgSettingsdropdown ul li a:hover {
  color: #003f5f;
  background: #e7f0f7;
}

.messageNumberLabel
{
    position: relative;
    top: 5px;
    right: -10px;
    padding-right:5px;
    font-size: 11px;
    font-weight: 400;
    padding: 0 3px;
    background-color: #e63a3a;
    color:#ffffff;
}

/* Select Message Recipient Panel */
.ajaxLoader 
{
    text-align:center;
    background-image: url(../../Images/ajax-loader-small.gif);
    background-repeat:no-repeat;  
    background-position:center;
    padding:50px;
    width:350px;  
}

#add-recipients:link, #add-recipients:visited, #add-recipients:active  
{
   font-weight:bold;
   color:#2a7dcb;
}

#panelSelectRecipients 
{
    /*border: solid 2px #f6f6f6;*/
}

.recipientSearchPanel 
{
    padding:10px;
}

.recipientList, .stationList 
{
    height: 290px;
    overflow-y: scroll; 
    border:solid 1px #999999; 
}

.applianceList
{
    height: 150px;
    overflow-y: scroll; 
    border:solid 1px #999999; 
}

#recipientsPlaceholder, #stationsPlaceholder
{
    overflow-y: scroll; 
    overflow-x:hidden;
    border:solid 1px #999999; 
    width:450px;
    min-height:15px;
    max-height:105px;
    float:left;
    padding:3px;
    margin-right:5px;
    margin-bottom:5px;
}

.selectedRecipient
{
    
    padding:3px;
    background-color:#f6f6f6;
    border:solid 1px #999999;
    margin-top:5px; 
    margin-right:3px;
    white-space: nowrap;
    float:left;
    cursor:default;
}

.selectedRecipientClose
{
    
}

.removeRecipient, .removeStation
{
    cursor:pointer;
}
    


.recipientItem, .stationItem, .applianceItem
{
    padding:3px;
    border-bottom: solid 1px #f6f6f6;
}

.recipientItemCheckbox, .stationItemCheckbox, .applianceItemCheckbox
{
  float:left;
  padding:10px;
  margin-top:5px;  
  
}

.recipientItemIcon 
{
  float:left;
  padding:10px; 
  background-image: url(../../Images/iconSender.png);
  background-repeat:no-repeat;
  margin-top:5px;
  padding-bottom:25px;
  padding-right:20px;
}

.recipientItemName , .stationItemName, .applianceItemName
{
  float:left;
  padding:10px;
  margin-top:8px; 
}

.recipientControlBar 
{
    padding:10px;
    border: solid 1px #f6f6f6;
}

.selectedRecipients 
{
     padding:10px;
}
.recipientButton
{
     padding:5px;
     border: solid 1px #8E8C8C;      
     background-color: #DFDFDF;  
     border-radius: 3px;     
     white-space: nowrap;
     line-height:30px;
     padding-right:20px
}

/* End Select Message Recipient Panel */



/* Schedule drop downs */

/* Schedule Menu  */
#schMenuClicker
{
 padding: 4px 7px;
 cursor: pointer;
 border: solid 1px #adadad;
 background-color:#f7f7f7;
}

#schMenuClicker:hover
{
 border: solid 1px #908e8e;
 background-color:#f3f3f3;
}

#schMenudropdown {
  display: block;
  margin: 0 auto;
  position: relative;
  font-size: 1.1em;
  color: #000000;
  font-weight: normal;
  margin-left:2px;
}

#schMenudropdown img
{
    border:0;
}

#schMenudropdown:hover { background: #969e19; }

#schMenudropdown.open {
  background: #969e19;
}

#schMenudropdown ul {
  position: absolute;
  top: 11px;
  left: 0; /* move content -4px because of container left border */
  width: 150px;
  padding: 5px 3px;
  display: none;
  background-color:#fefefe;
  border: solid 1px #666666;
  z-index: 99999;
  list-style:none;
}
#schMenudropdown ul li { font-size: 0.9em; }

#schMenudropdown ul li a {
  text-decoration: none;
  display: block;
  color: #003f5f;
  padding: 7px 15px;
}

#schMenudropdown ul li a:hover {
  color: #003f5f;
  background: #e7f0f7;
}

#schMenudropdown a
{
    text-decoration:none;
}

/* Refresh */

.scheduleReload
{
   padding: 5px 8px;  
}

/* Settings */
#schSettingsClicker
{
 padding: 5px 8px;
 cursor: pointer;
 border: solid 1px #adadad;
 background-color:#f7f7f7;
}

#schSettingsClicker:hover
{
 border: solid 1px #908e8e;
 background-color:#f3f3f3;
}

#schSettingsdropdown {
  display: block;
  margin: 0 auto;
  position: relative;
  font-size: 1.1em;
  color: #000000;
  font-weight: normal;
  margin-left:2px;
}

#schSettingsdropdown img
{
    border:0;
}

#schSettingsdropdown:hover { background: #969e19; }

#schSettingsdropdown.open {
  background: #969e19;
}

#schSettingsdropdown ul {
  position: absolute;
  top: 12px;
  left: 0; /* move content -4px because of container left border */
  width: 226px;
  padding: 5px 8px;
  display: none;
  background-color:#fefefe;
  border: solid 1px #666666;
  z-index: 99999;
  list-style:none;
}
#schSettingsdropdown ul li { font-size: 0.9em; }

#schSettingsdropdown ul li a {
  text-decoration: none;
  display: block;
  color: #003f5f;
  padding: 7px 15px;
}

#schSettingsdropdown ul li a:hover {
  color: #003f5f;
  background: #e7f0f7;
}

#schSettingsdropdown a
{
    text-decoration:none;
}


/* application menu settings */
#settingsClicker
{
 padding: 12px 12px;
}

#appSettingsdropdown {
  display: block;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  font-size: 1.1em;
  color: #ffffff;
  font-weight: normal;
  margin-left:2px;
}

#appSettingsdropdown img
{
    border:0;
}

#appSettingsdropdown:hover 
{ 
    background-color: #003f5f; 
}

#appSettingsdropdown.open {
  background-color: #003f5f;
  color: #fff;
}

#appSettingsdropdown ul {
  position: absolute;
  top: 30px;
  right: 0; /* move content -4px because of container left border */
  width: 156px;
  padding: 5px 0px;
  display: none;
  background-color:#fefefe;
  border-left: solid 1px #666666;
  border-right: solid 1px #666666;
  border-bottom: solid 1px #666666;
  z-index: 99999;
  list-style:none;  
}
#appSettingsdropdown ul li { font-size: 0.9em; }

#appSettingsdropdown ul li a {
  text-decoration: none;
  display: block;
  color: #003f5f;
  padding: 7px 15px;
}
#appSettingsdropdown ul li a:hover {
  color: #003f5f;
  background: #e7f0f7;
}


/* user menu settings */
#userClicker
{
 padding: 12px 12px;
}

#userSettingsdropdown {
  display: block;
  margin: 0 auto;
  position: relative;
  cursor: pointer;
  font-size: 1.1em;
  color: #ffffff;
  font-weight: normal;
  margin-left:2px;
}

#userSettingsdropdown img
{
    border:0;
}

#userSettingsdropdown:hover  
{
    background-color: #003f5f; 
}

#userSettingsdropdown.open {
  background-color: #003f5f;
  color: #fff;
}

#userSettingsdropdown ul {
  position: absolute;
  top: 30px;
  right: 0; /* move content -4px because of container left border */
  width: 156px;
  padding: 5px 0px;
  display: none;
  background-color:#fefefe;
  border-left: solid 1px #666666;
  border-right: solid 1px #666666;
  border-bottom: solid 1px #666666;
  z-index: 99999;
  list-style:none;
}
#userSettingsdropdown ul li { font-size: 0.9em; }

#userSettingsdropdown ul li a {
  text-decoration: none;
  display: block;
  color: #003f5f;
  padding: 7px 15px;
}
#userSettingsdropdown ul li a:hover {
  color: #003f5f;
  background: #e7f0f7;
}

#userSettingsdropdown a
{
    text-decoration:none;
}

#userSettingsdropdown label
{
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
}


/* End Header Settings */


.clock
{
    float:right;
    font-weight:bold;
    color: #ffffff;
    padding-right:10px;
}

  
.headerStyle1 {
 background-color:#b2bb1e;   
}

.headerStyle2 {
 background-color:#eeb111;   
}

.headerStyle3 {
 background-color:#c6495c;   
}

.headerStyle4 {
 background-color:#c7b18a;   
}

.headerStyle5 {
 background-color:#4fc7e7;   
}

.headerStyle6 {
 background-color:#919194;   
}


.headerStyle7 {
 background-color:#f47a20;   
}

.headerStyle8 {
 background-color:#0081c6;   
}


#compose 
{
    padding-top:15px;
    padding-left:10px;
    padding-bottom:12px;
    
}

#composeControl
{
    padding-top:5px;
    padding-left:10px;
}

#messageControl
{
    padding-top:5px;
    padding-left:10px;
    width: 820px;
    
}

.messageHeader 
{
	font-weight: bold;
	font-size: 16px;
	color: #54798d;
	font-family: ‘Arial Narrow’, sans-serif;
	padding-top:5px;
	margin-left:5px;
	padding-bottom:15px;
	width: 820px;
}

.messageHeader2 
{
	font-weight: bold;
	font-size: 12px;
	color: #54798d;
	font-family: ‘Arial Narrow’, sans-serif;
	padding-top:5px;
	margin-left:5px;
	padding-bottom:15px;
	width: 820px;
}

.messageSender
{
    background-image: url(../../Images/iconSender.png);
    background-repeat:no-repeat;
    min-height: 40px;
    padding-left:40px;
    margin-left:5px;
    font-weight: bold;
    color: #666666;
}

.messageSenderCompact
{
    background-image: url(../../Images/iconSender.png);
    background-repeat:no-repeat;
    min-height: 40px;
    padding-left:40px;
    min-width:180px;
}

.messageDate
{
  font-size: 11px;
  padding-top:5px;
}


.priorityLabel
{
  font-size: 11px;
  color: #d71e1e;
  padding-left:10px;
}

.priorityLabelCompact
{
  font-size: 12px;
  color: #d71e1e;
  padding-left:5px;
  font-weight:bold;
}


.messageContent 
{
    width:650px;
    padding-top:15px;
    padding-left:4px;
    line-height: 20px;
    
}
.messageHR 
{
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
}

.messageRecipients 
{
    padding-top:3px;
    font-weight:normal;
}

.notAck 
{
     color:#ff0000;
}

.scrollingControlContainer
{
    overflow-x: hidden;
    overflow-y: scroll;
}

.scrollingCheckBoxList
{
    border: 1px #808080 solid;
    margin: 10px 10px 10px 10px;
    height: 290px;
    background-color:#ffffff;
}


/* Crewing Popup */

.crewTooltipClass{
    width: 150px;
}

.crewHeader 
{
    font-weight:bold;
    font-size:1.1em;
    padding-bottom:5px;
    color: #003F5F;
    text-align:center;
}

.crewRule 
{
     font-size:11px;
     padding-bottom:7px;
     font-weight:bold;
     width:170px;
     text-align:center;
}

div.crewItem div.crewItemL
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;	
  float: left;
  width: 120px;
  text-align: left;
  padding-top: 5px;
  font-weight:bold;
}
   
div.crewItem div.crewItemR 
{
  text-align: left;
  border: 1px;
  float: left;
  padding-top: 5px;
} 


.crewDef
{
     padding-bottom:3px;
}


/* End Crewing Popup */

.dialogHeader {
 
    font-weight:bold;
    margin-top: 7px;
    color: #003F5F;
    padding-bottom:10px;
    font-size:12px;
}

.dialogEmployeeName {
 
    font-weight:bold;
    margin-top: 7px;
    color: #003F5F;
    padding-bottom:10px;
}

.contextItem 
{
    cursor: pointer;
}

.datePicker 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.crewRuleHeader
{
    float:left;
    font-weight: bold;
}

.crewRuleAppliance
{
    float:left;
    font-weight: bold;
    padding:5px;
    border: 1px #808080 solid;
    margin-right: 8px;
    border-radius: 4px;
    font-size: 14px;
}

.crewRuleAppliance.red
{
  color:#ffffff;
  background-color:#cc0000;
}




/* Drop down Menus */
#ddScheduleMenu {

    float:left;         
    background-repeat: no-repeat;
    background-position:right;
    background-image: url(../../images/iconDown.png);
    padding: 4px 7px;
    cursor: pointer;
    border: solid 1px #0072c6;
    background-color:#0072c6;
    color: #ffffff;
    margin-top:2px;
    margin-left:5px;
    margin-right:3px;
    border-radius:3px; 
    padding-right:20px;
        
}

#ddScheduleMenu:hover 
{
    border: solid 1px #0a5b84;
    background-color:#0a5b84;   
}

#ddScheduleSettings {
    float:left;         
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/iconSettings2.png);
    padding: 4px 16px;
    cursor: pointer;
    border: solid 1px #adadad;
    background-color:#f4f4f4;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    border-radius:3px;     
}

#ddScheduleSettings:hover 
{
    border: solid 1px #787878;
    background-color:#ececec;   
}


#ddLegend {
    float:left;         
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/fontawesome/list.png);
    padding: 4px 16px;
    cursor: pointer;
    border: solid 1px #adadad;
    background-color:#f4f4f4;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    border-radius:3px;     
}

#ddLegend:hover 
{
    border: solid 1px #787878;
    background-color:#ececec;   
}



#schRefreshClicker
{

    float:left;         
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/iconReload2.png);
    padding: 4px 12px;
    cursor: pointer;
    border: solid 1px #adadad;
    background-color:#f4f4f4;
    margin-top:2px;
    margin-left:2px;
    margin-right:2px;
    border-radius:3px;     
}


#schRefreshClicker:hover 
{
    border: solid 1px #787878;
    background-color:#ececec;    
}



#ddAppSwitcher {
    float: left;
    height: 42px;
    padding-right: 20px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../images/squares.png);
    cursor: pointer;
    margin-right: 2px;
}


#ddAppSwitcher:hover {
    background-color: #003f5f;
}

#ddAppSwitcher.dropdown-open, #ddAppSwitcher.jq-dropdown-open {
    background-color: #003f5f;
}

ul.app-switcher-dropdown {
    box-sizing: content-box;
    margin: 0;
    padding: 0;
    width: 180px;
    text-align: center;
    background: #FFF;
    border: solid 1px #DDD;
    border: solid 1px rgba(0, 0, 0, .2);
    border-radius: 3px;
    box-shadow: 0 5px 10px rgb(0 0 0 / 20%);
    padding: 4px 0 4px 0;
}

    ul.app-switcher-dropdown > li {
        display: inline-block;
        list-style-type: none;
        position: relative;
        transition: transform .2s cubic-bezier(.333,0,0,1);
        vertical-align: top;
        width: 80px;
        text-align: center;
        padding: 10px 0 10px 0;
    }
        ul.app-switcher-dropdown > li > a > div.label {
            padding-top: 3px;
        }

        ul.app-switcher-dropdown > li:hover {
            background-color: #e0e0e0;
        }

        ul.app-switcher-dropdown > li > a {
            padding-top: 10px;
            color: #00344e;
            text-decoration: none;
        }




#ddMessages {
    float:left;         
    height: 42px;
    padding-right:20px;
    padding-left:20px;
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/iconMessage.png);
    cursor:pointer;
    margin-right:2px;
}


#ddMessages:hover {
    background-color:#003f5f;
}

#ddMessages.dropdown-open, #ddMessages.jq-dropdown-open {
    background-color:#003f5f;
}

#ddSettings {
    float:left;
    height: 42px;
    padding-right:20px;
    padding-left:20px;
    background-repeat: no-repeat;
    background-position:center;
    background-image: url(../../images/iconSettings.png);
    cursor:pointer;
    margin-right:2px;
}

#ddSettings:hover {
    background-color:#003f5f;
}

#ddSettings.dropdown-open, #ddSettings.jq-dropdown-open {
    background-color:#003f5f;
}

#ddUser {
    float:left;
    height: 42px;
    background-repeat: no-repeat;
    background-position: 92% 50%;
    background-image: url(../../images/iconUser.png);
    line-height: 48px;
    padding-right:26px;
    padding-left:4px;
    margin-right:4px;
    cursor:pointer;
}

#ddUser:hover {
    background-color:#003f5f;
}

#ddUser.dropdown-open, #ddUser.jq-dropdown-open {
    background-color:#003f5f;
}

#ddUser a:link, #ddUser a:visited, #ddUser a:active {
    color: #ffffff;
    text-decoration:none;
}

.userText {
    color: #ffffff;
}

#ctrlHeader_ulSwitchProfileOptions li:first-child {
    border-top: 1px solid #E5E5E5;
}

#ctrlHeader_ulSwitchProfileOptions li:last-child {
    border-bottom: 1px solid #eee;
}


#pumpStatusPanel {
    position: absolute;
    right: 10px;
    top: 85px;
    padding: 8px;
}

.appStatus 
{
    padding:4px;
    color: #000000;
    background-color: #ffffff;
    border:solid 1px #666666;
    border-radius: 3px;
    margin:2px;
}

div.overlay 
{

    
  width:      100%;
  height:     100%; 
  z-index:    10;
  top:        0; 
  left:       0; 
  position:   fixed; 
  display: none;
}

/*
.appStatus.off
{
    color: #ffffff;
    background-color: #FF0000;   
}


.spanApplianceStatus
{
  background-image: url(../../Images/iconApplianceStatus.png);
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left:3px;
}

.spanApplianceStatus.ok
{
    background-color:#ff0000;
}

.spanApplianceStatus.cd
{
    background-color:#e9b008;
}

.spanApplianceStatus.off
{
    background-color:#ee502a;
}

.spanApplianceStatus.na
{
    background-color:#003f5f;
}

.spanApplianceStatus.inactive
{
    background-color:#919195;
}
*/

/* Crewing tooltip */

.crewingTooltip  
{
    position: absolute;
    z-index: 9999;
    width: 220px;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
    background-color:#f1eeee !important; 
    color: #000000 !important;
    border:solid 2px #999999; 
}

.employeeTooltip  
{
	background: #FEFECB !important;
	color: #000000 !important;
	display: inline-block;
}

.ttTime 
{ 
    text-align:center;
    font-weight:bold;
    padding-bottom:4px;
    color:#003f5f; 
}

.ttRule 
{ 
    text-align:center;
    font-weight:bold;
    padding-bottom:4px;
    color:#003f5f; 
}

.ttHeader 
{
  padding:2px;
  font-weight:bold;
  color:#003f5f; 
  padding-top:8px;
}

.ttRow 
{
   padding-left:2px;
   clear: both;
   color: #000000;	
}

.ttRow.red
{
   color:#ff0000;
}

.ttColL
{
  float: left;
  width: 85px;
  text-align: left;
  padding-top:4px;
  font-weight:bold;  
}

.ttColR
{
  float: left;
  width: 80px;
  text-align: left;
  padding-top:4px;
}

.LegendBox2 
{ 
	PADDING-TOP: 1px; 
	BORDER-BOTTOM: #000000 1px solid; 
	DISPLAY: inline; 
	BORDER-LEFT: #000000 1px solid; 
	FONT-FAMILY: Arial, Helvetica, sans-serif; 
	FONT-SIZE: 12px; 
	BORDER-TOP: #000000 1px solid; 
	FONT-WEIGHT: bold; 
	BORDER-RIGHT: #000000 1px solid 

}
		

/* End Crewing tooltip */


.dialogRow 
{
    padding-bottom:4px;
}


.bookedCell
{
	/*width: 15px;*/
	color: #ff0000;
	height: 10px;
	background-color: #666666;
	text-align: center;
}






.skin0 {
position:absolute;
text-align:left;
width:200px;
border-width:2px;
border-style: solid;
border-color: black;
background-color:#FDFDFD;
font-family:Verdana;
line-height:20px;
cursor:default;
visibility:hidden;
}
.skin1
{
	border-right: #ffffff 2px outset;
	border-top: #ffffff 2px outset;
	font-size: 10pt;
	visibility: hidden;
	border-left: #ffffff 2px outset;
	width: 200px;
	cursor: default;
	border-bottom: #ffffff 2px outset;
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #fdfdfd;
	text-align: left;
}
.menuitems
{
	padding-right: 5px;
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
}
.tip 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border:solid 1px #666666; 
	padding:1px; 
	position:absolute; 
	z-index:100; 
	visibility:hidden; 
	color:#333333;
    top:20px; 
    left:90px; 
    background-color:#ffffcc; 
   
   }

.helpImages {
            -webkit-box-shadow: 3px 3px 3px #7C7C7C;
            box-shadow: 3px 3px 3px #7C7C7C;
            border:1px solid #;
            /*-webkit-border-radius: 10px;
            -moz-border-radius: 10px;
            border-radius: 10px;  */
            margin-left:10px;
            padding:5px;
            
}

.ui-tooltip {
    white-space: pre-line;
}

.timeBreakTable{ 
    border-collapse: collapse;
    border: 1px solid black;
}

.timeBreakTable table{ 
    border-collapse: collapse;
    border: 1px solid black;
}

.timeBreakTable tr{ 
    border-collapse: collapse;
    border: 1px solid black;
}

.timeBreakTable td{ 
    border-collapse: collapse;
    border: 1px solid black;
}

.warningCell {
    background: url('../../images/imgCellWarning.png');
    background-repeat:no-repeat;
}
.tipOff {
	position:absolute;
	background: #FFFFA3;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 2px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	width: auto;
	max-width: 350px;
	max-height: 75px;
	white-space: nowrap;
}

.progressBar {
    background-image:url('../../images/progressBar.png');
    background-repeat:no-repeat;
    width: 50px;
    height: 15px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    border-style: none;
    margin-top:-8px;
    font-size:8px;
    font-weight:bold;
    text-align:center;
    color:#db2222;
}

.progressBar.Pending {
    background:url('../../images/progressBar.png') -104px -75px;
    color:#666666;
}
.progressBar.Approved {
    background:url('../../images/progressBar.png') -0px -75px;
    color:#ffffff;
}
.progressBar.Denied {
    background:url('../../images/progressBar.png') -52px -75px;
    color:#ffffff;
}

.warningCell {
    background: url('../../images/imgCellWarning.png');
    background-repeat:no-repeat;
}

.dialogTabs .ui-widget-header {
    border: 1px solid #bbbbbb;
    background: 5px 50% #ddd;
    font-weight: bold;
    /* height: 20px; */
}

.dialogLoader 
{
    text-align:center;
    background-image: url(../../Images/ajax-dialog-loader.gif);
    background-repeat:no-repeat;  
    background-position:center; 
    height:15px;   
    width:20px;
    display:none;
}

.pageOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    -khtml-opacity: 0.2;
    opacity: 0.2;
    z-index: 300;
}

.pageOverlayLoader {
  background-image: url(../../Images/ajax-loader.gif);
  background-repeat:no-repeat;  
  background-position:center; 
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 301;
}

#requestAlertPanel{
     position:absolute;
     top:80px;
     right:0;
     border-top-left-radius:6px;
     border-bottom-left-radius:6px;
     color: #FFFFFF;
     padding-bottom: 30px;
     background: #0072C6;
     height:15px;
     margin-bottom:50px;
     width:150px;
     opacity:0.8;
     padding:5px;
}

button.requestAlert-close-button {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    padding-right:8px;
    position:absolute;
}

.requestAlert-close-button {
    position: relative;
    float: left;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    -webkit-text-shadow: 0 1px 0 #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: .8;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    filter: alpha(opacity=80);
}

.requestAlert-close-button:hover {
    color:#B3B6B0;
}
#lblAlertsPending{
    padding-left:15px;
}


#requestAlertPanel a,#requestAlertPanel a:link,#requestAlertPanel a:visited,#requestAlertPanel a:active {
    color: #fff;
    text-decoration: none;
}
#requestAlertPanel a:hover {
    color: #fff;
    text-decoration: underline;
}


.tipOff span 
{
    display: block;
} 

.tipOn {
	background: #FFFFA3;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 2px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
	position: relative;
	width: auto;
	max-width: 350px;
	max-height: 75px;
	white-space: nowrap;
}

.tipOn span 
{
    display: block;
} 
.fa-lg {   
    color: #A89E99 !important;
}
.redText {
    color: #ff0000;
}

.skillCol {
   cursor: pointer;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   max-width: 325px;
}

.text-green {
    color: #0BC300 !important;
}
.text-red {
    color: #EB0000 !important;
}
.text-yellow {
    color: #F7D300 !important;
}

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



#divNotificationsDropdown {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    margin-left: 2px;
    border-left: 1px solid #CCC;
    border-right: 1px solid #999;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #999;
    min-width: 10px;
    z-index: 1;
}

#divNotificationsDropdown li {
    padding: 2px 0px;
    display: block;
    height: 28px;
    line-height: 28px;
    text-indent: 10px;
    text-decoration: none;
    cursor: pointer;
    width: 121px;
}

#divNotificationsDropdown a {
    color: #666;
    display: block;
    width: 121px;
    font-size: 0.95em;
}

#divNotificationsDropdown .navigation {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #D3D3D3;
}

.gtlButtonDropdown:hover + #divNotificationsDropdown {
    display: block;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 10px;
    z-index: 1;
}

#divNotificationsDropdown:hover {
    display: block;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 10px;
    z-index: 1;
}

.gtlButtonDropdown:hover, #divNotificationsDropdown:hover .gtlButtonDropdown {
    background-color: #b6ff00;
    display: block;
}

.gtlButtonDropdown {
    background-repeat: no-repeat;
    background-position: center;
    padding: 4px 9px;
    cursor: pointer;
    color: #616161;
    margin-top: -1px;
    margin-left: 2px;
    background-color: #e3e3e3;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    /*line-height: 22px;*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/*

.ui-widget-header {
    background: url("../../Images/Gartan_Logo_small.png") no-repeat scroll 5px 50% #003F5F;
    background-color:#003F5F;
    border: 1px solid #006bbc;
    color: #222222;
    font-weight: bold;
    height:25px;
}


.color 
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;   
	width:60px;
	padding:3px;
}


.gartanButton
{     
    background-repeat: no-repeat;
    background-position:center;
    padding: 4px 9px;
    cursor: pointer;
    border: solid 1px #dcdcdc;
    background-color:#f4f4f4;
    margin-top:2px;
    margin-left:2px;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
    background:-moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:-ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
    background:linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
    border-radius:3px;
}

.gartanButton:link, .gartanButton:visited
{
    color:#616161;
    text-decoration:none;
}

.gartanButton:active 
{
     border: solid 1px #368ee0;
     color:#368ee0;
}

.gartanButton:hover
{
    border: solid 1px #949494;
}

.MenuHeader 
{
	padding-top: 8px;
	padding-bottom: 4px;
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	width: 130px; 
	border-bottom: #aaaaaa 1px solid;
} 

.MainMenuItem { 
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	width: 130px; 
} 
.MainMenuItem a:link, .MainMenuItem a:visited, .MainMenuItem a:active{ 
	text-decoration: none; 
	color: #3d478f;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	display: block; 
} 
.MainMenuItem a:hover 
{
	color: #8b0000;
	background-color: #efefef; 
	border-top: 1px solid #808080; 
	border-right: 1px solid #808080; 
	border-left: 1px solid #808080; 
	border-bottom: 1px solid #808080; 
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 2px;

}

    .