/* CSS Document */

body {
	padding:0px;
	margin:0px;
	background-image:url(images/background.gif);
	background-repeat:repeat;
}
/**************** banner ***************/
.topBanner {
	background-image:url(images/topBanner.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:64px;
}

.banner01 {
	background-image:url(images/banner01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	height:160px;
}
.banner02 {
	background-image:url(images/banner02.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

.banner_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #455566;
	text-decoration: none;
}

.banner_name {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #455566;
	text-decoration: none;
}

a.banner_text:hover {
	color:#FFFFFF;
}

.loginBackground {
	background-image: url(images/loginBackground.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	height:34px;
}
/******************************************/

.full_content
{
  width:730px;
}

.vertical_menu
{
  width:190px;
}

.dashboard_vertical_menu
{
  width:150px;
}

.page_footer
{
  padding:30px 30px 30px 30px;
  background-color:#050505;
}

.content
{
  width:540px;
}

.dashboard_content
{
  width:580px;
}

.timesheet_content
{
  width:580px;
  border-width:thin;
  border-color:#050505;
}

.timesheet_header
{
  background-color:#003355;
  border-width:thin;
  border-color:#050505;
}

.timesheet_cell
{
  border-width:thin;
  border-color:#050505;
}

.content_background {
	background-image: url(images/contentBackground1.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#cbcbcb;
}

.content_header
{
  background-color:#050505;
  height:32px;
}

.content_header_thin
{
  background-color:#050505;
  height:16px;
}

.content_header_text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
a.content_header_text:hover {
	text-decoration:underline;
}

.content_footer
{
  background-color:#050505;
}

.content_footer_text
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}

a.content_footer_text:hover 
{
	text-decoration:underline;
}

.content_footer_text2 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0072b1;
	text-decoration:none;
}

a.content_footer_text2:hover 
{
	text-decoration:underline;
}

.content_title 
{
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 20px; 
  color: #091522;
}

.content_section_header_text{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	font-weight:bold;
	color: #030333;
	text-decoration: none;
  line-height: 20px;
}

.content_text
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #030333;
	text-decoration: none;
	line-height: 18px;
}

a.content_text:hover 	
{
  text-decoration:underline; 
}

.content_text_noline
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px;
	color: #030333;
	text-decoration: none;
	line-height: 18px;
}

a.content_text_noline:hover 	
{
  text-decoration:none; 
}
.error_text
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  font-weight:bold;
  color: #dd3333;
  text-align:center;
  vertical-align:middle;
}

.field_name
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #667788;
  text-align:right;
  vertical-align:middle;
}

.field_name_left
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #667788;
  text-align:left;
  vertical-align:middle;
}

.field_value
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #091828;
  text-align:left;
  vertical-align:middle;
  overflow:hidden;
}

.field_value_center
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #091828;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
}

.field_value_hours
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	height: 16px;
	width: 35px;
	text-align:center;
	background-color:Transparent;
	border-style:none;
}

.field_value_total_hours
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	height: 16px;
	width: 60px;
	text-align:center;
	background-color:Transparent;
	border-style:none;
}

.field_value_text_box
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 16px;
	width: 225px;
	background-color: #FFFFFF; 
}

.field_value_text_box2
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 16px;
	width: 150px;
	background-color: #FFFFFF; 
}

.field_value_text_box3
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 16px;
	width: 125px;
	background-color: #FFFFFF; 
}

.field_value_text_box_date
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 16px;
	width: 100px;
	background-color: #FFFFFF; 
}

.field_value_text_area
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 240px;
	background-color: #FFFFFF; 
  width: 99%;
  padding: 2px 2px 2px 2px;
}

.field_value_text_area_small
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 120px;
	width: 99%;
	background-color: #FFFFFF; 
	padding: 2px 2px 2px 2px;
}

.field_value_drop_down
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 18px;
	width: 150px;
	background-color: #FFFFFF; 
}

.field_value_drop_down3
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	border: 1px solid #a2a8ac;
	height: 18px;
	width: 125px;
	background-color: #FFFFFF; 
}

.field_value_radio_button
{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	height: 16px;
}

.field_value_check_box
{
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #091828;
	height: 16px;
}

.dashboard_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #091828;
	text-decoration: none;
}

.dashboard_desc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #667788;
	text-decoration: none;
}

ul.bullet_arrow
{
  list-style-image: url('images/arrow.gif');
}

ul.bullet_arrow ul
{
  list-style-image:none;
  list-style-type:disc;
}
  
/************ login panel ***************/
.login_panel
{
  width:402px;
}
.login_panel_title_bar 
{
  height:30px;
}

.login_panel_title_bar_title
{
  background-image:url('images/titlebar_login_left.png');   
  width:371px;
}

.login_panel_cancel_button
{
  background-image:url('images/titlebar_right.png');   
  width:31px;
}

.login_panel_layout
{
  width:400px;
}

.login_panel_error_text
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #dd3333;
  text-align:center;
  vertical-align:middle;
}
/***************************************/

/************ forgot password panel ***************/
.forgot_password_panel
{
  width:402px;
}
.forgot_password_panel_title_bar 
{
  height:30px;
}

.forgot_password_panel_title_bar_title
{
  background-image:url('images/titlebar_forgot_password_left.png'); 
  width:371px;
}

.forgot_password_panel_cancel_button
{
  background-image:url('images/titlebar_right.png');     
  width:31px;
}

.forgot_password_panel_layout
{
  width:400px;
}

.forgot_password_panel_error_text
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #dd3333;
  text-align:center;
  vertical-align:middle;
}
/***************************************/


/************ register panel ***************/
.register_panel
{
  width:402px;
}
.register_panel_title_bar 
{
  height:30px;
}

.register_panel_title_bar_title
{
  background-image:url('images/titlebar_register_left.png');   
  width:371px;
}

.register_panel_cancel_button
{
  background-image:url('images/titlebar_right.png');   
  width:31px;
}

.register_panel_layout
{
  width:400px;
}

.register_panel_error_text
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px; 
  color: #dd3333;
  text-align:center;
  vertical-align:middle;
}
/***************************************/



