/* ======================================================== */
/* typography.css
/* author: Brian Smith (with .Net help by Jonathon Tipps)
/* create date: 3/15/2007
/* description: KB 4.01 default text styles
/* ======================================================== */


/* set defaults */
body {
	font-size: .75em; 
	font-family: verdana, sans-serif; 
	color: #333;
	}

/* headlines */
h1 {
	font: 2.25em arial; 
	font-weight: normal; 
	margin: 20px 0 4px -2px; 
	padding: 0;
	}
h2 {
	font: 1.5em arial; 
	font-weight: normal; 
	margin: 2px 0; 
	padding: 0;
	}
h3 { /* "Phark" IR */
	width: 300px;  
	height: 60px;
	margin: 0; 
	padding: 0;
	text-indent: -5000px;
	}
h3#test {background: url(images/sample_h3.gif);} /* each h3 graphic will need it's own ID */
h4 {
	font: bold 1.25em arial; 
	letter-spacing: -.05em; 
	margin: 0; 
	padding: 0;
	}
	
/* copy */
p, li, .copy10 {
	margin: 2px 0 6px 0; 
	padding: 0 0 4px 0; 
	line-height: 1.5em;
	}
.tight {
	font-size: .9em; 
	letter-spacing: -.05em; 
	line-height: 1.25em;
	}
small, .bug {
	font-size: .8em; 
	line-height: 1.25em;
	}
.red {color: #a00;}
.green {color: #080;}
.orange {color: #cd8956;} /* special case color? */
.error { /* essentially .red + .bug */
	font-size: .8em; 
	color: #a00;
	}

/* links */
a:link {color: #005387; text-decoration:underline;}
a:visited, a:hover {color: #0088ff;}
a:active {color: #a00;}

#detail_boxes a:link, #detail_boxes a:visited {color: #fff; text-decoration:underline;}
#detail_boxes a:hover {color: #0088ff;}
#detail_boxes a:active {color: #d00;}

/* lists */
ul {
	margin: 0 20px; 
	padding-left: 1em; 
	list-style: disc;
	}
ol {
	margin: 0 20px; 
	padding-left: 1em;
	}
.errorsummary { 
	width: 90%; 
	margin: 16px auto; 
	padding: 5px;
	border: solid 1px #b77272; 
	background-color: #ece0e0;

	color: #a00; 
	line-height: 1.2em;
	}
.errorsummary ul {
	margin: 5px 0 0 5px; 
	padding: 3px; 
	padding-left: 1em; 
	text-indent: -1.1em;
	list-style: none;
	}
.errorsummary strong {vertical-align: 5%;}

/* form elements */
.greenBox
{
  height:8px; width:8px;
  border: solid 1px #adcccc; 
	background-color: #edfafa;
	float:left;
}

input, select, textarea {
	font: 1em verdana, sans-serif;}
input[type="text"], input[type="password"] {
	width: 90%; 
	height: 18px; 
	margin: 1px; 
	border: solid 1px #aaa; 
	background-color: #fafafa;
	}
.std {
	width: 90%; 
	height: 18px; 
	margin: 1px; 
	border: solid 1px #aaa; 
	background-color: #fafafa;
	}
select {
	width: 80%; 
	height: 20px;  
	margin: 1px; 
	font-size: .9em;
	border: solid 1px #aaa; 
	background-color: #fafafa;
	}
textarea {
	width: 90%; 
	height: 8em; 
	border: 1px solid #ccc; 
	background-color: #fafafa;
	}
input.submit {
	width: auto; 
	height: auto; 
	padding: 0.25em 1em;
	border: 3px double #764829; 
	border-top-color: #d39a73; 
	border-left-color: #d39a73;
	background: #c47844 url(../images/background_button_orange.gif) repeat-x;
	font: bold 11px arial; 
	color: #fff;
	}
input.submit:hover, input.submit:focus {
	border: 3px double #d39a73; 
	border-top-color: #764829; 
	border-left-color: #764829;
	}
/* good in theory but IE6 won't play nice */
/* input[type="submit"], input[type="button"] {
	width: auto; 
	height: auto; 
	padding: 0.25em 1em;
	border: 3px double #764829; 
	border-top-color: #d39a73; 
	border-left-color: #d39a73;
	background: #c47844 url(../images/background_button_orange.gif) repeat-x;
	font: bold .9em arial; 
	color: #fff;
	}
input[type="submit"]:hover, input[type="submit"]:focus, input[type="button"]:hover, input[type="button"]:focus {
	border: 3px double #d39a73; 
	border-top-color: #764829; 
	border-left-color: #764829;
	} */
input.subWhite {
	width: auto; 
	height: auto; 
	padding: 0.25em 1em;
	border: 3px double #999; 
	border-top-color: #ccc; 
	border-left-color: #ccc;
	background: #fff url(../images/background_button_white.gif) repeat-x;
	font: bold 11px arial; 
	color: #333;
	}
input.subWhite:hover, input.subWhite:focus { /* greens = #080 and #80ca80 */
	border: 3px double #ccc;
	border-top-color: #999; 
	border-left-color: #999;
	}
input.disabled {
	width: auto; 
	height: auto; 
	padding: 0.25em 1em;
	border: 3px double #ccc; 
	border-top-color: #ddd; 
	border-left-color: #ddd;
	background: #f5f5f5;
	font: bold 11px arial; 
	color: #ccc;
	}
input.disabled:hover, input.disabled:focus {border: 3px double #ddd;}
input.private, select.private {
	border: solid 1px #adcccc; 
	background-color: #edfafa;
	}
input.error, select.error {border: 1px solid #a00;}
input.error {font-size: 1em;}
select.error {font-size: .9em;}
input[type="checkbox"], input[type="radio"] {
	width: auto; 
	height: auto; 
	border: none; 
	background: none;
	margin: 0 3px 0 0;
	padding: 0;
	position: relative; 
	top: 2px;
	}
.checkbox {margin: 0; padding: 0 0 0 23px; text-indent: -23px;}
.checkbox + p {margin-top: 10px;} /* adds a little extra space between checkboxes */