/* general */
body { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #03758F; background-color: #FFFFFF;}
p, br { line-height: 0.75; }
input,select { font-size: 9pt; color: #014B8A; background-color: #FFFFFF; font-weight: normal; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }

/* header and background colors */
.CXheader { background-image: url(headerBackground.jpg); font-size: 24pt; color: #FFFFFF; background-color: Transparent; border-style: none; vertical-align: middle; text-align: center; visibility: visible; overflow: hidden; position: absolute; }
.CXbackground { background-color: #696E8B; visibility: visible; overflow: hidden; }
.CXmenuBackground { background-image: url(menu.jpg); background-color: Transparent; visibility: visible; overflow: hidden; position: absolute; }
/* sidebar layout */
.CXsideBarTop { background-image: url(sidebar_top.gif); background-color: Transparent; width: 200px; height: 32px; border-style: none; visibility: visible; overflow: hidden; }
.CXsideBarOther { background-image: url(sidebar_other.gif); background-color: Transparent; width: 200px; height: 20px; border-style: none; position: absolute; visibility: visible; overflow: hidden; }
.CXsideBarTextNormal { background-color: Transparent; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; width: 200px; height: 20px; cursor: pointer; border-style: none; }
.CXsideBarTextHighlight { background-color: Transparent; font-size: 10pt; color: #FFFFFF; font-weight: bold; font-style: italic; text-align: center; vertical-align: middle; width: 200px; height: 20px; cursor: pointer; border-style: none; }
.CXsideBarTextSelected { background-color: Transparent; font-size: 10pt; color: #4698BD; font-weight: bold; text-align: center; vertical-align: middle; width: 200px; height: 20px; cursor: pointer; border-style: none; }
.CXsideBarPanel { background-color: #FFFFFF; border-style: none; text-align: center; vertical-align: top; width: 200px; position: absolute; overflow: auto; }
/* border frames */
.CXborder { background-color: #3B3D49; border-style: none; overflow: hidden; }
.CXborderUpperLeft { background-image: url(topcorner_left.gif); width: 5px; height: 5px; background-color: Transparent; border-style: none; overflow: hidden; }
.CXborderUpperRight { background-image: url(topcorner_right.gif); width: 5px; height: 5px; background-color: Transparent; border-style: none; overflow: hidden; }
.CXborderLowerLeft { background-image: url(bottomcorner_left.gif); width: 5px; height: 5px; background-color: Transparent; border-style: none; overflow: hidden; }
.CXborderLowerRight { background-image: url(bottomcorner_right.gif); width: 5px; height: 5px; background-color: Transparent; border-style: none; overflow: hidden; }
.CXclose { background-image: url(close.jpg); width: 66px; height: 20px; cursor: pointer; background-color: Transparent; border-style: none; overflow: hidden; }
/* menus */
.CXmenuTab { background-image: url(menu_tab.gif); width: 112px; height: 20px; background-color: Transparent; border-style: none; visibility: visible; overflow: hidden; }
.CXmenuTextNormal { width: 112px; height: 20px; background-color: Transparent; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; width: 100%; cursor: pointer; border-style: none; }
.CXmenuTextHighlight { width: 112px; height: 20px; background-color: Transparent; font-size: 10pt; color: #FFFFFF; font-weight: bold; font-style: italic; text-align: center; vertical-align: middle; width: 100%; cursor: pointer; border-style: none; }
.CXdropdownMenu { opacity:.95; filter: alpha(opacity=95); -moz-opacity: 0.95; border-color: #999999; border-style: solid; border-width: 1px; visibility: hidden; position: absolute; z-index: 600; }
.CXmenuItem { font-family: Verdana, Arial; font-size: 9pt; color: #FFFFFF; background-color: #696E8B; width: 100%; cursor: pointer; vertical-align: middle; line-height: 24px;}
.CXmenuItemMouseOver { font-family: Verdana, Arial; font-size: 9pt; color: #FFFFFF; background-color: #8F95AF; width: 100%; cursor: pointer; vertical-align: middle; line-height: 24px;}
/* map */
.CXmapCell { background-color: #FFFFFF; border-style: none; text-align: left; vertical-align: top; cursor: crosshair; overflow: hidden; }
.CXovMap { background-color: Transparent; border-style: none; position: absolute; overflow: hidden; z-index: 449;}
.CXovMapOpen { background-image: url(ovmap_open.gif); background-color: Transparent; width:16px; height:16px; border-style: none; position: absolute; overflow: hidden; z-index: 449;}
.CXovMapClose { background-image: url(ovmap_close.gif); background-color: Transparent; width:16px; height:16px; border-style: none; position: absolute; overflow: hidden; z-index: 449;}
/* identify popup */
.CXonMap { background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #3B3D49; text-align: center; vertical-align: middle; position: absolute; overflow: hidden; z-index: 460; }
/* toc */
.tocLayer { font-size: 8pt; color: #03758F; text-align: left; }
.tocLayerSelected { font-size: 8pt; font-weight: bold; color: #800000; text-align: left; }
.tocHighlight { font-size: 10pt; color: #800000; font-weight: bold; }
.tocSmall { font-size: 7pt; color: #03758F; }
input.tocInput { font-size: 8pt; color: #03758F; background-color: #FFFFFF; }
select.tocSelect { font-size: 8pt; color: #03758F; background-color: #FFFFFF; }
/* footer components */
.CXmeasurement { font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #696E8B; text-align: center; vertical-align: middle; }
input.CXmeasurement { font-size: 8pt; color: #FFFFFF; background-color: #696E8B; }
/* map toolbar */
.CXtoolBarNormal { background-image: url(map_toolbar.gif); opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; width: 326px; height: 51px; background-color: Transparent; border-style: none; overflow: hidden; position: absolute; z-index: 450; }
.CXtoolBarHighlight { background-image: url(map_toolbar.gif); width: 326px; height: 51px; background-color: Transparent; border-style: none; overflow: hidden; position: absolute; z-index: 450; }
.CXtoolBarButtonNormal { cursor: pointer; border: none; background-color: Transparent; z-index: 451; }
.CXtoolBarButtonHighlight { cursor: pointer; border-color: #D5D6D8; border-style: solid; border-width: 1px; background-color: Transparent; z-index: 451; }
.CXtoolBarButtonSelected { cursor: pointer; border-color: #FF0000; border-style: solid; border-width: 1px; background-color: Transparent; z-index: 451; }
/* on-map tool help */
.CXtoolHelpMask { background-color: Transparent; vertical-align: top; text-align: center; position: absolute; overflow: hidden; z-index: 435; }
.CXtoolHelpText { background-color: #3B3D49; opacity:.85; filter: alpha(opacity=85); -moz-opacity: 0.85; font-size: 8pt; color: #FFFFFF; font-style: italic; text-align: center; vertical-align: middle; width: auto; height: auto; border-style: none; } 
/* help popups */
.CXhelp { background-color: transparent; border-style: none; text-align: center; vertical-align: middle; position: absolute; overflow: hidden; z-index: 445; }
.CXhelpCell { background-color: #FFFFFF; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.90; border-style: solid; border-width: 3px; border-color: #3B3D49; text-align: center; vertical-align: middle; overflow: auto; }
.CXhelpHeader { font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #696E8B; text-align: center; vertical-align: middle; }
.CXhelpTitle { font-size: 10pt; color: #800000; font-weight: bold; background-color: #FFFFFF; text-align: center; vertical-align: middle; }
.CXhelpBody { font-size: 9pt; color: #03758F; background-color: #FFFFFF; text-align: center; vertical-align: middle; }
/* report/misc pop-up frame */
.CXprotectorMask { background-color: #FFFFFF; opacity:.05; filter: alpha(opacity=05); -moz-opacity: 0.05; cursor:wait; vertical-align: top; text-align: right; position: absolute; overflow: hidden; z-index: 500; }
.CXprotector { background-color: #FFFFFF; border-style: solid; border-width: 3px; border-color: #696E8B; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; cursor:wait; vertical-align: top; text-align: right; position: absolute; overflow: hidden; z-index: 501; }
.CXpopupMask { background-color: #FFFFFF; border-style: solid; border-width: 3px; border-color: #696E8B; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; vertical-align: top; text-align: right; position: absolute; overflow: hidden; z-index: 490; }
.CXpopup { background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #696E8B; text-align: center; vertical-align: middle; position: absolute; z-index: 491;}
.CXentrypage { background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #696E8B; text-align: center; vertical-align: middle; position: absolute; z-index: 505;}
/* search layout */
.CXsearchHeader { background-image: url(search_headerbar.gif); background-color: Transparent; border: solid 1px #3B3D49; font-size: 10pt; color: #FFFFFF; font-weight: bold; text-align: center; vertical-align: middle; height: 24px; width: 100%; }
.CXsearchName { background-image: url(search_namebar.gif); background-color: Transparent; border: solid 1px #3B3D49; font-size: 9pt; color: #FFFFFF; font-weight: bold; text-align: left; vertical-align: middle; height: 20px; width: 100%; }
.CXsearchTextNormal { background-color: #FFFFFF; font-size: 9pt; color: #3B3D49; font-weight: bold; text-align: right; vertical-align: middle; }
.CXsearchTextHint { background-color: #FFFFFF; font-size: 8pt; color: #3B3D49; font-weight: normal; font-style: italic; text-align: left; vertical-align: middle; }
input.CXsearch { font-size: 9pt; color: #3B3D49; background-color: #FFFFFF;}
select.CXsearch { font-size: 9pt; color: #3B3D49; background-color: #FFFFFF;}

/* main CX interface fonts & colors*/
/* all main headers and body text in the application, header also used at the top of attribute display */
.toolInfoHeader { font-size: 10pt; color: #FFFFFF; font-weight: bold; background-color: #696E8B; text-align: center; vertical-align: middle; }
.toolInfoHighlight { font-size: 10pt; color: #800000; font-weight: bold; text-align: center; vertical-align: middle; }
.toolInfoBold { font-size: 10pt; color: #03758F; font-weight: bold; text-align: center; vertical-align: middle;}
.toolInfoNormal { font-size: 10pt; color: #03758F; text-align: center; vertical-align: middle;}
.toolInfoSmall { font-size: 8pt; color: #03758F; text-align: center; }
input.toolInfoText { font-size: 9pt; color: #014B8A; background-color: #FFFFFF; font-weight: normal; }
textarea.toolInfoText { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; color: #014B8A; background-color: #FFFFFF; font-weight: normal; }
/* user buttons (image and input-button versions) */
img.toolButton { cursor: pointer; border: 1px; border-style: solid; border-color: #FFFFFF; vertical-align: text-top; }
img.toolButtonHighlight { cursor: pointer; border: 1px; border-style: solid; border-color: #D5D6D8; vertical-align: text-top; }
img.toolButtonSelect { cursor: pointer; border: 1px; border-style: solid; border-color: #FF0000; vertical-align: text-top; }
input.toolButtonNormal { font-size: 10pt; color: #FFFFFF; font-weight: normal; border-width: 2px; background-color: Transparent; background-image: url(sidebar_other.gif); cursor: pointer; }
input.toolButtonHighlight { font-size: 10pt; color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 2px; border-color: #FF0000; background-color: Transparent; background-image: url(sidebar_other.gif); cursor: pointer; }
input.toolButtonSmallNormal { font-size: 8pt; color: #FFFFFF; font-weight: normal; border-width: 1px; background-color: Transparent; background-image: url(sidebar_other.gif); cursor: pointer; }
input.toolButtonSmallHighlight { font-size: 8pt; color: #FFFFFF; font-weight: normal; border-style: solid; border-width: 1px; border-color: #FF0000; background-color: Transparent; background-image: url(sidebar_other.gif); cursor: pointer; }

/* selection data display */
.selectSimpleDisplay { font-size: 8pt; color: #03758F; background-color: #FFFFFF; }
select.selectReports { font-size: 8pt; color: #03758F; background-color: #FFFFFF; font-weight: normal; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; }
a.selectSimpleDisplay:link { text-decoration: underline; color:#03758F; background-color: #FFFFFF; font-size: 8pt; }
a.selectSimpleDisplay:active { text-decoration: underline; color: #03758F; background-color: #FFFFFF; font-size: 8pt; }
a.selectSimpleDisplay:visited { text-decoration: underline; color: #03758F; background-color: #FFFFFF; font-size: 8pt; }
a.selectSimpleDisplay:hover { text-decoration: underline; color: #FF0000; background-color: #FFFFFF; font-size: 8pt; }