@charset "utf-8";
/* CSS Document */


/* MAIN DIV CLASSES */

html,body				{ 	margin: 			0px; 
							padding: 			0px; 
							width: 				100%; 
							height: 			100%;  
							font: 				12px arial;		
							text-align: 		center;	
							background-color: 	#FFFFFF				}

div.t1					{	width:				886px;	
							margin-left: 		auto;
							margin-right: 		auto;
							text-align: 		left;				}

div.t2					{	width: 				886px;
							margin-top:			11px;				}

div.t3					{	width: 				708px;
							float: 				right;	
							padding-left:		4px;				}
					
div.t4					{	width: 				708px;
							float: 				left;	
							padding-right:		4px;				}





.main					{	position: 			relative;
							z-index:			1;
							margin: 			0 auto;
							width:				960px;	
							background-color:	#FFFFFF;
							text-align: 		left;				}
							

										
										
.sbar					{	margin-top: 		20px;								
							height: 			16px;
							padding:			5px 0px 3px 10px;		
							color:				#FFFFFF;	
							background-image:	url('../images/design/tbar.gif');	}


td.blue_grad			{	border-left: 		1px solid #0058b0; 
							border-right: 		1px solid #0058b0; 
							background-image: 	url('../images/design/gradient_blue_white.gif'); 
							background-repeat: 	repeat-x; 	
							padding: 0px;
							margin: 0px;											}







/* TOP NAV CLASSES */

div.bar					{	background-image:	url('../images/design/navbar.gif'); 
							margin-top:			10px;
							height:				30px;
							width:				886px;								}
						
div.bar a	 			{	display: block; 
							float: 	left;
							padding: 0px 20px 0px 20px;
							margin: 7px 0px 0px 0px;
							color: 	#ffffff;
							text-decoration: none;
							font: 12px arial;	
							text-shadow: #111111 -1px 1px 1px; }
						
div.bar a:visited 		{	color: 				#ffffff;							}

div.bar a:hover 		{	color: 				#a5c5ff;							}

div.bar div img			{	display: 			block; 
							float: 				left; 
							border: 			0px; 								}




/* SIDE NAVIGATION CLASSES */

div.lnav				{	width:				174px;	
							float: 				left;				}

div.rnav				{	width:				174px;	
							float: 				right;				}
							
div.sect				{ 	font:				14px arial;
							color:				#ff0000;
							font-weight:		bold;
							padding:			10px 0px 2px 5px;
							border-bottom: 		1px solid #0058B0;	}

div.lnav .btn			{	padding: 			5px 0px 2px 0px;
							border-bottom: 		1px solid #DDDDDD; 	}

div.lnav .btn a			{	font: 				11px arial;
							color:				#0058b0;
							text-decoration: 	none;
							display: 			block;
							padding:			0px 0px 0px 7px;	}	
							
div.lnav .btn a:hover	{	color:				#FF0000;			}	

div.rnav .btn			{	padding: 			5px 0px 2px 0px;
							border-bottom: 		1px solid #DDDDDD; 	}

div.rnav .btn a			{	font: 				11px arial;
							color:				#0058b0;
							text-decoration: 	none;
							display: 			block;
							padding:			0px 0px 0px 7px;	}	
							
div.rnav .btn a:hover	{	color:				#FF0000;			}

		
div.hdln				{	padding:    		5px 5px 5px 8px;
							border-bottom: 		1px solid #DDDDDD;	
							font: 				10px arial; 
							font-weight: 		bold;
							color: 				#333333;			}
											
div.hdln a				{	color: 				#999999;			}
div.hdln a:visited		{	color:				#999999;			}
div.hdln a:hover		{	color: 				#FF0000;			}		
		
		
		
		
div.menu_title			{ 	width: 164px; 
							height: 20px;
							font: 12px arial;
							color: #FFFFFF;
							padding: 4px 0px 0px 10px;
							text-shadow: #111111 -1px 1px 1px;
							background-image: 	url('../images/design/menubar.gif');
						}
		
.menu_title_link	{	float: 				right;	
						position: 			relative;
						font:				11px arial; 
						font-weight: 		normal;
						margin:				2px 10px 0px 0px;	
						color: 				#FFFFFF;					}	

.menu_title_link a				{ 	text-decoration: 	none; 	color: #FFFFFF;					}	
.menu_title_link a:visited		{ 	color: #FFFFFF; 											}	


.menu_content		{	margin: 6px 0px 10px 0px; }



div.scroller		{	overflow-y: 				scroll; 
						background-color: 			#FFFFFF; 
						border-bottom: 				1px solid #999999;
						scrollbar-face-color: 		#B5C6D8;
						scrollbar-darkshadow-color: #0058B0;
						scrollbar-highlight-color: 	#EAF0F5;
						scrollbar-track-color: 		#EAF0F5; 
						scrollbar-3dlight-color: 	#B5C6D8;
						scrollbar-shadow-color: 	#679AD3;
						scrollbar-arrow-color: 		#0058B0;	}
																


form				{	margin:				0px;		
						padding:			0px;		}

p					{	margin:				0px 0px 10px 0px; }







a 					{	color: 				#0058b0; 	}
a:visited			{	color:				#0058b0;	}
a:hover				{	color:				#FF0000;	}

a.diag:link			{	text-decoration: 	none; 
						color: 				#0058b0;			
						padding: 	        2px;		}
a.diag:visited		{	text-decoration: 	none; 
						color: 				#0058b0;			
						padding: 	        2px;		}	

							
a.diag:hover		{	color:				#FF0000;	}

a.footerlinks		{	color: 				#666666;  			}

a.nodec	{ text-decoration: none; color: #000000; }
a.nodec:hover {	color: #000000; }



ul					{	margin: 10px 0px 0px 15px; 
						padding: 0px; 
						font-size: .9em; 
						line-height: 1.4em; 
						list-style-image: 	url('../images/icons/bullet_blue.gif');
					}

li					{	margin-bottom: 		5px; 
					}

li b				{	 color: #0058b0; }


ul.big				{	font-size: 1em;
						line-height: 1.5em;
					}
ul.big li			{	margin-bottom: 		10px;	}





.comments			{	border-top: 		1px solid #999999;
						padding:			10px 0px 0px 0px;				
						font-size: 			.9em;							}
.comments a			{	color:				#2793d8;						}
.comments a:hover	{	color:				#FF0000;						}
.comments a:visited	{	color:				#2793d8;						}

.cmt				{	padding:			10px 0px 5px 10px;				}


						
						
.box .btn			{	padding: 			5px 0px 2px 20px;	
						border-bottom:		1px solid #C7CCE7;				}						
					
.box .btn:hover		{	background-color: 	#dddfeb;		
						background-image:	url('../images/design/btn_focus.gif');
						background-repeat: 	no-repeat;						}	
							
.box .btn a			{	text-decoration: 	none;
						display: 			block;						
						color:				#6C7292;						}
.box .btn a:hover	{	color: 				#434968;						}
						
					
	
.partnav			{ 				}
.partnav a			{	margin: 3px 0px 1px 5px; text-decoration: none; color: #148DD9; font-size: .9em; 	}	
			
						
.content			{	padding: 			0px 9px 0px 9px;	
						line-height:		1.5em;	
						color: 				#4f4f4f;					}
						
.bcontent			{	padding: 			0px 9px 0px 9px;	
						background-image: 	url('../images/design/gradient_blue_white.gif'); 
						background-repeat: 	repeat-x; 					}						
						
						
.wcontent			{	padding: 			10px 10px 10px 10px;	
						line-height:		1.5em;						}
						
						



/* PROPRIETARY TITLE CLASSES (REPLACING WITH NEW STANDARD CLASSES (H1,H2,H3,etc)) */

.ztitle				{	height: 			25px;						
						font: 				20px arial; 	
						font-weight: 		bold;	
						color: 				#FF0000;	
						padding:			5px 0px 0px 10px;
						border-bottom: 		1px solid #0058b0;	
					}
.ztitle_link		{	float: 				right;	
						position: 			relative;
						
						font:				11px arial; 
						font-weight: 		normal;
						margin:				8px 5px 0px 0px;	
						color: 				#999999;					}
						
.ztitle_link a		{ 	text-decoration: 	none; 						}						
.xtitle				{	height: 			25px;						
						font: 				20px arial; 	
						font-weight: 		bold;	
						color: 				#0058B0;	
						padding:			5px 0px 0px 10px;
						border-bottom: 		1px solid #0058b0;	
					}
.xtitle_link		{	float: 				right;	
						position: 			relative;
						
						font:				11px arial; 
						font-weight: 		normal;
						margin:				8px 10px 0px 0px;	
						color: 				#999999;					}
						
.xtitle_link a		{ 	text-decoration: 	none; 						}							

						
						
.stitle				{	font-size: 			1.2em;
						font-weight: 		bold; 
						margin:				0px 0px 5px 0px;
						color: 				#0058b0;		

					}	



.btitle				{	font-size: 			1.2em;
						font-weight: 		bold; 
						margin:				0px 0px 5px 0px;
						color: 				#0058b0;
						padding:			12px 0px 2px 7px;
						border-bottom: 		1px solid #0058b0;			
					}		
.btitle_link		{	float: 				right;	
						position: 			relative;
						
						font:				11px arial; 
						font-weight: 		normal;
						margin:				2px 10px 0px 0px;	
						color: 				#999999;					}
.btitle_link a		{ 	text-decoration: 	none; 						}	

	
	
	
										
.jtitle				{	height: 			18px;						
						font: 				14px arial; 	
						font-weight: 		bold;	
						color: 				#0058B0;	
						padding:			12px 0px 0px 7px;
						border-bottom: 		1px solid #0058b0;	
					}
.jtitle_link		{	float: 				right;	
						position: 			relative;
						
						font:				11px arial; 
						font-weight: 		normal;
						margin:				2px 10px 0px 0px;	
						color: 				#999999;					}			
.jtitle_link a		{ 	text-decoration: 	none; 						}	
		
		
												
.ktitle				{	height: 			18px;						
						font: 				14px arial; 	
						font-weight: 		bold;	
						color: 				#FF0000;	
						padding:			12px 0px 0px 7px;
						border-bottom: 		1px solid #0058b0;	
								}

.ktitle_link		{	float: 				right;	
						position: 			relative;
						
						font:				11px arial; 
						font-weight: 		normal;
						margin:				2px 10px 0px 0px;	
						color: 				#999999;					}
						
.ktitle_link a		{ 	text-decoration: 	none; 						}													
												
							
							
												
.ftitle				{	font-size: 			1em;
						font-weight: 		bold; 
						border-bottom: 		1px solid #0058b0;
						border-left: 		1px solid #AAAAAA;
						color: 				#FFFFFF;	
						background-color: 	#148DD9;
						margin:				0px 0px 5px 0px;			
						padding:            4px 0px 1px 25px;			
						background-repeat: 	no-repeat;						}	
						
.ttitle				{	font-size: 			1em;
						font-weight: 		bold; 
						color: 				#db6c00;	
						background-color: 	#FFE2AD;
						margin:				0px 0px 0px 0px;			
						padding:            4px 0px 1px 5px;			
						background-repeat: 	no-repeat;						}	





/* NEW STANDARD TITLE CLASSES */

h1					{	font-size: 			1.4em;
						font-weight: 		bold; 
						margin:				0px 0px 15px 0px;
						color: 				#0058b0;
						height: 			20px;	
						border-bottom: 		1px solid #0058B0;	

					}							
												
h2					{	font-size: 			1.2em;
						font-weight: 		bold; 
						margin:				0px 0px 15px 0px;
						color: 				#0058b0;
						height: 			20px;	
						border-bottom: 		1px solid #AAAAAA;				}	
					

.h1_link							{	float: 				right;	
										font: 				11px arial;
										margin:            	2px 0px 0px 0px;	}

.h1_link a							{	font: 				11px arial;
									
										color: 				#0033FF;
										text-decoration: 	none;				}
										
.h1_link a:visited					{	
										color: 				#0033FF;
										text-decoration: 	none;				}
										
.h1_link a:hover					{	
										color: 				#6699FF;
										text-decoration: 	none;				}	
										
										
.h2_link							{	float: 				right;	
										font: 				11px arial;
										margin:            	2px 0px 0px 0px;	}

.h2_link a							{	font: 				11px arial;
									
										color: 				#0033FF;
										text-decoration: 	none;				}
										
.h2_link a:visited					{	
										color: 				#0033FF;
										text-decoration: 	none;				}
										
.h2_link a:hover					{	
										color: 				#6699FF;
										text-decoration: 	none;				}	
										
										
											
					
					
					
										
h3					{	font-size: 			1.1em;
						font-weight: 		bold; 
						margin:				0px 0px 15px 0px;
						color: 				#0058b0;
						height: 			20px;	
						border-bottom: 		1px solid #0058B0;	

					}					


h4					{	font-size: 			1.2em;
						font-weight: 		bold; 
						margin:				0px 0px 15px 0px;
						color: 				#FF0000;
						height: 			20px;	
						border-bottom: 		1px solid #AAAAAA;				}	
					

										
.h4_link							{	float: 				right;	
										font: 				11px arial;
										margin:            	2px 0px 0px 0px;	}

.h4_link a							{	font: 				11px arial;
									
										color: 				#0033FF;
										text-decoration: 	none;				}
										
.h4_link a:visited					{	
										color: 				#0033FF;
										text-decoration: 	none;				}
										
.h4_link a:hover					{	
										color: 				#6699FF;
										text-decoration: 	none;				}










.footnote			{	width: 				441px;
						height: 			47px;
						background-image:	url('../images/design/footnote.gif');
						margin:				0px auto 0px auto;
						padding: 			8px 0px 0px 80px;
					}




.floatquote			{	float: 				right;
						width: 				200px;	
						border: 			1px solid #999999;		
						margin: 			0px 0px 20px 20px;							}
.floatquote .ttl	{	background-color: 	#C6CBE6;
						font-size: 			.9em;	
						font-weight: 		bold;		
						line-height: 		1.8em;
						padding-left: 		14px;	
						color: 				#333996;						}
.floatquote .msg	{	padding: 			14px;	
						font-size:			.9em;
						line-height: 		1.4em;						
						background-color:	#D7E2EC;
						color:				#333996;						}
				
.floatquote .msg li {	list-style-image:	url('../images/icons/bullet_blue2.gif'); }
					

.divquote			{
						padding: 			16px;	
						font-size:			1em;
						line-height: 		18px;						
						border: 			3px solid #FFE2AD;			
						background-color: 	#FFFFE0;	
						color:				#333996;	
									}
									
									

.bbold				{	color: 				#148DD9;			
						font-weight: 		bold;				
					}

table.timeline_table				{	width: 100%;
										font: 11px arial;
										}
										
table.timeline_table tr				{	vertical-align:	top;	}
table.timeline_table tr td,
table.timeline_table tr th			{	border-bottom: 1px dashed #CCCCCC; 
										padding: 5px 20px 6px 5px;				}	
table.timeline_table tr th			{	color: #0058b0;			}										
table.timeline_table tr td a		{	text-decoration: none;	}
										
										
										
										
										

/* BACKEND SYSTEM CLASSES */

.sys_content						{ 	padding: 			10px 5px 0px 10px; 
										font: 				12px arial; 		}
.sys_data							{ 	padding: 			0px 0px 0px 0px; 
										font: 				12px arial; 		}
.formtable_heading					{ 	background-color: 	#E4EAE8; 			}
.formtable_heading .formtable_title	{	font-size: 			1.2em;
										padding: 			5px 0px 6px 0px;	
										color:				#333996;			}

									
.formtable_heading .formtable_sub	{	padding: 0px 100px 10px 10px;			}
.quick_search .search_form			{ 	background-color: 	#FFFFFF; 
										border-bottom:		1px solid #666666;	}
										
.quick_search .show_fields			{ 	background-color: 	#FFFFFF; 
										border-top:			5px solid #E0E0E0;
										border-bottom:		1px solid #666666;	
										padding:			8px;
										font: 				11px arial;
										color:				#666666;			}		
.quick_search .update_form			{ 	background-color: 	#FFFFFF; 
										border-bottom:		1px solid #666666;	}							
										
.datatable_heading					{ 	background-color: 	#FFFFFF; 			}

.datatable_heading .datatable_title	{	font-size: 			1em;
										font-weight:		bold;
										padding: 			0px 0px 2px 0px;	
										color:				#0058b0;			}

.actions							{	float: 				left; 
										
										background-color: 	#FFFFFF; 
										padding: 			2px 5px 0px 10px;	}

.recordcount						{	float: 				left; 
										font: 				11px arial;
										background-color: 	#FFFFFF; 
										padding: 			5px 0px 6px 0px; 	}

div.legend							{	text-align:			right;	
										font-size:			.9em;
										padding: 			3px 5px 0px 0px;			}



table.datatable						{ 	clear: 				both; 
										font-size: 			1em; 
										border-top: 		4px solid #ffffff; 
											}
table.datatable tr 					{ 	vertical-align: 	top; 				}

table.datatable tr.labels th 		{ 	text-align: 		left; 
										background-image: 	url('../images/design/tbar.gif');
										border-left: 		1px solid #3DA4E0; 
										border-right: 		1px solid #196292; 
										 	
									}
table.datatable tr.labels th a 		{ 	
										width: 				100%; 
										display: 			block; 
										text-decoration: 	none; 
										font-size: 			1em; 
										white-space: 		nowrap; 
										font-weight: 		normal;
										color: 				#FFFFFF; 
										padding: 			2px 0px 2px 0px; 	}
										
table.datatable tr.labels th.static { 	background-image: 	url('../images/design/tbar.gif');
										text-align: 		left; 
										border-left: 		1px solid #073679; 
										border-right: 		1px solid #5D92DE; 
										color:				#FFFFFF;
										padding: 			0px 0px 0px 0px;		}
										
table.datatable tr.labels .nolink	{	font-size: 			1em; 
										white-space: 		nowrap; 
										font-weight: 		normal; 
										padding: 			4px 0px 0px 0px;
										float: left; 	}							
										
table.datatable tr th a:hover 		{ 	background-color: 	#FF0000; 			}

table.datatable tr td a				{	color: 				#485F76;
										text-decoration: 	none;}
table.datatable tr td a:hover		{	color:				#4A7DB6; 			}


table.datatable tr.data_1 td		{ 	padding: 			5px 5px 6px 5px; 
										background-color: 	#FFFFFF; 
										border-bottom: 		1px solid #DDDDDD; 
										font: 				11px arial; 		}
table.datatable tr.data_0 td		{ 	padding: 			5px 5px 6px 5px; 
										background-color: 	#F1F5F8; 
										border-bottom: 		1px solid #DDDDDD; 
										font: 				11px arial; 		}



table.datatable tr.crit_data_1 td	{ 	padding: 			5px 5px 2px 5px; 
										background-color: 	#ffff66; 
										border-top: 		1px solid #f4d396; 
										font: 				11px arial; 
										color: 				#990000; 			}
table.datatable tr.crit_data_0 td	{ 	padding: 			5px 5px 2px 5px; 
										background-color: 	#ffff33; 
										border-top: 		1px solid #f4d396; 
										font: 				11px arial; 
										color: 				#990000; 			}
table.datatable tr.late_data_1 td	{ 	padding: 			5px 2px 2px 5px; 
										background-color: 	#ff3300; 
										border-top: 		1px solid #000000; 
										border-bottom: 		1px solid #000000; 
										font: 				11px arial; 
										color: 				#FFFFFF; 			}
table.datatable tr.late_data_0 td	{ 	padding: 			5px 2px 2px 5px; 
										background-color: 	#cc3300; 
										border-top: 		1px solid #000000; 
										border-bottom: 		1px solid #000000; 
										font: 				11px arial; 
										color: 				#FFFFFF; 			}
table.datatable tr.late_data_1 td a	{ 	color: 				#FFFFFF;	 		}
table.datatable tr.late_data_0 td a { 	color: 				#FFFFFF; 			}
table.datatable tr.nodata td		{ 	padding: 			30px 20px 60px 20px; 
										background-color: 	#FFFFEF; 
										border-top: 		1px solid #a1a1a1; 	}
										
.notice								{		
										padding: 	     	20px;
										background-color:	#EAF0F5;
										border-bottom: 		1px solid #CCCCCC;				
										font-size:			.9em;				
										margin: 			0px 0px 0px 0px;
									}
.error								{	background-color: 	#FFFFEF;	
										font-size:			.9em;				
										color: 				#990000;
										padding: 			5px 10px 5px 15px; }
										
.drop_bar							{	border-top: 1px solid #999999; 
										background-color: #CCCCCC; 
										padding: 3px 0px 3px 10px;
										font-size: 1.2em; 
										font-weight: bold;	
										color: #666666;		
										border-bottom: 1px solid #999999;			}
										
.drop_bar_content					{	border-top: 0px;	
										max-height: 300px; overflow:auto;			}
										
.drop_bar_content a 				{	text-decoration: none; 						}

.drop_bar_content table.form_table	{	border-bottom: 0px;	
										border-top: 0px;							}	
										
.drop_bar_content table.datatable	{	border: 0px;								}	


										
/* SYSTEM FORM SYTLES */

.formbox							{	border: 			1px solid #196E99;
										background-color: 	#D7E2EC;	
									}
.formbox .ftitle					{	border-left: 		0px;	}
table.form_table					{ 	width: 				100%; 
										font-size: 			1em; 
										
								 	}
table.form_table tr.question		{ 	vertical-align: 	top;  			}
table.form_table tr.question th		{ 	width: 				27%; 
										text-align: 		right;
										font-weight: 		normal;
										font-size: 			11px;
										line-height: 		8px;
										padding: 			3px 10px 0px 10px; 
										color:				#0058b0;
										white-space:		nowrap;	
													}
										
												
table.form_table tr.question td		{ 	font-size: 	0px;
										padding: 			0px 10px 1px 10px; 
												}
												
	
	
div.spaced table.form_table tr.question th		{ 	width: 				27%; 
													text-align: 		right;
													font-weight: 		normal;
													font-size: 			12px;
													line-height: 		8px;
													padding: 			8px 10px 1px 10px; 
													color:				#0058b0;
													white-space:		nowrap;	
													}												
div.spaced table.form_table tr.question td		{ 	font-size: 			0px;
													padding: 			4px 10px 2px 10px; 
												}											
												
										
										
										
												
												
table.form_table tr.labels th 		{ 	text-align: 		left; 
										font-weight: 		normal;
										font-size: 			12px;
										border-left: 		1px solid #AAAAAA; 
										border-right: 		1px solid #666666; 
										border-bottom: 		1px solid #000000;  
		
										padding: 			2px 0px 1px 5px;	}	



table.cform_table					{ 	width: 				100%; 
										font-size: 			1em; 				}
table.cform_table tr.question		{ 	vertical-align: 	top; 				}
table.cform_table tr.question th	{ 	width: 				27%; 
										text-align: 		right; 
										font-weight: 		normal; 
										padding: 			2px 10px 0px 10px; 
										white-space:		nowrap;				}		
table.cform_table tr.question td	{ 	padding: 			2px 10px 2px 10px;  }									
table.cform_table tr.labels th 		{ 	text-align: 		left; 
										font-weight: 		normal;	
										padding: 			2px 0px 2px 5px;	}	


.tooltipdiv							{ 	border: 			1px solid #999999; 
										border-left: 		1px solid #000000;
										border-bottom: 		1px solid #000000;
										left:				100px; 
										display: 			none; 
										font-size: 			1em; 
										width: 				300px; 
										padding: 			5px; 
										position: 			absolute; 
										top:				100px; 
										height: 			150px; 
										z-index: 			1; 
										background-color: 	#FFFFCC;
									}			
											
																
										
										
										
/* QUICK SEARCH FORM SYTLES */
table.search_table					{ 	width: 				100%; 
										font-size: 			1em; 				}		
table.search_table tr.question			{ 	vertical-align: 	top; 				}
table.search_table tr.question th		{ 	width: 				18%; 
										text-align: 		right; 
										font-weight: 		normal; 
										padding: 			2px 10px 2px 10px; 
										border-right: 		1px solid #666666; 
										background-color: 	#FFFFCC;
										white-space:		nowrap;				}		
table.search_table tr.question td		{ 	padding: 			2px 10px 2px 10px; 
										background-color: 	#FFFFEF; 			}	
																			
										
/* QUICK UPDATE FORM SYTLES */															
table.update_table					{ 	width: 				100%; 
										font-size: 			1em; 				}								
table.update_table tr.question			{ 	vertical-align: 	top; 				}
table.update_table tr.question th		{ 	width: 				18%; 
										text-align: 		right; 
										font-weight: 		normal; 
										line-height: 1em;
										padding: 			2px 10px 2px 10px; 
										border-right: 		1px solid #666666; 
										background-color: 	#C8DCC0;
										white-space:		nowrap;				}		
table.update_table tr.question td		{ 	padding: 			2px 10px 2px 10px; 
										background-color: 	#FFFFEF; 			}								
										
																				
table.infotable						{ 	font: 				12px arial; 		}
table.infotable tr td				{ 	padding: 			2px 5px 2px 5px; 
										border-bottom: 		1px solid #666666; 	}

/* FORM ELEMENT CLASSES */
.notebox_1							{ 	width: 				300px; 
										height: 			160px; 
										border: 			1px solid #D4D0C8; 
										font: 				12px arial; 
										padding-left: 		3px; 				}
										
										
										
.textbox_1							{ 	width: 				140px;
										height: 			13px; 
										display: 			block;
										background-color: 	#F1F5F8;
										font: 				12px arial; 
										line-height: 		1em;
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 				
										margin: 		0px;

									}
div.spaced	.textbox_1				{ 	width: 				140px;
										height: 			16px; 
										

									}								
									
									
.textbox_1_disabled					{ 	width: 				140px;
										height: 			13px; 
										display: 			block;
										background-color: 	#CCCCCC;
										font: 				12px arial; 
										line-height: 		1em;
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 				
										margin: 			0px;

									}
																			
.textbox_2							{ 	width: 				70px; 
										height: 			13px;
										display: 			block;
										background-color: 	#F1F5F8;
										font: 				12px arial; 
										line-height: 		1em;
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 	
										margin: 		0px;
					}
																		
.textbox_3							{ 	width: 				50px; 
										height: 			13px;
										display: 			block;
										background-color: 	#F1F5F8;
										font: 				12px arial;
										line-height: 		1em; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 	
										margin: 		0px;
							}										
										
										
										
										
										
										
										
										
										
										
																				
.textarea_1							{ 	width: 				220px; 
										height:				48px;
										font: 				10px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 
												}	
												
div.spaced .textarea_1				{ 	width: 				220px; 
										height:				60px;
										font: 				12px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		5px;
										padding-top: 		5px; 
												}													
												
												
												
.textarea_1_disabled				{ 	width: 				220px; 
										height:				48px;
										font: 				10px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 
										background-color: 	#999999;
												}					
												
.textarea_2							{ 	width: 				140px; 
										height:				48px;
										font: 				10px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 				}

div.spaced .textarea_2				{ 	width: 				140px; 
										height:				60px;
										font: 				12px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 
										padding-top:		3px;				}
										
										
										
.textarea_3							{ 	width: 				300px; 
										height:				100px;
										font: 				10px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px; 				}										
										
										
										
.code_1								{	width: 				700px;
										height:				300px;
										font:				12px courier new;
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px;				}

.doc_1								{	width: 				400px;
										height:				100px;
										font:				12px courier new;
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										padding-left: 		3px;				}
										
																				

.selectbox_1						{ 	width: 				145px; 
										font: 				12px arial; 
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 
										margin-top: 0px; margin-bottom: 0px; 	}
.selectbox_2						{ 	width: 				150px; 
										font: 				12px arial;  	
										border: 			1px solid #D4D0C8; 
										border-top: 		1px solid #808080; 
										border-left: 		1px solid #808080; 	}
.datebox1_1							{ 	width: 				93px; 
										font: 				12px arial; 
										border: 			1px solid #D4D0C8; 	}									
.datebox2_1							{ 	width: 				50px; 
										font: 				12px arial; 
										border: 			1px solid #D4D0C8; 	}										
.datebox3_1							{ 	width: 				70px; 
										font: 				12px arial; 
										border: 			1px solid #D4D0C8; 	}									
.checkbox_1							{ 	width: 				12px; 
										height: 			12px;
										padding: 			0px; 
										margin: 			0px; 				}
.submit_2							{	font: 				12px arial;
										width:				70px; 
										height: 			20px;				}
.submit_button						{ 	color: 				#0058b0;	

										padding: 			2px 10px 2px 10px; 
										
										
										}

/* VARIOUS ELEMENTS */


										
span.per 							{	width: 				15px;
										font: 				10px arial;
										position: 			relative;
										left: 				-40px;
										margin-left: 		-15px;
										z-index: 			3;					}
										
										
										
										
/* SPEED TEST CLASSES */

body.speedbody {
  font-size: 12px;
  font-family: arial;
  text-align: center;
  background-color: #FFFFFF;
}

div.clear {
  clear: both;
}

div.speedwrapper {
  text-align: left;
  padding: 15px 10px 0 10px;
}

div.speedcontent {
  width: 530px;
  height: 145px;
  overflow: hidden;
  padding: 0px 9px 0px 9px;	
  line-height: 1.5em;	
  color: #4f4f4f;
}

div.speedcompanywrapper {
  margin: 5px 0 0 0;
}

span.speedheader {
  color: #0058b0;
  font-weight: bold;
  font-size: 1.1em;
  margin: 0px 0px 0px 30px;
}

table.speedtable {
  font-size: 1em;
  margin: 0px 0px 0px 30px;
  padding: 0;
  border: none;
}

td.speedsubhead {
  width: 75px;
  font: 11px arial;
  color: #666666;
  padding-left: 10px;
}

td.speedprogress {
  width: 250px;
}

td.speedtimer {
  width: 100px;
}

td.speedtimer span {
  margin-left: 5px;
}

div.speedprogresswrapper {
  background-color: #FFFFFF;
  width: 250px;
  height: 14px;
  border: 1px solid #CCCCCC;
  padding: 1px 1px 1px 1px;
}

div.speedprogressbar {
  background-color: #0058b0;
  width: 1%; /* This is the starting position of the progress bar */
  height: 100%;
  text-align: center;
  font: 11px arial;
  color: #FFFFFF;
}

#twer_up_bar, #twer_down_bar {
  background-color: #0058b0;
}

#ver_up_bar, #ver_down_bar {
  background-color: #ff0000;
}

div.speeddone {
  text-align: center;
  font-weight: bold;
  color: #0058B0;
  font-size: 12px;
  font-family: arial;
}

