body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

@page 
{
	margin: 1.5cm 0.5cm 1.5cm 0.5cm;
}

h1
{
	font-size:60px;
	line-height:0px;
}

h2
{
	font-size: 10px;
	font-weight:normal;
}

.smallText
{
	font-size: 10px;
}

.loginBoxCSS
{
	width:400px;
	position:absolute;
	left:200px;
	top:100px;
}

.loginBoxCSS table
{
	 width:300px;
}

.loginErrorCell
{
	text-align:center;
	color:Red;
}

.topBarCSS
{
	border-bottom: solid 1px white;
	background-color: #FFFFFF;
	background-image: url( 'Images/TopBar1.gif' );
	background-repeat: repeat-x;
	padding: 4px;
	font-size: 14px;
}

.bottomBarCSS
{
	border-top: solid 1px #EFEFEF;
}

.statusBarCSS
{
	border-bottom: solid 1px white;
	background-color: #FFFFFF;
	background-image: url( 'Images/TopBar1.gif' );
	background-repeat: repeat-x;
	padding: 2px;
	font-size: 14px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 14px;
	text-align: right;
	vertical-align: middle;
}

.statusBarHistoryViewerCSS
{
	border: 1px solid #CCCCCC;
	position: fixed;
	bottom: 50px;
	right: 50px;
	width: 700px;
	height: 150px;
	display: none;
	overflow: scroll;
	background-color: #FFFFFF;
}

.statusBarProgressBar
{
	border: 1px solid #CCCCCC;
	position: fixed;
	bottom: 50px;
	right: 50px;
	height: 40px;
	display: none;
	background-color: #FFFFFF;
}

.statusBarInnerProgressBar
{
	height: 32px;
	background-color: #CC0000;
	color: #FFFFFF;
	text-align:left;
	font-size:28px;
	vertical-align:middle;
	padding: 4px;
}

.statusBarErrorPopup
{
	background-color: #FFFFFF;
	background-image: url( 'Images/TopBar1.gif' );
	background-repeat: repeat-x;
	padding: 4px 8px 4px 8px;
	font-size: 14px;
	border: 1px solid #CCCCCC;
	position: fixed;
	bottom: 30px;
	right: 20px;
	height: 20px;
	color: #FF0000;
	z-index: 2000;
	vertical-align: middle;
	text-align: center;
	display: none;
	font-weight: bold;
}

.imageLoaderCSS
{
	vertical-align:middle;
	padding-left:4px;
	padding-right:4px;
}

.test
{
	
}

.textDivCSS
{
	background-color: #FFFFFF;
	border-bottom: solid 1px #EEEEEE;
	font-weight: bold;
	vertical-align: top;
	padding: 2px 2px 2px 2px;
}

.dropMenuOptionsCSS
{
	border-style: solid;
	border-width: 1px;
	border-color: #FFFFFF #A8A8A8 #A8A8A8 #FFFFFF;
	background-color: #EFEFEF;
	background-image: url(  'Images/greyfade.gif' );
	background-repeat: no-repeat;
	padding: 2px;
	font-size: 14px;
}

.dropMenuOptionsCSS a
{
	text-decoration: none;
	color: #757575;
}

.dropMenuOptionsCSS a:hover
{
	text-decoration: underline;
	color: #C7C7C7;
}

.mainTabbedBarCSS
{
	border-bottom: solid 1px white;
	background-color: #EFEFEF;
	padding: 2px;
	font-size: 14px;
	border-bottom-color: #FFFFFF;
	background-image: url( 'Images/greyfade.gif' );
	background-repeat: no-repeat;
	background-position: left top;
}

.mainTabbedBarCSS td
{
	padding: 0px 4px 0px 4px;
}

.mainTabbedBarCSS a
{
	text-decoration: none;
	color: #757575;
}

.mainTabbedBarCSS a:hover
{
	text-decoration: underline;
	color: #C7C7C7;
}

.mainTabbedBarCSS li
{
	padding:2px 0px 2px 0px;
}

.mainTabCSS
{
	background-color: #CCCCCC;
	background-image:url('Images/TopBar1.gif');
	background-repeat:repeat-x;
	padding: 4px;
	font-size:14px;
}

.positionTableCSS
{
	border: none 0px;
}

.positionTableCSS tr
{
	vertical-align:top;
}

.formPanelCSS
{
	margin: 0px;
	padding: 2px;
	background-color: #EFEFEF;
	border-bottom: solid 1px white;
	border-right: solid 1px white;
	background-image: url( 'Images/greyfade.gif' );
	background-repeat: no-repeat;
	background-position: left top;
}

.formPanelCSS tr
{
	vertical-align:middle;
}

.formPanelCSS textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 150px;
	height: 80px;
}

.dataListHeaderRowCSS
{
	background-color: #D7D8EE;
	font-weight: bold;
	vertical-align: middle;
}

.dataListRowCSS
{
	vertical-align:top;
}

.dataListRowCSS a
{
	text-decoration: none;
}

.dataListRowCSS:hover
{
	vertical-align: top;
	background-color: #93E4FF;
}

.dataListAlternateRowCSS
{
	vertical-align:top;
	background-color: #EFEFEF;
}

.dataListAlternateRowCSS a
{
	text-decoration: none;
}

.dataListAlternateRowCSS:hover
{
	vertical-align: top;
	background-color: #93E4FF;
}

.dataListOverlapRowCSS
{
	vertical-align: top;
	background-color: #F8C9C9;
}

.dataListOverlapRowCSS a
{
	text-decoration: none;
}

.dataListOverlapRowCSS:hover
{
	vertical-align: top;
	background-color: #93E4FF;
}

.dataListOverlapRowCSS textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 98%
}

.dataListAbsenceDateRowCSS
{
	vertical-align: top;
	background-color: #CEFFD9;
}

.dataListAbsenceDateRowCSS:hover
{
	vertical-align: top;
	background-color: #93E4FF;
}

.dataListAbsenceDateRowCSS textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 98%
}

.dataListMultiModeSelectedCSS
{
	vertical-align: top;
	background-color: #FFFF64;
}

.dataListMultiModeSelectedCSS:hover
{
	vertical-align: top;
	background-color: #93E4FF;
}

.dataListHoverRowCSS
{
	vertical-align: top;
	background-color: #93E4FF;
}

.dataListSelectedRowCSS
{
	vertical-align: middle;
	background-color: #006699;
	color: #FFFFFF;
}

.dataListSelectedRowCSS textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 98%
}

.dataListSelectedRowLighterCSS
{
	vertical-align: middle;
	background-color: #C1C9FF;
	color: #FFFFFF;
}

.dataListSelectedRowLighterCSS textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 98%
}

.dataListFooterRowCSS
{
	vertical-align:middle;
	background-color: #D7D8EE;
}

.dropMenuCSS
{
	background-color: #E8E8E8;
	border: 1px solid #C1D2DB;
}

.dropMenuCSS a
{
	color: #638DA5;
	padding: 3px 3px 3px 3px;	
	text-decoration: none;
}

.dropMenuCSS a:hover
{
	padding: 3px 3px 3px 3px;
	background-color: #DEE7EB;
	color: #638DA5;
	text-decoration: none;
}

.dropMenuCSS li
{
	padding: 3px 0px 3px 0px;
}

.scheduleBooking
{
	border: 1px solid #CACACA;
	background-color: #D8D8D8;
	font-size: 10px;
	cursor: move;
}

.scheduleBookingSelected
{
	border: 1px solid #FFFF66;
	background-color: #FFFF99;
	font-size: 10px;
	cursor: move;
}

.scheduleOverlap
{
	border: 1px solid #FFB59B;
	background-color: #FFC9B7;
	font-size: 10px;
	cursor: move;
}

.scheduleTrack
{
	border-style: solid;
	border-width: 1pt 0px 0px 0px;
	border-color: #FFFFFF;
	background-color: #F8F8F8;
	font-size: 10px;
	page-break-inside: avoid;
}

.scheduleTrackAlternate
{
	border-style: solid;
	border-width: 1pt 0px 0px 0px;
	border-color: #FFFFFF;
	background-color: #F4F4F4;
	font-size: 10px;
	page-break-inside: avoid;
}

.ScheduleTrackAbsenceDate
{
	border-style: solid;
	border-width: 1pt 0px 0px 0px;
	border-color: #FFFFFF;
	background-color: #CEFFD9;
	font-size: 10px;
	page-break-inside: avoid;
}

.scheduleTest
{
	border: 1px solid #C0C0C0;
}

.headerBorder
{
	border-style: solid none solid solid;
	border-width: 1px 0px 1px 1px;
	border-color: #C0C0C0;
}

.rulerBorder
{
	border-style: solid solid none solid;
	border-width: 1px 1px 0px 1px;
	border-color: #C0C0C0;
}

.trackContainerBorder
{
	border-style: solid solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #C0C0C0;
}

.rulerBackground
{
	background-color: #E1E3EC;
}

.track
{
	border-bottom: solid 1px #C0C0C0;
}


.rosterControlMainCSS
{
}

.rosterControlDayHeaderCSS
{
	border: 1px solid #C0C0C0;
	background-color: #E1E3EC;
	margin: 2px 2px 2px 2px;
	padding: 2px;
	font-weight: bold;
}

.floatLeft
{
	float:left;
}

.floatRight
{
	float:right;
}

.clearBoth:after
{
	visibility:hidden;
	content:" ";
	display:block;
	clear:both;
}

.rosterControlDayCSS
{
}

.rosterControlDayCSS:after /* Stops the container div from shrinking due to the float of the columns */
{
	visibility:hidden;
	content:" ";
	display:block;
	clear:both;
}

.rosterControlBookingCSS
{
	border-style: solid;
	border-width: 1px;
	border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	background-color: #C8EFC8;
	margin: 2px;
	padding: 2px;
}

.rosterControlBookingSelectedCSS
{
	border-style: solid;
	border-width: 1px;
	border-color: #C0C0C0 #C0C0C0 #C0C0C0 #C0C0C0;
	background-color: #ECF9EC;
	margin: 2px;
	padding: 2px;
}

.rosterControlColumnCSS
{
	/*border: 1px solid #E4E7EF;*/
	background-color: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
}

.rosterControlColumnHeaderCSS
{
	border: 1px solid #C0C0C0;
	background-color: #F3F4F8;
	margin: 2px;
	padding: 2px;
}

.window
{
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
}

.windowTitle
{
	border-bottom: solid 1px white;
	background-color: #FFFFFF;
	background-image: url( 'Images/TopBar1.gif' );
	background-repeat: repeat-x;
	padding: 2px;
	font-size: 14px;
	cursor: move;
}

.infoPanel
{
	padding: 2px;
	margin: 0px 0px 2px 0px;
	background-image: url( 'Images/greyfade.gif' );
	background-repeat: no-repeat;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
}

.selectorDisabled
{
	background-color:#EFEFEF
}