body { width: 900px; }
/* link styles */
p a, a:link { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; }
a:visited { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: none; color: #000000; }
p a:hover, a:hover { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #376833; }
a:active { font-weight: bold; font-size: 12px; font-family: Arial, Helvetica, sans-serif; text-decoration: underline; color: #376833; }

#navigation a:link, #navigation a:visited, #navigation a:hover, #navigation a:active { padding-left: 35px; display: block; }
#navigation a:hover, #navigation a:active { background: transparent url('images/car_on.gif') no-repeat; }
.topnav a:link, .topnav a:visited, .topnav a:hover, .topnav a:active { font-weight: normal; font-size: 10px; }

.link { padding: 0 5px 5px 18px; background: transparent url('images/icons/link.gif') 3px 1px no-repeat; }
.link:hover { background-image: url('images/icons/link_on.gif'); }
.backlink { padding: 0 5px 5px 18px; background: transparent url('images/icons/backlink.gif') 3px 1px no-repeat; }
.backlink:hover { background-image: url('images/icons/backlink_on.gif'); }
.close{ padding: 3px 5px 5px 18px;	background: transparent url('images/icons/close.gif') 3px 3px no-repeat; }
.close:hover{ padding: 3px 5px 5px 18px; background: transparent url('images/icons/close_on.gif') 3px 3px no-repeat; text-decoration: none; }
.add{ padding: 3px 5px 5px 18px;	background: transparent url('images/icons/add.gif') 3px 3px no-repeat; }
.add:hover{ padding: 3px 5px 5px 18px; background: transparent url('images/icons/add_on.gif') 3px 3px no-repeat; text-decoration: none; }
/* end link styles */
.withborder{ border: 2px solid #D1D2D4; }
.noborder{ border: none !important; }
.enlargetext { font: bold 22px/26px "Trebuchet MS", Verdana, sans-serif !important; background-position: 3px 8px; }
.enlargetext:hover { background-position: 3px 8px; }
.styleh2 {color: #94C945;}

a.collapsed, a.expanded { margin: 0; padding: 0 0 0 14px; text-decoration: none; vertical-align:top; }
a.collapsed { background: transparent url('images/icons/expand_right.gif') 0 3px no-repeat; }
a.expanded { background: transparent url('images/icons/expand_down.gif') 0 3px no-repeat; }
a.collapsed:hover, a.expanded:hover { margin: 0; padding: 0 0 0 14px; text-decoration: none; vertical-align:top; }
a.collapsed:hover { background-image: url('images/icons/expand_right_on.gif'); }
a.expanded:hover { background-image: url('images/icons/expand_down_on.gif'); }

/* frame styles */
#content { top: 180px; left: 240px; position: absolute; width: 650px; }
#navigation { clear: both; padding-top: 180px; width:240px; }
#navigation p { padding: 0; margin: 0 0 0 40px; }
#logoDiv { width: 700px; height: 71px; background-image: url('images/clean_sub_logo.gif'); }
.topnav { position: absolute; width: 200px; height: 23px; z-index: 1; left: 700px; top: 2px; }
/* end frame styles */

.BoxesHead { color: #ffffff; text-align: center; font: bold 16px/20px "Trebuchet MS", Tahoma, Verdana;
 background-color: #376833; padding: 8px; background: #376833; height: 40px; width: 320px; }
.BoxesBody { font: bold 12px/16px Arial, Helvetica, sans-serif; padding: 8px 10px; width: 296px; border: solid 10px #376833; border-top: 0px; }
.BoxesBorder { background-color: #376833; }
.BoxesSpacer { width: 35px; background: #FFFFFF; }
.BoxesBody label { padding: 3px 0 3px 0; text-align: right; white-space: nowrap; width: 165px; float: left; }

/* input styles */
.inputbutton { color: #ffffff; background: #376833; border: 1px solid #376833; padding: 1px 4px; font-weight: bold; text-align: center; }
.inputbuttonhover{color: #000000; background: #94C945; border: 1px solid #376833;}
input, textarea, select { border:1px solid #999999; } 
input, select { font: 14px/15px "Trebuchet MS", Tahoma, Verdana; vertical-align:middle; }
/* end input styles */

h1, h2, h3 {color: #94C945;padding: 4px 0;margin: 0;}
h1 { font: bold 30px/34px "Trebuchet MS", Verdana, Sans-Serif; }
h2 { font: bold 22px/26px "Trebuchet MS", Verdana, Sans-Serif; }
h3 { font: bold 18px/20px "Trebuchet MS", Verdana, Sans-Serif; }
p { font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.infoMessage{ font: bold 12px/20px "Trebuchet MS", Verdana, Sans-Serif; }
.validationSummary { display: block; white-space: nowrap; color: red; font: bold 12px/14px "Trebuchet MS", Tahoma, Verdana; }

fieldset { padding: 5px; border: 2px solid #D1D2D4; width: 600px;  }
fieldset legend { color: #376833; font: bold 14px/16px "Trebuchet MS", Verdana, Sans-Serif; padding: 5px; border: 2px solid #D1D2D4; }
fieldset .row { float: left; text-align: left; display: block; padding:0; width: 600px; }
fieldset .row label { font-weight: bold; padding: 3px 3px 3px 0; text-align: right; width: 165px; float: left; }
fieldset .row span { color: #376833; font-weight: bold; padding: 3px 3px 3px 0; float: left; }
fieldset .alt{ background-color: #EAEAEA;} 

fieldset.survey { padding:0; margin: 0; }
fieldset.survey .row { border-bottom: 1px solid #999999; }
fieldset.survey .row label{ width: 490px; text-align: left; margin-left: 10px; }
fieldset.survey .row span { color: #666666; font-weight: bold; vertical-align: top; padding: 2px; float: none; }

fieldset.small { width: 400px; }
fieldset.small .row { width: 400px; }
fieldset.small .row label { width: 100px; }
fieldset.small .row span { float: none; }

fieldset.smaller { width: 200px; }
fieldset.smaller .row { width: 200px; }
fieldset.smaller .row label { text-align: left; width: auto; }
fieldset.smaller .row input, fieldset.smaller .row textarea, fieldset.smaller .row select { display: block; padding: 0; margin: 0 0 0 20px; } 

table.content_table, table.content_table th, table.content_table td {
	border: 1px solid #376833;
	border-collapse: collapse;
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
}
table.content_table td {font-size: 12px; font-family: Arial, Helvetica, sans-serif;}
table.content_table td, table.content_table th { padding: 4px; }
table.content_table th, table.content_table th a {
	text-align: center;
	background: #376833;
	color: #ffffff;
}
table.content_table th a{ color: #ffffff !important; font-size: 15px !important;  }
table.content_table th a:hover{ color: #ffffff; font-size: 15px; text-decoration: underline;}
table.content_table tbody th { font-weight: bold; }
table.content_table tbody tr { background: #FCFDFE; }
table.content_table tbody tr.odd { background: #F7F9FC; }
table.content_table tbody tr.inactive { background-color: #EFEFEF; }
.inactiveImg { background: #EFEFEF url(../../images/icons/inactiveAccount.gif) no-repeat center center; }
.modalBackground {
	background-color:#376833;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup { background-color:#ffffff;
	border-width:2px;
	border-style:solid;
	border-color:#376833;
	padding:3px;
}
/*Reorder List*/
.dragHandle { width:16px; height:16px; cursor:move; 
	background-image:url(../../images/icons/move.gif); }
.callbackStyle { border:1px dashed #999999; }
.callbackStyle table { background-color:#5377A9; color:Black; }
.reorderList li { list-style:none; margin:2px;}
.reorderList li a {font-weight:bold;}
.reorderCue { border:1px dashed #999999; width:100%; height:16px; }
.itemArea { margin-left:5px; font-size:1em; text-align:left; border-bottom: 1px solid #999999; }
.surveytotals{ float: right; border: 1px solid #376833; border-bottom: none; }
.surveytotals div { font-size: 12px; text-align: center; float: left; padding: 3px; width: 37px !important; border-right: 1px solid #376833 !important; }