/* General */
/* primary font, color and overall background color of entire CX interface controlled here */
body, div, p, pre, td {font-family: Century Gothic, Arial, Helvetica, sans-serif; font-size: 10pt; color: #0051A0; background-color: #FFFFFF; vertical-align: middle;}
img { border: 0px; }
p, br { line-height: 0.75; }
/* font, color and size of text in drop down and text inputs */
input,select { font-size: 9pt; color: #000080; background-color: #FFFFFF; font-family: Century Gothic, Arial, Helvetica, sans-serif;}

/* viewer header for customer logo and text */
.mainheader { font-size: 24pt; color: #000080; background-color: #FFFFFF; border-style: none; text-align: center; position:absolute; visibility: visible; overflow:hidden; }

/* tool menu styles */
.mainToolMenu { background-color: transparent; text-align: center; }
.subToolMenu { font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #0051A0; cursor: pointer; border-color: #FFFFFF; border-style: solid; border-width:1px; vertical-align: middle; text-align: center; position:absolute; overflow:hidden; visibility:visible; }
.subToolMenuOver { font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #000080; cursor: pointer; border-color: #FFFFFF; border-style: solid; border-width:1px; vertical-align: middle; text-align: center; position:absolute; overflow:hidden; visibility:visible; }
.dropdownMenu { border-color: #999999; border-style: solid; border-width: 1px; visibility: hidden; width: 250px; position:absolute; z-index: 9; }
.menuItem { font-family: Verdana, Arial; font-size: 9pt; color: #333333; background-color: #f4f3f0; border-bottom: white 1px solid; width: 100%; cursor: pointer; vertical-align: middle; line-height: 22px; padding-left: 10px; }
.menuItemMouseOver { font-family: Verdana, Arial; font-size: 9pt; color: #000000; background-color: #e4e1d6; border-bottom: white 1px solid; width: 100%; cursor: pointer; vertical-align: middle; line-height: 22px; padding-left: 10px; }
.quickToolMenu { background-color: #0051A0; position: absolute; visibility: visible; overflow: hidden; }
img.quickToolWithBorder { border: 1px; border-style: solid;	border-color: #FF0000; }
img.quickToolNoBorder { border: 1px; border-style: solid; border-color: #FFFFFF; }

/* map items */
.panBars { background-color: #696F8A; border-style: none; position:absolute; visibility: visible; }
.mapLayers { background-color: transparent; text-align: center; vertical-align: middle; position:absolute; }
.mapSplashes { background-color: transparent; vertical-align: middle; }
.zoomBox { background-color: transparent; border-color: #FF0000; border-style: solid; border-width: 2px; position:absolute; visibility: hidden; min-width: 1px; min-height: 1px; overflow:hidden;}
.ovzoomBox { background-color: transparent; border-color: #FF0000; border-style: solid; border-width: 4px; position:absolute; visibility: hidden; min-width: 1px; min-height: 1px; overflow:hidden;}
.ovHeader { font-size: 10pt; font-weight: bold; color: #FFFFFF; background-color: #0051A0; border-style: none; vertical-align: middle; text-align: center; position:absolute; overflow:hidden; visibility:visible; }
select.ovInput { font-size: 7pt; color: #000080; background-color: #FFFFFF; font-family: Century Gothic, Arial, Helvetica, sans-serif; height: 18px; }
.onmapDialog { border-style: solid; border-color: #000080; background-color: #FFFFFF; position: absolute; visibility: visible; z-index: 3; }
input.measure { background-color: #FFFFFF; border-style: none; font-size: 9pt; color: #000080; text-align: left; }
.measureHeader { font-size: 9pt; color: #800000; font-weight: bold; vertical-align: middle;}
.customqueryLayout { vertical-align: top; }

/* TOC and sidebars*/
.sidebars { border-style: none; overflow: scroll; text-align: left; position: absolute; visibility: visible; z-index: 5; }
.sidebarsNoScroll { border-style: none; overflow: hidden; text-align: center; position: absolute; visibility: visible; z-index: 5; }
.tocHeader { font-size: 10pt; font-weight: bold; color: #000000; background-color: #FFFFFF; }
.tocLayer { font-family: Century Gothic, Arial; font-size: 9pt; font-weight: normal; color: #000080; background-color: #FFFFFF; }
.tocLayerSmall { font-family: Century Gothic, Arial; font-size: 8pt; font-weight: normal; color: #000080; background-color: #FFFFFF; }
input.tocInput { font-size: 9pt; color: #000000; background-color: #FFFFFF; font-family: Century Gothic, Arial, Helvetica, sans-serif;}

/* main CX interface fonts & colors*/
/* all main headers and body text in the application, header1 also used at the top of attribute display */
.header1 { font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #0051A0;}
.body1 { font-size: 9pt; }
/* info text on ToolInfo frame, and info text at top of attribute reporting */
input.toolInfo1 { font-size: 10pt; color: #FFFFFF; background-color: #0051A0;}
input.toolInfo2 { font-size: 10pt; background-color: #FFFFFF;}
.toolInfo1 { font-size: 10pt; color: #800000; font-weight: bold; vertical-align: middle;}
.toolInfo2 { font-size: 10pt; font-weight: bold; vertical-align: middle;}
/* smaller descriptor text in tool info listings */
.toolInfoSmall { font-size: 8pt; }
/* link text in tool info cases */
a.toolInfo1:link { text-decoration: underline; color:#006600; }
a.toolInfo1:active { text-decoration: none; color: #006600; }
a.toolInfo1:visited { text-decoration: underline; color: #006600; }
a.toolInfo1:hover { text-decoration: none; color: #006600; }

/* attribute reporting fonts & colors */
/* field names */
.attributeheader { font-size: 9pt; color: #FFFFFF; font-weight: bold; vertical-align: middle; background-color: #696F8A;}
/* attribute display, two for alternating background colors, uses standard body text color */
.attributedata1 { font-size: 8pt; background-color: #c0c0c0;}
.attributedata2 { font-size: 8pt; background-color: #FFFFFF;}
/* attributes that are html links */
a.attributedata:link { text-decoration: underline; color:#000080; }
a.attributedata:active { text-decoration: none; color: #000080; }
a.attributedata:visited { text-decoration: underline; color: #000080; }
a.attributedata:hover { text-decoration: none; color: #000080; }

/* attribute checkbox selection controls*/
.attributeselectmgr { font-size: 8pt; color: #800000; text-align: center; vertical-align: middle; background-color: #FFFFFF;}
a.attributeselectmgr:link { text-decoration: underline; color:#800000; font-weight: bold; }
a.attributeselectmgr:active { text-decoration: none; color: #800000; font-weight: bold; }
a.attributeselectmgr:visited { text-decoration: underline; color: #800000; font-weight: bold; }
a.attributeselectmgr:hover { text-decoration: none; color: #800000; font-weight: bold; }
/* attribute page through controls*/
.attributerecordmgr { font-size: 8pt; text-align: center; vertical-align: middle; color: #696F8A; background-color: #FFFFFF;}
a.attributerecordmgr:link { text-decoration: underline; color:#696F8A; font-weight: bold; }
a.attributerecordmgr:active { text-decoration: none; color: #696F8A; font-weight: bold; }
a.attributerecordmgr:visited { text-decoration: underline; color: #696F8A; font-weight: bold; }
a.attributerecordmgr:hover { text-decoration: none; color: #696F8A; font-weight: bold; }

/* data report */
/* title */
.reporttitle { font-size: 14pt; color: #0051A0; font-weight: bold; }
/* header field and data display (the fields listed at top of each record) */
.reportheaderfield { font-size: 12pt; color: #FFFFFF; font-weight: bold; background-color: #696F8A; }
.reportheaderdata { font-size: 12pt; color: #FFFFFF; background-color: #696F8A; }
/* regular field and data display */
.reportfield { font-size: 10pt; color: #800000; font-weight: bold; }
.reportdata { font-size: 9pt; color: #000080; }
/* map title and body text */
.maptitle { font-size: 12pt; color: #0051A0; font-weight: bold; background-color: #FFFFFF; }
.mapinfo { font-size: 9pt; }
/* mailing data display */
.mailheader { font-family: Arial; font-size: 10pt; color: #000000; font-weight: bold; }
.maildata { font-family: Arial; font-size: 9pt; color: #000000; text-align: left; vertical-align: middle}
/* summary report data display */
.summaryreport_header1 { font-size: 12pt; color: #FFFFFF; font-weight: bold; background-color: #696F8A;}
.summaryreport_field1 { font-size: 11pt; color: #000080; vertical-align: middle;}
.summaryreport_data1 { font-size: 10pt; color: #800000; vertical-align: middle;}

/* no print items for map/report display */
input.noPrint { font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #0051A0; }
a.noPrint:link { text-decoration: underline; color: #0051A0; font-weight: bold; }
a.noPrint:active { text-decoration: none; color: #0051A0; font-weight: bold; }
a.noPrint:visited { text-decoration: underline; color: #0051A0; font-weight: bold; }
a.noPrint:hover { text-decoration: none; color: #0051A0; font-weight: bold; }