/*----------------------------------------------------------------------------*
 *
 * Capable Staff Style Sheet
 *
 *----------------------------------------------------------------------------*/

@import url( "style_form.css" );
@import url("style_calendar.css" );
@import url("style_breadcrumb.css" );
@import url("style_database.css" );
@import url("style_matrix.css" );


/*----------------------------------------------------------------------------*/

ul
{
	padding:			0 0 0 5px;
	margin:				5px;
	list-style-position:outside;
	list-style-type:	square;
	
	/*text-indent:		5px;*/
	font:				10px Arial;
}

#abn
{
	font:				9px Arial;
}

a:link
{
	color:				#A91E21;
	text-decoration:	none;
}

a:visited
{
	color:				#A91E21;
	text-decoration:	none;
}

a:hover
{
	color:				#000;
	text-decoration:	underline;
}

h3, .subheader
{
	font:				14px Arial, Helvetica, sans-serif;
	color:				#FFF;
	background-color:	#A91E21;
	padding:			5px;
	font-variant:		small-caps;
	font-weight:		bold;
	width:				100%;
}

.subheader_unapproved
{
	font:				14px Arial, Helvetica, sans-serif;
	color:				#FFF;
	background-color:	#E1282C;
	padding:			5px;
	font-variant:		small-caps;
	font-weight:		bold;
	width:				100%;
}

.subheader_waiting
{
	font:				14px Arial, Helvetica, sans-serif;
	color:				#FFF;
	background-color:	#BC9F16;
	padding:			5px;
	font-variant:		small-caps;
	font-weight:		bold;
	width:				100%;
}

.subheader_approved
{
	font:				14px Arial, Helvetica, sans-serif;
	color:				#FFF;
	background-color:	#49AC31;
	padding:			5px;
	font-variant:		small-caps;
	font-weight:		bold;
	width:				100%;
}

.button
{
	font:				12px Arial, Helvetica, sans-serif;
	font-variant:		small-caps;
	border:				1px solid #A91E21;
	cursor:				pointer;
	color:				#A91E21;
	background-color:	#FFF0F0;
	padding:			3px;
	padding-left:		6px;
	padding-right:		6px;
	margin:				2px;
	text-decoration:	none;
}

.button:hover
{
	color:				#FFF0F0;
	background-color:	#A91E21;
	text-decoration:	none;
}

.button_small
{
	font:				9px Arial, Helvetica, sans-serif;
	font-variant:		small-caps;
	border:				1px solid #A91E21;
	cursor:				pointer;
	color:				#A91E21;
	background-color:	#FFF0F0;
	padding:			0px;
	padding-left:		3px;
	padding-right:		3px;
	text-decoration:	none;
}

.button_small:hover
{
	color:				#FFF0F0;
	background-color:	#A91E21;
	text-decoration:	none;
}

.contractor_info
{
	color:				#AAA;
	text-align:			left;
	font:				10px Arial, Helvetica, sans-serif;
	width:				100%;
	padding:			5px;
	padding-top:		15px;
}


/*----------------------------------------------------------------------------*/

.timesheet
{
	font:				15px Arial, Helvetica, sans-serif;
	width:				95%;
	margin:				0 auto;
	color:				#A91E21;
	text-align:			center;
}

.timesheet table#header
{
	width:				95%;
	margin:				0 auto;
	margin-bottom:		10px;
	color:				#A91E21;
}

.timesheet table#header #logo
{
	font:				20 "Courier New", Courier, monospace;
}

.timesheet table#header #info
{
	font:				14px "Times New Roman", Times, serif;
	text-align:			center;
}

.timesheet table#header #info #title
{
	font:				26 "Times New Roman", Times, serif;
	font-weight:		bold;
}

.timesheet table#header #info #number
{
	font:				24 "Courier New", Courier, monospace;
	border:				1px solid #A91E21;
	padding:			1px;
	margin:				4px;
}

.timesheet table#header input
{
	border:				none;
	border-bottom:		1px solid #A91E21;
	width:				100%;
	padding-bottom:		5px;
}

.timesheet table#header input.tdate
{
	width:				auto;
	text-align:			right;
}

.timesheet table#header label
{
	font-variant:		small-caps;
	padding-right:		8px;
	float:				left;
}

.timesheet table#header label#date
{
	font-variant:		small-caps;
	padding-left:		4px;
	padding-right:		1px;
	float:				none;
}

.timesheet #disclaimer
{
	font:				10px Arial, Helvetica, sans-serif;
	font-style:			italic;
	width:				95%;
	margin:				0 auto;
	text-align:			right;
}

.timesheet #footer
{
	width:				95%;
	font-size:			12px;
	text-align:			justify;
	padding-top:		8px;
	padding-bottom:		15px;
}

.timesheet #footer input
{
	font-variant:		small-caps;
	border:				1px solid #A91E21;
	cursor:				pointer;
	color:				#A91E21;
	background-color:	#FFF0F0;
	padding:			3px;
	margin-top:			20px;
	margin-right:		10px;
}

.timesheet #footer input:hover
{
	color:				#FFF0F0;
	background-color:	#A91E21;
}

.timesheet table#body
{
	border:				2px solid #A91E21;
	border-collapse:	collapse;
	color:				#A91E21;
	font:				10px Arial, Helvetica, sans-serif;
	width:				95%;
	margin:				0 auto;
}

.timesheet .element_right
{
	border:				none;
	width:				100%;
	text-align:			right;
	font:				14px Arial, Helvetica, sans-serif;
}

.timesheet .element_right_nofocus
{
	border:				none;
	width:				100%;
	text-align:			right;
	font:				14px Arial, Helvetica, sans-serif;
	cursor:				default;
}

.timesheet .element_right_shaded
{
	border:				none;
	width:				100%;
	text-align:			right;
	background-color:	#FFF0F0;
	font:				14px Arial, Helvetica, sans-serif;
}

.timesheet .element_left
{
	border:				none;
	width:				100%;
	text-align:			left;
	font:				14px Arial, Helvetica, sans-serif;
}

.timesheet td
{
	padding:			4px;
	cursor:				default;
}

.timesheet .title
{
	font:				13px Arial, Helvetica, sans-serif;
	font-variant:		small-caps;
	font-weight:		bold;
}

.timesheet .title_left
{
	font:				13px Arial, Helvetica, sans-serif;
	font-variant:		small-caps;
	font-weight:		bold;
	float:				left;
}

.timesheet .title_right
{
	font:				13px Arial, Helvetica, sans-serif;
	font-variant:		small-caps;
	font-weight:		bold;
	float:				right;
}

.timesheet .box1
{
	border:				1px solid #A91E21;
}

.timesheet .box1_shaded
{
	border:				1px solid #A91E21;
	background-color:	#FFF0F0;
}

.timesheet .box2
{
	border:				2px solid #A91E21;
}

.timesheet .box3
{
	border-top:			2px solid #A91E21;
	border-bottom:		2px solid #A91E21;
	border-left:		1px solid #A91E21;
	border-right:		1px solid #A91E21;
}

.timesheet .box3_shaded
{
	border-top:			2px solid #A91E21;
	border-bottom:		2px solid #A91E21;
	border-left:		1px solid #A91E21;
	border-right:		1px solid #A91E21;
	background-color:	#FFF0F0;
}

.timesheet .box4
{
	border-left:		2px solid #A91E21;
	border-right:		2px solid #A91E21;
	border-top:			1px solid #A91E21;
	border-bottom:		1px solid #A91E21;
}


/*----------------------------------------------------------------------------*/

/**************************/
/*	Administration How-To */
/**************************/
#how-to {
	text-align:left;
	font-size:14px;
	width:600px;
}
#how-to ol li {
	font-size:14px;
	text-align:left;
	padding:2px;
	margin-left:20px;
	text-align: justify;
}
#how-to ul {
	font-size:14px;
	padding: 0 10px 0 0;
}
#how-to li {
	text-align:left;
	margin-top:0;
	margin-left:30px;
	text-align: justify;
}
#how-to b {
	font-size:13px;
}
div#shaded {
	border:1px solid #333;
	padding:6px;
	height:70px;
	margin:0 0 12px 0;
	background:#ddd url(../images/pdf_icon.gif) no-repeat;
	background-position: 5px 15px;
	color:#333;
}
div#shaded.note {
	background:#ddd none;
}
div#shaded p {
	padding-left:60px;
	width:500px;
}
div#shaded h4 {
	position:relative;
	z-index:10;
	font-size:14px;
	padding-left:60px;
}
#how-to pre {
	margin-left:20px;
	font: 14px Arial;
}
#how-to h5 {
	font-size:18px;
	padding:0 0 0 5px;
	margin: 0 0 0 6px;
	color:rgb(199, 31, 33);
}
#how-to h2 {
	text-transform:uppercase;
	font-size:20px;
	margin: 0 0 0.5em 0;
	padding: 5px 0 0 4px;
	background: #6F6F6F;
	width: 590px;
	text-align: left;
}
#how-to h3 {
	background:none;
	background-position:0;
	margin:0;
	padding:0;
	color:#333;
	text-transform: uppercase;
	text-decoration: underline;
}
#how-to h4 {
	font-size:22px;
	padding:3px;
	margin:0;
	color:#333;
}
#how-to table {
	margin-left:50px;
	width:300px;
}
#how-to tr th {
	background: #ddd;
	padding:5px;
}
#how-to tr td {
	padding:5px;
}
#how-to p {
	padding:0 0 0 6px;
	text-align: justify;
}
.margin {
	margin-left:12px;
	margin:4px 0 4px 0;
	width:95%;
}
.pdf {
	list-style-image: url(../images/small_pdf_icon.gif);
}