/* login.html page <style>s */
body.login {
    margin: 0px;
    padding: 0px;
}
/* Fix the problem that forms have a default bottom margin  */
/* that throws off table spacing in, EG, Contents. */
/* See http://www.cs.tut.fi/~jkorpela/forms/extraspace.html */
form {
    margin-bottom: 0px;
}
th.login {
    padding-right: 10px;
    font-weight: normal;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-family: verdana, arial, helvetica, sans-serif;
}
input.login, select.login {
    font-size: 13px;
    font-family: verdana, arial, helvetica, sans-serif;
}
td.login-copyright {
    padding-bottom: 15px;
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
}

/* handle site maps, site info, and welcome */
body.controls-page {
	background-color: #FFFDE9;
	margin: 0px;
	padding: 0px;
}
body.controls-page td, body.controls-page th, body.controls-page input, body.controls-page select {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif ! important;
}
body.controls-page td.info {
	background-color: #FFFDE9;
	color: black;
	padding: 2px 5px;
}

p, ul, li {
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
}

ul.siteChooser {
	list-style: none;
}

ul.siteChooser li {
	font-size: 110%;
	padding-bottom: 5px;
}

ul.siteChooser a {
	color: #00f;
}

/* tabs, wizard, steps, and more */
/* changed body to .webeasel2 */
body.webeasel2 {
	margin: 20px;
	background-color: #FFFDE9;
	background-image: url('../images/watermark.gif');
	background-repeat: no-repeat;
	background-position: bottom right;
	font-size: 13px;
	font-family: verdana, arial, helvetica, sans-serif;
}
body.toolbar, body.empty {
	margin: 0px;
	padding: 0px;
	background-image: none;
    background-color: #fffde9;
}
body.status {
	margin: 0px;
	padding: 5px 25px;
    background: #ffefbb;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif ! important;
	background-image: none;
	color: black;
}
body.status div.error {
	padding: 2px;
	background-color: #FE7E8D;
	color: white;
	font-weight: bold;
}
body.status div.error a {
	color: white;
	font-weight: normal;
}
div.toolbar {
	background-image: url('../images/toolbar_logo.gif');
	background-repeat: no-repeat;
	background-position: right;
	padding: 20px 25px 2px 25px;
	background-color: #7FC0B1;
	border-style: none none solid none;
	border-width: 1px;
	border-color: #7FC0B1 #7FC0B1 black #7FC0B1;
}
div.toolbar a {
	color: white;
	padding: 5px 5px;
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;	
}
div.toolbar span.locked {
	color: #DDDDDD;
	padding: 5px 5px;
	text-decoration: none;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;	
}
div.toolbar a.active {
	border-style: solid solid none solid;
	border-width: 1px;
	border-color: black;
	background-color: #FFFDE9;
	color: black;
}
/* changed a to a.webeasel2 */
a.webeasel2 {
	color: #20615A;
}
div.tab-row {
	margin-top: 20px;
}
a.tab, span.tab {
	position: relative;
	top: -2px;
	padding: 5px 20px;
	border-style: solid solid none solid;
	border-width: 1px;
	background-color: #E5E3D1;
	border-color: #BFBC9E;
	color: #7F7D69;
	font-size: 13px;
	font-family: verdana, arial, helvetica, sans-serif;
	z-index: 99;
	text-decoration: none;
}
div.tab-row.wizard span.tab {
	padding-left: 5px;
}
div.tab-row.wizard span.tab span.step {
	padding: 1px 3px;
	font-size: 11px;
	background-color: #7F7D69;
	color: #E5E3D1;
}
div.tab-row.wizard span.tab.active span.step {
	background-color: #7FC0B1;
	color: white;
}
div.tab-row.wizard span.tab.dead span.step {
	background-color: #CCCABA;
	color: #E5E3D1;
}
div.tab-row.wizard span.tab span.label {
	padding-left: 5px;
}
div.tab-row.wizard span.tab.dead span.label {
	color: #CCCABA;
}
a.tab:hover {
	background-color: #F2F0DD;
	color: #403F3A;
}
a.tab.active, span.tab.active {
	background-color: #FFFFFF;
	color: #403F3A;
	z-index: 101;
}
/* Brandon made this up based on style_guide/styles.css */
a.tab.dead, span.tab.dead {
	background-color: #FFFFFF;
	color: #CCCABA;
	z-index: 99;
}
div.tabbed-content {
	position: relative;
	border: 1px solid #BFBEAF;
	background-color: #FFFFFF;
	padding: 20px;
	z-index: 100;
}
div.table-container {
	width: 100%;
}
table.site-map th {
	background-color: #7FC0B1;
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	font-weight: normal;
	font-size: 11px;
	letter-spacing: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
}
table.site-map td {
	color: #403F3A;
	font-size: 13px;
	font-family: verdana, arial, helvetica, sans-serif;
}
table.site-map tr.row2 td {
	background-color: #FFFBD3;
}
table.site-map tr.directory td {
	border-width: 2px 0px 2px 0px;
	border-style: solid none solid none;
	border-color: #40A296;
	background-color: #BFDECD;
	color: #66A69A;
	font-weight: bold;
}
table.site-map tr.directory.open td {
	border-width: 2px 0px 0px 0px;
}
table.site-map tr.directory td a {
	color: #20615A;
}
table.site-map tr.spacer td {
	padding: 2px;
}
table.site-map tr.last td {
	border-bottom: 2px solid #40A296;
}

div.wizard-container {
	border: 1px solid #BFBEAF;
	background-color: #FFFFFF;
	padding: 20px;
}
table.wizard-steps {
	margin-right: 25px;
}
table.wizard-steps td {
	height: 50px;
	width: 50px;
}
table.wizard-steps td.wizard-step.active {
	background-image: url('../images/green-circle.gif');
	background-repeat: no-repeat;
	background-position: center center;
}
table.wizard-steps td.wizard-step a {
	font-size: 18pt;
	font-weight: bold;
	font-family: verdana, arial, helvetica, sans-serif;
	text-decoration: none;
}
table.wizard-steps td.wizard-step.active a {
	background-color: #7FC0B1;
	color: white;
}

h1 {
	font-size: 18pt;
	font-weight: normal;
	font-family: verdana, arial, helvetica, sans-serif;
}
div.table-container h1 {
	margin-top: 0px;
}
div.wizard-controls {
	margin-top: 15px;
	text-align: center;
}
div.table-container div.controls-top {
	margin: 0px 0px 15px 0px;
}
div.table-container div.controls-bottom {
	margin: 15px 0px 0px 0px;
}

div.indent {
    padding-left: 1em;
}
button.small, input.small, select.small, textarea.small {
    font-size: 11px;
    font-family: verdana, arial, helvetica, sans-serif;
}
table.color-key {
        width: 100%;
        border-spacing: 0;
}
table.color-key td {
        width: 25%;
        padding: 1px;
}
table.color-key div.color-definition {
        margin-left: 14px;
        font-size: 10px;
        font-family: verdana, arial, geneva, helvetica, sans-serif;
}
table.color-key div.color-sample {
        display: block;
        float: left;
        width: 10px;
        height: 10px;
        margin-top: 1px;
        border: 1px solid #CCC;
}
table.color-key div.color-sample span {
        display: none;
}
#starthour, #endhour {
	width: 80px;
}