﻿table {
	border: 0px;
	}
td, th {
	font-size: 1em;
	}
a {
	text-decoration: none;
	color: #0073BA;
	}
a:hover {
	text-decoration: underline;
	color: #0073BA;
	}
p {
	margin: 0px 0px 15px 0px;
	}
fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
	}
form {
	padding: 0px;
	margin: 0px;
	}
hr {
	display: none;
	}

/***********************/
/***** FORM STYLES *****/
/***********************/
.frm_text,
.frm_text_sml,
.frm_file,
.frm_check {
	margin: 0px;
	padding: 0px;
	}
.frm_submit,
.frm_button {
	text-transform:capitalize;	
	}
.frm_submit, .frm_submitCentre,	
.frm_button_long {
	text-transform:none;	
	}

/************************/
/***** MEDIA STYLES *****/
/************************/

.notforscreen {
	display: none;
	}
.notforprint {
	}
.notforhandheld {
	}
.screenonly {
	}
.printonly {
	display: none;
	}
.handheldonly {
	display: none;
	}

/************************/
/***** MISC STYLES *****/
/**********************/

/** Error message **/

.error_message { 
	display: block;
	color: #222222;
	padding: 3px 4px 4px 4px;
	background-color: #FFDDDD;
	border: 1px solid #FF0000;
	margin: 0px 0px 10px 0px;
	}

/** Clear **/

.clear {
	height: 0;
	overflow: hidden;
	clear: both;
	}
.clear_l { clear: left; }
.clear_r { clear: right; }
.clear_n { clear: none; }

/** Float **/

.float_l { float: left; }
.float_r { float: right; }
.float_n { float: none; }

/** Text align **/

.align_l { text-align: left; }
.align_r { text-align: right; }
.align_c { text-align: center; }
.align_j { text-align: justify; }


/** Font colours **/

.blue {
	color: #0175BD;
	}
.pink {
	color: #EC008D;
	}	

/************************/
/***** LINE STYLES *****/
/**********************/

.dots_horizontal {
	font-size: 0.2em;
	line-height: 0.2em;
	height: 1px;
	background-image: url('../images/dots_horizontal1.gif');
	background-repeat: repeat-x;
	clear: both;
	}

/*************************/
/***** BUTTON STYLES *****/
/*************************/
.btn_large {
	position: relative;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}
	.btn_large li {
		position: relative;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-transform: none;
		}
		.btn_large a {
			position: relative;
			float: left;
			text-decoration: none;
			color: #809FD3;
			/*background-image: url('../images/buttons/btn_large1.gif');
			background-position: left top;
			height: 29px;
			line-height: 29px;
			text-align: center;
			font-size: 1em;*/
			}
			.btn_large a span {
				position: relative;
				left: 3px;
				height: 29px;
				line-height: 29px;
				font-size: 1em;
				font-weight: bold;
				background-position: right top;
				/*background-image: url('../images/buttons/btn_large2.gif');*/
				background-repeat: no-repeat;
				padding: 0px 16px 0px 14px;
				float: left;
				cursor: pointer;
				}
		.btn_large a:hover {
			text-decoration: none;
			background-position: left bottom;
			}
			.btn_large a:hover span {
				background-position: right bottom;
				}

.btn_thin {
	margin: 0px;
	padding: 0px;
	}
	.btn_thin li {
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		text-transform: none;
		}
		.btn_thin a {
			/*background-image: url('../images/buttons/btn_thin1.gif');*/
			background-repeat: no-repeat;
			background-position: left top;
			height: 21px;
			float: left;
			}
			.btn_thin a span {
				position: relative;
				left: 2px;
				/*background-image: url('../images/buttons/btn_thin2.gif');*/
				background-repeat: no-repeat;
				background-position: right top;
				text-align: center;
				height: 21px;
				padding: 0px 13px 0px 9px;
				float: left;
				cursor: pointer;
				}
		.btn_thin a:hover {
			background-position: left bottom;
			text-decoration: none;
			}
			.btn_thin a:hover span {
				background-position: right bottom;
				}

.button_sml1 a,
input.button_sml1 {
	float: left;
	color: #809FD3;
	/*background-image: url(../images/buttons/button_sml1.gif);*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 50px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	overflow: hidden;
	}
.button_sml1 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}
	
.button_sml2 a,
input.button_sml2 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_sml2.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 78px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	overflow: hidden;
	}
.button_sml2 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}
	
.button_sml3 a,
input.button_sml3 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_sml3.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 106px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	overflow: hidden;
	}
.button_sml3 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}
	
.button_sml4 a,
input.button_sml4 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_sml4.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 134px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	overflow: hidden;
	}
.button_sml4 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}


.button_med1 a,
input.button_med1 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_med1.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 78px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	overflow: hidden;
	}
.button_med1 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}
	
.button_med2 a,
input.button_med2 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_med2.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 106px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	overflow: hidden;
	}
.button_med2 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}
	
.button_med3 a,
input.button_med3 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_med3.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 134px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	overflow: hidden;
	}
.button_med3 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}
	
.button_med4 a,
input.button_med4 {
	float: left;
	color: #809FD3;
	/*background-image: url('/images/buttons/button_med4.gif');*/
	background-repeat: no-repeat;
	background-position: top left;
	width: 161px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	overflow: hidden;
	}
.button_med4 a:hover {
	text-decoration: none;
	background-position: left bottom;
	}

/*
######################################
######                          ######
######     STRUCTURE STYLES     ######
######                          ######
######################################
*/


/*************************/
/***** CONTENT LEFT *****/
/***********************/

#content_left {
	position: absolute;
	width: 304px;
	top: 9px;
	left: 0px;
	z-index: 1000;
	margin-bottom: 45px;
	background-image: url('../images/content_left/lower_bg_cont.gif');
	margin-bottom: 10px;
	font-size: 0.8em;
	}

/** Open **/

.content_left_open #top_module {
	height: 103px;
	margin-bottom: -15px;
	}

/** Closed **/

.content_left_closed #top_module {
	height: 103px;
	}
.content_left_closed #lower_module,
.content_left_closed #lower_footer {
	display: none;
	}
	
/***** TOP MODULE *****/

#top_module {
	clear: both;
	}
	#top_module img {
		position: absolute;
		top: 23px;
		left: 38px;
		}
	#top_module ul {
		position: absolute;
		width: 37px;
		top: 25px;
		right: 23px;
		padding: 0px;
		margin: 0px;
		}
		#top_module ul li {
			position: relative;
			float: left;
			margin: 0px;
			padding: 0px;
			width: 17px;
			list-style-type: none;
			}
			
			#top_module ul li a {
				position: relative;
				display: block;
				width: 15px;
				height: 15px;
				background-repeat: no-repeat;
				background-position: left top;
				}
			#top_module ul li a:hover {
				text-decoration: none;
				background-position: left bottom;
				}
			#top_module ul li#minimize a {
				background-image: url('../images/content_left/icon_minus.gif');
				}
			#top_module ul li#maximise a {
				background-image: url('../images/content_left/icon_plus.gif');
				}
			#top_module ul li#close a {
				background-image: url('../images/content_left/icon_cross.gif');
				}
				#top_module ul li a span {
					display: none;
					}

/***** LOWER MODULE *****/

#lower_module {
	position: relative;
	background-repeat: no-repeat;
	padding-top: 46px;
	font-size: 1.1em;
	width: 304px;
	}
	#lower_module p {
		position: relative;
		left: 40px;
		clear: both;
		padding: 0px 0px 10px 0px;
		margin: 0px;
		font: bold 1em Verdana, Arial, Helvetica, sans-serif;
		color: #757575;
		text-transform: none;
		}
	#lower_module ul {
		position: relative;
		left: 43px;
		display: block;
		clear: both;
		margin: 0 0 15px 0;
		padding: 0px;
		width: 304px;
		}
		#lower_module ul li {
			margin: 0px 0px 3px 0px;
			padding: 0px;
			list-style-type: none;
			display: block;
			clear: both;
			}
			#lower_module ul li a {
				background-image: url('../images/arrow_grey_sml.gif');
				background-repeat: no-repeat;
				background-position: 0px 5px;
				padding-left: 7px;
				color: #7FA0D3;
				font: normal 1em Tahoma, Arial, Helvetica, sans-serif;
				}
			#lower_module ul li a:hover {
				text-decoration: underline;
				}
			#lower_module ul li a.active {
				color: #EC00A0;
				font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
				}
			#lower_module ul li.navtop a.active {
				background-image: url('../images/arrow_grey_sml_down.gif');
				}

/** Sub nav **/
		
			#lower_module ul li ul {
				margin-top: 8px;
				margin-bottom: 0px;
				left: 10px;
				width: 248px;
				}
				#lower_module ul li ul li {
					height: 12px;
					font-size: 0.9em;
					width: 124px;
					float: left;
					clear: none;
					}
				#lower_module ul li ul li.clear {
					padding: 0px;
					}
					#lower_module ul li ul li a {
						background-image: url('../images/arrow_grey_mini.gif');
						padding-left: 5px;
						color: #0173B9;
						}
					#lower_module ul li ul li a.active,
					#lower_module ul li.navtop ul li a.active {
						background-image: url('../images/arrow_grey_mini3.gif');
						font: bold 1em Tahoma, Arial, Helvetica, sans-serif;
						color: #EC00A0;
						}

#lower_footer {
	position: relative;
	width: 304px;
	height: 15px;
	background-image: url('../images/content_left/lower_footer.gif');
	background-repeat: no-repeat;
	background-color: #F4F4F4;
	}

/**************************/
/***** CONTENT RIGHT *****/
/************************/

#content_right {
	position: relative;
	float: right;
	width: 245px;
	}

.content_right_open {
	margin-bottom: 45px;
	}
.content_right_closed {
	margin-bottom: -33px;
	}

#topnav {
	position: relative;
	left: 0px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	}
	#topnav #rollingtext {
		float: left;
		width: 70px;
		text-align: left;
		margin-top: -5px;
		padding-top: 5px;
		color: #7F9ED2;
		font: normal 1em Verdana, Arial, Helvetica, sans-serif;
		}
	#topnav .links {
		float: left;
		width: 149px;
		height: 30px;
		background-repeat: no-repeat;		
		}
		#topnav .links em {
			display: none;
			}
		#topnav a {
			position: relative;
			float: left;
			margin-top: 4px;
			background-repeat: no-repeat;
			text-decoration: none;
			height: 14px;
			background-position: left top;
			}
		#topnav a:hover,
		#topnav a.active {
			text-decoration: none;
			background-position: left bottom;
			}
			#topnav a span {
				display: none;
				}
		/** Help **/
		#topnav .help a  
		{
			margin-left: 8px;
			width: 18px;
			cursor:hand;
			background-image: url('../images/content_right/qm.gif');
		}
		/** Home **/
		#topnav .home a {
			margin-left: 14px;
			width: 14px;
			background-image: url('../images/content_right/icon_home.gif');
			}
		
		/** Phone **/
		#topnav .phone a {
			margin-left: 14px;
			width: 12px;
			background-image: url('../images/content_right/icon_phone.gif');
			}
		
		/** Feedback **/
		#topnav .feedback a {
			margin-left: 13px;
			width: 17px;
			background-image: url('../images/content_right/icon_feedback.gif');
			}
		
		/** Logged in **/
		.internal #topnav .login_status a {
			margin-left: 10px;
			width: 11px;
			background-image: url('../images/content_right/icon_loggedin.gif');
			}
		
		/** Logged out **/
		.external #topnav .login_status a {
			margin-left: 27px;
			width: 11px;
			background-image: url('../images/content_right/icon_loggedout.gif');
			}

.content_right_open #content_right_bg {
	display: block;
	height: 504px;
	width: 223px;
	background-position: bottom right;
	background-repeat: no-repeat;
	}
.content_right_closed #content_right_bg {
	display: block;
	background-position: bottom right;
	background-repeat: no-repeat;
	}

/**************************/
/***** CENTRE COLUMN *****/
/************************/

#content_center {
	position: relative;
	font: normal 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	margin-left: 10px;	
	margin-top: 16px;
	margin-bottom: 0px;
	clear: none;
	padding: 0px 17px 0px 17px !important;
	padding: 0px 14px 0px 14px;
	}
#content_center .content_normal {
	margin-right: 245px;
	margin-top: 16px;
	}
#content_center .content_large {
	margin-right: 1px;
	margin-top: 16px;
	
	}
	#content_center #clear_break {
		float: left;
		width: 100%;
		}
#content_center #clear_break .frm_button
{
	font-size:1em;
	}

.external h1 {
	display: block;
	font: normal 2.7em Arial, Helvetica, sans-serif;
	color: #597CB8;
	margin: 0px 0px 15px 0px;
	text-transform: capitalize;
	}
	
	.external h1 span {
		color: #777777;
		font: normal 0.7em Arial, Helvetica, sans-serif;
		display: block;
		}

.internal h1 {
	display: block;
	font: normal 2.3em Arial, Helvetica, sans-serif;
	color: #0175BD;
	margin: 0px 0px 15px 0px;
	font-weight: bold;
	text-transform: capitalize;
	}
	.internal h1 span {
		color: #777777;
		font-weight: normal;
		font-size: 1em
		}

#content_center .quotes {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	}
	#content_center .quotes li,
	#content_center .quotes li.arrow {
		display: block;
		margin: 0px;
		padding: 0px;
		list-style-type: none;
		color: #002a66;
		}
	#content_center .quotes li.arrow {
		background-repeat: no-repeat;
		background-position: left center;
		padding-left: 45px;
		height: 27px;
		}
	.internal #content_center .quotes li.arrow {
		background-image: url('../images/arrow_circle_blue.gif');
		}	
	.external #content_center .quotes li.arrow {
		background-image: url('../images/arrow_circle_blue.gif');
		}


/************************/
/***** CENTRE FULL *****/
/**********************/

#content_full {
	clear: both;
	padding: 10px 20px;
	/*padding: 2px 7px;*/
	margin-bottom: 50px;
	}

/*************************/
/***** FOOTER STYLES *****/
/*************************/

#footer {
	position: relative;
	width: 100%;
	clear: both;
	background-image: url('../images/footer_bg.gif');
	background-repeat: repeat-x;
	color: #D1D1D1;
	font-size: 0.8em;
	height: 37px;
	}
	#footer a {
		color: white;
		text-decoration: none;
		font-weight:normal;
		cursor:hand;
		}
	#footer a:hover {
		color: white;
		text-decoration: underline;
		cursor:hand;
		}
#footer_left {
	position: relative;
	float: left;
	left: 16px;
	top: 20px;
	text-transform: uppercase;
	}
#footer_right {
	position: relative;
	float: right;
	right: 16px;
	top: 20px;
	margin: 0px;
	padding: 0px;
	text-transform: none;
	color: white;
	}
#footerlogo
{
    position: relative;
    float: left;
    left: 16px
}

/*
########################################
######                            ######
######     UNIQUE PAGE STYLES     ######
######                            ######
########################################
*/

.loggedin_details {
	float: left;
	padding-right: 23px;
	margin-top: -20px;
	font-family: Arial, Helvetica, sans-serif;
	}
	.loggedin_details p {
		line-height: 1.2em;
		margin-bottom: 6px;
		margin-top: 0px;
		padding: 0;
		}
	.loggedin_details .blue {
		font-size: 1.1em;
		}

/************************/
/***** FORM STYLES *****/
/**********************/

/***** Generic Styles *****/

form {
	margin: 0px;
	padding: 0px;
	}
	form fieldset {
		margin-bottom: 8px;
		}
		legend {
			font-weight: bold;
			padding: 0px;
			margin: 0px 0px 8px -8px;
			color: #597CB8;
			}
		label {
			font-weight: bold;
			margin-bottom: 8px;
			}
			label span {
				color: #597CB8;
				}
		.frm_text,
		.frm_file,
		textarea
		{
			padding: 1px 0px;
			margin-bottom: 8px;
			font-size: 1.1em;
			}	
		select
		{
			padding: 1px 1px 1px 2px;			
			font-size: 1.1em;			
			height:24px;
		}	
		.frm_check,
		.frm_radio {
			float: left;
			}
		.frm_button,
		.frm_submit {
			float: left;
			/*background-image: url('/images/buttons/btn_medium.gif');
			width: 81px;
			height: 29px;
			margin-right: 5px;
			font-size: 1em;
			font-weight: bold;
			text-decoration: none;
			color: #809FD3;
			background-position: left top;
			background-color: transparent;
			border: 0px;
			cursor: pointer;*/
			}		
		
		

/***** Floated Elements *****/

.fldst_float label {
	float: left;
	width: 156px;
	margin-right: 10px;
	}
.fldst_float .frm_text,
.fldst_float .frm_file,
.fldst_float textarea,
.fldst_float select,
.fldst_float .multiple {
	float: left;
	width: auto;
	margin-right: 10px;
	}
	.fldst_float .multiple label {
		width: auto;
		}
	
/***** Block Elements *****/


.fldst_block label {
	display: block;
	}
.fldst_block .frm_text,
.fldst_block textarea {
	display: block;
	}
.fldst_block .frm_text {
	width: 255px;
	}
.fldst_block textarea {
	width: 365px;
	height: 124px;
	}

/***** Checkbox and Radio Elements 1 *****/

.fldst_check_radio1 .frm_check,
.fldst_check_radio1 .frm_radio {
	margin-right: 10px;
	} 
.fldst_check_radio1 label {
	float: left;
	width: 350px;
	font-weight: normal;
	}
		
/***** Form Submit Elements *****/

.fldst_submit {
	margin: 0px;
	padding: 0px;
	}



/*********************************/
/***** LOGGED IN/OUT STYLES *****/
/*******************************/

/** Logged Out **/
/*
.external {
	background-image: url(../images/body_bg1.gif);
	}
	.external #wrapper {
		background-image: url(../images/body_bg_curve1.gif);
		}
	.external #top_module {
		background-image: url(../images/content_left/top_module_bg1.gif);
		}
	.external #lower_module {
		background-image: url(../images/content_left/lower_bg_main1.gif);
		}
	.external #topnav .links {
		background-image: url(../images/content_right/topnav_bg1.gif);
		}
*/	
.external {
	background-color:White;
	}
	.external #wrapper {
		background-color:White;
		}
	.external #top_module {
		background-color:White;
		}
	.external #lower_module {
		background-color:White;
		}
	.external #topnav .links {
		background-color:White;
		}
/** Logged In **/
/*	
.internal {
	background-image: url(../images/body_bg2.gif);
	}
	.internal #wrapper {
		background-image: url(../images/body_bg_curve2.gif);
		}
	.internal #top_module {
		background-image: url(../images/content_left/top_module_bg2.gif);
		}
	.internal #lower_module {
		background-image: url(../images/content_left/lower_bg_main2.gif);
		}
	.internal #topnav .links {
		background-image: url(../images/content_right/topnav_bg2.gif);
		}

*/
.internal {
	background-color:White;
	}
	.internal #wrapper {
		background-color:White;
		}
	.internal #top_module {
		background-color:White;
		}
	.internal #lower_module {
		background-color:White;
		}
	.internal #topnav .links {
		background-color:White;
		}


/****************************/
/***** HOME PAGE STYLES *****/
/****************************/

#content_center .home {
	margin-top: -140px;
	}
	#content_center .home #clear_break {
		top: -140px;
		}

#home_intro_text {
	position: relative;
	text-align: right;
	padding-top: 39px;
	background-color: #F5F5F5;
	}
	#home_intro_text img {
		display: block;
		margin-left: auto;
		}

.home .home_link {
	margin: 0px;
	padding: 0px;
	}
	.home .home_link li {
		display: block;
		margin: 0px;
		padding: 0px 0px 0px 38px;
		height: 38px;
		list-style-type: none;
		background-image: url('../images/arrow_circle_blue2.gif');
		background-repeat: no-repeat;
		background-position: left center;
		}
		.home_link a {
			color: #1976B9;
			font-weight: bold;
			font-size: 1em;
			text-decoration: none;
			}
		.home_link a:hover {
			text-decoration: underline;
			}
			.home_link span {
				display: block;
				}


/******************************/
/***** TABLE DATA STYLES *****/
/****************************/

.table_data table {
	background-color: #E2E2E2;
	width: 100%;	
	}
	.table_data table table {
		background-color: transparent;
		}	
	.table_data .frm_submit,
	.table_data .frm_button {
		float: right;
		/*background-image: url('../images/buttons/btn_medium.gif');
		width: 81px;
		height: 29px;
		font-size: 1em;
		font-weight: bold;
		border: 0px;*/
		}	

	.table_data .frm_buttonCentre
{
	float: none;
	/*background-image: url('../images/buttons/btn_medium.gif' );*/
	width: 81px;
	height: 29px;
	font-size: 1em;
	font-weight: bold;
	border: 0px;
	color: #809fd3;
}	
	.table_data .frm_buttonCentre {
		font-weight: normal;
		}
		
	.table_data .btn_thin {
		float: none;
		}
		.table_data .btn_thin a {
			margin: auto;
			float: none;
			display: block;
			height: 21px;
			}
			.table_data .btn_thin a span {
				float: none;
				display: block;
				line-height: 21px;
				}
	.table_data .frm_submit,
	.table_data .frm_button_long {
		float: right;
		/*background-image: url('../images/buttons/btn_large.gif');
		width:148px;
		height: 29px;
		font-size: 1em;
		font-weight: bold;
		border: 0px;
		color: #809FD3;
		cursor:pointer;*/
		}
			
		
		.table_data .frm_button_longleft {
		float: left;
		/*background-image: url('../images/buttons/btn_large.gif');*/
		width:148px;
		height: 29px;
		font-size: 1em;
		font-weight: bold;
		border: 0px;
		color: #809FD3;
		cursor:pointer;
		}
		
/***** TABLE DATA HEADER *****/

	.table_data .pagedescription {
		text-transform: capitalize;			
		font: normal 1.0em Arial, Helvetica, sans-serif;
		position: relative;
		background-color: #C1DFFF;
		color:#0066cc;
		vertical-align: middle;
		padding: 5px 2%;
		}	
	
	.table_data .header {
		/*position: relative;
		background-color: white;
		vertical-align: middle;
		padding: 16px 2%;*/
		position: relative;
		background-color: white;
		vertical-align: middle;
		padding: 5px 16px;
		}		
			
		.table_data .header h1 {
			color: #757575;
			text-transform: capitalize;
			/* font: normal 2.3em Arial, Helvetica, sans-serif; */
			font: normal 1.7em Arial, Helvetica, sans-serif;
			padding: 0px;
			margin: 0px;
			}
		.table_data .header p {
			font-size: 1.1em;
			}
		
		.table_data .header table {
			width: 100%;
			/*width: 96%;*/
			}
			.table_data .header table th {
				padding-right: 2%;
				}
			.table_data .header table th,
			.table_data .header table td {
				background-color: transparent;
				text-align: left;
				text-transform: none;
				}
			/*.table_data .header ul {
				margin: 0px;
				padding: 0px 0px 0px 35px;
			}
			.table_data .header ul li {
				margin: 0px;
				padding: 0px 0px 12px 0px;
				list-style-type: none;
				color: #737373;
				}*/
				.table_data .header ul li a {
					background-image: url('../images/list_style_arrow_blue.gif');
					background-position: 0px 6px;
					background-repeat: no-repeat;
					padding-left: 11px;
					color: #737373;
					}
				.table_data .header ul li a:hover {
					color: #0175BD;
					text-decoration: underline;
					}
			
			/*.table_data .header .diverror
			{
				margin:0px;
				background-repeat: no-repeat;
				padding: 0px 0px 0px 0px;					
			}
				.table_data .header .diverror ul li
				{
					color: red;
					background-repeat: no-repeat;
					list-style-type:disc;
					}	
			*/

			.table_data .header .divconfirmation
			{
				margin:0px;
				background-repeat: no-repeat;
				padding: 0px 0px 0px 0px;		
				color: green;			
			}
				.table_data .header .divconfirmation ul li
				{
					color: green;
					background-repeat: no-repeat;
					list-style-type:disc;
					}	
					
			.table_data .header .active_step
			{
				background-color:#C1DFFF;
				text-align:center;
			}

			.table_data .header .completed_step
			{
				background-color:#7B9ED6;
				text-align:center;
			}
			
			.table_data .header .inactive_step
			{
				background-color:#f0f0f0;
				text-align:center;
			}
/***** TABLE DATA MIDDLE *****/

	.table_data .middle {
		background-color: #F5F5F5;
		}
		.table_data .middle table {
			background-color: transparent;
			}
			
	/*** List Table3 ***/
		.table_data .middle .list3 td,
		.table_data .middle .list3 th {		
			height: 22px;
			vertical-align: middle;
			padding: 1px 4px;
			font-size: 0.9em;
			text-transform: capitalize;
			text-align:center;			
		}
				
		.table_data .middle .list3 .Header {		
			height: 22px;
			vertical-align: middle;
			padding: 1px 4px;
			font-size: 0.9em;
			text-transform: none;
			text-align:center;
			font-weight:normal;		
		}
		
		/* 04/10/2007 - HP - changed from capitalize to none */			
		.table_data .middle .list3 td {
			text-transform:none;
		}
		.table_data .middle .list3 th {
			border-right: 1px solid #E2E2E2;
			border-bottom: 1px solid #E2E2E2;
			background-color: #EFEEEE;
			}
		.table_data .middle .list3 th.end {
			border-right: 0;
			}
		.table_data .middle .list3 tr.end td {
			text-align: right;
			font-weight: bold;
			}
		.table_data .middle .list3 tr.row1 td {
			background-image: url('../images/tables/rowblend1.gif');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #f9f9f9;
			}
		.table_data .middle .list3 tr.row2 td {
			background-image: url('../images/tables/rowblend2.gif');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #FFFFFF;
			}

	/*** List Table2 ***/
	
		.list2, .list2 tr, .list2 td
		{
			white-space:normal !important;
		}
		
		.list2 td, .list2 th, .list3 td, .list3 th {
			padding: 4px;
			text-align:left;
		}

		.table_data .middle .list2 td,
		.table_data .middle .list2 th {
			height: 26px;
			vertical-align: middle;			
			text-align: left;
			text-transform: capitalize;			
			}
		/* 04/10/2007 - HP - changed from capitalize to none */			
		.table_data .middle .list2 td {
			text-transform:none;
		}
		.table_data .middle .list2 tr.row1 td, .table_data .middle .list2 tr.row1 th {
			background-image: url('../images/tables/rowblend1.gif');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #f9f9f9;
			}
		.table_data .middle .list2 tr.row2 td, .table_data .middle .list2 tr.row2 th {
			background-image: url('../images/tables/rowblend2.gif');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #FFFFFF;
			}
			
		
		.table_data .middle .list2  .middle_header {
			background-color: #EFEEEE;
			font-size: 1.1em;
			font-weight: bold;
			vertical-align: middle;
			height: 40px;
			text-transform: capitalize;
			}
			.table_data .middle .list2 .middle_header span {
				position: relative;
				top: 3px;
				float: left;
				}
				
			

	/*** Inline Fields1 ***/
	
		.table_data .middle .inline_fields1 {
			width: 100%;
			}
			.table_data .middle .inline_fields1 th,
			.table_data .middle .inline_fields1 td {
				text-align: left;
				padding: 10px 16px;
				font-size: 0.9em;
				text-transform: none;
				}
			.table_data .middle .inline_fields1 td {
				padding-top: 2px;
				}
			.table_data .middle .inline_fields1 th {
				padding-bottom: 2px;
				}
				.table_data .middle .inline_fields1 .frm_text,
				.table_data .middle .inline_fields1 select {
					font-weight: bold;
					display: block;
					}

	/*** Inline Fields2 ***/

		.table_data .middle .inline_fields2 {
			width: 100%;
			}
			.table_data .middle .inline_fields2 th,
			.table_data .middle .inline_fields2 td {
				border: 0px;
				padding-top: 10px;
				padding-bottom: 10px;
				text-transform: none;
				}
			.table_data .middle .inline_fields2 th {
				padding-left: 2%;
				padding-right: 1%;
				width: 7%;
				}
			.table_data .middle .inline_fields2 td {
				width: 22%;
				}
				.table_data .middle .inline_fields2 .frm_text,
				.table_data .middle .inline_fields2 select {
					position: relative;
					top: 4px;
					float: left;
					display: block;
					height: 15px;
					font-weight: normal;
					}
				.table_data .middle .inline_fields2 img {
					position: relative;
					top: 3px;
					left: 3px;
					display: block;
					float: left;
					}

input[type="button"], input[type="submit"],
.frm_button, .frm_button_long
{
	font-weight:bolder;	
	color:#737373;		
}


.table_data .middle .list .frm_button_long
{
	width:185px;		
	color:#737373;	
}
.table_data .middle .list .frm_button
{
	font-weight:bolder;		
	color:#737373;	
}

/***** FOOTER *****/
		
	.table_data .footer {
		background-color: white;
		padding: 15px 2% 0px 2%;
		margin: 0px;
		font-size: 0.9em;
		}
		.table_data .footer p {
			display: block;
			line-height: 1.6em;
			padding: 0px;
			margin: 0px 0px 15px 0px;
			}
		.table_data .footer .frm_submit,
		.table_data .footer .frm_button {
			float: right;
			/*background-image: url('/images/buttons/btn_medium.gif');*/
			width: 81px;
			height: 29px;
			font-size: 1em;
			font-weight: bold;
			margin-bottom: 30px;
			border: 0px;
			}
		.table_data .footer .frm_button {
			font-weight: normal;
			}		

/********************************/
/***** SUMMARY PAGE STYLES *****/
/******************************/

.table_summary {
	width: 100%;
	background-color: #FFFFFF;
	border-left: 1px solid #E2E2E2;
	border-top: 1px solid #E2E2E2;
	margin-bottom: 15px;
	}
	.table_summary th,
	.table_summary td {
		text-align: left;
		vertical-align: top;
		padding: 2px 5px;
		border-right: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
		text-transform: none;
		}
	.table_summary th {
		background-image: url('../images/tables/rowblend2.gif');
		background-position: left top;
		background-repeat: repeat-y;
		background-color: #FFFFFF;
		}
	.table_summary th.header {
		background-color: #EFEEEE;
		font-size: 1.1em;
		font-weight: bold;
		vertical-align: middle;
		height: 26px;
		background-image: none;
		}


/********************************/
/***** joystick *****/
/******************************/

/* PIE's "How To Clear Floats Without Structural Markup"

http://www.positioniseverything.net/easyclearing.html */



.clearfix:after {

    content : "."; 

    display : block; 

    height : 0; 

    clear : both; 

    visibility : hidden;

}



.clearfix {display: inline-block;}



/* Hides from IE-mac \*/

.clearfix {display : block;}

/* End hide from IE-mac */


/* PIE's hack to stop IE adding 3px to width when using italics

http://www.positioniseverything.net/explorer/italicbug-ie.html */

/* \*/

* html .clearfix {

	overflow: hidden;

	overflow: visible;

	width: 100%;

	width: auto;

	height: 1%;

}





div.joystick { background: url(../images/int_joystick.gif) top left no-repeat; width:223px; height:292px; position:relative; top:160px; left:20px}

ul.joystick, ul.joystick li {
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-type:none;
	/*position:absolute;
	left: 46px;
	width: 122px;
	top: 37px;
	height: 292px;*/
}
ul.joystick {
	width:115px;
	position:relative;
	left:50px;
	top: -4px;
	}
	ul.joystick li { 
		width:115px;
		height: 53px;
		display:block;
		font-size:0.8em;
		}
	ul.joystick li#box1 {
		padding-top: 0px;
		} 
	ul.joystick li#box2 {
		padding-top: 3px;
		} 
	ul.joystick li#box3 {
		padding-top: 6px;		
		} 
	ul.joystick li#box4 {
		padding-top: 0px;
		} 
	ul.joystick li#box5 {
		position: relative;
		top: 4px;
		padding-top: 0px;
		} 
		ul.joystick li a {
			position: relative;
			top: 45px;
			left: 16px;
			float:left;
			width:68px;
			text-align:left;
			color:#333;
			text-decoration:none !important;
			}
		ul.joystick a:hover {
			color:#333;
			}
		ul.joystick li img {
			float:left;
			height: 53px;
			width: 47px;
			visibility: hidden;
			}
			
		ul.joystick div { float:left; width:54px; height: 47px}

.StepStyle {font-family :Tahoma, Verdana, Arial; color:#626262; vertical-align:top;}
.SideBarStyle {vertical-align: top; background-color:#7B9ED6; width:20%;padding: 17px 2px 17px 2px;}
.SideBarStyle td{padding:4px 4px 4px 20px;}

.SideBarButtonStyle{background-color:#7B9ED6; color:#F0F0F0; font-weight: bolder;}
.SideBarButtonSelectedStyle{background-color:#7B9ED6; color:#0073BA; font-weight: bolder;}
.HeaderStyle {background-color:#7B9ED6; font-weight: bolder; font-size:10pt; color: White; vertical-align:top; text-align: left; padding: 4px 2px 4px 2px;}

div#box_5 { top:-6px}
div#box_4 { top:49px}
div#box_3 { top:108px}
div#box_2 { top:164px}
div#box_1 { top:218px}

/*FOR TOOLTIP*/
#tooltip{
	visibility: hidden; 
    position: absolute;
    width: 150px;
    border: 1px solid #F9F9F9;
    padding: 2px;
    background-color:#C6D3E7;
    visibility: hidden;
    z-index: 2;
}


/*
.table_data > table 
{
	table-layout:fixed;	
}



.table_data .list 
{
	width:100%;
	table-layout:fixed;
}
*/




/*** List Table1 *** /
		.table_data .middle .list td,
		.table_data .middle .list th {
			height: 26px;
			vertical-align: middle;
			padding: 1px 12px;
			font-size: 0.9em;
			text-transform: capitalize;			
			}
			
		/* 04/10/2007 - HP - changed from capitalize to none * /
		.table_data .middle .list td {
			text-transform:none;
		}
		.table_data .middle .list td.recordcount {
			text-align: right;
			font-weight: bold;
			white-space: nowrap;			
		}
		.table_data .middle .list th {
			border-right: 1px solid #E2E2E2;
			border-bottom: 1px solid #E2E2E2;
			background-color: #EFEEEE;
			}
		.table_data .middle .list th.end {
			border-right: 0;
			}
		.table_data .middle .list tr.end td {
			text-align: right;
			font-weight: bold;
			}
		.table_data .middle .list tr.row1 td {
			background-image: url('../images/tables/rowblend1.gif');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #F9F9F9;
			}
		.table_data .middle .list tr.row2 td {
			background-image: url('../images/tables/rowblend2.gif');
			background-position: left top;
			background-repeat: repeat-y;
			background-color: #FFFFFF;
			}
*/


table.list {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;	
    border-top:1px solid #ddd;
    border-left:1px solid #ddd;    
}

table.autowidth {
	min-width: 0px;
	width: auto;
}

table.list th {
	min-height:24px;	
	height: 24px;
}

@media screen {
	table.list th, table.list td {    
		line-height: 12px;
		padding: 8px;    
		vertical-align:middle;    
	}
}

@media print {
	table.list th, table.list td {    
		font-size:9pt;		
		padding: 4px;    
		vertical-align:middle;    
	}
}

table.list td.nowrap {
	white-space:nowrap;
}

table.list th, th.list-header {	
	background: #3A6C9F url('/Images/backgrounds/th.png') repeat-x 0 0 !important;
	font-weight: bold;
	vertical-align: middle;
	color:#ffffff;
	border-right:1px solid #457BAB;	
}

table.list th > a 
{
	color: #fff;
}

table.list tr.row1 td 	
{
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #eaeaea;
}

table.list tr.row2 td 	
{
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

table.list td.recordcount {
	text-align: right;
	font-weight: bold;
	white-space: nowrap;		
	background-color: transparent !important;
}

.colwidth-10 { min-width:10px; }
.colwidth-20 { min-width:20px; }
.colwidth-30 { min-width:30px; }
.colwidth-40 { min-width:40px; }
.colwidth-50 { min-width:50px; }
.colwidth-60 { min-width:60px; }
.colwidth-70 { min-width:70px; }
.colwidth-80 { min-width:80px; }
.colwidth-90 { min-width:90px; }
.colwidth-100 { min-width:100px; }
.colwidth-110 { min-width:110px; }
.colwidth-120 { min-width:120px; }
.colwidth-130 { min-width:130px; }
.colwidth-140 { min-width:140px; }
.colwidth-150 { min-width:150px; }
.colwidth-160 { min-width:160px; }
.colwidth-170 { min-width:170px; }
.colwidth-180 { min-width:180px; }
.colwidth-190 { min-width:190px; }
.colwidth-200 { min-width:200px; }
.colwidth-210 { min-width:210px; }
.colwidth-220 { min-width:220px; }
.colwidth-230 { min-width:230px; }
.colwidth-240 { min-width:240px; }
.colwidth-250 { min-width:250px; }
.colwidth-260 { min-width:260px; }
.colwidth-270 { min-width:270px; }
.colwidth-280 { min-width:280px; }
.colwidth-290 { min-width:290px; }
.colwidth-300 { min-width:300px; }
.colwidth-350 { min-width:350px; }
.colwidth-400 { min-width:400px; }
.colwidth-450 { min-width:450px; }
.colwidth-500 { min-width:500px; }


@media screen {
    .button-flat, table.list input[type="button"], table.list input[type="submit"] 
    {		
	    cursor: pointer;
	    overflow:hidden;	
	    line-height:16px;
	    padding-top:3px;
	    padding-right:0px;
	    padding-bottom:3px;
	    padding-left:4px;
	    border-radius:4px;		
	    font: Arial, Helvetica, sans-serif !important;
	    font-weight:normal !important;
	    font-size:1em !important;
	    float:none;
	    white-space:pre-line;	
	    display:inline-block;	
	    padding:2px 6px;
	    min-width:80px;
	    margin-right:2px;
	
	
	    background: #5C98C2;
	    background: -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
        background: -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
        background: -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
        background: -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
        background: linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
                
	    border:1px solid #3E5991;
	    color:#fff !important;	    
    }
    
    .button-flat:hover, table.list input[type="button"]:hover, table.list input[type="submit"]:hover 
    {
        background: #49A0DC;
	    background: -moz-linear-gradient(top, #5C98C2 0%, #397fd0 100%);
	    background: -webkit-linear-gradient(top, #5C98C2 0%, #397fd0 100%);
	    background: -o-linear-gradient(top, #5C98C2 0%, #397fd0 100%);
	    background: -ms-linear-gradient(top, #5C98C2 0%, #397fd0 100%);
	    background: linear-gradient(to bottom, #5C98C2 0%, #397fd0 100%);
    }
}

@media print {
	.button-flat, table.list input[type="button"], table.list input[type="submit"] 
	{	
		background:transparent !important; border:0;
		font: Helvetica, Arial, sans-serif !important;
		font-weight:normal !important;
		font-size:9pt !important;
		float:none;		
		display:inline-block;	
		min-width:80px;		
		margin:0px;
		color:#002A66 !important;
	}	
}

.button-timesheet, table.list input[type="button"][value*="Timecard"], table.list input[type="submit"][value*="Timecard"], table.list input[type="button"][value*="timesheet"], table.list input[type="submit"][value*="timesheet"] {		
	background-image: url('/Images/buttons/sheet.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/sheet.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/sheet.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/sheet.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/sheet.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	text-transform:capitalize;
	text-indent:10px;
}


.button-view, table.list input[type="button"][value="View"], table.list input[type="submit"][value="View"], table.list input[type="button"][value="view"], table.list input[type="submit"][value="view"] {	
	background-image: url('/Images/buttons/view_detail.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/view_detail.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/view_detail.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/view_detail.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/view_detail.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	padding: 2px 8px 2px 20px;
	text-transform:capitalize;
}

.button-edit, table.list input[type="button"][value="Edit"],table.list input[type="submit"][value="Edit"], table.list input[type="button"][value="edit"],table.list input[type="submit"][value="edit"]
{	
	background-image: url('/Images/buttons/edit.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/edit.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/edit.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/edit.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/edit.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-save, table.list input[type="button"][value="Save"],table.list input[type="submit"][value="Save"], table.list input[type="button"][value="save"],table.list input[type="submit"][value="save"]
{	
	background-image: url('/Images/buttons/save.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/save.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/save.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/save.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/save.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-cancel, table.list input[type="button"][value="Cancel"],table.list input[type="submit"][value="Cancel"], table.list input[type="button"][value="cancel"],table.list input[type="submit"][value="cancel"]
{	
	background-image: url('/Images/buttons/cancel.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/cancel.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/cancel.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/cancel.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/cancel.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-reply
{	
	background-image: url('/Images/buttons/reply.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reply.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reply.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reply.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reply.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-delete, table.list input[type="button"][value="Delete"],table.list input[type="submit"][value="Delete"], table.list input[type="button"][value="delete"],table.list input[type="submit"][value="delete"]
{
	background-image: url('/Images/buttons/delete.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/delete.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/delete.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/delete.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/delete.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-add, table.list input[type="button"][value*="Add"],table.list input[type="submit"][value*="Add"], table.list input[type="button"][value*="add"],table.list input[type="submit"][value*="add"]
{	
	background-image: url('/Images/buttons/add.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/add.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/add.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/add.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/add.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:auto !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-archive, table.list input[type="button"][value="Archive"],table.list input[type="submit"][value="Archive"], table.list input[type="button"][value="archive"],table.list input[type="submit"][value="archive"]
{	
	background-image: url('/Images/buttons/Archive.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/Archive.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/Archive.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/Archive.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/Archive.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-upload, table.list input[type="button"][value="Upload"],table.list input[type="submit"][value="Upload"], table.list input[type="button"][value="upload"],table.list input[type="submit"][value="upload"]
{	
	background-image: url('/Images/buttons/upload.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/upload.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/upload.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/upload.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/upload.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-accept, table.list input[type="button"][value="Accept"],table.list input[type="submit"][value="Accept"], table.list input[type="button"][value="accept"],table.list input[type="submit"][value="accept"]
{	
	background-image: url('/Images/buttons/accept.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/accept.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/accept.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/accept.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/accept.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}


.button-reset, table.list input[type="button"][value="Reset"],table.list input[type="submit"][value="Reset"], table.list input[type="button"][value="reset"],table.list input[type="submit"][value="reset"]
{	
	background-image: url('/Images/buttons/reset.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reset.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reset.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reset.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reset.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}

.button-reject, table.list input[type="button"][value="Reject"],table.list input[type="submit"][value="Reject"], table.list input[type="button"][value="reject"],table.list input[type="submit"][value="reject"]
{	
	background-image: url('/Images/buttons/reject.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reject.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reject.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reject.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/reject.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:60px !important;	min-width:60px !important;
	text-transform:capitalize;
	padding:2px 8px 2px 20px;
}


.button-flat-icon-only {	
	overflow:hidden;
	width: 24px !important;
	height: 24px !important;
	text-indent:-1000px;
	min-width:24px !important;	
}

.button-up, table.list input[type="button"][value="Up"],table.list input[type="submit"][value="Up"], table.list input[type="button"][value="up"],table.list input[type="submit"][value="up"]
{	
	background-image: url('/Images/buttons/up.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/up.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/up.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/up.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/up.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);
	background-repeat: no-repeat;
	width:24px !important;
	min-width:24px !important;
	height:24px !important;
	text-indent:-1000px;
	overflow:hidden;
}

.button-down, table.list input[type="button"][value="Down"],table.list input[type="submit"][value="Down"], table.list input[type="button"][value="down"],table.list input[type="submit"][value="down"]
{	
	background-image: url('/Images/buttons/down.png'), -moz-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/down.png'), -webkit-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/down.png'), -o-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/down.png'), -ms-linear-gradient(top, #5C98C2 0%, #4479A9 100%);
    background-image: url('/Images/buttons/down.png'), linear-gradient(to bottom, #5C98C2 0%, #4479A9 100%);    
	background-repeat: no-repeat;
	text-align:18px;
	width:24px !important;
	min-width:24px !important;
	height:24px !important;
	text-indent:-1000px;
	overflow:hidden;
}

.button-link, 
.header .frm_button, 
.header .frm_button_long,
.input-button
{
	text-transform:capitalize;    
    text-decoration: none;
    border:0 none;
	border-radius:4px;	
	display: inline-block;
    height: 26px;    
    margin:4px 6px 4px 0px;
    cursor:pointer;
    padding: 4px 9px 4px 9px;    
    font-family: arial, tahoma, verdana;
    font-size:12px;
}

.button-link[disabled='disabled'], 
.header .frm_button[disabled='disabled'], 
.header .frm_button_long[disabled='disabled'],
.input-button[disabled='disabled']
{	
	filter:'' !important;
	background:#ddd none!important;
	color:#aaa !important;
}

/*
.button-flat[disabled="disabled"], .button-flat[disabled="disabled"]:hover
table.list input[type="button"][disabled="disabled"], table.list input[type="button"][disabled="disabled"]:hover,
table.list input[type="button"][disabled="disabled"], table.list input[type="button"][disabled="disabled"]:hover,
table.list input[type="button"][disabled="disabled"], table.list input[type="button"][disabled="disabled"]:hover,
table.list input[type="submit"][disabled="disabled"], table.list input[type="submit"][disabled="disabled"]:hover
{
	border-color: #ddd;
	color: #999 !important;
	background-color:#ddd !important;
	background-image:none;
	padding:4px;
}*/

select[disabled='disabled'], input[type='text'][disabled='disabled']
{
    background-color:#efefef;
    color:#777777;
    -webkit-text-fill-color: rgba(119, 119, 119, 1); 
    -webkit-opacity: 1;
}

#rbType input[type="radio"],
.radio input[type="radio"]
{ float:left; height:20px; margin-top:4px; }


#rbType label,
.radio label
{ width: auto !important; min-width:0px;}




table.list-compact {
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    min-width: 100%;
}

table.list-compact th {
	min-height:24px;	
	padding:8px 0px 8px 6px;
}

table.list-compact td {
	padding:2px 2px 0px 2px;
}

table.list-compact th, table.list-compact td {    
    line-height: 12px;     
    vertical-align:middle;    
}

table.list-compact th, th.list-header {	
	background: #3A6C9F url('/Images/backgrounds/th.png') repeat-x 0 0 !important;
	font-weight: bold;
	vertical-align: middle;
	color:#ffffff;
	border-right:1px solid #457BAB;	
}

table.list-compact th > a 
{
	color: #fff;
}

table.list-compact tr.row1 td 	
{
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #eaeaea;
}

table.list-compact tr.row2 td 	
{
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
	background-color: #FFFFFF;
}

table.list-compact input, table.list-compact select {
	margin:0px;
}

table.list tr.sub-header td { 
	border:1px solid #ddd;
	background-color: #ccc !important;
	font-weight: bold;	
}

table.list tr.footer td {
	border: 1px solid #ddd;
	background-color: #A7BFDE !important;
	font-weight: bold;
	font-size: 12px;
}

table.list tr.hightlight td {
	font-weight:bold;
	font-size:1.1em;
}


.border-remove {
	border:0 !important;
}

.border-right-remove {
	border-right:0 !important;
}


td.header .LinkButton
{
	border:none !important;			
	background-color:Transparent;
	cursor:pointer;
	text-decoration: none;	
	color: #0175BD;
	font-size:1em;		
	padding-left:0px;
	padding-right:0px;				
}

td.header .LinkButton:hover
{
	text-decoration: underline;	
}

td.header .LinkButton[disabled]
{
	cursor:text;
}





/**************** FIX JQUERY UI THEME ***********************/
.ui-widget-content {
	color: #002A66 !important;
}

.ui-widget {
	font-family: Arial,Tahoma,Verdana !important;
	font-size: 1em !important;
}



.data-table-wrapper {    
	overflow:hidden; 
	margin: 0px; 
	white-space:nowrap; 
	position:relative;		
}

.data-table-fixed-left {
    position:absolute; 
    left:0; 
	display:inline-block;	
	overflow:hidden;   
}

.data-table-content-scrollable {    
	overflow-x:auto; 
	overflow-y:hidden; 
	display:inline-block; 
	height:100%;
}

.data-table-content-scrollable-header 
{
    overflow: hidden; 
	display: inline-block; 
	height: 100%;	
	background-color:red;
}


.data-table-fixed-right 
{
    position:absolute; 
	right:0; 
	display:inline-block;
	overflow:hidden;
}

.data-table-fixed-right table th { border-left: 1px solid #457BAB; }
.data-table-fixed-right table td { border-left: 1px solid #dddddd; }

.data-table-verticle-scroll {
	position:absolute;
	right:0;
	display:inline-block;
	overflow-y:scroll;
	width:19px;
}

.data-table-wrapper table 
{
    background-color: transparent;
    border-collapse:collapse;
    border-spacing: 0;
    table-layout:fixed;
}

.data-table-wrapper table th  
{
    background: #3A6C9F url('/Images/backgrounds/th.png') repeat-x 0 0 !important;
    font-weight: bold;
    vertical-align: middle;
    color: #ffffff;
    border-right: 1px solid #457BAB;
    min-height: 24px;
    height: 24px;
    line-height: 12px;
    padding: 4px 8px;    
}

.data-table-wrapper table td 
{
    border-top: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    background-color: #ffffff;    
    padding: 4px 8px;
    line-height: 12px;    
    vertical-align: middle;    
    height:30px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}

.data-table-wrapper table td input 
{
    float:none !important;    
    display:inline-block !important;
}

.data-table-wrapper .cell-width { display:block; height:1px; }


table.timesheet tr td input[type='radio']
{
    border:1px solid red;
    width:30px;
}