/* TOC:


	HTML Styles
	 - Links
	Forms
	ErrorBox
	TopNav
	Content Box
	Data Table
	Text Styles
	
	
*/


/*HTML Styles*/
	body 
	{
		background-color: #fff;
		margin: 20px;
		font-family: Lucida Grande, Verdana, Sans-serif;
		font-size: 14px;
		color: #4F5155;
	}
	
	a 
	{
		color: #003399;
		background-color: transparent;
		font-weight: normal;
	}
	
	a:hover
	{
		decoration:none;
	}
	
	
	/* firefox outline fix */
	a
	{
	   outline: none;
	}

/*forms*/
	.form_field
	{
		width: 250px;
		margin-top:10px;
		padding:3px;
		font-family: Verdana, Arial, Sans-Serif; 
		font-size: 12px;
		background-color: #f9f9f9;
		color: #002166;
		border: 1px solid rgb(51, 51, 51);	
	}
	
	input[type="submit"]
	{
		border: 1px solid rgb(51, 51, 51);
		padding: 4px;
		font-family: Verdana, Arial, Sans-Serif; 
		font-size: 12px;	
	}
	input[type="button"]
	{
		border: 1px solid rgb(51, 51, 51);
		padding: 4px;
		font-family: Verdana, Arial, Sans-Serif; 
		font-size: 12px;	
	}


/*ErrorBox*/
	#errorbox
	{
		width:60%;
		text-align: left;
		margin:15px;
		border: 1px solid #cc0000;
		font-size: 12px;
		background: #ffffee;
	}


	#errorbox .error_text
	{
		color: #cc0000;
		font-weight: normal;
		font-size:10px;
	}


/* top nav */
	#tablist
	{
		padding: 3px 0;
		margin-left: 0;
		margin-bottom: 0;
		margin-top: 0.1em;
		font: bold 14px Monaco, Verdana, Sans-serif;
		border-bottom: 1px solid #000000;
		width:100%;
	}
	
	#tablist li
	{
		list-style: none;
		display: inline;
		margin: 0;
	}
	
	#tablist li a
	{
		text-decoration: none;
		padding: 3px 0.5em;
		margin-right: 3px;
		border: 1px solid #778;
		border-bottom: 1px solid #000000;
		background: white;
	}
	
	#tablist li a:link, #tablist li a:visited
	{
		color: navy;
	}
	
	#tablist li a:hover
	{
		color: black;
		background: #E8F0FF;
		border-color: navy;
	}
	
	#tablist li a.current
	{
		background: #E8F0FF;
		border-bottom: none;
	}
	
	


/*  content box */
	#contentbox
	{
		width: 80%;
		text-align: left;
		margin-top:20px;
		border: 1px solid #cecece;
		font-family: Monaco, Verdana, Sans-serif;
		font-size: 12px;
		color: #4F5155;
	}
	
	#contentbox #contentboxhdr
	{
		padding: 5px;
		background: #666;
		color: #ffffff;
		font-weight:bold;
		font-size: 13px;
	}
	
	#contentbox #contentboxmain
	{
		text-align: left;
		padding: 5px;
		font-family: Monaco, Verdana, Sans-serif;
		font-size: 12px;
		color: #4F5155;
	}


/*data table*/
	#datatable
	{
		font-family: Arial, sans-serif;
		font-size: 11px;
		width: 100%;
		BORDER-BOTTOM: 1px solid #444;
		BORDER-RIGHT: 1px solid #444;
	}
	
	#datatable th
	{
		TEXT-ALIGN: left;
		PADDING: 4px 0 4px 9px;
		BACKGROUND: #666;
		BORDER-BOTTOM: 1px solid #444;
		BORDER-TOP: 1px solid #444;
		BORDER-LEFT: 1px solid #555;
		COLOR: #FFF;
	}
	
	#datatable tr td 
	{ 
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
		border-top: 1px solid #FFF;
		border-bottom: 1px solid #FFF; 
	}
	
	#datatable tr.even td 
	{ 
		BACKGROUND: #FFF;
		BORDER-BOTTOM: 1px solid #FFF;
		BORDER-TOP: 1px solid #FFF;
		BORDER-RIGHT: 1px solid #FFF;		
	}
	
	#datatable tr.odd td 
	{ 
		BACKGROUND: #edf3fe;
		BORDER-BOTTOM: 1px solid #E8F0FF;
		BORDER-TOP: 1px solid #E8F0FF;
		BORDER-RIGHT: 1px solid #FFF;
	}



/*Text Styles*/
	h1 
	{
		color: #444;
		background-color: transparent;
		border-bottom: 1px solid #D0D0D0;
		font-size: 16px;
		font-weight: bold;
		margin: 24px 0 2px 0;
		padding: 5px 0 6px 0;
	}
	
	code 
	{
		font-family: Monaco, Verdana, Sans-serif;
		font-size: 12px;
		background-color: #f9f9f9;
		border: 1px solid #D0D0D0;
		color: #002166;
		display: block;
		margin: 14px 0 14px 0;
		padding: 12px 10px 12px 10px;
	}


	.footer
	{
		font-family: Lucida Grande, Verdana, Sans-serif;
		font-size: 9px;
		color: #4F5155;
	}