@charset "UTF-8";
/* CSS Document */

body,div,p,blockquote,ol,ul,dl,li,dt,dd,td,th { font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, Lucida, sans-serif; }
body { margin: 0 auto; }
h1 { font-size: 16px; }
p { font-size: 12px; }
th { background-color: #000000; color: #FFFFFF; height: 20px; }
table { margin: 16px 0; }
a, a:visited { color: #0099FF; }
a { text-decoration: none; font-weight: bold; }
a:hover { text-decoration: underline; }

#cp { padding-top: 3px; padding-left: 8px; font-weight: bold; }
#header { position: fixed; width: 100%; height: 96px; top: 0; left: 0; padding: 0; margin: 0 auto; z-index: 100; background-image: url("../images/bg.png"); background-repeat: repeat-x; }
#footer { position: fixed; width: 100%; height: 42px; bottom: 0; left: 0; padding: 0; margin: 0 auto; background-image: url("../images/bg_feather-btm.png"); background-repeat: repeat-x; }
#menu { position: relative; width: 960px; height: 105px; top: 0; padding: 0; margin: 0 auto; z-index: 100; }
#content { position: relative; width: 960px; padding: 121px 0 0 0; margin: 0 auto; font-size: 14px; background-color: #FFFFFF; }
#contentq { position: relative; width: 100%; padding: 0 0 160px 0; margin: 0 auto; font-size: 12px; background-color: #FFFFFF; }
#logo { position: absolute; top: 9px; left: 0; }
#lastlogin { position: absolute; top: 5px; right: 140px; text-align: right; color: #666666; font-size: 11px; }
#user { position: absolute; bottom: 34px; right: 0; font-size: 18px; font-family: Georgia, Times New Roman, serif; font-style: italic; color: #FFFFFF; }
#logout { position: absolute; top: 0; right: 0; font-size: 12px; font-weight: bold; }
#logout a, #logout a:visited {
	display: block;
	width: 127px;
	height: 21px;
	padding: 4px 0 0 0;
	border: none;
	text-align: center;
	text-decoration: none;
	color: #333333;
	background-image: url("../images/nav_logout-off.gif");
}
#logout a:hover { background-image: url("../images/nav_logout-on.gif"); color: #000000; }
#Navigation { padding: 0; margin: 0; position: absolute; left: 0; bottom: 0; font-size: 12px; font-weight: bold; }
#Navigation li { list-style-type: none; margin: 0; float: left; }
#Navigation a, #Navigation a:visited {
	display: block;
	width: 120px;
	height: 44px;
	padding: 6px 0 0 0;
	border: none;
	text-align: center;
	text-decoration: none;
	color: #000000;
	background-image: url("../images/nav_tabmid-off.png");
}
#Navigation .TabFst a, #Navigation .TabFst a:visited, #Navigation .TabLst a, #Navigation .TabLst a:visited { width: 124px; }
#Navigation .TabFst a, #Navigation .TabFst a:visited { background-image: url("../images/nav_tabfst-off.png"); }
#Navigation .TabLst a, #Navigation .TabLst a:visited { background-image: url("../images/nav_tablst-off.png"); }
#Navigation a:hover { padding: 29px 0 0 0; height: 21px; color: #FFFFFF; }
#Navigation .TabFst a:hover { background-image: url("../images/nav_tabfst-hov.png"); }
#Navigation .TabMid a:hover { background-image: url("../images/nav_tabmid-hov.png"); }
#Navigation .TabLst a:hover { background-image: url("../images/nav_tablst-hov.png"); }
#Navigation #Welcome, #Navigation #Schedule, #Navigation #Qualifications, #Navigation #Dispatchers, #Navigation #Requests, #Navigation #Settings, #Navigation #Preferences, #Navigation #Register, #Navigation #Roster, #Navigation #Vacations  {
	display: block;
	width: 120px;
	height: 21px;
	padding: 29px 0 0 0;
	border: none;
	text-align: center;
	text-decoration: none;
	color: #FFFFCC;
	background-image: url("../images/nav_tabmid-on.png"); }
#Navigation #Welcome { width: 124px; background-image: url("../images/nav_tabfst-on.png"); }
#Navigation #Register { width: 124px; background-image: url("../images/nav_tablst-on.png"); }
#Navigation #Settings, #Navigation #Requests, #Navigation #Dispatchers, #Navigation #Preferences { width: 124px; background-image: url("../images/nav_tablst-on.png"); }

#myschedule table { width: 958px; height: 52px; text-align: center; margin: 0 1px; }
#myschedule td { background-image: url("../images/myschedule_cell.gif"); width: 119px; }
#myschedule th { font-family: Century Gothic, Lucida Grande, Lucida Sans, Lucida Sans Unicode, Lucida, sans-serif;
	font-size: 24px;
	font-weight: normal;
	text-align: left;
	color: #000000;
	padding-left: 64px;
	background-image: url("../images/myschedule_my.gif");
	width: 125px; }
#myschedule #myleft { background-image: url("../images/myschedule_leftcell.gif"); background-position: left; background-repeat: no-repeat; }
#myschedule #myright { background-image: url("../images/myschedule_rightcell.gif"); background-position: right; background-repeat: no-repeat; }
#myschedule #mytoday { background-image: url("../images/myschedule_cell-on.gif"); font-weight: bold; }
#myschedule #mytodayleft { background-image: url("../images/myschedule_leftcell-on.gif"); font-weight: bold; background-position: left; background-repeat: no-repeat; }
#myschedule #mytodayright { background-image: url("../images/myschedule_rightcell-on.gif"); font-weight: bold; background-position: right; background-repeat: no-repeat; }
#myschedule .dow { font-size: 10px; padding-top: 1px; }
#myschedule #mytoday .dow, #myschedule #mytodayleft .dow, #myschedule #mytodayright .dow { font-size: 12px; padding-top: 0px; }
#myschedule .assignment { font-size: 18px; font-weight: bold; margin: -3px 0; }
#myschedule .date { font-size: 9px; padding-bottom: 1px; }

#calendar table { width: 200px; text-align: center; margin: 0; }
#calendar td { height: 24px; vertical-align: middle; font-family: Georgia; }
#calendar .dayofwk {
	background-color: #CCCCCC;
	background-image: url("../images/v1_hdg_dow.gif");
	color: #000000;
	height: 19px;
	border-bottom: 1px solid #000000; }
#calendar .diffmonth { color: #999999; }
#calendar #today { background-color: #FFFFCC; font-weight: bolder; }
#calendar .footer { height: 2px; background-color: #999999; }

#holddowns table { width: 200px; text-align: center; margin: 0; border-collapse: collapse; }
#holddowns td { width: 25px; vertical-align: middle; border-bottom: 1px solid #FFFFFF; }
#holddowns div { font-size: 7px; }
#holddowns .stagger .firstcol { border-left: 1px solid #FFFFFF; }
#holddowns .wholewidth { width: 200px; }
#holddowns .starts { background-color: #CCEFFF; color: #FFFFFF; font-size: 10px; font-weight: bold; }
#holddowns .starts div { font-size: 10px; }
#holddowns .desk { text-align: left; padding-left: 3px; font-weight: bold; }
#holddowns .stagger { background-color: #F0F0F0; }
#holddowns .firstcol { border-left: 1px solid #F0F0F0; }
#holddowns .secondary { background-color: #99FFCC; }
#holddowns .unknown { background-color: #FF99CC; }
#holddowns .applied { background-color: #3399CC; color: #FFFFFF; }
#holddowns .desk div { height: 16px; padding-top: 1px; font-family: Georgia; }
#holddowns .desk a { display: block; width: 24px; height: 16px; padding-top: 1px; font-family: Georgia; color: #000000; }
#holddowns th { width: 24px; background-color: #FFFFFF; height: 15px; }

.start { background: #FFFFFF url("../images/v1_crn_gad.gif") no-repeat bottom right; }
.begin { border-left: 1px solid #000000; }
.end { border-right: 1px solid #000000; }
.pageheading { font-size: 16px; font-weight: bold; }
.stagger { background-color: #F0F0F0; }
#click { display:none }
/*.holddwn { border-top: 4px solid #99CCFF; border-bottom: 4px solid #99CCFF; } /* ccff99 */
.holddwn { background-color: #CCEFFF; } /*web safe ffcc99*/
/*.holddwnposting { background-color: #EBD4BE; outline: 6px solid #FFCCCC; outline-offset: -6px; } */
.holddwnposting { background: linear-gradient(90deg, rgba(204,239,255,1) 0%, rgba(255,204,204,1) 100%); } 
/*.overtme { background-color: #66CC66; outline: 2px solid #336633; outline-offset: -2px; } */
/*.overtme { background-color: #66CC66; border-top: 3px solid #336633; border-bottom: 3px solid #336633; } */
.overtme { background-color: #66CC66; } 
.diversn { background-color: #80FFB4; }
.gadxtra { background-color: #FFFFB0; }
.claim { background-color: #99CCFF; }
.forced { background-color: #ECB3FF; }
.attentn { background-color: #FFFF00; }
.open { background: url("../images/open.png") no-repeat bottom left; background-size: 15px 15px; background-position: left 2px bottom 3px; }
.vacant { outline: 3px solid #FFFF00; outline-offset: -3px; }
.divert { outline: 3px solid #66CC66; outline-offset: -3px; }
.holddown { outline: 3px solid #99CCFF; outline-offset: -3px; }
.unclaimed { outline: 3px solid #CCEFFF; outline-offset: -3px; }
.overtime { outline: 3px solid #F3A000; outline-offset: -3px; }
.posting { outline: 3px solid #FFCCCC; outline-offset: -3px; }
.hos { outline: 3px solid #FF0000; outline-offset: -3px; }
.extra { background-color: #FFFF00; }
.claimed { background-color: #999999; }
.otshift { background-color: #F3A000; }
.otrest { background-color: #66CC66; }
.otdivert { background-color: #80FFB4; }
.otforced { background-color: #ECB3FF; }
.hosv { background-color: #FF0000; }
.poster { background: url("../images/2people.png") no-repeat bottom right; background-size: 18px 18px; background-position: right 2px bottom 0px }
.bump { background: url("../images/bump.png") no-repeat bottom left; background-size: 18px 15px; background-position: left 2px bottom 3px }
.bulletin { background: url("../images/pushpin.svg") no-repeat bottom left; background-size: 14px 14px; background-position: left 2px bottom 0px }
.request { color: #FF0000; font-weight: bold; }
.request:hover { background-color: #993333; color: #FFFFFF; }
.desklink { color: #000000; font-weight: bold; text-decoration: none; padding: 4px 0px; display: block; }
.corner { background: #000000 url("../images/v1_crn_gad2.gif") no-repeat bottom right; }
.spacer th { background-color: #FFFFFF; color: #FFFFFF; height: 12px; }
.blue { color: #99CCFF; }
.supvlink { background-color: #000000; color: #FFFFFF; padding: 10px; margin-bottom: 15px; }

.urgent { /*display: none*/; width: 924px; border: 2px dashed #660000; background-color: #FFFF99; color: #660000; padding: 16px; margin-top: 26px; font-size: 18px; font-weight: bold; text-align: center; }

/* The following controls the display of the regular dispatcher schedule */
.RegularSchedule { width: 957px; font-size: 11px; text-align: center; border-collapse: separate; }
.RegularSchedule td { width: 129px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.RegularSchedule tr:last-child th { border-bottom: 1px solid #000000; }
.RegularSchedule td:hover { background-color: #666666; color: #FFFFFF; }
.RegularSchedule div { margin: 6px 2px; border-color: #66CC66; width: 125px; white-space: nowrap; overflow: hidden; }
.RegularSchedule .date { font-size: 13px; }
.RegularSchedule .dayofwk {
	background-color: #CCCCCC;
	background-image: url("../images/v1_hdg_dow.gif");
	color: #000000;
	height: 19px;
	font-size: 12px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000; }
.RegularSchedule .btmborder { border-bottom: 1px solid #000000; }
.RegularSchedule .topborder { border-top: 1px solid #000000; }
.RegularSchedule .desk {
	background-color: #FFFFFF;
	background-image: url("../images/v1_hdg_dsk.gif");
	background-repeat: repeat-y;
	font-size: 12px;
	color: #000000;
	width: 32px;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000; }
.RegularSchedule .desk a, .RegularSchedule .desk a:visited { color: #000000; }
.RegularSchedule .region { letter-spacing: 6px; font-size: 14px; background-color: #AAAAAA; color: #000000; }
.RegularSchedule .division {
/*	white-space: nowrap;
	letter-spacing: 2px;
	transform: rotate(270deg); */
	width: 22px;
	font-size: 13px; }
.RegularSchedule .shift { font-size: 20px; }
.RegularSchedule .division a { text-decoration: none; color: #FFFFFF; }
.RegularSchedule .key { padding-left: 10px; text-align: left; }

/* The following controls the display of the extra dispatcher schedule */
.ExtraSchedule { width: 100%; font-size: 11px; text-align: center; border-collapse: separate; }
.ExtraSchedule td { width: 68px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.ExtraSchedule td:hover { background-color: #666666; color: #FFFFFF; }
.ExtraSchedule div { margin: 6px 2px; border-color: #66CC66; }
.ExtraSchedule .dayofwk {
	background-color: #CCCCCC;
	background-image: url("../images/v1_hdg_dow.gif");
	color: #000000;
	width: 75px;
	height: 19px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000; }
.ExtraSchedule .dispname {
	background-color: #CCCCCC;
/*	background-image: url("../images/v1_hdg_name.gif"); */
	color: #000000;
	width: 219px;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF; }
.ExtraSchedule .stagger th { background-color: #F0F0F0; }
.ExtraSchedule .highlte th { background-color: #FFFFFF; }
.gadxname { font-weight: normal; text-align: left; float: left; padding-left: 5px; }
.gadqualifications { text-align: right; float: right; font-weight: bold; padding-right: 3px; }
.gadqualifications span { color: #66CC66; }

/* The following controls the display of the qualifications table */
.Qualifications { width: 100%; font-size: 11px; text-align: center; border-collapse: separate; }
.Qualifications td { text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.Qualifications tr:hover { background-color: #666666; color: #FFFFFF; }
.Qualifications td:hover { background-color: #666666; color: #FFFFFF; }
.Qualifications td div { margin: 6px 8px; text-align: left; }
.Qualifications .namecol { width: 105px; }
.Qualifications .dispatchhdg { width: 185px; }
.Qualifications .alignleft { padding-left: 5px; text-align: left; }
.Qualifications .border { border-right: 1px solid #000000; }
.Qualifications .viewall { width: 65px; text-align: center; }
.Qualifications .dskname {
	background-color: #CCCCCC;
	background-image: url("../images/v1_hdg_dow.gif");
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000; }
.qualifd { font-weight: bold; }
.preload { position: absolute; left: -9999px; top:  -9999px; }

/* The following controls the display of the roster page */
.Roster { width: 100%; font-size: 11px; text-align: center; border-collapse: separate; }
.Roster td { text-align: center; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; }
.Roster tr:hover { background-color: #666666; color: #FFFFFF; }
.Roster td:hover { background-color: #666666; color: #FFFFFF; }
.Roster td div { margin: 6px 8px; text-align: left; }
.Roster .namecol { width: 220px; font-weight: bold; }
.Roster .seniority { width: 90px; font-weight: bold; }
.Roster .tie { width: 40px; }
.Roster .job { width: 40px; font-weight: bold; text-align: center; }
.Roster .status { width: 150px; }
.Roster .alignleft { padding-left: 5px; text-align: left; }
.Roster .border { border-right: 1px solid #000000; }
.Roster .viewall { width: 65px; text-align: center; }
.Roster .dskname {
	background-color: #CCCCCC;
	color: #000000;
	background-image: url("../images/v1_hdg_dow.gif");
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000; }
.panel { text-align: right; font-weight: bold; padding-right: 5px; }