/*
DARK - table headings and borders, button lowlight, top hyperlink colour :Navy
MEDIUM - minor table body, report headings, button colour :  was #BADBDE
LIGHT - main table body, button highlight : #DEE7E7
DARK TEXT - general text colour, current hyperlink colour : #000000;
LIGHT TEXT - table heading text colour, report cell colour, form elements colour : #ffffff
*/

/* ----------------------- General Settings ------------------------- */
@media screen{.nonprintable {display: block;}}
@media print{.nonprintable {display: none;}}
.mapArrow
{
    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP:Navy 1px solid;
    BORDER-LEFT:Navy 1px solid;
    BORDER-BOTTOM:Navy 1px solid;
    BACKGROUND-COLOR: White;/*#BADBDE;*/
}
.progressPoint
{
    BORDER-RIGHT: Cyan 1px solid;/*#BADBDE 1px solid;*/
    BORDER-TOP: Cyan 1px solid;/*#BADBDE 1px solid;*/
    BORDER-LEFT: Cyan 1px solid;/*#BADBDE 1px solid;*/
    BORDER-BOTTOM: Cyan 1px solid;/*#BADBDE 1px solid;*/
    BACKGROUND-COLOR: #ffffff;
}
.progressLine
{
    BACKGROUND-COLOR: Cyan;/* #BADBDE;*/
}
.zoomLevel
{
    BORDER-RIGHT:Navy 0px solid;
    BORDER-TOP:Navy 1px solid;
    BORDER-LEFT:Navy 1px solid;
    BORDER-BOTTOM:Navy 1px solid;
    BACKGROUND-COLOR: Cyan; /*#BADBDE;*/
}
.lastZoomLevel
{
    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP:Navy 1px solid;
    BORDER-LEFT:Navy 1px solid;
    BORDER-BOTTOM:Navy 1px solid;
    BACKGROUND-COLOR: Cyan; /*#BADBDE;*/
}
.innerMapBorder
{
    BACKGROUND-COLOR: #8080FF; /*#BADBDE;*/
}
.mapBorder
{
    BACKGROUND-COLOR: Navy;
}
.activeTab
{
    BACKGROUND-COLOR: #e0e0ff; /*#DEE7E7;*/
    BORDER-TOP:Navy 1px solid;
}
.inactiveTab
{
    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP:Navy 1px solid;
    BORDER-LEFT:Navy 1px solid;
    BORDER-BOTTOM:Navy 1px solid;
    BACKGROUND-COLOR: #b0b0EE; /*#BADBDE;*/
}
.version
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
    /*COLOR: Navy; /*#BADBDE;*/
}
.themeLegend
{
    BACKGROUND-COLOR:Navy;
}
BODY
{
    FONT-SIZE: x-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
    /*background-image : url(http://localhost/AreaProfiler2/images/ap_bg.jpg);
    background-repeat:no-repeat;*/
}
BODY.quickHelp
{
    MARGIN-LEFT: 2;
    MARGIN-TOP: 0;
    MARGIN-BOTTOM: 0;
    MARGIN-RIGHT: 0;
}
TD.quickHelp
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
TD
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
.tiny
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
.footnote
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
H1
{
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}
H2
{
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}

/* ----------------------- Progressbar Settings ------------------------- */
.progressbar
{
    FONT-SIZE: 9px;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #ffffff;
}

/* ----------------------- Step Text Settings ------------------------- */
.step
{
    FONT-SIZE: x-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    FONT-WEIGHT: bold;
    COLOR: #ffffff;
}

/* ----------------------- Main Table Settings ------------------------- */
.mainTableHeader
{
    BACKGROUND-COLOR: #8080FF; /*Navy;*/
    COLOR: #ffffff;
}

.mainTable
{
    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP:Navy 1px solid;
    BORDER-LEFT:Navy 1px solid;
    BORDER-BOTTOM:Navy 1px solid;
    BACKGROUND-COLOR: #e0e0ff;/*#DEE7E7;*/
}

/* ----------------------- Minor Table Settings ------------------------- */
.minorTableHeader
{
    FONT-SIZE: x-small;
    FONT-WEIGHT: bold;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #8080FF; /*Navy;*/
    COLOR: #ffffff;
}
.minorTable
{
    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP:Navy 1px solid;
    BORDER-LEFT:Navy 1px solid;
    BORDER-BOTTOM:Navy 1px solid;
    BACKGROUND-COLOR: #e0e0ff;/*#BADBDE;*/
}

/* ----------------------- Report Table Settings ------------------------- */
table.ReportThickBorder
{
    BACKGROUND-COLOR: #DEE7E7;
    COLOR: #000000;
}
table.ReportTable
{
    BACKGROUND-COLOR: #8080FF; /*Navy;*/
    COLOR: #000000;
}
td.ReportMainTitle
{
    FONT-SIZE: x-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #8080FF; /*Navy;*/
    COLOR: #ffffff;
}
td.ReportMajorHeader
{
    FONT-SIZE: xx-small;
    FONT-WEIGHT: bold;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e0ff;/*#BADBDE;*/
    COLOR: #000000;
}
td.ReportMinorHeader
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e0ff;/*#BADBDE;*/
    COLOR: #000000;
}
td.ReportRow
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #ffffff;
    COLOR: #000000;
}

/* ----------------------- Link Settings ------------------------- */
.separator
{
    COLOR:Navy;
}
A
{
    COLOR: Navy;
    font-weight: bold;
    TEXT-DECORATION: none;
}
A:link
{
    COLOR: Navy;
}
A:hover
{
    COLOR: Navy;
    TEXT-DECORATION: underline;
}
A:visited
{
    COLOR: Navy;
}
A:active
{
    COLOR: Navy;
}

/* ----------------------- Current Section Link Settings ------------------------- */
A.currentSection
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.currentSection:link
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.currentSection:hover
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.currentSection:visited
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.currentSection:active
{
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}

A.banner
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.banner:link
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.banner:hover
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.banner:visited
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}
A.banner:active
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: #000000;
    TEXT-DECORATION: underline;
}

A.banner2
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
    TEXT-DECORATION: none;
}
A.banner2:link
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
    TEXT-DECORATION: none;
}

A.banner2:visited
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
    TEXT-DECORATION: none;
}

A.banner2:hover
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
    TEXT-DECORATION: underline;
}

#banner2
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
}



/*A.banner2:active
{
	font-size: 16px;
    FONT-WEIGHT: bold;
    COLOR: White;
    TEXT-DECORATION: underline;
}*/

/* ----------------------- Help Mouseover ------------------------- */
A.helpMouseover
{
    FONT-STYLE: italic;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpMouseover:link
{
    FONT-STYLE: italic;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpMouseover:hover
{
    FONT-STYLE: italic;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpMouseover:visited
{
    FONT-STYLE: italic;
    COLOR: #000000;
    TEXT-DECORATION: none;
}
A.helpMouseover:active
{
    FONT-STYLE: italic;
    COLOR: #000000;
    TEXT-DECORATION: none;
}

/* ----------------------- Tree Link Settings ------------------------- */
A.treeLink
{
    FONT-WEIGHT: bold;
    COLOR:Navy;
    TEXT-DECORATION: none;
}
A.treeLink:link
{
    FONT-WEIGHT: bold;
    COLOR:Navy;
}
A.treeLink:hover
{
    FONT-WEIGHT: bold;
    COLOR:Navy;
    TEXT-DECORATION: none;
}
A.treeLink:visited
{
    FONT-WEIGHT: bold;
    COLOR:Navy;
}
A.treeLink:active
{
    FONT-WEIGHT: bold;
    COLOR:Navy;
}

/* ----------------------- Tree List Settings ------------------------- */
div.tree
{
    BORDER-STYLE:solid;
    BORDER-WIDTH:1px;
    BORDER-COLOR:Navy;
    BACKGROUND-COLOR: #ffffff;
}

/* ----------------------- Form Element Settings ------------------------- */
.helpFrame
{
    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP: #DEE7E7 1px solid;
    BORDER-LEFT: #DEE7E7 1px solid;
    BORDER-BOTTOM:Navy 1px solid;

    HEIGHT: 60px;
}
/*
.buttonstyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #BADBDE;

    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP: #DEE7E7 1px solid;
    BORDER-LEFT: #DEE7E7 1px solid;
    BORDER-BOTTOM:Navy 1px solid;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    VERTICAL-ALIGN: middle;
    LINE-HEIGHT: 12px;
    MARGIN: 2px;
    HEIGHT: 16px;
}
*/
.buttonstyle
{
	FONT-SIZE: xx-small;
	text-align: center;
	font-family : Arial, Helvetica, sans-serif;
	border: 1px solid #666666;
	font-style: normal;
	color: Black;
	height: 20px;
	/*width: 70px;*/
}

.helpstyle
{
    FONT-SIZE: xx-small;
    FONT-WEIGHT: bold;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #BADBDE;

    BORDER-RIGHT:Navy 1px solid;
    BORDER-TOP: #DEE7E7 1px solid;
    BORDER-LEFT: #DEE7E7 1px solid;
    BORDER-BOTTOM:Navy 1px solid;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    VERTICAL-ALIGN: middle;
    LINE-HEIGHT: 12px;
    WIDTH: 18px;
    HEIGHT: 16px;
}
.textboxstyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    HEIGHT: 16px;
}
.textboxstyle_upload
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    HEIGHT: 18px;
}

textarea
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
}
.descriptionboxstyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    WIDTH: 275px;
    HEIGHT: 16px;
}
.formulaboxstyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    WIDTH: 500px;
    HEIGHT: 16px;
}
.dropliststyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    VERTICAL-ALIGN: middle;
    LINE-HEIGHT: 12px;
    HEIGHT: 16px;
}
.liststyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    VERTICAL-ALIGN: middle;
    WIDTH: 200px;
}
.wideliststyle
{
    FONT-SIZE: xx-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;

    COLOR: #000000;
    BACKGROUND-COLOR: #ffffff;

    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;

    MARGIN: 2px;
    VERTICAL-ALIGN: middle;
    WIDTH: 700px;
}
.screenshot1
{
    FONT-SIZE: x-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e0ff;
    COLOR: #000000;
}
.screenshot2
{
    FONT-SIZE: x-small;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    BACKGROUND-COLOR: #e0e0ff;
    COLOR: #000000;
}

/* ----------------------- Print Thematic Legend Settings ------------------------- */
.printlegend
{
    FONT-SIZE: 9px;
    FONT-FAMILY:  Arial, Helvetica, sans-serif;
    COLOR: #000000;
}

/* ---------------------------- Scrollable DIV ------------------------------- */
div.scroll
{
    height: 70px;
    width: 143px;
    overflow: auto;
    border: 1px solid #666;
    background-color: #ccc;
    padding: 0px;
}