body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin: 0; 
  padding: 0; 
  background: #FFFFFF;
}

.fieldWithErrors {
  display:  inline-block;
  padding: 2px;
  background-color: red;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

h1 {
  margin-top: 0px;
  font-size: 18pt;
  line-height: 20pt
}

h2 {
  font-size: 14pt;
}

pre {
  margin: 5px 0px 5px 0px;
  border: 1px dashed #888888;
  padding: 5px;
  background-color: #EEEEEE;
}

a { color: #000; }

fieldset {
  margin-top:  25px;
  padding:  15px;
}

legend {
  font-size: 14pt;
  font-weight: bold;
}

fieldset .settings {
  margin-bottom: 15px;
}

fieldset div.heading {
  margin: 10px 0px 10px 0px;
  border-bottom: 1px solid #000000;
  padding-bottom: 2px;
  font-weight: bold;
}


label.check {
  padding-left: 5px;
}


ul {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 2em;	
  list-style-position: outside;
  list-style-image: url("../images/arrow_r.png");
  list-style-type: square;
}

form { 
  border: 0;
  margin: 0; 
  padding: 0;
}

th.left {
  text-align: left;
  vertical-align: top;
  padding-right: 15px;
}

#FlashBox {
  margin: 0 0 10px 0;
	text-align: center;		
	font-size: 12pt;

}

#FlashNotice {
	margin: 0;
	padding: 5px;	
	background-color: green;
	color: white; 
}

#FlashError {
	background-color: red;
	color: white; 
}

#System {
  float: right;
  padding: 5px;
}

#System #Notice {
  height: 15px;
  color: #FF0;
  margin: 0px; 
  padding: 5px;
  font-size: 10pt;
  text-align: center;
  letter-spacing: 1px;
}

#Header {
  height: 50px;
  background: #777777;
  color: #FFFFFF;
  margin: 0px; 
  padding: 5px;
  border-bottom: 1px solid black;
}

#HeaderCompany {
  margin: 10px;
	font: normal normal bold 24px Arial, sans-serif;
	color: #FFFFFF;
}

#HeaderRight {
	float: right;
	color: #FFFFFF;
	padding-right: 5px;
}

#HeaderRight a { color: #FFFFFF; }
#HeaderRight a:visited { color: #FFFFFF; }
#HeaderRight a:hover { color: #FFFFFF; background-color:#000; }

#Footer {
  display: none;
  width: 100%;
  background: #eee;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
}

#Main {
  clear: both;
  margin: 0; 
  padding: 0;
}

#Main #Left {
  position: absolute;
  top: 65px;
  left: 0;
  width: 200px;
  margin: 5px; 
  border: 1px solid #000000;
  padding: 10px 5px; 
  background-color: #CCCCCC;
}

#Main #Content {
  position: absolute;
  top: 65px;
  left: 210px;
  width: 775px;
  margin: 5px 0px 10px 0px;
  padding: 0 0 0 10px;
}

span.labelHelp  {
  margin: 0px 5px 0px 5px;
}

.labelHelp, .labelHelp a:link, .labelHelp a:hover, .labelHelp a:visited {
  display:  inline-block; 
  padding:  0px 2px 0px 2px;
  font-size:  8pt;
  text-decoration: none;
}

.padder {
  margin: 0; 
  padding: 0.5em 1em; 
  border: 0;
}

.spacer {
  clear: both;
  height: 0;
  font-size: 0;
  border: 0;
  margin: 0; 
  padding: 0;
  visibility: hidden;
}

.dashboard_item {
  width: 95%;
}

.section {
  width: 620px;
	margin-bottom: 5px;
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	text-align: left;
}

.section textarea {
	width: 590px;
}

.section_grid {
  width: 99%;
	margin-bottom: 2px;
	border-collapse: collapse;
	border: 1px solid #999;
}

.section_list {
	width: 620px;
	margin-bottom: 2px;
	border-collapse: collapse;
	border: 1px solid #999;
}

.section_list th, .section_list td {
	border: 1px solid #999;
	padding: 3px;
}


.section_grid td {
	border: 1px solid #999;
	padding: 3px;
}


.subsection {
	margin-top: 15px;
}

.subsection_heading {
	margin: 10px 0px 10px 0px;
	font-weight: bold;
	font-style: italic;
}



.zebra_grid_even {
	background-color: #EEEEEE;
}

.zebra_grid_odd {
	background-color: #DDDDDD;
}

.dashboard_item {
  float: left;
  border: 1px solid #000000;
  padding: 0px;
}

.dashboard_item .title {
  margin: 2px;
  border: 1px solid #000000;
  background-color: #DDDDDD;
  padding: 2px;
  font-size: 11pt;
  text-align: center;
}

.dashboard_item .content {
  margin: 10px;
}


.quick_formatting {
  margin: 10px 0px 10px 0px;
  width: 550px;
  border-collapse: collapse;
}

.quick_formatting th, .quick_formatting td {
  border: 1px solid #888888;
  padding: 3px 10px 3px 10px;
  text-align: left;
  vertical-align: top;
  font-weight: normal;
}

.quick_formatting th {
  background-color: #CCCCCC;
}

.quick_formatting td {
  background-color: #DDDDDD;  
}

.quick_formatting ul, .quick_formatting ol {
  margin: 0px;
  padding: 0px 0px 0px 15px;
}

/*
 * Company edit form
 */

#companyForm {
	width: 30em;
}

#companyForm h3 {
	margin: 10px 0 10px 0;
}

#companyForm p {
	margin: 5px 0px 0px 0px;
}

#companyForm .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

/*
 * Quote Generator edit form
 */

#quoteGeneratorForm {
	width: 30em;
}

#quoteGeneratorForm h3 {
	margin: 0;
}

#quoteGeneratorForm p {
	margin: 5px 0 0 0px;
}

#quoteGeneratorForm .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

/*
 * Quote Generator list
 */

#quoteGeneratorList {
}

#quoteGeneratorList h3 {
	margin: 0;
}

#quoteGeneratorList p {
	margin: 5px 0 0 0px;
}

#quoteGeneratorList .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

#quoteGeneratorList .grid {
	border: 1px solid #999;
	background-color: #EEEEEE;
	padding: 0;
	margin-bottom: 5px;
}

/*
 * Availability edit form
 */

#availabilityForm {
	width: 30em;
}

#availabilityForm h3 {
	margin: 0;
}

#availabilityForm p {
	margin: 5px 0 0 15px;
}

#availabilityForm .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

/*
 * Availability list
 */

#availabilityList {
}

#availabilityList h3 {
	margin: 0;
}

#availabilityList p {
	margin: 5px 0 0 15px;
}

#availabilityList .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

#availabilityList .grid {
	border: 1px solid #999;
	background-color: #EEEEEE;
	padding: 0;
	margin-bottom: 5px;
}

#availabilityList .zebra_grid_even {
	background-color: #EEEEEE;
}

#availabilityList .zebra_grid_odd {
	background-color: #DDDDDD;
}

/*
 * Grouping edit form
 */

#groupingForm {
	width: 30em;
}

#groupingForm h3 {
	margin: 0;
}

#groupingForm p {
	margin: 5px 0 0 15px;
}

#groupingForm .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

/*
 * Grouping list
 */

#groupingList {
}

#groupingList h3 {
	margin: 0;
}

#groupingList p {
	margin: 5px 0 0 0px;
}

#groupingList .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

#groupingList .grid {
	border: 1px solid #999;
	background-color: #EEEEEE;
	padding: 0;
	margin-bottom: 5px;
}

#groupingList .zebra_grid_even {
	background-color: #EEEEEE;
}

#groupingList .zebra_grid_odd {
	background-color: #DDDDDD;
}

/*
 * Survey edit form
 */

#surveyForm {
	width: 30em;
}

#surveyForm h3 {
	margin: 0;
}

#surveyForm p {
	margin: 5px 0 0 0px;
}


#surveyForm .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

/*
 * Survey list
 */

#surveyList {
}

#surveyList h3 {
	margin: 0;
}

#surveyList p {
	margin: 5px 0 0 0px;
}

#surveyList .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

#surveyList .grid {
	border: 1px solid #999;
	background-color: #EEEEEE;
	padding: 0;
	margin-bottom: 5px;
}

#surveyList .zebra_grid_even {
	background-color: #EEEEEE;
}

#surveyList .zebra_grid_odd {
	background-color: #DDDDDD;
}

/*
 * Notification list
 */

#notificationList {
}

#notificationList h3 {
	margin: 0;
}

#notificationList p {
	margin: 5px 0 0 0px;
}

#notificationList .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}

#notificationList .grid {
	border: 1px solid #999;
	background-color: #EEEEEE;
	padding: 0;
	margin-bottom: 5px;
}

#notificationList .zebra_grid_even {
	background-color: #EEEEEE;
}

#notificationList .zebra_grid_odd {
	background-color: #DDDDDD;
}

.subscription {
		border: 1px solid #999;
		margin: 5px 0px 5px 15px;
}
	
.subscription h3 {
	margin: 0px;
}
	
/*
 * Code Builder form
 */

#codeBuilderForm {
	width: 30em;
}

#codeBuilderForm h3 {
	margin: 0;
}

#codeBuilderForm p {
	margin: 5px 0 0 0px;
}

#codeBuilderForm .section {
	border: 1px solid #999;
	background-color: #FFFFEE;
	padding: 10px;
	margin-bottom: 5px;
}