@import url("/_/css/default2.css");


sup { font-size: 0.6em; line-height: 0.8em;}

body { font-family: arial; margin: 0; padding: 0; background-color: #D7E4EE; #C3D7E6; #D8EAFF; color: black; }
#bodyTable { border-collapse: collapse; border: 0; width: 100%; m-background: url(/images/apad1_bodyback.png) repeat-x bottom left; #088C6B; #FD952F; #000040; #804000; #400040; #400000; #004000; #847B7B; #183129; #088C6B; #8C6B08; #DFE4C9; #CDD6AB; #B5C283; #CEE6FF; #D9D9B3; height: 85%; }
html,body { height: 95%;}
#innerBody2 { margin: 0; }
.pageContent { margin: 0 4%; }
pre { word-wrap: break-word; white-space: pre; white-space: -moz-pre-wrap; white-space: pre-wrap; }

#pageMsg { margin: 1em 15% 0 15%; border: #865C33 1px solid; text-align: center; background: rgb(192,140,87); color: black; font-weight: bold; padding: 2px;}

address#pageNotice { background: #f4f4ff; float: right; text-align: right;
	 padding: 5px; font-family: Times New Roman; margin-top: 0; -moz-border-radius-topleft: 8px }

#pageAd {
	position: absolute;
	right: 20px;
	width: 160px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	font-size: 12px;
}

#topAd1, #topAd2 {
	width: 160px;
	padding: 0px 10px 0px 10px;
	text-align: center;
	font-size: 12px;
}

.pageAdTitle {
	font-size: 16px;
	font-weight: bold;
}

.apaAd { float: right; font-size: 8pt;  border-collapse: collapse; text-align: center; width: 160px; margin: 1em; }
.apaAd th { font-size: 12pt;}

/** Headings **/

h1 {
	padding-top: 0.5em; 
	font-family: arial;
	color: black;
	font-size: 32px;
	line-height: 42px;
	font-style: normal;
	margin-top: 0;
	background: none; white; #ACD5FF;
}

h1 .inner { padding-left: 20px; }

h2 {
	font-family: arial;
	font-size: 1.6em;
	color: rgb(64,64,128);
	border-bottom: solid 1px rgb(64,64,128);
	margin-top: 0em;
	margin-bottom: 0.3em;
}

h2 a, h3 a { color: #404060; }

/** Links **/

a { color: #000080; #08298C; text-decoration: underline; }

a:hover {
	color: blue;
}

/** Form Elements **/

input, select {
	font-size: 10pt;
}

/** Site Area Links **/
#menuSiteAreasTable { background: #E8EFF5; border: 0; position: fixed; top: 0; width: 100%; z-index: 100000; border-bottom: solid 1px white; } #firstElement { overflow: hidden; height: 26px; -height: 0; }
#menuSiteAreasTable td { padding: 1px 0 1px 0; //padding: 0 0 3px 0; line-height: 22px; }
#menuSiteAreasTable ul { display: inline; margin: 0; padding: 0; }
#menuSiteAreasTable ul li { display: inline; margin: 0; padding: 0 1px; }
#menuSiteAreasTable a { font-size: 9pt; text-decoration: none; padding: 2px 3px 2px 3px; border: solid 1px white;
	 border-top: none; border-bottom: none; color: #08298C; } /*#800040*/
#menuSiteAreasTable a:hover { background: #08298C; color: white; border: outset 1px #08298C;
	//border-top:solid 1px #8394C5; //border-left:solid 1px #8394C5; }
#menuSiteAreasLogin { text-align: right; width: 110px; }
#menuSiteAreasTable .admin { color: red; font-weight: bold; }


/** Title area classes **/
#titleAreaTable #titleDate { color: white; padding: 0 2em; text-align: right; }
#titleAreaTable { background: #f4f4ff; #DFE4C9; #CDD6AB; #CEE6FF; width: 100%; border-collapse: collapse;}
#titleAreaTable td { padding: 0px;}
#titleLogo { width: 200px; height: 110px; background-image: url("/images/apad1_logo.gif");}
#titleArea { background-color: #08298C; height: 110px; text-align: center;}
#titleLinks { background: url(/images/apad1_bodyback.png) bottom; text-align: center; color: lightyellow; font-family: arial; padding: 2px; width: 50%;
	 float: left; padding-bottom: 2px; padding-top: 1px; margin-left: 40px; }
#titleLinksAndDate { border:0; padding-top: 45px; height: 65px; background: url(/images/apad1_dateback.png) bottom right no-repeat; }
#titleArea a { color: #08298C; font-size: 0.8em; text-decoration: none;}
#titleLinks a:hover { color: black; text-decoration: underline; }
#titleLinks a { margin-left: 1em; }


/** Page specific links **/
.pageSublinks { padding-left: 2em; padding-top: 1px; padding-bottom: 1px; line-height: 22px; background: #E8EFF5;  }
.pageSublinks ul { display: inline; margin: 3px 0; padding: 0; font-size: 9pt; }
.pageSublinks li { display: inline; margin: 0; padding: 0 1px; }
.pageSublinks a { text-decoration: none; padding: 2px 5px 1px 5px; border: solid 1px white; border-top: none; border-bottom: none; color: #08298C; }
.pageSublinks a:hover { background: #08298C; color: white; border: outset 1px #08298C;
	//border-top:solid 1px #8394C5; //border-left:solid 1px #8394C5; }

.mainSubTitle {	margin-left: 2em;	font-style: italic;	font-size: 0.5em;	font-weight: normal;	font-family: cursive;}

/** Entry form/property page widgets **/

.formbottom {
	text-align: right;
	border: solid 1px black;
}

/** Other cl **/

.horizontalBar {
	background: white;
	border: none;
}

.topMenuSeparator {
	color: blue;
	font-size: 0.8em;
}

.topMenuLink, .topMenuLinkHighlight {
}

.fpSubLinks {
	font-size: 0.8em;
}

.fpDescription {
	font-size: 0.8em;
}

.topMenuLinkHighlight {
	color: red;
}

/*If need to fit into small area, use following class*/
.smallArea {
	font-size: 0.8em;
}


.webFormBackground,
.webFormTitle,
.webFormContents,
.webFormBottom,
.recordFieldHeader {
	font-size: 1em;
	color: white;
}

.webFormContents, .recordFieldHeader {
	background: #08298C;
}

.webFormContents h2 {
	color: yellow;
}

.webFormContents td {
	color: white;
}

.recordFieldValue {
	background: white;
	color: black;
}

.webFormBackground, .webFormBorder {
	/**background: black;**/
	color: white;
}

.webFormBackgroundColor {
	background: rgb(255,255,204);
}

.webFormTitle {
	font-style: italic;
	color: black;
	text-align: right;
	/*background: rgb(102,255,153);*/
}

.webFormSubTitle {
	font-size: 0.7em;
}

.webFormTitle2, .webFormTitle2 a {
	background: #08298C;
	color: yellow;
}

.webFormContents a, .webFormBottom a {
	color: white;
}

/** Listings **/

#listingsTable {
	width: 100%;
}

#listingsTable td {
	width: 50%;
	vertical-align: top;
	padding-bottom: 1.5em;
	padding-right: 5%;
}

#listingsTable .categoryRow td {
	border-top: solid 2px #08298C;
	background: rgb(0,49,255);
	color: white;
	padding-bottom: 0;
	text-align: center;
}

#listingsTable h3 {
	border-bottom: dotted 1px rgb(0,49,255);
	margin-right: 5%;
}

/*/////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////
/// Forms
///////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////*/

.form {
	border-collapse: collapse;
	/*border: solid 1px black;*/
}

.searchformParent {
	margin-left: auto;
	margin-right: auto;
	border: 0;
	border-collapse: collapse;
}

.searchformParent + td {
	padding: 0;
}

.formToolbar {
	padding-left: 10px;
	padding-bottom: 2px;
	background: lightgreen;
	border: none;
	margin: 0;
}

.formToolbar ul {
	display: inline;
	margin: 0;
	padding: 0;
}

.formToolbar li {
	display: inline;
	margin: 0;
	padding: 0;
}

.formNew:hover {
	border: solid 1px red;
}

.searchform {
	border-collapse: collapse;
	/*border: solid 1px black;*/
	/*background: blue;*/
	color: white;
	margin-left: auto;
	margin-right: auto;
}

.searchform td {
	background-color: #08298C;
}

.searchform th {
	background: none;
	color: black;
	text-align: right;
	padding-right: 1em;
}

.searchform label {
	color: white;
}

.searchform .controls {
	text-align: right;
}

.controls.top input.deletebutton {
	display: none;
}

.searchform td {
	vertical-align: top;
}

.record td {
	vertical-align: top;
}

.record {
	background: lightyellow;
	border: solid 1px black;
}

.record .controls {
	text-align: right;
}

.record .deletebutton {
	margin-right: 10em;
}

/*.record td {
	border: solid 1px black;
}*/

.collapseField {
	width: 100%;
	border: 0;
	border-collapse: collapse;
}

.collapseEntry {
	text-align: right;
}

.collapseEntry input.plain, .collapseEntry textarea.plain {
	width: 95%;
	width: 95%;
	min-width: 10em;
}

.collapseLabel {
	width: 1%;
}

.form .label .required {
	color: red;
}

.form .controls {
	text-align: right;
}

p.help { margin-top: 0; font-style: italic; margin-left: 2em; }

.submitform h3, .searchform h3, .record h3 { margin: 0; font-weight: normal; margin-top: 1em; }

.submitform h3.first, .searchform h3.first, .record h3.first { margin: 0; }
.submitform { border-collapse: collapse; }
.submitform { border: 0; }
.submitform td { border: 0; }
.submitform td { padding: 4px 2px 0 2px; }
.submitform .bottom td { padding-bottom: 4px; }
.smallForm td { padding-bottom: 4px; }
.submitform label { padding-right: 0.5em; }



/** Table widget **/
.tableWidget td { border: solid 1px gray; border-bottom: none; border-left: none; padding: 1px 4px 2px 4px; }
.tableWidget th { background: rgb(8,41,140); color: white; padding: 0 4px 0 4px; text-align: left; font-weight: normal; }
.tableWidget.editable th { color: rgb(192,0,0); }
.tableWidget.editable th.noedit { color: black; }
.tableWidget { border: solid 1px black; border-collapse: collapse; empty-cells: show; }
.tableWidget td:last-child { border-right: none; }
.tableWidget { cursor: default; }
.highlightChangedRow { background: rgb(196,255,196); }
.dtTemplate { display: none; }
.dtDelCell { background: #cfcfcf; }
.dtSelected .dtDelCell { background: red; }
.dtMenu { width: 100%; background: lightgreen; color: blue; border-top: solid 1px black; border-bottom: solid 1px black; padding: 2px;} .dtMenu a { color: blue; }
.dtMenu select { font-size: 8pt; background: white; border: none; border-top: lightblue solid 1px; color: blue; padding: 0;}
.dtMenu .text { color: red; }
.tableWidget input, .tableWidget select, .tableWidget textarea { font-size: 8pt; }

.searchBoxParent { text-align: center; }
.searchBox { background: lightyellow; border: solid 1px black; }
.searchBoxBottom, .searchBoxNewSection { border-top: solid 1px black; padding-top: 5px; }
.searchList {}
.searchControlDropDown { background: white; border: solid 1px black; /*overflow: scroll;*/ }
.searchControlSelected { background: blue; color: white; }

label.radioLabelSelected { font-weight: bold; }

.fieldLabel, .fieldValue, .fieldLabelRequired, .fieldValueRequired { height: 8pt; font-size: 8pt; }
.fieldLabelRequired,
.fieldLabel { float: left; margin-top: 4px; }
.fieldValueRequired,
.fieldValue { float: right; text-align: right; }
.fieldLabelRequired { font-weight: bold; }

.customerCardMenu { margin-top: -10px; }

.form { border-collapse: collapse; border: solid 1px black; }
.formTitle { text-align: left; background: rgb(8,41,140); color: white; }

.searchformParent { margin-left: auto; margin-right: auto; border: 0; }
.searchformParent + td { padding: 0; }
.searchform { border: solid 1px black; background: rgb(8,41,140); margin-left: auto; margin-right: auto; margin-top: 1em; margin-bottom: 1em; }
.searchform .controls { text-align: right; }
.controls.top input.deletebutton { display: none; }
.searchform td { vertical-align: top; }

.formToolbar { padding-left: 10px; padding-bottom: 2px; background: lightgreen; border: none; margin: 0; }
.formToolbar ul { display: inline; margin: 0; padding: 0; }
.formToolbar li { display: inline; margin: 0; padding: 0; }
.formNew:hover { border: solid 1px red; }

.record td { vertical-align: top; }
.record { background: transparent; border: 0; }
.record .controls { text-align: right; }
.record .deletebutton { margin-right: 10em; }

.submitform { margin-top: 1em;}
.submitform td { vertical-align: top;  background: rgb(8,41,140); color: white;}
.submitform th { text-align: right; padding-right: 1em;}
.submitform .controls { text-align: right; }
.submitform .deletebutton { margin-right: 10em; }

.collapseField { width: 100%; border: 0; border-collapse: collapse; }
.collapseEntry { text-align: right; }
.collapseEntry input.plain { width: 10em; min-width: 10em; }
.collapseEntry textarea.plain { width: 95%; min-width: 10em; }
.collapseEntry textarea.htmltextarea, .textarea.htmltextarea { height: 16em; width: 100%; text-align: left; }
.htmlarea { text-align: left; }
.collapseLabel { width: 1%; }
.form .label .required { color: red; }
.form .controls { text-align: right; }

.pageControls { width: 75%; margin-left: auto; margin-right: auto; }
.pageControls td.first, .pageControls td.previous, .pageControls td.next, .pageControls td.last { width: 10%; }
.pageControls td { width: 5%; text-align: center; }

.sideMenu { font-size: 10pt; width: 10em; float: right; margin: 3em 2em 1em 1em; padding: 0.2em 0.8em; line-height: 1.6em; list-style-type: none;
	background: rgb(8,41,140); clear: both; }
.sideMenu h6 { color: white; text-align: right; border-bottom: solid 1px lightblue; padding-right: 1em; }
.sideMenu a { color: white; }
.sideMenu li { padding: 2px 0; line-height: 1.3em; }
.sideMenuTitleText, .sideMenuItemText { font-size: 0.9em; }
#sideBar { width: 13em; align: right; }

/*
I'd use this if it worked in IE.
.sortAsc { position: relative; top: -5px; }
.sortAsc img, .sortDesc img { border: none; }
.sortDesc { position: relative; top: 5px; left: -10px; }
*/

.sortHeaders { //border-collapse: collapse; //border: 0; }
.sortHeaders td, .sortHeaders img { border: 0; vertical-align: top;}
.sortHeaders a { background: none; } /** This removes spacing problems around the img **/
.sortHeaders img { display: block;} /** This removes spacing problems around the img **/
.sortHeaders td { padding: 0; }
.sortHeaders img { margin: 0; }
.sortHeaders td { width: 11px; height: 9px; }
.sortHeaders .tdSortAsc { background: url(/images/smalluparrow.png); background-repeat: no-repeat; }
.sortHeaders .tdSortDesc { background: url(/images/smalldownarrow.png); background-repeat: no-repeat; }
.sortHeaders .tdSortAsc.sort1 { background: url(/images/smalluparrowsort1.png); background-repeat: no-repeat; }
.sortHeaders .tdSortDesc.sort1 { background: url(/images/smalldownarrowsort1.png); background-repeat: no-repeat; }
.sortHeaders .tdSortAsc.sort2 { background: url(/images/smalluparrowsort2.png); background-repeat: no-repeat; }
.sortHeaders .tdSortDesc.sort2 { background: url(/images/smalldownarrowsort2.png); background-repeat: no-repeat; }
.sortHeaders .tdSortAsc.sort3 { background: url(/images/smalluparrowsort3.png); background-repeat: no-repeat; }
.sortHeaders .tdSortDesc.sort3 { background: url(/images/smalldownarrowsort3.png); background-repeat: no-repeat; }

* html .sortHeaders .tdSortDesc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalldownarrow.png',sizingMethod='scale'); }
* html .sortHeaders .tdSortAsc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalluparrow.png',sizingMethod='scale'); }
* html .sortHeaders td.sort1Desc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalldownarrowsort1.png',sizingMethod='scale'); }
* html .sortHeaders .sort1Asc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalluparrowsort1.png',sizingMethod='scale'); }
* html .sortHeaders td.sort2Desc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalldownarrowsort2.png',sizingMethod='scale'); }
* html .sortHeaders .sort2Asc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalluparrowsort2.png',sizingMethod='scale'); }
* html .sortHeaders td.sort3Desc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalldownarrowsort3.png',sizingMethod='scale'); }
* html .sortHeaders .sort3Asc { background: none; height: 9px; width: 11px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/smalluparrowsort3.png',sizingMethod='scale'); }

.tipEntryTable { border-collapse: collapse; }
.tipEntryTable .ground { color: gray; font-size: 0.7em; }
.tipEntryTable .tipped { font-weight: bold; }
.tipEntryTable .result label { color: green; text-decoration: underline; }
.tipEntryTable .tippedResult label { color: rgb(0,255,0); }
.tipEntryTable .score { color: gray; text-align: right; padding-left: 0.5em;}
.tipEntryTable .totalScoreLabel { text-align: right; font-weight: bold;}
.tipEntryTable .tipCorrect { padding-left: 1em;}

.pageNav { margin-top: 0.7em; padding-left: 20px; margin-bottom: -10px; }

#titleLogo { background: url(/images/apad1_logo3.png); background-repeat: no-repeat; background-position: 0 50% ; width: 150px; }
#titleLogo2 { background: url(/images/apad1_rings.png); background-repeat: no-repeat; width: 123px; }
* html #titleLogo { background: none; height: 110px; width: 150px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/apad1_logo3.png',sizingMethod='image'); }
* html #titleLogo2 { background: none; height: 110px; width: 123px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/apad1_rings.png',sizingMethod='image'); }

/** Blogs **/
.blogNav .newer { float: right; }
.blogNav .older { float: left; }
.blogAbstracts h2.month { border-bottom: solid 1px blue; color: blue; }


/** Context Menu **/
.contextMenu { display: none; position: absolute; z-index: 1000; top: 0; left: 0; background: Menu; border-top: solid 1px ThreeDLightShadow; border-left: solid 1px ThreeDLightShadow; border-bottom: solid 1px ThreeDDarkShadow; border-right: solid 1px ThreeDDarkShadow; margin: 0; padding: 0.1em; list-style-type: none; }
.contextMenu li { margin: 0; padding: 0.1em 0.5em; }
.contextMenu li:hover, .contextMenu li a:hover { background: Highlight; color: HighlightText; }
.contextMenu a { color: MenuText; text-decoration: none; }
li.defaultItem { font-weight: bold; }
img.cmIcon { border: 0; margin-bottom: -2px; margin-right: 2px; }