body {margin: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
form {margin:0px; padding:0px;}

/* generic text */
p,td,ul,blockquote {font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;}

hr {color:#000000}

/* headers */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h5 {
  letter-spacing:1px;
  font-family:arial;
  border:1px solid #AAA;
  border-bottom:2px solid #AAA;
  background-color:#D3D3D3;
  color:#444;
  padding:2px 5px;
  margin:5px 0;
}
h1, .h1 {
  font-size:1.6em;	
}
h2, .h2 {
  font-size:1.5em;	
}
h3, .h3 {
  font-size:1.4em;	
}
h4, .h4 {
  font-size:1.3em;	
}
h5, .h5 {
  font-size:1.2em;	
}
h5, .h6 {
  font-size:1.1em;	
}

ul.noindent, ol.noindent {margin-left:10px; padding-left:10px;}

/* site structure stuff */
#headercontainer {width:770px; padding:0px 5px 0px 5px; margin:5px 0px 0px 0px;}
#pagecontainer {width:770px; padding:10px 5px 0px 5px;}
#footercontainer {width:100%; margin-top:30px; margin-bottom:20px;}
#mainnav {width:125px; float:left; border:1px solid black; padding:10px; background-color:#EEEEEE;}
#maincontent {float:none; width:100%;}

/* links */
a:link,a:visited,a:active {COLOR:#330066; text-decoration: underline}
a:hover {COLOR:#848284; text-decoration: underline}

a.colheader:link,a.colheader:visited,a.colheader:active {COLOR:#FFFFFF; text-decoration: underline}
a.colheader:hover {COLOR:#FFFFFF; text-decoration: none}

a.white:link,a.white:visited,a.white:active {COLOR:#FFFFFF; text-decoration: underline}
a.white:hover {COLOR:#FFFFFF; text-decoration: none}

/* headings */
#pageheader {background-color:#330066; padding:5px; border:2px solid #000000; }
.header-right {width:200px; font-size:14px; font-weight:bold; color:#FFFFFF; padding:5px; background-color:#848284; border-left:1px solid #000000;}
.header-left {width:100%; font-weight:bold; background-color:#E2E2E2}
.titleheader {font-size:14px; font-weight:bold; color:#FFFFFF}
.header {font-size:13px; font-weight:bold}
.subheader {font-size:13px; font-weight:bold}
.highlighted {background-color:#EEEEEE; width:100%; padding:7px;}
.highlighted .header {background-color:#FFFFFF; padding:2px; font-size:12px; border:1px solid #D3D3D3;}

/* messages */
.alert {font-weight:bold; color:red;}
.error {font-weight:bold; color:red;}
.required {font-weight:bold; color:red;}
.instructions {font-size:10px; padding-left:10px; border:1px solid black; background-color:#FFFFFF}

/* basic formatting */
.bold {font-weight:bold}
.italic {font-style:italic}
.underline {text-decoration:underline}

/* basic colors */
.white {color: #FFFFFF}
.red {color: #FF0000}
.black {color: #000000}
.green {color: #72A934}

/* font sizes */
.px10 {font-size: 10px;}
.px11 {font-size: 11px;}
.px12 {font-size: 12px;}
.px13 {font-size: 13px;}
.px14 {font-size: 14px;}
.px15 {font-size: 15px;}
.px16 {font-size: 16px;}

/* user messages */
#errorMessage, .errorMessage {background-color:#FFDFDE; border:1px dashed red; padding:10px; margin-top:10px; margin-bottom:10px;}
#notificationMessage, .notificationMessage {background-color:#B9E1BF; border:1px dashed #009900; padding:10px; margin-top:10px; margin-bottom:10px;}
.callout {background-color:#F2F2F2; border:1px solid #777777; padding-left:10px; padding-right:10px; padding-top:10px; width:100%; margin-top:10px; margin-bottom:10px;}

/* form elements */
input {font-size:10px; font-family: verdana, arial, helvetica, sans-serif;}
select {font-size:10px; font-family: verdana, arial, helvetica, sans-serif;}
textarea {font-size:10px; font-family: verdana, arial, helvetica, sans-serif;}

input.fielderror {background-color:yellow}
select.fielderror {background-color:yellow}
textarea.fielderror {background-color:yellow}
button.okcancel {width:5em; }

/* table classes */
table.linkTrail {padding:5px; border-left:1px solid #000000; border-right:1px solid #000000; border-bottom:1px solid #000000; width:100%;}

.inset {border: 2px inset #ffffff; background-color:#F2F2F2;}
.outset {border: 2px outset #ffffff; background-color:#F2F2F2;}

/* data grid */
table.datagrid {border-left:1px solid #AAA; border-top:1px solid #AAA; border-bottom:none}
table.datagrid th {background-color:#848284; color:#FFFFFF; font-weight:bold; padding:3px; font-size:12px; border-bottom:1px solid #AAA;  border-right:1px solid #AAA;}
table.datagrid th a:link, table.datagrid th a:visited, table.datagrid th a:active {color:white;}
table.datagrid td {border-bottom:1px solid #AAA; border-right:1px solid #AAA;}
td.datacellnobot {border:0px; font-size:10px;}
td.datacell {border-left:none; border-top:none; border-right:none; border-bottom:1px solid #AAA; font-size:10px;}
td.colheader {background-color:#000000; color:#FFFFFF; font-size:12px; font-weight:bold; padding:2px;}
td.subheader {font-weight:bold;}

.summaryrow {background-color:#D3D3D3; font-weight:bold;}


.num {text-align:right;}
.pct {text-align:right;}

/* "Index Cards" look */
table.card {border: 1px solid #999999;}
table.card tr.cardheader td, table.card td.cardheader {background-color:#F2F2F2; padding:5px; font-weight:bold; margin:0px;}
table.card td {margin:0px;}

div.card {border: 1px solid #999999;}
div.card div.cardheader{background-color:#F2F2F2; padding:5px; font-weight:bold; margin:0px;}
div.card div.cardbody{padding:5px; margin:0px;}
div.card table td {padding:5px; margin:0px;}


tr.highlighted {background-color:#DEE3EF;}
tr.alternateRow {background-color:#F2F2F2;}
tr.alternateRow2 {background-color:#F9F2FF;}
tr.alternateRowWhite {background-color:#FFFFFF;}

/* table headers */
.tableHeading td {background-color:#330066; color:#FFFFFF; font-weight:bold; padding:3px; font-size:12px; border-bottom:1px solid black;}
.tableHeading a:link, .tableHeading a:visited, .tableHeading a:active {color:white; text-decoration:none;}
.tableHeading a:hover {color:#CFCFCF; text-decoration:none;}

/* search form */
.searchform {background-color:#EEEEEE; border:1px solid #310063; }

th {background-color:#848284; color:#FFFFFF; font-weight:bold; padding:3px; font-size:12px; border-bottom:1px solid black;}

/* table caps */
.tableCap td {background-color:#330066; color:#FFFFFF; font-weight:bold; padding:2px; font-size:12px;}

/* tabs */
td.activeTab  {border:1px solid black; border-bottom:0px; background-color:#330066; margin-top:10px; color:#FFFFFF; font-weight:bold; padding:5px; padding-left:10px; padding-right:10px;}
td.inactiveTab  {border:1px solid black; border-bottom:0px; background-color:#848284; margin-top:10px; color:#DDDDDD; font-weight:bold; padding:5px; padding-left:10px;  padding-right:10px;}
td.hoverTab  {border:1px solid black; border-bottom:0px; background-color:#E7E3E7; margin-top:10px; color:#000000; font-weight:bold; padding:5px; padding-left:10px; padding-right:10px; }


/* REPORT TABLES */
.reporttable {border-top:1px solid black;  border-left:1px solid black; border-bottom:1px solid black;}
.reporttable th {background-color:#D3D3D3; padding:5px; font-weight:bold; margin:0px; text-align:left; font-size:12px; border-right:1px solid black; border-bottom:1px solid black; color:black;}
.reporttable td {border-right:1px solid black;}
.reporttable td.num {text-align:right;}
.reporttable .subsummaryrow {background-color:#EEEEEE; border-top:2px solid black; text-align:right; font-weight:bold;}
.reporttable .summaryrow {background-color:#D3D3D3; border-top:2px solid black; text-align:right; font-weight:bold;}
.reporttable .altrow {background-color:#F2F2F2;}


/* PRINT-VERSION */
@media print { 			
	#headercontainer {display:none;} 
	#mainnav {display:none;} 
	#footercontainer {display:none;}
	#errorMessage, .errorMessage {display:none;}
	#notificationMessage, .notificationMessage {display:none;}
	
	.printOnly {display:block;}
	.noPrint {display:none;}
}

/* Charles AJAX Admin Styles */
.leftColumn {
	position:relative;
	float:left;
	padding:0 15px 0 15px;
}
.rightColumn {
	position:relative;
	float:left;
	padding:0 15px 0 15px;
}
.columnSpan {
	text-align:center;	
	font-size:8pt;
}
.columnSpanError {
	clear:both;
	text-align:center;	
	font-size:8pt;
	color:red;
}
img.icon {
	cursor:pointer;
	vertical-align:text-bottom;
}
.colHeader {
	background: black;
	color: white;
	font-size:9pt;
	font-weight:bold;
}
.colHeader td {
	text-align:center;
	white-space:nowrap;
}
.colHeader a {
	text-decoration:none;
	color:white;	
}
.grid {
	text-align: right;
	font-size: 9pt;
}
.grid a {
	text-decoration:none;	
}
.grid tr.colHeader {
	background: black;
	color: white;
	font-size:9pt;
	font-weight:bold;
}
.grid tr.row0 {
	background: white;
}
.grid tr.row0 a {
	color:black;	
}
.grid tr.row1 {
	background: #9C75A9;
	color:white;
}
.grid tr.row1 a {
	color:white;	
}
.sectionTitle {
	text-align:left;
	font-size:9pt;
	font-weight:bold;
	padding:0 0 0 10px;
}
.sectionTitle div.content {
	margin:10px;
}
.toomuch {
	color:red;
	font-weight:bold;
}

.fieldLabel {
	text-align:left;
	font-size:8pt;
}
.formField {
	text-align:left;
	font-size:8pt;
}
.modalDetailForm {
	padding:10px 0 10px 10%;
	width:80%;
}
.modalDetailForm div.fieldLabel {
	padding:6px 0 3px 0;
}
.modalDetailForm div.submit {
	padding:10px 0 0 20%;
}
.modalDetailForm form {
	margin:0;
}

.modalDetailForm input, select, textarea {
	font-size: 9pt;
	color:#333;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:2px solid #777;
	border-bottom:2px solid #777;
	padding:3px;
}

.modalDetailForm select {
	padding:0;
}

/* no borders on checkboxes & radio buttons */
.modalDetailForm input[type="checkbox"], input[type="radio"], .noborder {	
	border:0;	
}

/* END Charles AJAX Admin Styles */

/* 03.12.09 - clz - old certified admin styles */
.purpleheader {
	background:black;
	color:white;
	font-weight:bold;
	font-size:14px;
	padding:5px;
}

.greensubheader {
	
	border-left:1px solid #CCC;	
	border-right:1px solid #CCC;	
	padding:3px;
}

.yellowbodylargepad {
	padding:10px;
background:#EEEEEE;
	border:1px solid #CCC;
}

.dotBorderBox {
	border:2px dashed #472271;
	background-color:#EEEEEE;	
	padding:10px;
}