body
{
	color:#626262;
	background-color:#cecfce;
	margin-top:5px;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;	
}

a
{
	color:#999;
	text-decoration:none;
}

a:hover
{
	color:#819425;
}

.checkbox
{
	margin-left:-3px;
}

.left-nav 
{
	color: #666;
}

.left-nav[disabled] 
{
	color: #999;
}

.left-nav-checkbox-row1, .left-nav-checkbox, .left-nav-number-row1, .left-nav-number, .left-nav-link-row1, .left-nav-link
{
	float:left; 
	line-height:15px;
}

.left-nav-checkbox-row1
{
	 
	margin: 3px 0 0 0; 
	.margin-top: 0; 
	width: 12px;
}

.left-nav-checkbox
{
	margin: 6px 0 0 0; 
	.margin-top: 0; 
	width: 12px;
}

.left-nav-number-row1
{
	margin: 3px 0 0 5px;
}

.left-nav-number
{
	margin: 6px 0 0 5px;
	.margin-top: 0;
}

.left-nav-link-row1
{
	margin: 3px 0 0 4px;
	width: 140px;
}

.left-nav-link
{
	margin: 6px 0 0 4px;
	.margin-top: 0;
	width: 140px;
}

.ddl
{
	color:#626262;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 11px;
	width:300px;
	border: 1px solid #eaeaea;
}

.enabled
{
	color:#626262;
}

.disabled
{
	color:#999;
	height: 20px;
	line-height: 20px;
}

a.button-small, a.button-medium, a.button-large
{
	display:block;
	color:#555;
	font-weight:normal;
	height:19px;
	line-height:19px;
	.margin-top: 1px; /* IE specific margin */
	margin-bottom:4px;
	text-decoration:none; 
	text-align:center;
	border:none;
}

a.button-small
{
	background:url(../Images/ButtonSmall.gif);
	width:95px;
}

a.button-medium
{
	background:url(../Images/ButtonMedium.gif);
	width:180px;
}

a.button-large
{
	background:url(../Images/ButtonLarge.gif);
	width:220px;
}

a.button-small[disabled]
{
	background:url(../Images/ButtonSmallDisabled.gif);
	color: #a5a6ad;
}

a.button-medium[disabled]
{
	background:url(../Images/ButtonMediumDisabled.gif);
	color: #a5a6ad;
}

a.button-large[disabled]
{
	background:url(../Images/ButtonLargeDisabled.gif);
	color: #a5a6ad;
}

a:hover.button-small, a:hover.button-medium, a:hover.button-large
{
	color:#889247;
	border:none;
}

a:hover.button-small[disabled], a:hover.button-medium[disabled], a:hover.button-large[disabled]
{
	color:#a5a6ad;
	border:none;
}

a.button2
{
	background:url(../Images/Button2.gif);
	display:block;
	color:#555555;
	font-weight:normal;
	height:20px;
	line-height:19px;
	margin-bottom:4px;
	text-decoration:none;
	width:90px;
	border:none;
}

a:hover.button2
{
	color:#819425;
	border:none;
}

.go
{
	background:url(../Images/Go.gif) no-repeat 9px 3px;
	text-indent:28px;
	display:block;
}

.back
{
	background:url(../Images/Back.gif) no-repeat 9px 3px;
	text-indent:28px;
	display:block;
}

.delete
{
	background:url(img/delete.gif) no-repeat 9px 3px;
	text-indent:28px;
	display:block;
}

.user
{
	background:url(img/user.gif) no-repeat 9px 3px;
	text-indent:28px;
	display:block;
}

.message-container
{
	margin:0 auto 10px auto;
	padding:7px 0 5px 0;
	color: #333;
	background-color:#b6bc78;
	width:600px;
}

.message-top div, .message-top, .message-bottom div, .message-bottom
{
	width:100%; height:6px; 
}

.message-top div
{
	background: url(../Images/MessageTopLeft.jpg) no-repeat top left;
}

.message-top
{
	background: url(../Images/MessageTopRight.jpg) no-repeat top right;
}

.message-bottom div
{
	background: url(../Images/MessageBottomLeft.jpg) no-repeat bottom left;
}

.message-bottom
{
	background: url(../Images/MessageBottomRight.jpg) no-repeat bottom right;
}

.message
{
	margin: 0 10px;
}

.message-body
{
	float: left;
	width: 540px;	
}

.message-info
{
	float:left;
	width: 20px;
	margin-right: 6px;
	margin-left: -2px;
}

.message-close
{
	float:right;
	width: 12px;
	margin-right: -3px;
}

.left
{
	float:left;
	width:175px;
	margin:0 auto;
	margin-left: 12px;
}

.right
{
	float:left;
	width:755px;
	margin:0 auto;
	margin-left: 2px;
}

.main
{
	width:100%;
	margin:0 auto;
	margin-left: 12px;
}

.main-container
{
	width:986px;
	border:solid 5px #fff;
	background-color:#fff;
	margin:0 auto;
}

.header
{
	background-color:#4a4a4a;
	height:55px;
	/*border-bottom:solid 1px #fff;*/
}

.breadcrumb-container
{
	background-color:#fff;
	width:100%;
    height:22px;
    margin-bottom:5px;
}

.breadcrumb, .welcome
{
	color: #666;
	background-color:#fff;
	font-size: 9px;
	font-family: Verdana, Arial, Sans-Serif;
	white-space: nowrap;
}

.breadcrumb
{
	float:left;
	text-align:left;
	padding:5px 10px 5px 12px;
	margin:0;
}

.breadcrumb a, .welcome a
{
	text-decoration:none;
	color:#666;
}

.breadcrumb a:hover, .welcome a:hover
{
	color:#819425;
}

.welcome
{
	float:right;
	text-align:right;
	padding:5px 10px 5px 10px;
	margin:0;
}

.header-text
{
	color: #999;
	font-size: 14px;
	font-weight:bold;
	font-family: Tahoma, Verdana, Sans-Serif;
	white-space: nowrap;
	text-align: left;
	margin:0 0 10px 0;
}

.header-image
{
	margin:10px 0 7px 0;
}

.subheader
{
	float:left;
	color: #666;
	background-color:#ccc;
	height:5px;
	width:100%;
	font-size:0px;
}

.date-range
{
	color:#666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 14px;
	white-space: nowrap;
	padding:20px 10px 0 15px;
	font-weight:normal;
	font-style:italic;
	text-align:right;
	float:right;
}

.filter-range
{
	color:#666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 14px;
	white-space: nowrap;
	padding:20px 10px 0 15px;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	float:left;
}

.time-shot-label
{
	color:#666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 14px;
	white-space: nowrap;
	padding:20px 10px 0 15px;
	font-weight:normal;
	font-style:italic;
	text-align:left;
	float:left;
}

.date-picker
{
	/*width:135px; width is being controlled by Input.AO.CSS*/
	color: #666666;
	font-size: 11px;
	line-height:12px;
	font-family: Verdana, Sans-Serif;
	padding: 0;
	margin:0;
	width: 110px;
}

.logo
{
	float:left;
	width:364px;
	padding:12px 0 0 4px;
}

.menu, .menu-right
{
	float:left;
	vertical-align:top;
	padding:0;
	margin:0;
	border-top-style: solid;
	border-top-width: 6px;
	border-top-color: #8c8a8c;
	z-index:1;
}

.menu
{
	width:485px;	
}

.menu-right
{
	width:132px;
}

.footer
{
	width:986px;
	height:22px;
	margin-top:25px;
	background-color:#636563;
}

.footer-logo
{
	float:left;
	padding:7px 12px 5px 13px;	
}

.footer-text
{
	color: #a2a2a2;
	font-size: 9px;
	font-family: Verdana, Arial, Sans-Serif;
	white-space: nowrap;
	text-align:right;
	padding:4px 11px 5px 15px;
}

.footer-text a
{
	color:#adadad;
	text-decoration:none;
}

.footer-text a:hover
{
	color:#d7d7d7;
	text-decoration:none;
}

.window-divider
{
	width:926px;
	height:1px;
	margin:15px 0 0px 15px;
	background-color:#636563;
}

.go-button
{
	font-size: 11px;
	height: 19px;
	color: #666;
	width: 28px;
	font-family: Verdana;
	padding-bottom: 2px;
	border: solid 1px #666;
	.height: 20px;
}

.go-buttona
{
	font-size: 11px;
	height: 19px;
	color: #666;
	width: 28px;
	font-family: Verdana;
	padding-bottom: 2px;
	border: solid 1px #666;
}

.go-button:hover
{
	color: #333;
	border: solid 1px #333;
}

.button-hidden
{
	display: none;
}

.approve-selected-link
{
	margin-left: 3px;
	line-height: 30px;
}

.button
{
	font-size: 11px;
	height: 19px;
	color: #555;
	width: 95px;
	font-family: Verdana;
	padding-bottom: 2px;
	border: solid 1px #8C8E8C;
}

.button-hidden
{
	visibility: hidden;
}

.button:hover
{
	color: #889247;
}

.breadCrumb
{
	color: #666;
	font-size: 10px;
	font-family: Verdana, Sans-Serif;
	height: 14px;
	white-space: nowrap;
}

.subHeadXXX
{
	color: #666;
	font-size: 16px;
	font-family: Tahoma, Verdana, Sans-Serif;
	white-space: nowrap;
	text-align: left;
}

.ddlUser, .ddlMonth, .ddlYear, .ddlShow, .ddlNumberResults
{
	color: #666;
	background-color: #fff;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	border: 0px: white-space: nowrap;
}

.ddlUser, .ddlNumberResults
{
	width: 170px;
	margin-top:3px;
}

.ddlShow
{
	width: 120px;
	margin-top:3px;
}

.ddlMonth
{
	width: 100px;
	margin-top:1px;
}

.ddlYear
{
	width: 60px;
	margin-top:1px;
}

.bodyHeaderBold
{
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 12px;
	text-align: left;
	white-space: nowrap;
}

.bodyHeaderText
{
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 23px;
	text-align: left;
	white-space: nowrap;
}

.bodyHeaderTextRight
{
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 23px;
	text-align: right;
	white-space: nowrap;
}

.bodyHeaderTextCenter
{
	color: #666666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 23px;
	text-align: center;
	white-space: nowrap;
}

.text, .label-short, .label-medium, .label-long
{
	color: #666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 19px;
	white-space: nowrap;
	text-decoration: none;
	padding-bottom: 4px;
}

.hoverPreviousButton
{
	color: #a6b63a;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 19px;
	white-space: nowrap;
	text-decoration: none;
}

.instructions
{
	color: #666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	line-height: 16px;
}

.instructions-color
{
	color: #666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	line-height: 16px;
}

.text-header-small
{
	color: #666;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 14px;
	white-space: nowrap;
}

.time-text-box
{
	
	text-align: right;
}

.time-total-box
{
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	height: 15px;
	white-space: nowrap;
	padding-top: 2px;
	text-align: right;	
}

.time-column
{
	 float: left;
	 height: 24px; 
	 text-align: center; 
	 padding-left:4px;
}

.instructions a
{
	text-decoration:none;
	color:#666;
}

.instructions a:hover
{
	color:#819425 !important;
}

.instructions:hover		/* style required for link button which does not honor a:hover */
{
	color:#819425 !important;
}

.special-days
{
	background-color:Red;
	color:Blue;
}

.label-short, .label-medium, .label-long, .text
{
	line-height: 20px;
	height: 20px;
}

.label-short
{
	width: 100px;
}

.label-medium
{
	width: 125px;
}

.label-long
{
	width: 175px;
}

.label-225
{
	width: 225px;
	margin-right: 10px;
}

.textbox
{
	border: 1px solid #666;
	padding: 2px 0 2px 3px;
	font: 11px verdana;
	color: #666;
	width: 125px;
}

.textbox-medium
{
	width: 250px;
}

.validation-summary
{
	font-size: 11px;
	float: left;
	line-height: 19px;
	padding-bottom: 5px;
	margin: 0 10px 0 0;
}

.warning-message
{
	color: #800000;
	font-size: 11px;
	font-weight: bold;
}

.error-message
{
	color: #800000;
	font-size: 11px;
}

.footnote-text
{
	font-size: 10px;
	color: #666;	
}

/* the "." is for IE browsers */

#goBtn-Submission
{
	float:left;
	padding: 16px 0px 0px 10px;
	.padding: 16px 0px 0px 10px;
}

.calendar-header
{ 
	width: 100%;
	height: 28px;
	background-color: #666666; 
	margin-right: 10px;
}

.calendar-footer
{
	width: 100%;
	height: 14px; 
	background-color: #666666; 
	margin-right: 10px;
}

.preview-section
{
	line-height: 20px;
	margin: 0 0 10px 0;
	font-weight: bold;
}

.preview-subsection
{
	width: 100%;
	font-weight: bold;
	line-height: 19px;
	margin: 15px 0 0 0;
}

.preview-subsection-left
{
	width: 75%;
	float: left;
	border-bottom: solid 1px #dcdcdc;
}

.preview-subsection-right
{
	width: 25%;
	.width: 24%;
	float: left;
	border-bottom: solid 1px #dcdcdc;
	text-align: right;
}

.preview-item-left
{
	float: left;
	width: 75%;
	font-weight: normal;
	border-bottom: solid 0px #ccc;
	height: 19px;
	line-height: 19px;
	margin: 0 0 0 10px;
}

.preview-item-right
{
	float: left;
	width: 25%;
	.width: 24%;
	font-weight: normal;
	text-align: right;
	border-bottom: solid 0px #ccc;
	height: 19px;
	line-height: 19px;
	margin: 0 0 0 -20px;
}

.preview
{
	margin: 1px 16px -1px -16px;
}

.strong
{
	font-weight: bold;
}

.required
{
	color: #889247;
	font-weight: bold;
	padding-right: 1px;
}

/* Styles used for Password Strength Meter */

.strength, .strength0, .strength1, .strength2, .strength3, .strength4, .strength5
{
	margin-top: -5px;
	font-size: 10px;
	font-weight: bold;
}

.strength	/* No entry */
{
	color: #999999;
	font-weight: normal;
}

.strength0	/* Too Short */
{
	color: #FFA500;
}

.strength1	/* Weak */
{
	color:#ff0000;
}

.strength2	/* Better */
{
	color:#696969;
}

.strength3	/* Medium */
{
	color:#0000FF;
}

.strength4	/* Strong */
{
	color:#008000;
}

.strength5	/* Strongest */
{
	color:#006400;
}

/* Expand/Collapse Sections */
.expand-row-left-top, .expand-row-right-top
{
	float: left;
	width: 50%;
	padding-bottom: 3px;
	border-bottom: solid 1px #dcdcdc;
	font-weight: bold;
}

.expand-row-left-bottom, .expand-row-right-bottom
{
	float: left;
	width: 50%;
	padding-top: 3px;
}

.expand-row-left-top, .expand-row-left-bottom
{
	text-align: left;
}

.expand-row-right-top, .expand-row-right-bottom
{
	text-align: right;
}

.section-instructions
{
	margin: 11px 50px 10px 10px;
	.margin: 0 0 10px 10px;
	line-height: 16px;
}

.form-date
{
	margin-top:-4px;
	margin-right:1px;
}

.grid-form
{
	padding: 10px;
	border: solid 1px #a3b63a;
	background-color: #ffffff;
}

.title
{
	float: left;
	margin: 1px 0 20px 0;
	font-weight: bold;
	color: #666666;
}

.title-detail
{
	margin: 1px 0 20px 7px; 
	color: #666666;
}

.info
{
	float: left;
	margin-right: 6px;
}

.content-box
{
	background-color: #e5e5e5;
}

.clear
{
	clear:both; 
	height:0; 
	font-size:0;
}