/* CSS KEY:

div = styles that apply to all <div> tags 
div, table = styles that apply to all <div> tags and all <table> tags
div#example = <div id="example"> tag (an id is unique to a page so this applies to one tag only)
div.Example = <div class="Example"> tag
div#example h1 = all <h1> tags within the <div id="example"> tag
table#example td.Label = <td class="Label"> tags within a <table id="example"> tag
#example = any tag with id="example"
.Example = any tag with class="Example"

*/

/*************************
	COMMON TO ALL PAGES 
**************************/

* /* main font-family declaration */
{
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
}
body /* centers div#container */
{
	text-align:center;
	/*background-color:#ffffff;*/
}
body, td /* main font color and size declaration */
{
	color:#555;
	font-size:12px;
}
input, select
{
	color:#222;
}

a
{
/*	color:#339;*/
	font-size: 12px;
}

div#container /* sets entire page width, floats in body center */
{
	text-align:left;
	width:700px;
	margin:0 auto;
}
div#container h1 /* page-wide header style  */
{
	font-size:20px;
	font-weight:bold;
	margin:15px 0 15px 0;
}
div#container h2 /* page-wide smaller header style */
{
	font-size:14px;
	font-weight:bold;
	margin:5px 0 5px 0;
}
div#container h3 /* page-wide small header style */
{
	font-weight:bold;
	margin:0;
}
div#header /* header section at top of page */
/*{
	background-color:#eee;
	padding:20px 5px 10px 15px;
	border:1px solid #ddd;
}*/
div#header a/* header section at top of page */
{
	text-decoration: none;
}

div#wrapper /* section that contains all other sections below header */
{
	margin:10px 0 0 0;	
}
div#SearchContent /* search page main content area, on left */
{
	float:left;
	width:380px;
	padding-left:5px;
}
div#ResultContent /* result page main content area */
{
	float:left;
	width:560px;
	padding-left:5px;
}
div#tips /* section to right of main content area */
{
	float:right;
	width:180px;
	padding:0 5px 10px 5px;
	border:1px solid #c0c0c0;
}
div#tips h2.Tip /* tip section header */
{
	line-height:32px;
	background-color:#ddd;
	text-align:center;
}
div#tips p /* tip section paragraphs */
{
	font-family:verdana, sans-serif;
	font-size:.9em;
	margin:5px 0 3px 0;
}
div#tips ol, ul /* tip section bullted/numbered lists */
{
	margin-top:3px;
	margin-bottom:3px;
}
div#tips li /* tip section list items */
{
	font-family:verdana, sans-serif;
	font-size:.9em;	
	padding-top:5px;
}
div#extra /* section below main content area and tips, but above footer */
{
	clear:both;
	width:100%;	
	padding-left:5px;
}
div#footer /* bottom-most section */
/*{
	background-color:#eee;
	padding:2px 5px 2px 5px;
}*/

div#NavMenu
{
	margin: 10px 0 10px 0;
}

div#NavMenu a
{
	padding-right:15px;
	font-size:12px;
}


/******************
	SEARCH PAGES 
*******************/

table#SearchTable td.Boolean /* table cell with boolean choices */
{
	width:60px;
	vertical-align:top;
}
table#SearchTable td.Label /* table cell containing field labels */
{
	padding:5px 0 0 0;
}
table#SearchTable td.Field /* table cell containing fields */
{
	
}
table#SearchTable td.Submit /* table cell containing submit/reset buttons */
{
	padding:15px 0 15px 0;
}
table#SearchTable label /* field labels */
{
	
}
p#SearchChoices /* paragraph containing navigational links to other search pages */
{
	font-style:italic;
	margin:15px 0 10px 0;
}

input.IndexButton /* browse buttons */
{
	width:60px;
	height: 22px;
	font-size: 11px;
	font-family: tahoma, sans-serif;
	color: #505050;
	cursor: pointer;
	border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; 
	border-bottom: 1px solid #a0a0a0; border-left: 1px solid #a0a0a0;
	background: url(images/btn_gray_light.jpg) repeat-x center;
}

.Searchbox   /* search page text inputs */
{
	width: 230px;
}
.QuickSearchbox /* quick search page input */
{
	width:290px;	
}


/********************
	RESULT PAGES
********************/
.hozimage{
	padding:1px;
	background:url(images/hozline.gif) repeat;
	margin:0 .5em .2em 0;
	width:560px;
}


div#ResultInfo /* info area with choices at top of results */
{
  
}
div#ResultInfo form /* form enclosing select report dropdown */
{
	margin:0;
	font-size:12px;	
}
div#ResultInfo select /* select report dropdown */
{
	margin-left:5px;
	margin-right:0px;
	width:125px;
	font-size:.8em;
}
span#FriendlySearch /* results of SearchKleen script */
{
	font-style:italic;
	padding-right:5px;
}
span.ResultCount /* number of results found */
{
	font-weight:bold;	
}
span.NavLinks /* inline container for new search, revise search type links */
{
	padding-left:10px;	
}
span.NavLinks a /* new search, revise search type links */
{
	padding-left:2px;	
	padding-right:2px;
}
div.NextPrevious /* areas containg next/previous links */
{
	margin-top:15px;
	margin-bottom:15px;
	font-size:12px;	
}
table.ResultTable /* each search result contained in a separate table */
{
	
}
table.ResultTable td
{
	color:#333;
		
}
table.ResultTable td.ResultNumber /* leftmost cell in ResultTable */
{
	width:25px;
	vertical-align:top;
	font-weight:bold;
	
}
table.ResultTable td.ResultText /* main cell in ResultTable */
{
	padding-bottom:15px;
	width:500px;
}
table.ResultTable td.ResultTextPrint /* main cell in ResultTable for Printing*/
{
	padding-bottom:15px;
	width:800px;
}
table.ResultTable td.ResultText p
{
	margin-top:0px;
	margin-bottom:0px;	
}
span.Title
{
	font-weight:bold;	
}
span.bold
{
	font-weight:bold;	
}
span.italic
{
	font-style:italic;	
}
td.Select {vertical-align:top;padding-right:6px;}

/***************************
	FULL DISPLAY PAGES 
***************************/

table#DisplayTable /* table containing fields showing the full record */
{
	width:550px;
}
table#DisplayTable td
{
	color:#333;
}
table#DisplayTable td.display_label /* leftmost cell containing field label */
{
	vertical-align:top;
	width:150px;
	font-weight:bold;
	padding-bottom:5px;
}
table#DisplayTable td.display_text /* cell containing field content */


/***************************
	HELP PAGES 
***************************/

table.HelpTable
{
}

table.HelpTable td
{
	padding: 5px 0 5px 0;
}


/******************
SCREEN VS. PRINT 
*******************/

/* The @media statement defines CSS behaviour in different environments */

@media print
{
	body,td,input,select
	{
		color:#000000;	
	}
	img /* does not show when printing */
	{
		display: none;
	}

	.NoPrint /* does not show when printing */
	{
		display: none;
	}
	#content .nav_left, #footer, .navigation, .home_line, #header /*hides CCI template*/
		{
		display: none;
	}

}