/**************************************************************************
© 2007 BMJ Consulting Services Pty Ltd. All rights reserved.
Filename: css.css
**************************************************************************/

/*******************************************************************
Product Banner styles 
*******************************************************************/

html {
	font-size: 100%;
}
	
body, .bodyprint {
	font-family: verdana, arial, helvetica; 
	color: #000033;
	width: 60em;
	background-color: #F5FAFF;
	font-size: 95%;
	margin: 0.5em auto;  /* Need to center FF */
	text-align: center; /* Need to center IE  - but centers text */
	padding-left: 0.5em;
	padding-right: 0.5em;
	min-width: 400px;
	}
	
.centertext {
	text-align: center;
}

.centermargin {
	margin-left: auto;
	margin-right: auto;
}

.centertextmargin {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.spandigitalclock {
	color: #EDFBFF;
	background-color: black;
	border-style: solid;
	border-width: 3px;
	border-top-color: #999999; border-right-color: #111111; border-bottom-color: #111111; border-left-color: #999999; 
	height: 10px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#3f3f3f'); /* Microsoft */
	background: -moz-linear-gradient(top,  #666666,  #3f3f3f); /* FF */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#111111)); /* Safari, Chrome */
}

.digitalclock {
	color: #EDFBFF;
	background-color: black;
	border: 0 none black;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#111111'); /* Microsoft */
	background: -moz-linear-gradient(top,  #666666,  #111111); /* FF */
	background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#111111)); /* Safari, Chrome */
}

.oncall {
	background-color:#2266FF;
	color: #FFFFFF;
}

/* shiftfixedtimes.jsp */
.main_table {
	text-align: left;
}

#hue_color_area {
	width:256px;
	height:256px;
	background:#ff0000 url(../images/mask.png) no-repeat top left;
	/* filter needed when using png files in IE */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/mask.png', sizingMethod = 'scale');
}
	
#hue_color_area_container {
	border:solid black 1px;
	width:256px;
}
	
#spectrum_slider{
	width:50px;
	height:256px;
	text-align:center;
	z-index:10;
	background:url(../images/side_slider.jpg) no-repeat top center;
}
	
#spectrum_arrows {
	position:absolute;
	top:auto;
	left:auto;
}
	
#circle {
	position:absolute;
	top:auto;
	left:auto;
}
	
.side_info {
	margin:15px;
	margin-left:5px;
}

.color_preview {
	width:90px;
	height:50px;
	border:solid #000000 1px;
	margin-bottom:10px;
}

.preview_channel {
	height:25px;
	background-color:#ff0000;
	border: solid black 1px;
}
	
.button {
	width:50px;
	text-align:center;
}
	
#Error {
	font-weight:bold;
	color:#cc0000;
}
/* End homecolorpicker.jsp */

/* cal.jsp styles */
td.dow {
	width: 25px;
	height: 20px;
	font: bold 90% verdana;
	color: #000000;
	text-align: center;
}
td.nota {
	width: 25px;
	height: 20px;
	font: normal 90% verdana;
	color: #808080;
	text-align: center;
}
td.issela {
	width: 25px;
	height: 20px;
	font: normal 90% verdana;
	background-color: #fcf9ae;
	text-decoration: none;
	color: #0000FF;
	color: #000000;
	text-align: center;
}
td.isa {
	width: 25px;
	height: 20px;
	font: normal 90% verdana;
	text-decoration: none;
	color: #000000;
	background-color: #dfe4fe;
	text-align: center;
}
/* End cal.jsp styles */

/* Shift color styles 
 Set shift/template colors. Colors must match those in RosterProcessLogin.java file

USE 6 char hex colors
Test color
	background-color: #AA0000;
*/
.shift {
	border-color: #B5EDFF;
	text-decoration: none;
	border-style: none;
	background-color: #B5EDFF;
}
.beforeafter {
	border-color: #ACFCD0;
	border-style: none;
	background-color: #ACFCD0;
}
.breaks {
	border-color: #FFFF00;
	border-style: none;
	background-color: #FFFF00;
}
.occasional {
	border-color: #00CCFF;
	border-style: none;
	background-color: #00CCFF;
}
.recurringcannot {
	border-color: #DDCC88;
	border-style: none;
	background-color: #DDCC88;
}
.recurringdislike {
	border-color: #FFCCAA;
	border-style: none;
	background-color: #FFCCAA;
}
.recurringlike {
	border-color: #66FF99;
	border-style: none;
	background-color: #66FF99;
}
.recurringdontcare {
	border-color: #FFFFFF;
	border-style: none;
	background-color: #FFFFFF;
}
.allowless {
	border-color: #FFB15E;
	border-style: none;
	background-color: #FFB15E;
}
.allowequal {
	border-color: #EAFF5E;
	border-style: none;
	background-color: #EAFF5E;
}
.allowgreater {
	border-color: #89FF5E;
	border-style: none;
	background-color: #89FF5E;
}
/* End Shift color styles */

/* Calendar styles */

.normal td {
	background-color: #E6E6FC;
	color: #E6E6FC;
	border: 1px solid #E6E6FC;
}
.initial td {
	background-color: #E5EEF5;
	font-size:100%;
	color:#E5EEF5;
	border:1px solid #E5EEF5;
}
.highlight td {
	background-color: #FFFFFF;
	color: #000000;
	border: 1px solid black;
}
.currentperiod {
	background-color: #E6E6FC;
	color: #000000;
}
tr.prevnext  td {
	background-color: #E5EEF5;
	font-size: 100%;
	color: #E5EEF5;
	text-align: center;
	border: 1px solid #E5EEF5;
}
a:hover {
	text-decoration: none;
	background: #FFFFA0;
	color: #000000;
	/*
	background-color: #c6deff;
	 Not in FF3.6 or IE8
	-moz-transition-property: background-color;
	-webkit-transition: 0.5s;
	-moz-transition-duration: 0.5s;
	transition: 0.5s;
	*/
}
/* End Calendar styles */

#headerimages {
	margin-top: -1em;
}

.bodyprint {
	color: #000000;
	background-color: #FFFFFF;
	}

.graphicsandmenu {
	margin: 0em auto;
	text-align: center; 
	width: 60em;
}

/* Styles for dropdown menu */
#container {
}

#nav, #nav ul {
	margin-left: 0;
	text-align: left;
	float: left; /* Changed if rtl in bannermenu.jsp */
	margin-top: 1em;
	width: 100%;
	list-style: none;
	line-height: 1;
	background-color: #e8f2ff;
	font-size: 62%; /* Main menu */
	font-weight: bold;
	padding-left: 0.1em;
	padding-right: 0.1em;
	border: solid #c6deff;
	border-top-color: #d8f0ff; border-right-color: #025487; border-bottom-color: #025487; border-left-color: #d8f0ff; 
	border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px;
	z-index: 100;

/*	
Causes submenus to fail in IE
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#c6deff');
	background: -moz-linear-gradient(top,  #eeeeee,  #c6deff);
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#c6deff));
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
*/
	}

#nav a {
	display: block;
	color: #000000;
	text-decoration: none;
	padding-top: 0.4em; padding-bottom: 0.4em;
}

#nav a.right {
	background: url(../images/menutri.gif) center right no-repeat;
	font-size: 100%; /* Sub menu */
}

#nav a.down {
	background: url(../images/menutridown.gif) center right no-repeat;
	padding-left: 0.2em; padding-right: 1.5em;
}

/* Used to highlight Shift Times menu */
/*
#nav a.shifttimes { 
	background: url(../images/menutridown.gif) center right no-repeat;
	padding-left: 0.2em; padding-right: 1.5em;
	color: black;
	background-color: #6aacfe;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5a9cff', endColorstr='yellow');
	background: -moz-linear-gradient(top,  #5a9cff,  yellow);
	background: -webkit-gradient(linear, left top, left bottom, from(#5a9cff), to(yellow));
}
*/
#nav a.ajax { /* Used to highlight Ajax menu */
	color: black;
	background-color: #6aacfe;
}

#nav li {
	float: left; /* Determines rtl or ltr of menu. Changed if rtl in bannermenu.jsp */
	padding-left: 0.4em; padding-right: 0.2em;
	border-top-color: #d8f0ff; border-right-color: #025487; border-bottom-color: #025487; border-left-color: #d8f0ff; 
	border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0.2em;
 /* Microsoft */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6ff', endColorstr='#d6efff');
 /* FF */
	background: -moz-linear-gradient(top,  #f6f6ff,  #d6efff);
 /* Safari, Chrome */
 	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6ff), to(#d6efff));

}

#nav li ul ul { /* Sub menu position. Changed if rtl in bannermenu.jsp */
	margin-top: -1.7em;
	/* margin-right affects position of submenus */
	height: auto;
	width: 15em;
	margin-left: 19em; /* Orig LTR OK for FF and IE */
	margin-right: 0em; /* * Orig LTR OK for FF and IE  */
}

#nav li.logout {
	margin-right: 0px;
	width: 6em; /* Width of logout*/
	float: right;
	font-size: 100%;
	border: solid #c6deff;
	border-top-color: #d8f0ff; border-right-color: #025487; border-bottom-color: #025487; border-left-color: #025487; 
	border-top-width: 0px; border-right-width: 1px; border-bottom-width: 0px; border-left-width: 1px;
	padding-left: 0.5em;
}

#nav li ul {
	position: absolute;
	left: -10000px;
	height: auto;
	width: 20em;
	margin: 0;
	margin-top: -0.2em; /* FF4 lost sub menus */
	font-weight: normal;
	border-width: 0;
	z-index: 100;
	font-size: 100%;
}

#nav li li {
	padding-right: 0.6em; /* width outside RHS of drop box  was 10px. Shows in FF */
	padding-left: 0.6em; /* width outside LHS of drop box  was 10px. Shows in FF */
	width: 18.9em;
	background-color: #c6deff;
	border-bottom-width: 0px;
}

#nav li ul a {
	width: 18.5em; /* Was 190 */
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-right: 0em; /*  */
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -10000px;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover { /* Menubar */
	background-color: #97bbee;
	border-top-color: #025487; border-right-color: #d8f0ff; border-bottom-color: #d8f0ff; border-left-color: #025487;
}

.actionMainHeading {
	background-color: #abd6ff;
	color: #000000;
	font-size: 100%;
	font-weight: bold;
	padding-top: 1px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; 
	margin-top: 1px;
}

.actionMenuSubHeading {
	background-color: #abd6ff;
	color: #000000;
	font-size: 110%;
	font-weight: bold;
	padding-top: 1px; padding-right: 2px; padding-bottom: 2px; padding-left: 2px; 
	margin-top: 1px;
}

.liTutorial {
	background-color: #ffff7e; /* Yellow */
}

form {
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; 
	padding-top: 0px; padding-right: 0px; padding-left: 0px; padding-bottom: 0px;
}

p {
	margin-left: 0mm;
	margin-top: 2mm;
	margin-bottom: 2mm;
	font-size: 95%;
}

#mainoptions { /* Used in mains */
	font-size: 95%;
}

li.test:hover ul ul, li.test:hover ul ul ul, li.test.saeHover ul ul, li.test.saeHover ul ul ul {
	left: -10000px;
}

li.test:hover ul, li.test li.test:hover ul, li.test li.test li.test:hover ul, li.test.saeHover ul, li.test li.test.saeHover ul, li.test li.test li.test.saeHover ul {
	left: auto; 
	right: auto; 
}

li.test:hover, li.test.saeHover {
	background-color: #97bbee;
	border-top-color: #025487; border-right-color: #d8f0ff; border-bottom-color: #d8f0ff; border-left-color: #025487; 
}

@media print {
	.bodyprint {
		color: #000000;
		background-color: #FFFFFF;
		font-size: 1.0em;
	}
	#container {
		display: none;
	}
	.hidearrow { /* R L arrow in shiftall */
		display: none;
	}
	.graphicsandmenu {
		display: none;
	}
	.logout {
		display: none;
	}
	.allworker {
		display: none;
	}
	.tabcontent {
		display: block !important;
	}
	.shiftrow {
		color: #000000;
		background-color: #FFFFFF; 
		font-size: 80%;
		font-weight: normal;
	}
	.printenvelopeIE { /*These do not appear to work. 'display: none;' does */
		position: relative;
		z-index: 1;
		top: 23mm;
		left: 24mm;
		margin-bottom: 10mm;
		font-size: 100%;
	}
	.printenvelopeNotIE {
		position: relative;
		z-index: 1;
		top: 45mm;
		left: 24mm;
		margin-bottom: 10mm;
		font-size: 100%;
	}
}

/*Styles for product */

/**************************************************************************
Product Intro page styles 
**************************************************************************/

.bigText { /* Used for bold help messages for Inexperienced users */
	font-size: 110%;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans serif;
	line-height: 14pt;
}

.body p {
	padding-left: 10px;
	padding-left: 0.5em;
	color: #000000;
}

h1 {font-size: 110%; }
h2 {font-size: 105%; }
h3 {
	font-size: 90%;
	width: 60%;
	padding: 4px;
	border-style: solid;
	border-top-color: #C4D9FF; border-right-color: #5490FF; border-bottom-color: #5490FF; border-left-color: #C4D9FF; 
	border-width: 3px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6deff');
	background: -moz-linear-gradient(top,  #ffffff,  #c6deff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6deff));
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
}
h4 {
	font-size: 90%;
	clear: left; 
	padding-left: 0.5em;
	padding-right: 0.5em;
	}

.printenvelopeIE {
	position: relative;
	z-index: 1;
	top: 23mm;
	left: 24mm;
	font-size: 100%;
}

.printenvelopeNotIE {
	position: relative;
	z-index: 1;
	top: 35mm;
	left: 28mm;
	font-size: 100%;
}

.printdocumenttop {
	position: relative;
	z-index: 1;
	top: 6.0cm;
	left: 1cm;
	font-size: 90%;
}

.paraunalloc {
	color: #8B0000; /* darkred */
	background: #FFFACD; /* lemonchiffon */
	font-weight: bold;
	text-decoration: none;
	text-indent: 0; 
	margin: 0;
	font-size: 80%;
	height: 1.1em;
}

.pul { /* Unallocated as link */
	color: #8B0000; /* darkred */
	background: #FFFACD; /* lemonchiffon */
	font-weight: bold;
	text-decoration: none;
	text-indent: 0; 
	margin: 0;
	font-size: 70%;
	height: 1.1em;
}

.pgl { /* General text as link */
	text-decoration: none;
	color: #000000; /* black */
	font-size: 100%;
	height: 1.1em;
}

.punalloctable {
	background: #FFFACD;
	font-weight: bold;
	text-decoration: none;
	color: #8B0000;
	font-size: 100%;
	height: 1.1em;
}

.cellf {
	text-decoration: none;
	color: #000000; /* black */
	border-style: solid;
	border-color: black;
	border-width: 1px;
	background-color: #E0E0E0;
}

.celle {
	text-decoration: none;
	color: #000000; /* black */
	border-style: none;
	border-color: white;
}

.clearfooter {
	clear:both;
}

.brk {
	page-break-before: always;
}

/* Styles for shiftallemployee Ajax */
.tddivopen {
	position: relative;
	top: 0px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0;
	margin: 0;
}

.tddivopen:hover {
	position: relative;
	top: 0px;
	color: green; /*  */
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	padding: 0;
	margin: 0;
}

.tddivajax {
	position: relative;
	top: 0px;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.tdemployeeopen {
	padding: 0;
	margin: 0;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.tdpositionopen {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

.thday {
	border-top: 1px solid black;
	border-right: 1px solid black;
}

.thdow {
	border-bottom: 1px solid black;
	border-right: 1px solid black;
}

/* Class for help button colors - to match bannerMenuLeft in banner-buttons.jsp */
.buttonfont {
	margin-right: 4px;
	margin-bottom: -4px;
	background-color: #c6deff;
	color: #000000;
	text-decoration: none;
	border-style: solid;
	border-color: #92abcc;
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	height: 20px;
}

/* Class for help action colors - to match bannerMenuLeft in nav frames - actionMainOptions */
.actionfont {
	margin-right: 4px;
	background-color: #DDDDFF;
	color: #000000;
	text-decoration: none;
	border-style: solid;
	border-color: #5B68AA;
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	height: 15px;
}

@media screen {
	.shiftrow {
		display: none;
	}
}

.s4 { /* 4 sides of a div */
    border: 1px solid black;
}

.s3 { /* L, R and bottom sides of a div */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.tbr { /* top, bottom, right sides of a div */
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}

.br { /* bottom, right sides of a div */
	border-right: 1px solid black;
	border-bottom: 1px solid black;
}
.workOtherShift { /* Used in Coverage/Management */
	background-color: #B8B8B8;
	color: black;
}

div.s4summcolor { /* 4 sides of a shift summary div */
	border: 1px solid black;
	background-color: #c6deff;
	font-size: 90%;
}

div.s3summcolor { /* L, R and bottom sides of a shift summary div */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #E6F6FC; 
	font-size: 90%;
}

div.s4summblack { /* 4 sides of a shift summary div */
	border: 1px solid black;
	background-color: #FFFFFF; 
	font-size: 90%;
}

div.s3summblack { /* L, R and bottom sides of a shift summary div */
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #FFFFFF; 
	font-size: 90%;
}
/* End shift styles */

.darkRow { 
	background-color: #c6deff;
	border-style: solid;
	border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; 
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em; padding-left: 0.2em; 
	font-size: 80%; /* Do not change this from 80% */
}

div.darkRow {
	background-color: #c6deff;
	border-style: none;
	color: #000000;
	text-align: left;
	font-size: 80%;
}

.darkRowBold { 
	background-color: #c6deff;
	border-style: solid;
	border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; 
	border-width: 1px;
	padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em; padding-left: 0.2em; 
	font-size: 80%;
	font-weight: bold;
}

.darkRowBoldShaded { 
	background-color: #c6deff;
	border-style: solid;
	border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; 
	border-width: 1px;
	padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em; padding-left: 0.2em; 
	font-size: 80%;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6deff');
	background: -moz-linear-gradient(top,  #ffffff,  #c6deff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6deff));
}

.lightRow { 
	background-color: #FFF6E5;
	border-style: solid;
	border-top-color: #333333; border-right-color: #333333; border-bottom-color: #333333; border-left-color: #333333; 
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em; padding-left: 0.2em; 
	font-size: 80%;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6deff');
	background: -moz-linear-gradient(top,  #ffffff,  #c6deff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6deff));
}

th.darkRow {
	background-color: #01033F;
	color: #FFFFFF;
	text-align: left;
	font-weight: bold;
	border-style: solid;
	border-top-color: #545C85; border-right-color: #000000; border-bottom-color: #000000; border-left-color: #545C85;
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	padding-top: 0.1em; padding-right: 0.1em; padding-bottom: 0.1em; padding-left: 0.2em; 
	font-size: 80%;
}

/* For display of eg companyall data */
table.bordercolor {
	border-style: solid;
	border-color: #0088FF;
}

table {
	margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;
	width: 100%;
}

/* For display of eg companyall text header 1 */

/* General class for div width of All listings. Was width 158mm */
div.pagewidth {
}

.textHeader1, .textHeader2 {
	background-color: #E6E6FC;
	color: #000000;
	font-size: 95%;
	font-weight: bold;
	text-decoration: none;
	border-style: solid;
	width: 40%;
	margin: 0.5em auto;  /* Need to center FF */
	text-align: center; /* Need to center IE  - but centers text */
	border-top-color: #ACD1F4; border-right-color: #6074AC; border-bottom-color: #6074AC; border-left-color: #ACD1F4; 
	border-width: 3px;
	padding-top: 0.2em; padding-bottom: 0.2em; padding-left: 0.5em; padding-right: 0.5em; 
	background: -moz-linear-gradient(top, #ffffff, #c6deff);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#c6deff));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#c6deff');
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px;
	}

/* For display of eg companyall text header 2 */
.textHeader2 { 
	font-size: 80%;
}

/* For display of eg shiftallheader text header */
.textHS { 
	background-color: #E6E6FC;
	color: #000000;
	font-size: 95%;
	text-decoration: none;
	font-weight: 800;
	text-align: center; 
}

.textInput {
	background-color: #E6E6F0; 
	border-style: solid;
	border-top-color: #666666; border-right-color: #666666; border-bottom-color: #666666; border-left-color: #666666; 
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	font-size: 80%;
}

.textInput {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#E6E6F0');
	background: -moz-linear-gradient(top, #ffffff, #E6E6F0);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#E6E6F0));
}

.textInputTut {
	font-size: 100%;
	text-decoration: underline;
	padding: 0.1em;
	border: none;
	color: black;
	font-weight: bold;
	font-size: 0.9em;
	background-color: #ffff7e;
}
	
.alertInput {
	background-color: #FFFFFF; 
	border-style: solid;
	border-top-color: #808080; border-right-color: #808080; border-bottom-color: #808080; border-left-color: #808080; 
	border-top-width: 1px;border-right-width: 1px;border-bottom-width: 1px;border-left-width: 1px;
	font-size: 80%;
}

.trow, .troweven {
	color: #000000;
	background-color: #FFFFFF; 
	font-size: 0.8em;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	margin-top: -5px;
}

.troweven {
	background-color: #ecf7fb; 
}

.textarea {
	background-color: #E6E6F0; 
	font-family: verdana,arial,MS Sans Serif;
	color: #000000;
	font-size: 80%;
}

.textareaheader {
	background-color: #FFFFFF; 
	font-family: verdana,arial,MS Sans Serif;
	color: #000000;
	font-size: 80%;
}

.formbutton, .okbutton, .rolebutton {
	padding-left: 15px; padding-right: 15px;
	color: #FFFFFF;
	font-weight: bold;
	border-style: solid;
	border-top-color: #AAAAAA; border-right-color: #444444; border-bottom-color: #444444; border-left-color: #AAAAAA; 
	border-top-width: 2px;border-right-width: 2px;border-bottom-width: 2px;border-left-width: 2px;
	cursor: pointer;
	text-decoration: none;
	text-align: center;
	clear: left;
	background: -moz-linear-gradient(top,  #A3A3A3,  #000000);
	background: -webkit-gradient(linear, left top, left bottom, from(#A3A3A3), to(#000000));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#A3A3A3', endColorstr='#000000');
	-webkit-border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	border-radius: 8px 8px 8px 8px;
	background-color: #333333;
	/*
	okbutton fails gradients in IE if used in an <a> tag as in tutorial. Needs background-color last
	*/
}

.rolebutton {
	background-color: #888888;
}

.holiday {
	background-color: #019393;
	color: #FFFFFF;
}
.reverseRecurringlike {
	background-color: #777777;
	color: #66FF99;
}
.reverseOccasional {
	background-color: #777777;
	color: #00CCFF;
}
.reverseRecurringcannot {
	background-color: #777777;
	color: #DDCC88;
}
.reverseRecurringdislike {
	background-color: #777777;
	color: #FFCCAA;
}
.reverseOdd {
	background-color: #777777;
	color: #a6d8ff;
}

.reverseEven {
	background-color: #777777;
	color: #d7eaff;
}

.odd { /* Select box reports   See also style in slcgs */
	background-color: #a6d8ff;
	color: black;
}

.even { /* Select box reports  See also style in slcgs */
	background-color: #d7eaff;
	color: black;
}

.tabselectodd, .tabselecteven { /* Select entries in tabs in ssg */
	background-color: white;
	text-decoration: none;
	color: black;
	border: none;
	cursor: pointer;
	font-size: 85%;
	width: 100%;
}

.tabselecteven { /* Select entries in tabs in ssg */
	background-color: #E6F6FC;;
}

/* Only works in IE on <a> tag */
.tabselectodd:hover, .tabselecteven:hover {
	text-decoration: underline;
	color: blue;
	font-size: 95%;
	width: 100%;
}

/* Styles for Shift Management bars */
.occBar, .recBar, .shiftBar, .baBar, .breakBar {
	position: absolute;
	/*
	top: 2px;
	height: 22px;
	*/
	top: 0.3em;
	height: 2em;
}

.occBar {
/*	background-color: ; */
}

.recBar {
}

.shiftBar {
	z-index: 20;
}

.baBar {
	z-index: 5;
}

.breakBar {
	z-index: 25;
}

/* Tab styles */
.shadetabs {
	width: 60em; text-align: left; 
	padding-right: 0px; margin-top: 1px; padding-left: 0px; margin-bottom: 0px; padding-bottom: 3px; font: bold 12px verdana; margin-left: 0px; padding-top: 3px; list-style-type: none;
}
.shadetabs li {
	display: inline; margin: 0px;
}
.shadetabs li a {
	padding-bottom: 3px;
	padding-right: 7px; 
	padding-left: 7px;
	padding-top: 3px;
	height: 20px;
	text-decoration: none;
	border: solid;
	border-top-color: gray; border-right-color: gray; border-bottom-color: white; border-left-color: gray; 
	border-top-width: 1px; border-right-width: 1px;border-bottom-width: 0px; border-left-width: 1px;
	margin-top: 2px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; 
	color: #000000;
/* Background behind tabs */
	background-color: #88aaff; /* Was 44aaff */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E8F2FF', endColorstr='#ABCEFF');
	background: -moz-linear-gradient(top,  #E8F2FF,  #ABCEFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#E8F2FF), to(#ABCEFF));
	-webkit-border-radius-topleft: 8px;
	-webkit-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	border-radius-topleft: 8px;
	border-radius-topright: 8px;
}
.shadetabs li a:visited {
	color: #2d2b2b;
}
.shadetabs li a:hover {
	color: #2d2b2b;
	text-decoration: none;
	background-color: #77bbff;
}
.shadetabs li.selected {
	position: relative; top: 1px;
}
.shadetabs li.selected a {
	border-bottom-color: white;
	color: #000000;
	background-color: white;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4DDFF', endColorstr='#75AFFF');
	background: -moz-linear-gradient(top,  #C4DDFF,  #75AFFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#C4DDFF), to(#75AFFF));
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.shadetabs li.selected a:hover {
	text-decoration: none;
}
.tabcontentstyle {
	background-color: white; border-right: gray 1px solid; padding-right: 1em; border-top: gray 1px solid; padding-left: 1em; margin-bottom: 1em; padding-bottom: 1em; border-left: gray 1px solid; padding-top: 1em; border-bottom: gray 1px solid;
	width: 40em; /* width of tab division */
}
.tabcontent {
	display: none;
}
/*End Tab styles */


/*Start dhtmlwindow styles used in sae*/
.dhtmlwindow{
	position: absolute;
	border: 1px solid black;
	visibility: hidden;
	background-color: white;
}

.drag-handle{ /*CSS for Drag Handle*/
	padding: 1px;
	text-indent: 3px;
	font: bold 14px Arial;
	background-color: #CA0000;
	color: white;
	cursor: move;
	overflow: hidden;
	width: auto;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 1px;
	top: 2px;
	cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
	width: 100%;
}

.drag-contentarea{ /*CSS for Content Display Area div*/
	border-top: 1px solid brown;
	background-color: white;
	color: black;
	height: 150px;
	padding: 2px;
	overflow: auto;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	background-color: #F8F8F8;
	height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
	float: right;
	width: 13px; /*width of resize image*/
	height: 13px; /*height of resize image*/
	cursor: nw-resize;
	font-size: 0;
}
/*End dhtmlwindow styles */

/*Start modal styles */
.drag-handle{ /*Overwrite default drag handle bar background color with below*/
	background-color: #0058ee; /* Windows Title bar color */
}

#interVeil{ /*CSS for veil that covers entire page while modal window is visible*/
	position: absolute;
/* FIX path background: black url(../images/blackdot.gif);*/
	background: black url(../images/blackdot.gif);
	width: 10px;
	left: 0;
	top: 0;
	z-index: 5;
	visibility: hidden;
	opacity: 0.8;
	filter:alpha(opacity=80);
}
/*End modal styles */