/* ########################## GLOBAL STYLES ######################### */
body {
	background-color: #f2f2f2;
	font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
	color: inherit;
	margin: 0;
}

h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
	text-align: center;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
	color: #333333;
	padding: 0;
	margin: 0;
}

img { border-style: none; }
a, a:visited { color: #000000; border: 0px; text-decoration: none; font-weight: bold; text-decoration: underline; }
a:hover  { color: #41638e; text-decoration: underline; }


label  { border: inherit;}

input, select, textarea {
	font-family: "Lucida Grande", Verdana, Arial, san-serif;
	font-size: 14px;
	color: #333333;
	margin: inherit;
	border: 1px solid #cccccc;
	padding: 4px;
}
input.required,
select.required,
textarea.required
{ background-color: inherit; }

/* ########################## HEADER & CONTAINER STYLES ######################### */
#container   {
	margin: 0 auto 10px auto;
	width: 950px; 
	overflow: hidden;
	background-image: url('/media/admin_back.jpg');
	background-repeat: no-repeat;
}
#header   { display: none; }

#subtitle  { text-align: right; }

#header_uac { display: none; }

ul { list-style: none; }

/* ########################## NAVIGATION STYLES ######################### */

#menu { display: none;}

#nav { display: none; }

/* ########################## MAIN CONTENT STYLES ######################### */

#content {
	font-size: .8em;
	line-height: 1.7em;
	margin: 0 auto;
	width: 880px;
	/* font-family:georgia,times,"times new roman"; /* ###UN-COMMENT FOR SERIF TYPEFACE### */
}

#main {
	color: #555555;
	border: 10px solid #bbbbbb;
	background: #ffffff;
	padding: 10px;
	width: 800px;
	margin: 50px auto 10px auto;
	overflow: hidden;
}

#main p.message {
	text-align: center;
	color: #555555;
}

#main p.login_form {
	color: #5b8a20;
	font-size: 1.2em;
	padding-bottom: 10px;
}

#login_form {
	margin: 0 auto;
}

/* #login_button {
	margin: 0 auto;
} */

#login_home_button {
	width: 175px;
	margin: 0 auto;
}
#login_home_button a, #login_home_button a:visited {
	color: #555555;
	text-decoration: none; 
}


#footer {
	display: none;
}


#404_image_c { border: 1px solid red; }

#editTable p {
	color: #5b8a20;
	padding: 5px;
	margin-left: 5px;
}
/* ########################## TIMESHEET TABLE ######################### */


#client_manager_info { text-align: right; width: 350px; margin: 0 auto; margin-bottom: 15px; }
#pay_period_end { width: 490px; margin: 0 auto; }


#hours_table_container { width: 800px; margin: 5px auto;}

#hours_table { width: 790px; border-collapse: collapse; }
#hours_table td { border-bottom: 1px solid #bbbbbb; margin: 2px 0px 2px 0px; }
#hours_table tr.weekend { color: #666666; background-color: #ecf0f7; }
#hours_table tr.weekday { font-weight: bold; color: #000000; }
#hours_table th { color: #5b8a20; border-bottom: 1px solid #bbbbbb; }

#pto { background: #ecf0f7; font-weight: bold; padding: 2px; }

#submit_timesheet { width: 500px; margin: 10px auto; }
.timesheet_disclaimer { 
	text-align: center; 
	font-style: italic;
	color: #777777; 
	font-size: .85em; 
	line-height: 1.4em; 
}
.accept_checkbox { color: #5b8a20; text-align: center; font-weight: bold; }



#summary_table { border-collapse: collapse; text-align: center; margin: 0 auto;}
#summary_table td { padding: 5px 8px 5px 8px; }
#summary_table td.total { font-weight: bold; }
#summary_table td.total_hours { text-align: right; font-weight: bold; font-size: 1.1em; }
#summary_table td.final_total { font-weight: bold; font-size: 1.1em;}
#summary_table tr.weekend { color: #666666; background-color: #ecf0f7;}
#summary_table tr.weekday { font-weight: bold; color: #000000;}
#summary_table th { color: #5b8a20; padding: 2px 8px 2px 8px; border-bottom: 1px solid #bbbbbb; }

#confirm_timesheet { margin: 0 auto; width: 70px;}
/* ########################## NEW-USER REGISTRATION ######################### */

#register_form {
	color: #5b8a20;
	width: 600px;
	margin: 0 auto;
}

#user_registration {
	width: 300px;
	text-align: right;
	margin: 0 auto;
}
#regSubmit {
	padding-top: 20px;
	width: 100px; 
	margin: 0 auto;
}
/* ########################## NEW-HIRE ######################### */
#welcome_text {
	text-align: center; 
}

#hire_questions {
	width: 600px;
	margin: 0 auto;
	text-align: center;
}
#hire_questions p {
	color: #5b8a20;
}

#new_hire_intro { width: 750px; margin: 5px auto; border: 1px solid #bbbbbb; padding: 15px;  } 

#accordion { margin:20px 0px; }
#accordion a, a:visited { font-weight: bold; color: #3a477e ; }
.acc {
	text-align: center; 
	width: 470px; 
	margin: 10px auto 4px auto; 
	border-bottom: 1px solid #bbbbbb; 
}

h3.toggler {
	width: 650px;
	cursor: pointer;
	border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	background: #e0e8f4;
	margin: 0px auto 4px auto;
	padding: 3px 5px 1px;
	text-align: center; 
}

.toggler a { color: #ff0000; }

.element { width: 700px;margin: 0px auto; font-size: .8em;  }
.element a, a:visited { text-decoration: none; }
.element a:hover { color: #000000; text-decoration: underline; }
.element_container { height: 500px; overflow: scroll; }
.element h4 { text-align: center; }
div.element p, div.element h4 { margin: 0px; padding:4px; }

blockquote { padding:5px 20px; }
.checkbox { text-align: center; }

.download_form { 
	width: 350px; 
	border: 1px solid #bbbbbb; 
	margin: 0 auto;
	padding: 10px; 
	text-align: center; 
}

#eeo_input {
	border: 1px solid #bbbbbb;
	padding: 10px;
	text-align: center; 
}
.eeolist { 
	width: 500px; 
	text-align: left; 
	margin: 0 auto; 
	border: 1px solid #bbbbbb; 
	list-style: none; 
	padding: 10px; 
}


#form_submit { 
	width: 500px; 
	background-color: #ffffff;
	border: 1px solid #bbbbbb; 
	padding: 10px;  
	margin: 10px auto; 
	text-align: center;
}

#hireRightTable {
	width: 680px;
	border: 1px solid #bbbbbb;
	border-collapse: collapse; 
}
#hireRightTable td { border: 1px solid #bbbbbb; padding: 7px; }

#new_hire_summary {
	width: 700px;
	border: 1px solid #bbbbbb;
	margin: 0 auto;
}


/* ########## NEW USER TABLE ######## */

#user_sort {
	width: 375px;
	border-collapse: collapse;
	text-align: center;
	margin: 0 auto;
}

#user_sort a, a:visited {
	color: #3a477e;
	text-decoration: underline;
}
#user_sort a:hover { color: #000000; }

#user_sort tr.even {
	background-color: #eceff6;
}
#user_sort th {
	border-bottom: 4px solid #333333;
}
#user_sort td {
	text-align: center;
	border-bottom: 1px solid #bbbbbb; 
	padding: 10px;
}

#missing {
	width: 350px;
	text-align: center;
	color: #333333;
	border: 2px solid #bbbbbb;
	margin: 0 auto 10px auto;
	padding: 10px;
}
#missing h4 { color: #660000; }




#submit {
	width: 150px;
	float: right;
	border: 1px solid red;
}

#back {
	width: 150px;
	float: left;
	border: 1px solid red;
}