/**************************************************/
body
{
	margin: 0px;
	padding: 0px;
	background: #062156 url(images/tile.jpg) repeat-x top left;
}

body *
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

input[type=text], input[type=password], select, textarea
{
	margin-top: 1px;
	margin-bottom: 2px;
	border: 1px solid #454545;
	padding: 2px;
}
select
{
	padding: 1px;
}
strong
{
	font-weight: bold;
	color: #454545;
}

a
{
	color: #99CCFF;
	text-decoration: underline;
}
a:hover
{
	color: #FFFF00;
}

legend
{
	color: #222222;
	font-weight: bold;
}
fieldset
{
	border: #999999 1px solid;
	padding: 10px;
}
label, span.label
{
	color: #FFFF99;
	white-space: nowrap;
}

hr
{
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	color: #93B3D2;
}	



/* PAGE LAYOUTS */

/* header */
#pageheader
{
	width: 950px;
	height: 124px;
	margin: 0px auto;
	padding: 0px;
	background: url(images/layer40copy.jpg) no-repeat top left;
}

/* body */
#pagecontent
{
	width: 950px;
	margin: 0px auto;
	padding: 0px;
}

/* footer */
#pagefooter
{
	clear: both;
	width: 950px;
	margin: 10px auto;
	padding: 10px 0px;
	font-size: 90%;
	overflow: hidden;
	color: #55677D; /*background: #2D487B;*/
	border-top: solid 1px #55677D;
	height: auto !important;
	height: 100%;
}



/* FORM LAYOUTS */

/* form header styles */
h1.pagetitle /* form title text */
{
	margin: 10px 0px 5px 0px;
	float: left;
	font-size: 24px;
	font-weight: bold;
	color: #cc0000;
	white-space: nowrap;
}
h2 /* form header text */
{
	float: left;
	margin: 0px;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	white-space: nowrap;
}
h3	/* form heading text */
{
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 18px;
	text-align: center;
	color: #efefef;
	clear: both;
	white-space: nowrap;
}
h4.forminstruction
{
	color: #FFCC66;
	font-size: 16px;
	margin: 0px 0px 20px 0px;
	text-align: center;
}
h5.pagesubtitle
{
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	color: #dcdcdc;
	white-space: nowrap;
	float: left;
	clear: left;
}
h6.formnote
{
	margin: 0 0 15px 0;
	padding: 0px;
	font-size: 12px;
	color: #66FF66;
	font-weight: bold;
	clear: both;
}
.form_userwelcome
{
	float: right;
	color: #ababab;
	font-size: 12px;
	text-align: right;
	white-space: nowrap;
}
.form_userwelcome span
{
	color: #fefefe;
	font-size: 12px;
	line-height: 20px;
}
.form_userwelcome a
{
	margin-left: 10px;
	font-size: 11px;
}
.form_userwelcome a.impersonation_admin
{
	color: #FFCC00;
}
.form_userwelcome a.impersonation_admin:hover
{
	color: #FFFF00;
}

.form_subheader_text
{
	padding: 0px;
	margin-left: 30px;
	font-size: 15px;
	color: #333333;
	white-space: nowrap;
}
.form_subheader_text span
{
	color: #eeeeee;
	font-size: 15px;
}

.pagecontentheader
{
	clear: both;
	overflow: hidden;
	margin: 5px 0px;
	height: auto !important;
	height: 100%;
}
.defaultformwrapper
{
	margin: 0px auto;
	clear: both;
}
.defaultform
{
	position: relative;
	border: 1px solid #062156;
	background: #5478A5;
	clear: both;
	margin: 10px auto;
	padding: 0px 20px 20px 20px;
}
.form_header
{
	color: #FFCC66;
	font-size: 16px;
	margin: 20px 0px 15px 0px;
	text-align: center;
	padding: 10px;
	background: #385F8D;
	border: 1px solid #D3D3D3;
	clear: both;
	overflow: hidden;
}
.form_body
{
	clear: both;
	overflow: hidden;
}
.form_body table
{
	margin-top: 20px;
	border: none;
	width: 100%;
}
.form_body table tr
{
	border: none;
}
.form_body table td
{
	border: none;
	padding: 5px 10px;
}
.form_body table input, 
.form_body table select, 
.form_body table textarea
{
	margin-top: 2px;
}

.form_footer
{
	clear: both;
	overflow: hidden;
	padding-top: 20px;
	border-top: 1px solid #cccccc;
}
.form_filters
{
	clear: both;
	margin-bottom: 10px;
}
.form_filters legend
{
	color: #FFCC00;
}

div.formrowwrapper
{
	text-align: left;
	margin: 25px 0px 0px 0px;
	clear: both;
}
div.formrowwrapper_center
{
	text-align: center;
	margin: 25px 0px 0px 0px;
	clear: both;
	min-height: 28px !important; height: 28px;
}
div.item_horizontal
{
	text-align: left;
	float: left;
	margin: 0px 40px 0px 0px;
}
div.item_horizontal_center
{
	text-align: left;
	float: left;
	margin: 0px 20px 0px 20px;
}
div.item_verticle
{
	margin: 0px 0px 20px 0px;
}



/* login form styles */
.smallformwrapper
{
	margin: 30px auto 20px auto;
}
.smallform
{
	text-align: center;
}
.forgotpasswordlink
{
	font-size: 12px;
}



/* update panel progress popup */
.updateProgress
{
	padding: 35px 15px;
	text-align: center;
	width: 300px;
	top: 200px;
	left: 33%;
	position: absolute;
	color: #FFFF99;
	font-weight: bold;
	background: #002459;
	border: 1px solid #ffffff;
}



/* work record form styles */
.workrecordselection
{
	float: left;
}
.workrecordcalendar
{
	float: right;
}
div.workrecorditem
{
	clear: both;
	margin-bottom: 15px;
	overflow: hidden;
	height: auto !important;
	height: 100%;
}



/* work record calendar */
.workrecordcalendar
{
	float: right;
	background: #666666;
	margin-bottom: 10px;
	width: 497px;
}
.workrecordcalendar_header
{
	text-align: center;
	background: #888888;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #bcbcbc;
	margin: 0px;
	padding: 6px 5px;
	color: #ffffff;
	font-weight: bold;
}
.workrecordweekwrapper_header
{
	clear: both;
	text-align: center;
	margin: 0px;
	overflow: hidden;
	height: auto !important;
	height: 100%;
}
.workrecordweekwrapper_header div
{
	text-align: center;
	float: left;
	background: #666666;
	border-right: 1px solid #666666;
	width: 60px;
	margin: 0px;
	padding: 6px 5px;
	color: #ffffff;
	font-weight: bold;
}
.workrecordweekwrapper
{
	clear: both;
	text-align: left;
	margin: 0px 0px 1px 0px;
	overflow: hidden;
	height: auto !important;
	height: 100%;
}
.workrecordweekwrapper div
{
	text-align: left;
	float: left;
	background: #ababab;
	border-right: 1px solid #666666;
	width: 60px;
	margin: 0px;
	padding: 7px 5px;
	height: 40px;
}
.workrecordweekwrapper div.workrecordblankday
{
	background: #777777;
}
.workrecordcalendar input
{
	border: 1px solid #787878;
	width: 40px;
}
.input_hasdata
{ 
	background-color: #DFFFDF; 
}
h6.calendarnote
{
	margin: 0 40px 10px;
	text-align: center;
	padding: 0px;
	font-size: 14px;
	color: #FFCC00;
	font-weight: bold;
	clear: both;
}



/* TOOLBARS AND MENUS */
a.formbutton
{
	color: #003366;
	background: url(images/btn_bkgd.png) repeat-x left top;
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 90%;
	text-decoration: none;
	border: 1px solid #22447D;
	padding: 6px 13px 7px 13px;
}
a.formbutton:hover
{
	color: #3399FF;
	background: url(images/btn_bkgd_on.png) repeat-x left top;
}
ul.form_toolbar_right
{
	float: right;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.form_toolbar_left
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.form_toolbar_right li
{
	display: inline;
	float: left;
	margin: 0px 0px 0px 5px;
}
ul.form_toolbar_left li
{
	display: inline;
	float: left;
	margin: 0px 5px 0px 0px;
}
ul.form_toolbar_right a, ul.form_toolbar_left a
{
	color: #003366;
	display: block;
	background: url(images/btn_bkgd.png) repeat-x left top;
	font-weight: bold;
	font-family: Tahoma, Arial;
	font-size: 90%;
	text-decoration: none;
	border: 1px solid #416A98;
	padding: 6px 13px 7px 13px;
}

ul.form_toolbar_right a:hover, ul.form_toolbar_left a:hover
{
	color: #3399FF;
	background: url(images/btn_bkgd_on.png) repeat-x left top;
}

div.workrecorditem ul.form_toolbar_left
{
	margin: 20px 0 0 0;
}
div.workrecorditem ul.form_toolbar_left a
{
	border: 1px solid #22447D;
}


ul.adminmenu 
{
	margin: 15px 0px 10px 0px;
	padding: 0;
	list-style: none;
	overflow: hidden;
	clear: both;
}
ul.adminmenu li {
	float: left;
	color: #ffffff;
	padding: 9px 21px 0px 0px;
	height: 27px;
}
ul.adminmenu a
{
	display: block;
	margin: 0;
	text-decoration: underline;
	font-size: 110%;
}
ul.adminmenu li.exportworkrecords
{
	float: right;
	padding-right: 0px;
}
ul.adminmenu li.exportworkrecords a
{
	color: #99FF66;
}
ul.adminmenu li.exportworkrecords a:hover
{
	color: #FFFF66;
}





/****************/
/* GRID LAYOUTS */
/****************/
.gridformwrapper
{
	clear: both;
	margin: 10px auto;
}
.gridheader
{
	clear: both;
	padding: 7px 10px;
	background: #bcbcbc;
	border-top: 1px solid #cdcdcd;
	overflow: hidden;
	height: auto !important;
	height: 100%;
}
.gridheader label
{
	color: #444444;
}
.gridheader .gridfilters
{
	float: left;
}
.gridheadertext
{
	font-weight: bold;
	color: #333333;
	float: left;
}
a.addnewbutton
{
	line-height: 20px;
	float: right;
}
.gridfooter
{
	clear: both;
	padding: 5px 10px;
	background: #ababab;
	border-top: 1px solid #fefefe;
	overflow: hidden;
	height: auto !important;
	height: 100%;
}
.gridfooter *
{
	margin-right: 3px;
}
.grid
{
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	background: #ffffff;
	overflow: hidden;
}
.grid a, .gridheader a, .gridfooter a
{
	color: #3333FF;
}
.grid a:hover, .gridheader a:hover
{
	color: #FFFF66;
}
.gridheaderrow th
{
	font-weight: bold;
	font-size: 1.0em;
	color: #ffffff;
	font-family: Arial;
	background: #878787;
	border-bottom: 1px solid #656565;
	border-top: 1px solid #cdcdcd;
	border-right: 1px solid #bcbcbc;
	vertical-align: middle;
	padding: 4px;
	text-align: center;
}
.grid td
{
	padding: 3px;
	margin: 0;
	vertical-align: top;
	font-family: Arial;
	text-align: left;
	border-bottom: 1px solid #bcbcbc;
	border-right: 1px solid #fefefe;
	border-top: 1px solid #fefefe;
}
.gridgrouprow td
{
	font-weight: bold;
	color: #444444;
	background: #777777;
	border-bottom: 1px solid #454545;
	border-right: 1px solid #bcbcbc;
	border-top: 2px solid #ffffff;
}
.gridrow td
{
	background: #efefef;
}
.gridrowalternate td
{
	background: #dbdbdb;
}
.gridrowedit td, .gridrowadd td
{
	background: #DEEAF8;
}
.gridrowadd .editform,
.gridrowedit .editform
{
	padding: 0px 5px 8px 5px;
}
.gridbuttons a
{
	display: block;
	margin: 4px 0px;
	white-space: nowrap;
}
.gridbuttons a.approvebutton
{
	color: #009933;
}
.gridbuttons a.unapprovebutton,
.gridbuttons a.deletebutton
{
	color: #cc0000;
}
.gridbuttons a:hover
{
	color: #FFCC00;
}
table.gridform
{
	border: none;
	width: 100%;
}
table.gridform tr
{
	border: none;
}
table.gridform td
{
	border: none;
	padding: 5px 10px;
}
.gridform label
{
	color: #666666;
}
.gridform input, 
.gridform select, 
.gridform textarea
{
	margin-top: 2px;
	border: 1px solid #999999;
}


/* global formatting classes */
.specialtext
{
	color: #CCFFCC;
}
.alertmessage
{
	clear: both;
	margin-top: 10px;
	color: #FF9900;
	display: block;
	text-align: center;
}
.errormessage
{
	clear: both;
	margin-top: 10px;
	color: #66FF33;
	display: block;
	text-align: center;
}
.confirmation
{
	margin: 30px auto;
	color: #66FF33;
	display: block;
	text-align: center;
}
.confirmation p
{
	text-align: center;
}
.required
{
	color: #CC0000;
}
div.required
{
	margin-top: 20px;
}
a.redirect_after_update
{
	display: block;
	text-align: center;
	margin-top: 5px;
}

/* global input sizes */
.input_small
{
	width: 65px;
}
.input_medium
{
	width: 120px;
}
.input_large
{
	width: 232px;
}
.input_extralarge
{
	width: 390px;
}
.readonly
{
	background: #dedede;
	color: #757575;
}


.radiobuttonlist label
{
	margin-right: 15px;
}