/*********** Defaults ***********/

/* hyperlink styles */

a:link {
	color: #0033cc;
	text-decoration: none;
}

a:visited {
	color: #009900;
	text-decoration: none;
} 

a:active {
	color: #009900;
	text-decoration: none;
}

a:hover {
	background-color: #e0e0e0;
}


/********** Standard Page ***********/

/********************************************
+-----------------------------------------+
|  Logo     |   Nav            Search     | 
|-----------|-----------------------------|
|  Sidebar  |   Content                   |
|-----------|-----------------------------|
|  Credits  |   Navlinks                  |
+-----------------------------------------+
	Here is how the div sections are organized:
	
	StdPage
		StdPageRowTopBottom
			StdPageRowFix
				StdPageLogo
				StdPageNav
		StdPageRowMiddle
			StdPageRowFix
				StdPageSidebar
				StdPageBody
		StdPageRowTopBottom
			StdPageRowFix
				StdPageCredits
				StdPageNavlinks
********************************************/

/* Enclose the entire page within this type of DIV. */
div.StdPage {
	width: 900px; /* sets the width of the page */
	padding:0px;
	margin: 0px;
}

/* Enclose side-by-side sections within these types of DIV. */
div.StdPageRowMiddle, div.StdPageRowTopBottom {
	padding:0px;
	margin: 0px;
	clear: both; /* Don't allow floats on the either side so anything in this DIV is on a row by itself. */
	border-left: solid 200px; /* use a wide border to color the background in the left-most column */
	border-right: solid 0px; /* two-column layout, so don't use the right-most column  */ 
}

/* This fixes an ie/pc pecularity. */ 
div.StdPageRowFix{
	margin: 0px;
	width: 100%;
}

/* Set background colors for the various sections. */
div.StdPageRowMiddle {
	border-left-color: #ffcc66; /* color of the sidebar section  */ 
	background-color: #ffffff;  /* color of the content section */
}
div.StdPageRowTopBottom {
	border-left-color: #ffffff; /* color of the logo, credits sections  */ 
	background-color: #ffcc66;  /* color of the nav, navlinks sections */
}
div.StdPageLogo, div.StdPageBody, div.StdPageCredits {
	background-color: #ffffff;
}
div.StdPageNav, div.StdPageSidebar, div.StdPageNavlinks {
	background-color: #ffcc66;
}

/* Set positions, widths, padding and margins of the left-most sections. */
div.StdPageLogo, div.StdPageSidebar, div.StdPageCredits {
	position: relative;
	float: left;
	margin-left:-200px; 
	margin-right:1px;
	padding: 10px;
	width: 180px; /* should be set to left-most border width - 2 * padding */
}

/* Set positions, widths, padding and margins of the center sections. */
div.StdPageNav, div.StdPageBody, div.StdPageNavlinks {
	position: relative;
	margin: 0;
}

/* Set top and bottom banner heights */
div.StdPageRowTopBottom {
	height: 45px;
}

/* Individual settings for the various sections */

/* Logo */
div.StdPageLogo {
	padding: 0; /* override default left-most column padding */
	padding-top: 5px;
	text-align: center;
}

/* Navigation menues */
div.StdPageNav {
	padding-top: 1px;
	padding-right: 20px;
	z-index: 2; /* place drop-down navigation menues above everything else */
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	text-align: left; /* Left-justify navigation menues within the DIV. */
}

/* Sidebar content */
div.StdPageSidebar {
 }

/* Main body of the content */
div.StdPageBody { 
	padding: 10px;
	min-height: 400px; /* don't let the pages get too flat */
}

/* Website credits */
div.StdPageCredits {
	padding: 0; /* override default left-most column padding */
	padding-top: 5px;
	font-size: 9px;
	text-align: center;
}

/* Fall-back navigation links */
div.StdPageNavlinks { 
	padding-top: 9px;
	font-size: 9px;
	text-align: center;
}

/* place arrowheads on navigation links */ 
div.StdPageNavlinks ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
 div.StdPageNavlinks li {
	padding-left: 10px;
	padding-right: 5px;
	display: inline;
	background-image: url(/images/small_arrow.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
 }

/* We don't use the right-most column... */
div.right {
	width:200px; 
	float:right; 
	position:relative; 
	margin-right:-200px; 
	margin-left:1px;
	background: #EBD3E0;
 }


/********** Main Text Area **********/

.ErrorMessage {
	color: red;
	font-size: 12px;
	font-weight: bold;
}

.command {
	font-family: Courier;
}

.output {
	font-family: Courier;
}

img {
	border-style: none; /* turn off borders around image links */
}

body {
	background-color: #fff;
	color: #404040;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

h1, h2, h3 {
	color: #0030b0;	/* dark blue */
}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 13px;
}

h3 {
	font-size: 13px;
}

p {
	margin-bottom: 6px;
}

dl {
	margin-top: 6px;
	margin-bottom: 6px;
}

dt {
	font-weight: bold;
	margin-top: 6px;
}

dd {
	margin-left: 30px;
}

ul.arrow-list {
	margin: 0;
	padding-left: 20px;
	list-style-image: url(/images/small_arrow.gif);
}

ul li {
	list-style-type: disk;
	vertical-align: middle;
//	display: block;
}

ol li {
	list-style-type: decimal;
	vertical-align: top;
//	display: block;
}


table {
	table-border-color-light: #66cccc;
	table-border-color-dark: #006666; 
}

td {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 5px;
	padding-left: 5px;
}

thead {
/*
	background-color: #0030b0;
	color: #ffffff;
*/
	font-weight: bold; 
	font-size: 13px;
	padding-top: 5px;
	padding-bottom: 5px;
}

thead td {
	border-top: 1px solid #ccc;
}

tfoot td {
	background-color: #ffffff;
	border-top: 1px solid #ccc;
}

td.label {
	background-color: #dfdfff;
}

td.data {
	border-style: solid;
	border-width: 1px;
	border-color: #D4D4D4;
}

/********** Frequently Asked Questions **********/

div.FAQQuestion {
	color: #800000;
}

div.FAQAnswer {
	color: #008080;
}

div.FAQ p, pre {
	margin-top: 0;
	margin-bottom: 10;
}

h2.FAQQuestion {
	margin-top: 20;
	margin-bottom: 0;
}

h2.FAQAnswer {
	margin-top: 0;
	margin-bottom: 0;
}

p.FAQDate {
}

p.FAQClassification {
}


/********** Navigation Drop-Down Menus **********/
/* level one */
ul.dropdown *			{ margin: 0; padding: 0; }
ul.dropdown				{ position: relative; list-style: none; }
ul.dropdown a:link, ul.dropdown a:hover, ul.dropdown a:active, ul.dropdown a:visited { color: #0030b0; }
ul.dropdown li				{ float: left; zoom: 1; background: #ffcc66; border: solid 1px #ffcc66; }
ul.dropdown li a			{ display: block; padding: 4px 8px; }
ul.dropdown li.hover,
ul.dropdown li:hover		{ background-image: url(/images/nav_bkgrnd.gif); background-repeat: repeat-x; position: relative; }
ul.dropdown li a:hover          { background: transparent;}

/* level two */
ul.dropdown ul			{ width: 170px; visibility: hidden; position: absolute; top: 100%; left: 0%;  list-style: none;	}
ul.dropdown ul li			{ background: #ffcc66; border: solid 1px #fff; float: none; margin-top: -1px;} 
ul.dropdown ul li a			{ width: 100%; display: inline-block; } /* IE 6 & 7 Needs Inline Block */

/* level three */
ul.dropdown ul ul			{ left: 100%; top: 0; list-style: none; }
ul.dropdown li:hover > ul	{ visibility: visible; }


/********** striped tables **********/

tbody tr.even td{
	background: #dfdfff;
}

tbody tr.odd td{
	background: #fff;
}

tbody tr.selected td, tbody tr.ruled td{
	background: #ffe6b2; 
	border-color: #3292fc;
}

/********* tooltips **********/

.tooltip {
width: 200px; color:#000;
font:lighter 11px/1.3 Arial,sans-serif;
text-decoration:none;text-align:center}

.tooltip span.top {padding: 30px 8px 0;
    background: url(/images/tooltip.gif) no-repeat top}

.tooltip b.bottom {padding:3px 8px 15px;color: #548912;
    background: url(/images/tooltip.gif) no-repeat bottom}