﻿hr
{
	color: #D6D4CA;
}

h1
{
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: solid 2px #D6D4CA;
	color: #4a4737;
	font-size: 14pt;
}

h2
, h2 a
{
	color: #4a4737;
	font-weight: bold;
	font-size: 12pt;
}

/*--------------------------------------------------------------------------------------------------------------------------
Banner
--------------------------------------------------------------------------------------------------------------------------*/

.BannerContainer a
{
	width: 749px;
	height: 57px;
	display: block;
	background: url("banner.jpg");
	text-decoration: none;
}

.BannerContainer a span
{
	visibility: hidden;
}

/*---------------------------------------------------------------------------------------------------------------------------
Menu
---------------------------------------------------------------------------------------------------------------------------*/

.MenuContainer
{
	padding-left: 230px;
	height: 1%; /* This is needed to fix an IE7 bug where the menus stay expanded */
}

.MenuContainer ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.MenuContainer li
{
	float: left;
	padding: 2px 20px 5px 0px;
}

.MenuContainer li a
{
	display: block;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

.MenuContainer li ul
{
	position: absolute;
	left: -9999px;
	width: 175px;
	padding-top: 5px;
}

.MenuContainer li ul li
{
	width: 175px;
	padding: 0px 0px 0px 5px;
	height: 18px;
	background: url("MenuItemCombined.gif") no-repeat 0px 0px;
}

.MenuContainer li ul li:hover
, .MenuContainer li ul li.over
{
	background-position: 0px -18px;
}

.MenuContainer li ul li a
{
	display: block;
	font-size: 9pt;
	padding: 0px 5px 0px 0px;
	height: 18px;
	background: url("MenuItemCombined.gif") no-repeat 100% 0px;
}

.MenuContainer li ul li:hover a
, .MenuContainer li ul li.over a
{
	color: White;
	background-position: 100% -18px;
}


.MenuContainer li:hover ul
, .MenuContainer li.over ul
{
	left: auto;
	min-height: 0px; /* This, combined with the extra height from earlier fixes an IE7 bug */
}

/*-------------------------------------------------------------------------------------
Content
-------------------------------------------------------------------------------------*/

.ContentContainer
{
	margin: 5px 0px 10px 10px;
	clear: left;
	width: 750px;
}

/*-------------------------------------------------------------------------------------
Footer
-------------------------------------------------------------------------------------*/

.FooterContainer
{
	text-align: center;
	border-top: solid 2px #D6D4CA;
	padding: 20px 0px 10px 0px;
	margin: 20px 0px 0px 10px;
	width: 750px;
}

.FooterContainer a
{
	margin-left: 20px;
	margin-right: 20px;
	font-weight: bold;
}

/*------------------------------------------------------------------------------
Quadrants
------------------------------------------------------------------------------*/

.Quadrants { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; } 
.Quadrants * { font-style: normal; background-image: url("ButtonBorderFFFFFF.png"); background-repeat: no-repeat; display: block; position: relative; } 
.Quadrants em { background-position: top left; position: absolute; margin-bottom: -5px; top: 0; left: 0; width: 5px; height: 5px; } 
.Quadrants span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; } 
.Quadrants span em { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; } 
.Quadrants span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; } 

/* Star hack for IE 6 */
* html .Quadrants span, * html .Quadrants em { float: left; width: auto; background-image: none; cursor: pointer; } 
* html .Quadrants { border: 3px double #aaa; } 

span.Quadrants
{
	cursor: default;
}

/* Star hack for IE 6 */
* html span.Quadrants span
, * html span.Quadrants em
{
	cursor: default;
}

/*------------------------------------------------------------------------------
Buttons
------------------------------------------------------------------------------*/

/* Get rid of the non quadrants styles once everything has been converted */
/*.Button
{
	border: solid 1px black;
	font-family: Verdana;
	font-size: 8pt;
}

.CancelButton
{
	border: solid 1px black;
	font-family: Verdana;
	font-size: 8pt;
	background-color: Orange;
}
*/
.Quadrants.Button
{
	background-color: #dfe0da;
	font-weight: bold;
}

.Quadrants.Button:hover
{
	background-color: #74705d;
	color: White;
}
/*
.Quadrants.CancelButton
{
	background-color: Orange;
	font-weight: bold;
}

.Quadrants.CancelButton:hover
{
	background-color: Fuchsia;
}
*/

/*------------------------------------------------------------------------------
Feedback Message
------------------------------------------------------------------------------*/

.FeedbackMessages
{
	margin: 0px;
	padding: 0px;
}

.FeedbackMessages li
{
	list-style: none;
	background-position: left 2px;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	font-weight: bold;
}

.FeedbackMessages .Information
{
	background-image: url("images/info.gif");
}

.FeedbackMessages .Warning
{
	background-image: url("images/warning.gif");
}

.FeedbackMessages .Error
{
	background-image: url("images/error.gif");
}

/*------------------------------------------------------------------------------
Old rules
------------------------------------------------------------------------------*/

body
, td
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

a
{
	color: #4a4737;
	font-family: Verdana;
	font-size: 10pt;
}

a:link
, a:visited
{
	color: #4a4737;
}

.Error
{
	color: Red;
}

.ErrorSummary ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.RequiredFieldCell
{
	color: Red;
	vertical-align: top;
	padding-right: 5px;
	white-space: nowrap;
}

.EntryFormPromptCell
{
	vertical-align: top;
	white-space: nowrap;
}

.EntryFormEntryCell
{
	vertical-align: top;
	white-space: nowrap;
}

.EntryFormButtonCell input
{
	margin-right: 5px;
	white-space: nowrap;
}

.TextBox
, .DateTextBox
, .NumberTextBox
{
	border: solid 1px black;
	font-family: Verdana;
	font-size: 8pt;
}

.TextBox
{
	width: 200px;
}

.DateTextBox
{
	width: 90px;
}

.NumberTextBox
{
	width: 40px;
}

.DropDownList
{
	border: solid 1px black;
	font-family: Verdana;
	font-size: 8pt;
}

/*-------------------------------------------------------------------------
Layout classes
-------------------------------------------------------------------------*/

.topNavContainer
{
	width: 749px;
	text-align: right;
}

.topNavContainer a
{
	margin-left: 10px;
}

div.helpContainer
{
	width: 250px;
	border: solid 1px #74705D;
	background-color: #D6D4CA;
	position: absolute;
	top: 10px;
	left: 765px;
}

div.helpContainerHidden
{
	display: none;
}

div.helpContainerHidden div
{
	display: none;
}

div.helpHeaderContainer
{
	background-color: #74705D;
	font-weight: bold;
	color: White;
	padding: 3px 5px 3px 5px;
}

.helpContentContainer
{
	padding: 3px 5px 5px 5px;
	height: 500px;
	overflow: scroll;
}

div.contentContainerMembersArea
{
	padding: 10px;
	padding-left: 175px;
}

/*--------------------------------------------------------------------------
Login Container
--------------------------------------------------------------------------*/
div.LoginContainer
, div.LoginContainer p
{
	width: 300px;
}

div.LoginContainer
{
	border: solid 1px black;
	background-color: #d1cec3;
	padding: 10px;
	margin-top: 200px;
	margin-bottom: 200px;
	margin-left: auto;
	margin-right: auto;
}

div.LoginContainer .Prompt
{
	text-align: right;
	background-color: Transparent;
}

div.LoginContainer .Entry
{
}

div.LoginContainer .Entry input
{
	width: 100px;
}

div.LoginContainer p.ValidationInstructions
{
	display: none;
}

div.LoginContainer p.ButtonsContainer
{
	border-top: none;
}

div.LoginContainer .Quadrants *
{
	background-image: url("ButtonBorderD1CEC3.png");
}

* html div.LoginContainer .Quadrants span
, * html div.LoginContainer .Quadrants em
{
	background-image: none;
} 

/*-------------------------------------------------------------------------
Report Styles
-------------------------------------------------------------------------*/

.reportTable
{
	border: solid 1px black;
}

.reportTable th
, .columnHeaderCell
{
	font-size: 10pt;
	font-weight: bold;
	background-color: #74705D;
	color: White;
	white-space: nowrap;
	padding: 1px 3px 1px 3px;
	text-align: left;
}

.reportTable td
{
	padding: 1px 3px 1px 3px;
}

th a
, th a:link
, th a:visited
, td.columnHeaderCell a
, td.columnHeaderCell a:link
, td.columnHeaderCell a:visited
{
	font-size: 10pt;
	font-weight: bold;
	color: White;
}

.reportRow
, .alternatingReportRow
{
	padding: 2px;
}

.reportRow
{
	background-color: #d1cec3;
}

.reportAggregateRow td
{
	border-bottom: solid 1px black;
}

.detailsTable
{
	width: 100%;
}

.detailsPromptCell
{
	width: 1%;
	white-space: nowrap;
	vertical-align: top;
	padding-right: 6px;
	font-weight: bold;
}

.detailsValueCell
{
	width: 99%;
	vertical-align: top;
}

.detailsCommentPromptCell
{
	white-space: nowrap;
	border-bottom: solid 2px #D6D4CA;
	font-weight: bold;
}

.detailsCommentValueCell
{
}

.Check
{
	height: 16px;
	width: 16px;
	background: url("check.gif") no-repeat top left;
	display: block;
	text-indent: -9999px;
}

/*-------------------------------------------------------------------------
For the shift report
-------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------
From the events page
-------------------------------------------------------------------------*/

.eventCalendarStuff
{
	font-weight: bold;
	font-size: 14px;
	color: #4a4737;
}

.ResizeHandle
{
	width: 16px;
	height: 16px;
	background-image: url(HandleGrip.png);
	overflow-x: hidden;
	overflow-y: hidden;
	cursor: se-resize;
}

/*-------------------------------------------------------------------------
Working Set Stuff
-------------------------------------------------------------------------*/

.AddToWorkingSet, .RemoveFromWorkingSet
{
	display: block;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
	outline: none;
}

.AddToWorkingSet span, .RemoveFromWorkingSet span
{
	display: none;
}

.AddToWorkingSet
{
	background: url("AddToWorkingSet.gif") no-repeat top left;
}

.RemoveFromWorkingSet
{
	background: url("RemoveFromWorkingSet.gif") no-repeat top left;
}

/*------------------------------------------------------------------------
Range Visit stuff
------------------------------------------------------------------------*/

.SummaryContainer
{
	border: solid 1px #74705D;
	margin-bottom: 15px;
}

.SummaryContainer .Header
{
	background-color: #74705D;
	color: White;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
}

.SummaryContainer .Item
{
	clear: both;
	padding: 2px 5px 2px 5px;
}

.SummaryContainer .Prompt
{
	display: block;
	float: left;
}

.SummaryContainer .Value
{
	display: block;
	text-align: right;
	float: right;
	font-weight: bold;
	padding-left: 10px;
}

.SummaryContainer .ExtraDiv1
{
	clear: both;
}

/*--------------------------------------------------------------------
Content Snippets
--------------------------------------------------------------------*/

.ContentSnippetContainer
{
	width: 100%;
}

.ContentSnippetList
{
	width: 24%;
	float: left;
}

.ContentSnippetFormContainer
{
	width: 75%;
	float: right;
}

