@import url(displaytag.css);
.smaller {
	font-size: smaller;
}
/* begin collection sites tag decorators */
div#sites-div {
	height: 450px; 
	width: 575px;
	overflow:auto;
	text-align: center;
	border: 1px solid #007F0F;
	border-left: 2px solid #007F0F;
	border-top: 2px solid #007F0F;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 0em;
}
table.site-tag-table {
	background-color: white;
	width: 100%;
}
th.site-tag-header {
	font-size: 12pt;
	font-weight: bold;
	color: black;
}
td.table-column-spacer {
	background-color: white;
}

/*	the middle cell in the sites table */
td.site-tag-body {
	vertical-align: middle;
    color: black;
	font-size: 10pt;
	padding: 0em;
	padding-top: .5em;
	padding-bottom: .5em;
	margin: 0em;
	border-bottom: 1px solid gray;
}

span.site-tag-map-this {
	font-size: smaller;
}

/*	the left most cell in the sites table */
td.site-tag-links {
	padding-top: 1.5em;
	vertical-align: bottom;
	border-bottom: 1px solid gray;
}
span.selected {
	font-style: normal;
	font-weight: bold;
	cursor: help;
}

/*	the right cell in the sites table */
td.trafficLight {
	border-left: 1px solid gray;
	font-size: 7pt;
	padding: 0em;
	padding-left: 1em;
	padding-top: .5em;
	padding-right: .5em;
	margin: 0em;
	border-bottom: 1px solid gray;
	line-height: 1.33;
}

.select {
  background: #007700;
  color: #ffff99;
  font-family: Arial,Helvetica,Verdana;
  font-size: 10pt;
  font-weight: bold;
  border-top: 5ex;
  border-bottom: 5ex;
}

.trafficLight span.unselected {
	font-weight: normal;
	font-style: italic;
	color: gray;
	cursor: help;
	padding: 0em;
	margin: 0em;
}
.trafficLight span.smallTitle {
	font-variant: smallcaps;
	font-weight: normal;
}

tr.even-row {
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
}
tr.odd-row {
	text-align: left;
	vertical-align: top;
	background-color: #fff3ce;
}

/* end collection sites tag decorators */


.header {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #626796}
li {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt}

h2 {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 16pt; 
	color: #FF0000; 
	font-weight: bold
}
h2 {
	font-family: Arial, Helvetica, sans-serif; 
	color: #009900;
	font-weight: bold;
	font-size: 10pt; 
	padding-bottom: 0pt;
	margin-bottom: 0pt;
}

h2.index {
	color: #009900;
	font-size: 12pt;
}
h1 { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold;
	padding-top: 0em;
	margin-top: 0em;
	color: #009900; 
}
h1.toc {
	font-family: Verdana, Arial; 
	font-size:11pt;
	font-weight: bold;
}
h2.toc {
	font-family: Verdana, Arial; 
	font-size:10pt;
	font-weight: bold;
}

h3 {
    background: transparent url(../images/springtime/titlebar.gif) no-repeat top left;
    font: normal small-caps 12pt Georgia, serif;
    letter-spacing: 1px;
    margin-top: -5px;
    margin-bottom: 10px;
    color: #ACA790; /* #7d775c; - darker */
    height: 25px;
    padding: 7px 0px 0px 28px;
}

h4 {
	font-family: Verdana, Arial; 
	font-size:9pt;
	font-weight: bold;
	margin-bottom: 0em;
}
h5 {
	font-family: Verdana, Arial; 
	font-size:9pt;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 0em;
	margin-top: 0em;
}

a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold;
}

a:link {  color: #BD1439; text-decoration: none}
a:active {  color: #BD1439; text-decoration: none}
a:visited {  color: #BD1439; text-decoration: none}
a:hover {  color: #6B8618; text-decoration: none}


h1 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12pt; 
	font-weight: bold;
	padding-top: 0em;
	margin-top: 0em;
	color: #009900; 
}

p, #content, #supportingText {
    font: 8pt/14pt Verdana, sans-serif;
    margin-top: 0px;
}

p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	color: #000000; 
	padding-top: 0pt;
	margin-top: 0pt;
}
p.manual {
	font-family: Verdana, Arial; 
	font-size: 9pt; 
	font-weight: normal;
	padding-top: 0pt;
	margin-top: 0pt;
}

p.side-bar-left {
	font-family:Arial, Helvetica, sans-serif; 
	text-align: left;
	font-size: 10pt; 
	font-weight: bold;
	color:#009900;
}
p.side-bar-left-bold {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold;
}

ul.manual {
	padding-top: 0pt;
	margin-top: 0pt;
}
ul.manual li {
	font-family: Verdana, Arial; 
	font-size: 9pt; 
	font-weight: normal;
}
div.toc {
	font-family: Verdana, Arial; 
	margin-left: 2em;
	margin-top: 2em;
}
div.toc-sidebar {
	font-family: Verdana, Arial; 
	margin-left: 2em;
	margin-top: 4em;
}
div.toc-entry {
	font-family: Verdana, Arial; 
	font-size:10pt;
	margin-bottom: .5em;
}

div.manual {
	width: 620px;
	margin-left: 2em;
}
div.summaryTitle {
	font-family: Verdana, Arial; 
}
span.small {
	font-family: Verdana, Arial; 
	font-size: 8pt; 
}
li.index {
	color: #009900;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt;
}
li.sidebar {
	color:#FF3333;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
}

li {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
	font-weight: bold;
	color: #009900;
}
img.inline {
	padding-top: 5px;
	padding-right: 5px;
}

/*	alert messages... get their attention. */
div.alertMessage {
	border: 1px solid red;
	font-size: larger;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.topLink {
	padding-top: 0px;
	margin-top: 0px;
	padding-bottom: 10px;
	font-variant: small-caps;
	font-size: 8pt;
	text-align: right;
}


div.form {
	padding-bottom: 2px;
	margin: 10px;

	background-image: url('bindertile.gif');
}
div.form-label {
	text-align:right;
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div.form-value {
	text-align:left;
	font-size: 8pt;
	font-weight: normal;
	color: gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.form-buttons {
	text-align: right;
	margin-top: 15px;
	margin-bottom: 2px;
	border: inset 2px #ccc;
	padding: 4px;
}
.form-button {
	cursor:pointer;
	border:outset 1px #ccc;
	background:#999;
	color:#666;
	font-weight:bold;
	padding: 1px 2px;
	background:url(../images/formbg.gif) repeat-x left top;
}

.form-disabled-button {
	cursor:default;
	border:1px solid #ccc;
	background:#999;
	color:#666;
	font-weight:normal;
	padding: 1px 2px;
	background:url(../images/formbg.gif) repeat-x left top;
}


/* basic elements */
body {
    font: 8pt/16pt Georgia, serif; 
    color: #555753; 
	background-color: white;
    margin: 4px; 
}



#intro {
    min-width: 470px;
}

#pageHeader {
    margin-bottom: 20px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#pageHeader h1 {
    background: url(../images/springtime/head.gif) no-repeat top left;
    width: 678px;
    height: 213px;
    margin-top: 0px;
}

#pageHeader h1 span {
    display: none;
}

#pageHeader #logo {
    background: url(../images/springtime/equinox.gif);
    width: 178px;
    height: 50px;
    position: absolute;
    top: 90px;
    z-index: 2;
    cursor: pointer;
}

#pageHeader h2 {
    background: transparent url(../images/springtime/flwr.gif) no-repeat top left;
    width: 84px;
    height: 261px;
    float: right;
    margin-top: 0px;
    position: absolute;
    top: 163px;
    left: 647px;
}

#pageHeader h2 span {
    display: none;
}


#content p {
    margin-bottom: 10px;
}


/* properly aligned list-item icons - from http://tinyurl.com/25flg */
/*
#content ul, #supportingText ul {
    list-style-type: none;
}

#content ul li, #supportingText ul li {
    padding-left: 12px;
    margin-left: -15px;
    background: url(../images/springtime/dot.gif) no-repeat 0px 7px;
}
*/

pre {
    overflow: auto;
    background-color: #ffd;
    border: 1px solid #ccc;
    padding: 5px;
}

/* This is the style for the informational messages presented to the user */
.error, .message {
    background: #ffc;
    border: 1px solid green;
    color: black;
    font-weight: normal;
    margin: 10px auto;
    padding: 2px;
    padding-left: 4px;
    text-align: left;
    vertical-align: bottom;
}

/* use a different color for the errors */
.error {
    border: 2px solid red;
    display: block;
}

span.fieldError, span.errorMessage {
    color: maroon; /* !important */
}

span.phone {
	color: #009900;
}
span.center {
	text-align: center;
}

form input, form textarea, form select {
    padding-left: 4px;
    color: #666;
}

/* fix for spacing in IE */
form {margin: 0px }

/* make buttons looks the same in Mozilla */
div>button, p>button, td>input.button {
    padding: 1px 3px !important;
}

form select {
    padding-left: 0px;
}

form th {
    text-align: right;
}
form th.multi-column-header {
    text-align: left;
	padding-left: 1em;
	padding-top: 1em;
}

div.bordered-form {
	padding: 1em;
	border-left: 1px solid black;
	border-top: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}
table.bordered-sub-form {
	padding: 1em;
	margin-top: 2em;
	border: 1px solid black;
}
div.page {
	text-align:center;
	padding: 1em;
	padding-top: 3em;
	padding-left: 2em;
	padding-right: 2em;
}
table.page-border {
		/*
	padding: 1em;
	padding-top: 3em;
	padding-left: 2em;
	padding-right: 2em;
	*/
	border: 1px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
}
table.page-border tr.odd-row {
	text-align: left;
	vertical-align: top;
	background-color: #fff3ce;
	background-color: #FFFFCC;
}
.button-row {
	text-align: right;
	padding: 1em;
	padding-top: 2em;
}
table.bordered-sub-form th.title {
    text-align: left;
	padding-left: 1em;
}

div.logout {
    float: right;
    margin-top: -20px;
    margin-right: -30px;
}

/* absolute positioning */

img#imgHeader {
	position: absolute;
	top:5px;
	left:4px;
}
img#imgHeaderSpacer {
	position: absolute;
	top:100px;
	left: 4px;
}
img#imgLeftCorner {
	position: absolute;
	top: 109px;
	left: 151px;
}
#content {
    padding-right: 0px;
    padding-top: 1em;
    padding-left: 0em;
    /* padding-left: 30px; */
    /* overflow: auto; */
    /* position: relative; */
    position: absolute;
	top: 109px;
	left: 160px;
	text-align: left;
	width: 575px;
}

/* specific divs */
#container {
    width: 630px;
    position: relative;
}

div#navContainer {
    position: absolute;
	left: 4px;
	top: 109px;
}
div#navCorner {
    position: absolute;
	left: 147px;
	top: 109px;
}

/* Trademark and copyright lines */
.tm {
	vertical-align: top; 
	font-size: smaller;
	font-weight: bold; 
	color: #FF3333;
}


div#pageFooter {
	padding-top: 2.5em;
	padding-bottom: 0em;
	margin: 0em;
	width: 700px;
	font-size: 10pt;
	color: #FF3333; 
}
div#pageFooter a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold;
}
div#pageFooter a.mailto {
	font-weight: bold; 
	font-size: 10pt;
	color: #BD1439;
}

/*	used for the | character in the page footer. */
div#pageFooter span.divisor {
	font-size:8pt;
}
div#pageFooter div.links {
	margin-top: 2em;
	padding-bottom: 1em;
	font-weight: bold;
	color: black;
}
div#pageFooter b {
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	color: #333333;
}
div#pageFooter span.address {
	font-family: Arial, Helvetica; 
	color: #333333;
}
div#pageFooter span.contact {
	font-family: Arial, Helvetica;
	font-weight: bold;
}
div#pageFooter div.tm {
	font-family: Arial, Helvetica;
	padding-top: 1.25em;
	vertical-align: top; 
	font-size: smaller;
	font-weight: bold; 
	color: #FF3333;
}