/**************************************************************
   AUTHOR:  Pat Heard (fullahead.org)
   DATE:    2006.03.19
   PURPOSE: Styles the html elements
 **************************************************************/
html {height: 100%;}
body {height: 100%; margin: 5px 0 0 0; padding: 0; font: 400 0.8em verdana, arial, sans-serif; line-height: 170%; background: #D9D69C url(/images/bg/header.jpg) repeat-x top left; color: #111;}
h1 {font: 700 2.1em "trebuchet ms" , serif; color: #005088; margin: 0; padding: 10px 10px 1px 10px;}
h2 {font: 400 1.5em "trebuchet ms" , serif; color: #8FA0CC; font-style: italic; margin: 0; padding: 10px 15px 4px 3px;}
h2 a {color: #8FA0CC; font-style: normal; text-decoration: none;}
h2 a:hover {color: #8FA0CC; text-decoration: underline;}
h3 {font: 400 1.3em "trebuchet ms" , serif; color: #877100; margin: 0; padding-top: 2px; vertical-align: middle; clear: both;}
h4 {font: 700 1.2em "trebuchet ms" , serif; color: #870000; padding: 3px 0 1px 0; margin: 0;}
h5 {font: 700 1.1em "trebuchet ms" , serif; color: #870000; padding: 4px 0 1px 0px; margin: 0;}
h5 a {color: #870000;}
h6 {font: 700 1em "trebuchet ms" , serif; color: #870000;}
h6, dl {margin: 0; padding: 10px 15px 4px 15px;}

p {margin: 0; padding: 4px 6px 4px 0; vertical-align: middle;}

/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1, .leftColumn h2, .leftColumn h3, .leftColumn h4, .leftColumn h5, .leftColumn h6, .leftColumn p, .leftColumn dl {padding-left: 0;}

a {color: #000;}
/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */
a:hover {color: #004f87;}
b {color: #000;}
ol, ul {margin: 10px 30px; padding: 0 30px;}
ol {color: #FC0;}
ol span {color: #EEE;}
ul {list-style-image: url(/images/bg/bullet.gif); float: left;}
del {color: #AAA;}
code {margin: 10px 15px; padding: 10px; display: block; overflow: auto; font: 400 1em courier, monospace; line-height: 120%; white-space: pre; background: #444;}
.leftColumn code {margin-left: 0;}
acronym {cursor: help; border-bottom: 1px solid #777;}
dt {font-weight: bold; color: #FFB323;}
dd {margin-left: 0; padding-left: 45px;}

/**************************************************************
   Form Elements
 **************************************************************/
label {/*display: block;*/ }
textarea, select {padding: 2px; font: 400 1em verdana, sans-serif; color: #444; background: #EEE; border: 1px solid #444;}
input {padding: 2px; font: 400 1em verdana, arial, sans-serif; color: #444; background: #EEE;}
select {padding: 2px; font: 400 1em verdana, arial, sans-serif; color: #444; background: #EEE;}
input:focus, input:hover, textarea:focus, textarea:hover, select:focus, select:hover {color: #000; background: #E4F7FA; border: 1px solid #00DFFF;}
input[type=text] {border: 1px solid #444;}
input[type=text]:hover {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=text]:focus {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=password] {border: 1px solid #444;}
input[type=password]:hover {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=password]:focus {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=submit] {border: 1px solid #444;background-color:#fff;}
input[type=submit]:hover {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=button] {border: 1px solid #444; background-color:#fff;}
input[type=button]:hover {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=image] {border:1px solid #444; background-color:#fff;}
input[type=image]:hover {border:1px solid #00DFFF; background-color:#E4F7FA;}
input[type=radio] {padding: 2px; background-color: Transparent; border: 1px hidden;}
input[type=checkbox] {padding: 2px; background-color: Transparent; border: 1px hidden;}
.radio {padding: 2px 5px; font: 800 1.1em verdana, arial, sans-serif; color: #877100;}
.radio .description {padding: 0 0 2px 20px; font: italic 400 0.8em verdana, arial, sans-serif; color: #666;}

/**************************************************************
   Blockquote and included icons
 **************************************************************/
blockquote {margin: 10px 15px 0 0; padding: 8px 8px 8px 42px; background-color: #aaa; background-image: url(../images/icons/quote.gif); background-repeat: no-repeat; background-position: 5px 50%;}
blockquote.exclamation {background-image: url(../images/icons/exclamation.gif);}
blockquote.stop {background-image: url(../images/icons/stop.gif);}
blockquote.go {background-image: url(../images/icons/go.gif);}

/**************************************************************
   Images
 **************************************************************/
img {padding: 0 5px 0 5px;}
img.floatRight {margin: 5px 0px 5px 10px;}
img.floatLeft {margin: 5px 10px 5px 0px;}
a img {border: 0px solid #8BE6FA;}
a:hover img {/* Fixes IE bug - IE doesn't correctly apply the style on a:hover so need to mask it */ border: 0px solid #FFF !important; border: 0px solid #8BE6FA;}

/**************************************************************
   Classes used in the 'Edit' pages and 'Error' pages
 **************************************************************/
.Head {font: 400 1.5em "trebuchet ms" , serif; color: #005088; padding: 6px 0 0 0;}
.SubHead {font: 700 1.2em "trebuchet ms" , serif; color: #8FA0CC; white-space: nowrap; text-align: right; width: 200px;}
.SubHeadNarrow {font: 700 1.2em "trebuchet ms" , serif; color: #8FA0CC; white-space: nowrap; text-align: right; width: 50px;}