body
{
	background-color: White;
	font-family: Arial, Verdana, Sans-Serif;	
}

TEXTAREA
{
	font-family: Arial, Verdana, Sans-Serif;
}

.modalBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
}

.modalPopup
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:15px;
	width:350px;
}

.modalPopupMedium
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:15px;
	width:550px;
}

.modalPopup .FieldSet
{
	width: auto;
}

.modalPopupWide
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:15px;
	width:800px;
	max-height:600px;
}

.modalPopupScrollPanel
{
	max-height:500px;
	overflow-x: hidden;
}

.modalPopupScrollPanelInner
{
	width: 96%;
}

.modalPopupScrollPanelPadded
{
	max-height:400px;
	overflow-x: hidden;
}

.modalPopupScrollListItem
{
	max-height:300px;
	overflow-x: hidden;
	overflow-y: auto;
}

.Header
{
	/*background: url(../Images/Header_Background.png) repeat-x top left;*/
	border-top: solid green 2px;
	border-bottom: solid green 2px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	height: 100px;
	width: 100%;
}

.Header .OrgDetails
{
	margin-right: 10px;
	margin-top: -2.6em;
	float:right;	
	font-family: Levenim MT, Verdana, Sans-Serif;
	font-size: x-large;
	letter-spacing: 0.2em;
}

.Header .OrgLabel
{
	position:relative;
	top: -1.1em;	
}

.Header .OrgLabelNoImage
{
	position:relative;
	top: 1em;	
}

.Header .OrgDetails img
{
	width: 68px;
	height: 75px;
}

.SubHeader
{
	background-color: Green;
	height: 30px;
	width: 100%;
}

.SubHeaderLabel
{
	color: White;
	font-weight: bold;
	font-size: x-large;
}

.BrandLogo
{
	/*background-image: url(../Images/CentrumOH_Logo.jpg);
	width: 289px;
	height: 51px;
	margin-left: 10px;
	margin-top: 30px;*/

	background-image: url(../Images/DD_Logo.jpg);
	width: 218px;
	height: 79px;
	margin-left: 10px;
	margin-top: 15px;
}

/* Invisible controls*/
.Invisible
{
    display:none;
    visibility: hidden;
}

/* Used in Master page */
.PaddingPanel
{
	height: 1px;
}

.UserPanel
{
	background-color: White;
	width: 20%;
	float: right;
}

.MainPlaceholder
{
	background-color: White;
	width: 80%;
	float: left;
}

.MainPlaceholderFull
{
	background-color: White;
	width: 100%;
	float: left;
}

.Footer
{
	background-color: White;
	/*height: 40px;*/
	width: 100%;
	text-align: center;
	vertical-align: text-top;
	color: Green;
	font-size: small;
	clear:both;
}

/* The following are for controls in the user panel */
.UserPanelDiv
{
	border: solid thin green;
	border-top-style: none;
}

.UserPanelCollapse
{
	background-color: Green;
	color: White;
	height: 22px;
	font-size: 12pt;
	font-weight: bold;
	padding:5px;
	cursor: pointer;
	vertical-align: middle;
	margin-top: 10px;
}

.UserPanelCollapseTitle
{
	float: left;
}

.UserPanelCollapseImage
{
	float: right;
	vertical-align: middle;
	padding-top:4px
}

.UserPanelMainTitle
{
	text-align: center;
	text-decoration: underline;
	font-size: 10pt;
	color: Green;
	width: 100%;
	float: left;
}

.UserPanelTitle
{
	text-align: center;
	text-decoration: underline;
	font-size: 10pt;
	color: Green;
	margin-left: 10px;
}

.UserPanelLabel
{
	text-align: center;
	font-size: 10pt;
	color: Green;
	margin-left: 10px;
}

.UserPanelLabelBold
{
	text-align: center;
	font-size: 10pt;
	color: Green;
	margin-left: 10px;
	font-weight: bold;
}

.UserPanelLabelRight
{
	color: Green;
	float: right;
	font-size: 10pt;
	margin-right: 10px;
}

.UserPanelTextRight
{
	color: Green;
	float: right;
	font-size: 10pt;
	margin-right: 10px;
	width: 100px;
}

.UserPanelLabelExpired
{
	text-align: center;
	color: Red;
	font-size: 10pt;
	margin-left: 10px;
	font-weight: bold;
}

.UserPanelDueLabel
{
	text-align: center;
	color: Green;
	font-size: 10pt;
	margin-left: 93px;
}

.UserPanelDueLabelExpired
{
	text-align: center;
	color: Red;
	font-size: 10pt;
	margin-left: 91px;
	font-weight: bold;
}

.UserPanelLink
{
	float: right;
	color: Gray;
	font-size: 9pt;
	margin-right: 10px;
}

.UserPanelLinkLeft
{
	float: left;
}

/* The following are for the main stats page */
.MainStatsPanel
{
	margin: 10px 0px;
}

.MainStatsPanel ul
{
	margin-left: 0px;
}

.MainStatsPanel ul li ul
{
	margin-left: 0px;
	display: block;
	float: left;
}

/* The following are for controls in the holiday panel */

#HolsPanel
{	
	border:solid 1px green;
	width: 700px;
	color: Green;
	text-align: left;
	padding: 5px 5px;
}

.HolidaysGrid
{
		
}

.HolidaysGrid tr td
{
	border: 0;
	
}

.HolidayPanelHeader
{	
	font-weight: bold;
	background-color:Green;
	color: White;
}

.HolidayPanelItem
{
	
}

.HolidayPanelTitle
{
	font-weight: bold;
}

/*.HolidayPanelHeader
{
	text-align: left;
	color: Green;
	margin-left: 10px;
	width: 150px;
	float: left;
	display: block;
	font-weight: bold;
}

.HolidayPanelHeaderShort
{
	text-align: left;
	color: Green;
	margin-left: 10px;
	width: 80px;
	float: left;
	display: block;
	font-weight: bold;
}

.HolidayPanelLabel
{
	text-align: left;
	color: Green;
	margin-left: 10px;
	width: 150px;
	float: left;
	display: block;
	overflow-x: hidden;
}

.HolidayPanelLabelShort
{
	text-align: left;
	color: Green;
	margin-left: 10px;
	width: 80px;
	float: left;
	display: block;
}*/

/* For menu controls */
.Menu
{
	width: 100%;
	background-color: Green;
}

.MenuDisabled
{
	width: 100%;
	background-color: Gray;
}

.MenuButton
{
	color: White;
	text-decoration: none;
	font-weight: bold;
	background-color: Green;
	padding-left: 20px;
	padding-right: 20px;
}

.MenuButtonDisabled
{
	color: Green;
	text-decoration: none;
	font-weight: bold;
	background-color: Gray;
	padding-left: 20px;
	padding-right: 20px;
}

.MenuButton:hover
{
	color: Yellow;
}

/* The following are for the banner control */
.BannerMain
{
	float: right;
	width: 95%;
	padding: 30px 0px 20px 5%;	
}

.BannerImage
{
	display: inline;
}

.BannerTextPanel
{
	display: inline;
	vertical-align: top;
}

.BannerText
{
	color: Green;
	font-size: x-large;
	font-weight: bold;
}

.BannerSubText
{
	color: Green;
}

/* General controls */
.Label
{
	width: 160px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;	
}

.LabelMediumBold
{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
	font-weight: bold;
}

.LabelMiddle
{
	text-align: right;
	margin-left: 10px;
	margin-right: 10px;
	color: Green;
}

.LabelMedium
{
	width: 200px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
}

.LabelMediumLong
{
	width: 240px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
}

.LabelLong
{
	width: 300px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
}

.LabelVeryLong
{
	width: 400px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
}

.LabelExtraLong
{
	width: 500px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
}

.LabelLongBold
{
	width: 300px;
	float: left;
	text-align: right;
	margin-right: 10px;
	margin-bottom: -1px;
	display: block;
	color: Green;
	font-weight:bold;
}

.LabelShort
{
	width: 120px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: Green;
}

.LabelReadOnly
{
	width: 160px;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	color: #BDBDBD;
}

.LabelText
{
	width: 200px;
	color: Green;	
}

.LabelTextWarning
{
	color: Orange;
	font-weight: bold;
}

.LabelTextError
{
	color: Red;
	font-weight: bold;
}

.LabelTextBold
{
	font-weight: bold;
}

.LabelTextLink
{
	color: Blue;
	text-decoration: underline;
}

.LabelTextAuto
{
	color: Green;
	float: left;
}

.LabelHeader
{
	color: Green;
	width: 90%;
}

.LabelTextShort
{
	width: 103px;
	float: left;
	color: Green;
}

.LabelTextShortSmall
{
	width: 60px;
	float: left;
	color: Green;
}

.LabelTextLong
{
	width: 350px;
	float: left;
	color: Green;
	border: solid 1px green;
}

.LabelTextVeryLong
{
	width: 450px;
	float: left;
	color: Green;
}

.Asterisk
{
	color: Red;
}

.RadioButtonListValue
{
    display: inline;
}

.SummaryHeader
{
	background-color: Green;
    color: White;
    height: 22px;
    font-size: 12pt;
    font-weight: bold;
    padding:5px;
    cursor: pointer;
    vertical-align: middle;
    margin-top: 10px;
}

.SummaryHeaderTitle
{
	float: left;
}

.SummaryHeaderImage
{
	float: right;
	vertical-align: top;
	padding-top:4px
}

.SummaryTitle
{
	text-align: center;
	text-decoration: underline;
	font-size: 10pt;
	color: Green;
	margin-left: 10px;
	display: block;
	font-weight: bold;
}

.ListNoBulletsAndMargin
{
	margin-left: 0;
}

.ListNoBulletsAndMargin li
{
	list-style-type: none;
	padding: 1px;	
}

.ListNoBullets li
{
	list-style-type: none;
	padding: 1px;	
}

.RtwSummary .ListNoBullets
{
	padding-left: 30px;
	display: inline-block;
	margin-right: 30px;
}

.RtwSummary .ListNoBullets .Notes
{
	padding-top: 0.5em;
}

.RtwSummary .LabelText
{
	float: left;
	width: 150px;
}

.RtwPanel
{
    margin: 1em 0;
}

.RtwPanel .ListNoBullets
{
    margin-left: 0px;
}

.RtwPanel .AbsenceShiftContainer .LabelMediumLong
{
    width: 80px;
}

.RTWAdv .ListNoBullets li
{
	margin: 2px 0;
	display: inline-block;
}

.BodyPanel .ListNoBullets
{
	margin-left: 0px;
}

.BodyPanel .ListNoBullets ul
{
	margin-left: 0px;
	float: left;
}

.ReasonCodeLabel
{
	width: 350px;
	color: Green;
	float: left;
}

.ReasonDateLabel
{
	width: 100px;
	color: Green;
	float: right;
}

.ReasonEndDateLabel
{
	width: 100px;
	color: Green;
	float: right;
	margin-right: 20px;
}

.LabelError
{
	width: 100%;
	color: Red;
	padding: 10px 0 0 0;
	display: block;
}

.LabelErrorAuto
{
	color: Red;
	padding: 10px 0 0 5px;	
}

.TextBox
{
	height: 18px;
	width: 200px;
	border: solid 1px #7F9DB9;
}

.Mandatory
{
	background-color: LightBlue;
}

.TextBoxUpper
{
	text-transform: uppercase;
}

.TextBoxMulti
{
	width: 90%;
}

.TextBoxMultiPadded
{
	width: 90%;
	margin-left: 40px;
}

.TextBoxMultiNarrow
{
	width: 50%;
}

.TextBoxReadOnly
{
	width: 200px;
	background-color: #BDBDBD;
}

.TextBoxLong
{
	width: 300px;
}

.TextBoxSearch
{
	width: 294px;
	margin-right: 10px;
}

.TextBoxVeryLong
{
	width: 450px;
}

.TextBoxPadding
{
	width: 145px;
	margin-left: 5px;
	margin-right: 5px;
}

.TextBoxShort
{
	width: 50px;
}

.Multiline
{
	height: 80px;
}

.CheckBox
{
	margin-left: -4px;
}

.DropDownList
{
	width: 204px;
	margin-bottom: 2px;
}

.DropDownListPadded
{
	width: 206px;
	margin-left: 40px;
}

.DropDownListLong
{
	width: 300px;
}

.DropDownListVeryLong
{
	width: 400px;
}

.DropDownListMedium
{
	width: 150px;
	float: left;
	margin-right: 10px;
}

.DropDownListShort
{
	width: 100px;
	margin-bottom: 2px;
}

.Button
{
	background-color: #7FC31C;
	color: Black;
	font-weight: bold;
}

.Button:hover
{
	color: Yellow;	
}

.ButtonWide
{
	width: 4em;
}

.ButtonRight
{
	background-color: #7FC31C;
	color: Black;
	font-weight: bold;
	float: right;
}

.LinkButton
{
	float: left;
	margin-right: 10px;
	display: block;
	font-size: small;
	color: Gray;
}

.LinkButtonLabelLong
{
	width: 16em;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
	font-size: small;
	color: Gray;
}

.LinkButtonSmall
{
	color: Gray;
}

.LinkButtonPadded
{
	float: left;
	margin-right: 10px;
	display: block;
	padding-left: 40px;
}

.LinkButtonInline
{
	float:none;
	display:inline-block;
}

.ListBox
{
	width: 300px;
}

.FieldSet
{
	width: 80%;
}

.FieldSetWide
{
	width: 90%;
}

.FieldSetWidePadded
{
	width: 90%;
	padding-left: 40px;
}

.BodyPanel
{
	float: left;
	width: 50%;
}

.BodyPanelWide
{
	float: left;
	width: 90%;
	margin-left: 5%;
}

.Legend
{
	color: Green;
}

.ErrorTable
{
	width: 90%;
	border-style: solid;
	border-width: thin;
	border-color: #7FC31C;
}

.AdminLink
{
	text-decoration:none;
}

/* Controls for questions and responses */
.LabelQuestion
{
	color: Green;
	margin-left: 20px;
	float: left;
}

.TextBoxResponse
{
	width: 206px;
	margin-left: 20px;
}

.DropDownListResponse
{
	width: 206px;
	margin-left: 20px;
}

.CalendarResponse
{
	margin-left: 20px;
}

.CheckBoxResponse
{
	margin-left: 16px;
}

.FieldSetQuestion
{
	width: 50%;
	padding-bottom: 10px;
	vertical-align: top;
}

.FieldSetResponse
{
	width: 30%;
	padding-bottom: 10px;
	vertical-align: top;
}

.FieldSetResponseWide
{
	width: 85%;
	padding-bottom: 10px;
	margin-left: 2%;
	vertical-align: top;
}

/* Main divs */
.BodyDiv
{
	padding: 0 5%;
}

.FieldSetDiv
{
	margin-bottom: 20px;
}

.DataEntryDiv
{
	padding-left: 15%;
}

/* Clearfix */
.clearfix:after {   
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix { display: block; clear: both; }
/* End hide from IE-mac */

/* End of clearfix styles */

/* Data Grid controls */
.DataGrid
{
	font-size: small;
	background-color: White;
	border-width: 0px;
	border-style: none;
	width: 100%;
}

.DataGridSmall
{
    font-size: 0.7em;    
	background-color: White;
	border-width: 0px;
	border-style: none;
	width: 100%;
}

.DataGridSummary
{
	width: 80%;
	margin-left: 10%;
}

.DataGridFooter
{
	background-color: #CCCCCC;
	color: Black;
}	

.DataGridSelectedItem
{
	background-color: Yellow;
	color: White;
	font-weight: bold;
}

.DataGridEditItemStyle
{
	background-color: Yellow;
	font-weight: bold;
}

.DataGridAlternatingItem
{
	background-color: #DCDCDC; /*Gainsboro*/
}

.DataGridItemStyle
{
	color: Black;
	background-color: #EEEEEE;
}

.DataGridErrorItem
{
	color: Red;
}

.DataGridHeaderStyle
{	
	font-weight: bold;
	color: White;
	background-color: 	#696969; /*DimGray*/
}

.DataGridHeaderStyle A
{	
	color: White;
}

.SearchResult
{
	background-color: Yellow;
}

/* These are for buttons for switching between panels */
.PanelButton
{
	background-color: #7FC31C;
	color: Black;
	font-weight: bold;
}

.PanelButton:hover
{
	background-color: #7FC31C;
	color: Yellow;
	font-weight: bold;
}

.PanelButtonSelected
{
	background-color: Yellow;
	color: Black;
	font-weight: bold;
}

/* Annual Calendar controls */
.CalendarTable
{
	border-color: black;
	border-collapse: collapse;
	width: 90%;
}

/* Top Row */
.CalendarTable tr.banner td /*CalendarYearCell*/
{
	text-align: center;
	border:none;
	padding-bottom: 3px;	
}

.CalendarTable tr.banner td span /*CalendarYear*/
{
	background-color: white;
	color:Black;
	text-align: center;
	font-size:x-large;
	font-weight:bold;
	padding-left: 10px;
	padding-right: 10px;
}

.CalendarTable tr.banner td a /*CalendarYearLink*/
{
	background-color: white;
	color:blue;
	text-align: center;
}

/* Days Row */
.CalendarTable tr.DaysHeader th /*CalendarDateHeader*/
{
	border-color: green;
	background-color: green;
	text-align: center;
	color: White;
}

/* All other rows */
.CalendarTable tr.Days th /*CalendarMonthHeader*/
{
	border-color: green;
	background-color: green;
	text-align: right;
	color: White;
	width: 100px;
}

.CalendarTable tr.Days td /*CalendarCell*/
{
	border-color: gray;
	width: 22px;
	text-align: center;
	color: White;
	font-size:x-small;
	font-weight:bold;
}

.CalendarTable tr.Days td a /*CalendarCell*/
{
	color: White;
	text-decoration:none;
}

.holiday
{
	background-color: #0000FF; /*Blue*/
}

.weekend
{
	background-color: #D3D3D3; /*Gainsboro*/
}

.bankholiday
{
	background-color: #98FB98; /*PaleGreen*/
}

.invalid
{
	background-color: #000000; /*Black*/
}

.amonly
{
	background-color: #556B2F; /*DarkOliveGreen*/
}

.pmonly
{
	background-color: #D2691E; /*Chocolate*/
}

.CalendarLegendText
{
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}

.CalendarLegendColour
{
	width: 20px;
	float: left;
	margin-right: 10px;
	border: solid 1px gray;
}

.CalendarEdit
{
	width: 200px;
	/*float: left;*/
	
}

.CalendarEditButton
{
	background-color: #7FC31C;
	color: Black;
	font-weight: bold;
	
	float: left;
	margin-right: 10px;
}
 
/* Holiday single edit control */

.holidayEditSingle
{
	padding: 2px 0px;
}

.holidayEditSingle .row
{
	padding: 6px 0px;
}

.holidayEditSingle .Label
{
	width:80px;
}

.holidayEditSingle .CalendarTo
{
	padding: 0px 18px;
}

.holidayEditSingle .CalendarEditButton
{
	position:relative;
	margin: -68px 10px auto 700px;
}

.holidayEditSingle .image
{
	height:50px;
	padding: 0px 20px;
}

.holidayEditSingle .DropDownListMedium
{	
	float: none;	
}

.CalendarCheckBox
{
	display: inline;
} 

/* End of holiday single edit control */

/* HolsPanel */


#DeleteEmployeeGlobal
{
	padding: 10px;
	margin: 10px;
	border-bottom: 2px inset black;
	border-top: 2px inset black;
}

.ErrorPanel
{
	color:Red;
	margin: 10px 0px;
}

.buttonRow
{
	margin: 10px;
}

.fileLink
{
	clear: both;
	text-align: center;
	vertical-align: top;
}

.fileLink img
{
	border: 0;
}

/* Error Summary */
#errorsummary 
{   
	background-image:url(../images/errorsummary/topleft.gif);
	background-repeat:no-repeat;
	background-position:left top;
	margin-bottom:0.5em;
	display: inline-block;
	width: 92%;
}

.errsumtopright 
{   
	background-image:url(../images/errorsummary/topright.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.errsumbotleft 
{   
	background-image:url(../images/errorsummary/bottomleft.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
}

.errsumbotright 
{   
	background-image:url(../images/errorsummary/bottomright.gif);
	background-repeat:no-repeat;
	background-position:right bottom;
	padding:0.7em 1em 1em 1em;
}

.errsumbotright h3
{   
	margin-top:0.3em;
}

.errsumbotright ul 
{   
	background-image:url(../images/errorsummary/exclaim.gif);
	background-repeat:no-repeat;
	background-position:0.5em center;
	padding:0 0 0 6em;
	margin:0;
	margin-left:0;
}

.errsumbotright ul li 
{   
	list-style-type:none;
	padding:0 0 0 1.3em;
	margin-left:0;
	margin-bottom:0.3em;
	background-image:url(../images/errorsummary/listdot.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
}

/* Min height rules not run on Win IE */
*>.errsumbotright ul
{   
	padding-top:40px;
	min-height:1px;
}

*>div.errsumbotright ul li.first
{   
	margin-top:-40px;
}

/* Rules just for Win IE */

* html .errsumbotright ul
{   
	/* Apply mac filter \*/
	/*height:40px;*/
	/* end mac filter */
}

#divProcessing
{
	text-align:center;
}

.Loading
{
	text-align:center;
}

.Loading img, .Loading span
{
	display:block;
}

.LoadingText
{
	font-size:small;
	color: Green;
}

/* Tooltip popups */
#dhtmltooltip
{
	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 12px;
	background-color: #E0FFC0;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmltooltiptitle
{
	font-size: 10pt;
	font-weight: bold;
}

#dhtmltooltipbody
{
	font-size: 8pt;
}

/* List Link styles */
.ListLink
{	
	margin: 20px 0px 20px 100px;	
}

.ListLink .LinkTitle
{
	font-size:x-large; 
	vertical-align:top;
	padding-left: 5px;
}

.ListLink .LinkDescription
{
	display:block;
	text-align:justify;
}

.ListLink a
{
	text-decoration: none;
	color: Black;	
}

.LineSeparator
{
	color: Green;
	width: 100%;
	text-align: left;
	margin: 5px 0px;
}

.CaseEditDiv
{
	padding: 8px;
}

.CaseEditDiv ul
{
	
}

.CaseEditDiv ul li
{
	list-style-type:none;
	padding: 4px 0px;
	display: block;
	clear: both;
}

.CaseEditDiv ul li span.Label
{
	display: inline-block;
	width: 150px;	
}

.CaseEditDiv fieldset
{
      padding: 10px;
}

.CaseEditDiv fieldset p
{
      padding-left: 5px;
}

.CaseEditDiv fieldset .Label
{
	width: 100px;
}

/* For the Calendar popup */

.Calendar
{
	display: inline;
}

.Calendar .ajax__calendar_container
{
    border:1px solid black;
    background-color: white;
    color: green;
}

.Calendar .ajax__calendar_hover
{
	color: red;
}

.CalendarTextBox, .Watermark
{
	width: 160px;
	border: solid 1px #7F9DB9;
}

.Watermark
{
    color: Gray;
}

/* The width should be less for holiday calendar text box */

.holidayEditSingle .CalendarTextBox, .holidayEditSingle .Watermark
{
	width: 140px;
}

/* For a list of links */
.linkList
{
	text-align:center;
}

.linkList a, .linkList a:link, .linkList a:visited, .linkList a:active
{
	text-decoration: none;
	color:Blue;
}

.linkList a.current
{
	color:Red;
	font-style:italic;
}

/* For link lists in case edit divs */

.LetterPreview
{
	margin: 20px;
	padding: 15px;
	border: dashed thin black;
}

.AddContact
{
	margin: 25px 0 10px 0;
}

.ShiftTemplate .LabelTextShort
{
    width: 200px;
}

/* Client Dashboard Styles */
.ClientDashboard
{
	width: 100%;
	background-color: White;
}

.ClientDashboard .Header div
{
	
}

.ClientDashboard .Header .BrandLogo
{
	background-image: url(../Images/CentrumOH_Logo.gif);
	width: 289px;
	height: 51px;
	margin-left: 10px;
	margin-top: 30px;	
	float: left;	
}

.ClientDashboard .Header .DashLogo img
{
	margin-right: 10px;
	margin-top: 43px;
	float:right;
}

.ClientDashboard .Separator
{
	background-color: Green;
	height: 19px;	
}

.ClientDashboard hr
{
	color:Green;
}

.ClientDashboard .MainBody
{
	margin: 8px;
	padding: 8px 8px 28px 8px;
	/*border: solid thin black;*/
}

.ClientDashboard .MainBody H2, .ClientDashboard .MainBody p
{
	text-align: center;
	color: Black;
}

.ClientDashboard .MainBody div
{
	margin: 25px 0;
	color: Green;	
}

.ClientDashboard .MainBody fieldset
{
	margin: 0 10%;	
	padding-bottom: 20px;
}

.ClientDashboard .MainBody ul li
{
	list-style-type:none;
}

.ClientDashboard .DataGrid
{
	margin: 15px;
	width: 68%;
	float: left;
}

.ClientDashboard .Chart
{
	vertical-align:top;
	float: right;
}

/* Email Panel styles */
.NewEmail ul
{
	margin-left: 0px;
}

.NewEmail .LeftColumn
{
	width: 10%;
	display: inline-block;
	color: Green;
}

.NewEmail .TextBox
{
	width: 79%;
}

.NewEmail .FileUpload
{
	width: 87%;
}

.NewEmail p
{
    font-size: small;
}

.AttachmentLabel
{
    color: Green;
    text-align: left;
    width: 70%;
    margin-right: 0.5em;    
}

.AttachmentWarning
{ 
    color: black;
    font-size: small;
    text-align: justify;
    display: inline-block;
    background: url(../Images/attachwarning.jpg) no-repeat top left;    
    padding-left: 1.5em;
}

.HalfCentre
{
	width: 98%;	
	margin-left: auto;
	margin-right: auto;	
}

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

.TextCentre
{
    text-align: center;
}

/* For any right panels */
.UserPanelDiv ul
{
    margin-left: 0.5em;
    font-size:small;
}

.UserPanelDiv ul li
{
    list-style-type: none;
    color: Green;
}

.UserPanelDiv .RecentAbsences .Date
{
    
}

.UserPanelDiv .RecentAbsences .to
{
    margin: 0 1px;
}

.UserPanelDiv .RecentAbsences .Cause
{
    display:inline-block;
}

/* For the edit absence panels */
.AbsEditPanel div
{
    /*border: dashed 1px blue;*/
}

.AbsEditPanel ul
{
	margin-left: 0;
}

.AbsEditPanel ul li
{
	list-style-type:none;
	padding: 1px 0px;
	display: block;
	clear: both;
}

.AbsEditPanel ul li span.Label
{
	display: inline-block;
	width: 9em;	
	font-size: small;
}

.AbsEditPanel ul li span.Value
{
	display: inline-block;
}

.AbsEditPanel fieldset
{
      padding: 10px;
      width: 100%;
}

.AbsEditPanel fieldset p
{
      padding-left: 5px;
}

.AbsEditPanel fieldset .Label
{
	width: 100px;
}

.AbsEditPanel .TextBoxVeryLong
{
    width: 50%;
}

.AbsEditPanel .TextBoxEmailAddresses
{
    width: 64%;
}

.AbsEditPanel h4
{
    background-color: Green;
    color: White;    
    width: 100%;
    margin-bottom: 1em;
    padding: 1%;
    font-size: smaller;
    font-weight: bold;
    text-align: left;
}

.BodyDiv h4
{
    background-color: Green;
    color: White;    
    width: 100%;
    margin-bottom: 1em;
    padding: 1%;
    font-size: smaller;
    font-weight: bold;
    text-align: left;
}

.Indented
{
    padding-left: 30px;
}

.Indented2
{
    padding-left: 60px;
}

.DataGridBackColour1
{
    background-color: #CACACA;
}

.DataGridBackColour2
{
    background-color: #DCDCDC;
}

.DataGridBackColour3
{
    background-color: #EEEEEE;
}

/*ShiftPatternControl*/

.ShiftPatternControl .TextBoxShort
{
    margin-left: 0.5em;
    width: 2em;
}

.Advanced
{
    width: 95%;
}

.Advanced .ShiftPatternControl
{
	display: inline-block;
}

.ShiftPatternControl .CalendarTextBox, .ShiftPatternControl .Watermark
{
	width: 5em;
}

.Advanced .ShiftPatternControl .Label
{
    width: 50px;
}

.ShiftPatternControl .ToLabel
{
    margin: 0 5px;
}

.ShiftEditButton
{
    display: inline;
}

/* AbsenceShiftContainer */
.AbsenceShiftContainer ul
{
    margin-left:0;
}

.AbsenceShiftContainer ul li
{
    clear:both;
}

.AbsenceShiftContainer .ShiftPatternControl
{
	display: inline-block;
}

.AbsenceShiftContainer .LabelTextError
{
	font-weight: normal;
}

.AbsenceShiftContainer .TextBoxShort
{
    width: 5em;
}

/* Timer Control */

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

.Timer ul
{    
    margin: 0;
    padding: 4px 5px 0 0;
    float: right;
}

.Timer .TimerButton
{
    float: left;
    width: 32px;
}

.Timer .Label
{
    width: 5em;
}

.BG .Label, .BG .Value
{
    
}

.CheckList
{
    display: inline-block;
}

.CheckList Label
{
    display: inline-block;
    width: 180px;
    font-size: small;
}

.MultipleReports p
{
    padding-left: 130px;
    font-size: small;
}

/* DSPGrids styles */
.DSPGrids
{
    margin: 2em 0;
}

.DSPGrids .MissingHeader
{
    background-color: Green;
    color: White;
    padding: 1%;
    width: 97.8%;
    margin-bottom: 2px;
    font-size: small;
    font-weight: bold;
}

/* Shift Pattern Template headers - basic first */
.HalfShift
{
    margin-left: 7px;
}

.SptHeaderBasic span
{
    display: inline-block;
    font-size: small;
    color: Green;
}

.SptHeaderBasic .Day
{
    width: 160px;
    text-align: right;
    margin-right: 7px;
}

.SptHeaderBasic .Start
{
    width: 85px;
}

.SptHeaderBasic .To
{
    width: 35px;
}

.SptHeaderBasic .End
{
    width: 78px;
}

.SptHeaderBasic .Break
{
    margin-left: 0.5em;
}

/* SPT Headers - advanced */

.SptHeaderAdv
{
    margin-bottom: 2px;
}

.SptHeaderAdv span
{
    display: inline-block;
    font-size: small;
    color: Green;
}

.SptHeaderAdv .Day
{
    width: 50px;
    text-align: right;
    margin-right: 7px;
}

.SptHeaderAdv .Start
{
    width: 185px;
}

.SptHeaderAdv .To
{
    width: 34px;
}

.SptHeaderAdv .End
{
    width: 175px;
}

.SptHeaderAdv .Break
{
    margin-left: 0.5em;
}

/* SPT Headers - absence add pages */
.SpAbsenceLarge
{
    margin-bottom: 2px;
}

.SpAbsenceLarge span
{
    display: inline-block;
    font-size: small;
    color: Green;
}

.SpAbsenceLarge .Day
{
    width: 160px;
    text-align: right;
    margin-right: 10px;
}

.SpAbsenceLarge .Start
{
    width: 185px;
}

.SpAbsenceLarge .To
{
    width: 42px;
}

.SpAbsenceLarge .End
{
    width: 180px;
}

.SpAbsenceLarge .HalfShift
{
    margin: auto auto auto 0.5em;
}

.SpAbsenceLarge .Break
{
    margin-left: 0.5em;
}

/* SPT Headers - absence edit pages */
.SpAbsence
{
    margin-bottom: 2px;
}

.SpAbsence span
{
    display: inline-block;
    font-size: small;
    color: Green;
}

.SpAbsence .Day
{
    width: 9em;
    text-align: right;
    margin-right: 10px;
}

.SpAbsence .Start
{
    width: 185px;
}

.SpAbsence .To
{
    width: 42px;
}

.SpAbsence .End
{
    width: 180px;
}

.SpAbsence .HalfShift
{
    margin: auto auto auto 0.5em;
}

.SpAbsence .Break
{
    margin-left: 0.5em;
}

/* SPT Headers - SC/RTW pages */
.SpAbsenceRtw
{
    margin-bottom: 2px;
}

.SpAbsenceRtw span
{
    display: inline-block;
    font-size: small;
    color: Green;
}

.SpAbsenceRtw .Day
{
    width: 80px;
    text-align: right;
    margin-right: 10px;
}

.SpAbsenceRtw .Start
{
    width: 185px;
}

.SpAbsenceRtw .To
{
    width: 42px;
}

.SpAbsenceRtw .End
{
    width: 180px;
}

.SpAbsenceRtw .Break
{
    margin-left: 0.5em;
}

/* SelfCertQuestion */
.SelfCertQuestion
{
    margin-bottom: 2em;
}

.SelfCertQuestion ul li span.Label
{
	display: inline-block;
	width: 9em;	
	font-size: small;
}

.SeconardyReasonsRTW
{
    float: left; 
    width: auto;
}

.LastWorkingDayWarning
{
    display:inline-block;
    width: 99%;
    color: Red;
    font-weight:bold;
    text-align: center;
    font-size: medium;
    padding: 0.5em;
}

.CodeNotUsed
{
    color: Gray;
}

.ThinReason
{
    text-align:center;
}

.ThinReason fieldset
{
    width: 80%;
}

.ThinReason li
{
    text-align: left;
}

.ThinReason .Label
{
    width: 5em;
}

.ThinReason .TextBoxPadding
{
    width: 15%;
}

.inset
{
    padding: 1em;
}

.LabelValue
{
    display: inline-block;
}

.MultiStringListLi
{
	display: inline;
}

/* Styles for Report Suite Edit page */

.ReportSuite h4
{
    width: auto;
    padding: 0.8em;
}

.ReportSuite .BodyPanel
{
    padding: 1em;
    width: 46%;
}

.ReportSuite .BodyPanelWide
{
    padding: 1em;
    width: 90%;
    margin-left: 0%;
}

.ReportSuite .BodyPanelGrid
{
    padding: 1em;
    width: 44%;
}

.AvailableReports
{
    height: 200px;
    width: 17.5em;
}

.ReportSuite .BodyPanel .TwoColumns
{
    float: left;    
}

.ReportSuite .BodyPanel .TwoColumns ul
{
    margin: 3em 0 0 1.5em;
}

.ReportSuite .BodyPanel .TwoColumns ul li
{
    margin: 1em 0;
}

.ReportSuite .BodyPanel ul li span.Label
{
	display: inline-block;
	width: 9em;	
	font-size: small;
}

.ReportSuite .BodyPanelWide ul li span.Label
{
	display: inline-block;
	width: 9em;	
	font-size: small;
}

.ReportSuite .BodyPanel ul li .TextBox
{
	width: 12em;
}

.ReportSuite .BodyPanel ul li .DropDownList
{
	width: 13em;
}

.ReportSuite #EditReport
{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.ReportSuite #EditReport ul, .ReportSuite #EditReport TABLE
{
    margin-top: -0.2em;
}

.PrintReport
{
    text-align: center;
    width: 20%;
    border: solid thin green;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 1em;
}

.PrintReport .LinkButton
{
    float: none;
}

.Uploading
{
    text-align: center;
    padding: 3em;
}

/* Do Questionnaire page */

.Question .ListNoBullets
{
    margin-left: 0;
}

.Question .ListNoBullets li
{
    padding: 0.5em 0;
}

.Question .RadioButton
{
    padding: 0.7em 0;
    display: block;
}

.Question .TextBox
{
    width: 80%;
}

.Question .NumericTextBox
{
    width: 30%;
}

.Question .CheckBoxListTable tr td
{
    width: 50%;
}

.ButtonBottomDiv .Left
{
    float: left;    
}

.ButtonBottomDiv .Left input
{
    margin: 0 3em 0 0;
}

.ButtonBottomDiv .Right
{
    float: right;
    padding-right: 4em;
}

.ButtonBottomDiv .Centre
{
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.QaResults
{
	width: 25px;
	display: inline-block;
	vertical-align: top;
}

.QaResultsQuestion
{
	display: inline-block;
	width: 90%;
}

.QaResultsAnswer
{
	vertical-align: top;
	display: inline-block;
	width: 90%;
}

.AnswerListItem
{
    margin-top: 0.5em;
}

.Header .OrgLabelQ
{
	margin-right: 10px;
	margin-top: 2.4em;
	float:right;	
	font-family: Levenim MT, Verdana, Sans-Serif;
	font-size: x-large;
	letter-spacing: 0.2em;
}

.UserStats
{
	padding: 0 5em;
}

.MailServerStatus
{
    margin: 1em 1em 2em 1em;
    border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
    padding: 1em;
    width: 96.25%;
}

.MailServerStatus span
{
    display: inline-block;
    margin-top: -2em;
    margin-left: 1em;
}

/* Duradiamond Additions */
.DD_BorderDiv
{
	border: solid 1px lightgrey;
	padding: 10px
}

.DD_Header
{
	color: rgb(0,51,0);
	font-weight: bold;
	font-size:large
}

.DD_Label
{
	width: 10em;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
}

.DD_LinkButton
{
	float: left;
	margin-right: 10px;
	display: block;
	font-size: small;
	color: Black;
	text-decoration: none;
}

.DD_LinkButton:hover
{
	color: Green;
	text-decoration: underline;
}