/* ------------------------------------------
   Body
   ------------------------------------------ */

BODY *
{
	font-family: Verdana, Arial, Sans-Serif;
}

*
{
	font-size: 10px;
}

* TD
{
	font-size: 10px;
}

* TD *
{
	font-size: 10px;
	height: 22px;
}

/* ------------------------------------------
   Links
   ------------------------------------------ */
A 
{
	color: #3399ff;
	text-decoration:none;
}

A IMG 
{
	border: none;
}

A:visited 
{
	color: #9900FF;
}

A:hover
{
	color: #2825C3;
	text-decoration: underline;
}


/* ------------------------------------------
   Misc
   ------------------------------------------ */
.categoryHeading 
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 120%; 
	MARGIN-BOTTOM: 1ex; 
	COLOR: Navy; 
	BORDER-BOTTOM: black 1px solid 
}

TABLE.topBar
{
	WIDTH: 100%;
	BACKGROUND-COLOR: #ededed;
}

TABLE.topBar TD
{
}

/* Main page content area. */
.mainpageContent
{
	font-family: Verdana;
	font-size: 100%;
	font-style: normal;
	line-height: 16px;
	letter-spacing: 0px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
	background-repeat: no-repeat;
}

/* Text area in main page. */
.frontBox
{
	font-family: Verdana;
	font-size: 100%;
	font-style: normal;
	line-height: 16px;
	letter-spacing: 0px;
	font-weight: normal;
	font-variant: normal;
	text-decoration: none;
	color: #000000;
	background-color: #ffffff;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-right-color: #cccccc;
	border-bottom-color: #cccccc;
	border-left-color: #cccccc;
}





/* ------------------------------------------
   Headings 
   ------------------------------------------ */

/* Main heading. */
.H1
{
	font-size: 120%;
	font-weight: bold;
	margin-top: 1ex;
	margin-bottom: 1ex;
	padding: 0.5ex;
	
}

/* Sub heading. */
.H2 
{
	font-weight: bold;
	font-size: 110%;
	margin-top: 1ex;
	margin-bottom: 1ex;
}

/* Sub heading. */
.H3
{
	font-weight: bold;
	font-size: 18px;
	margin-top: 1ex;
	margin-bottom: 1ex;
}

/* Sub heading. */
.H4
{
	font-weight: lighter;
	font-size: smaller;
	margin-top: 1ex;
	margin-bottom: 1ex;
}
/* ------------------------------------------
   Forms
   ------------------------------------------ */

/* Gis Document View */

.gisTd
{
	border-left : solid thin #8c8c8c;
	border-top : solid thin #8c8c8c;
	border-bottom : solid thin #8c8c8c;
	border-right : solid thin #8c8c8c;
}



/* Used for data entry forms. */
.formTable 
{
	width: 100%;
	border: solid 1px gray;
	background-color: #F0F0F0;
	margin-bottom: 1em;
}


/* Cells with label in data entry forms. */
.fieldLabel
{
	padding-right: 1em;
	vertical-align: top;
	width: 30%;
	text-align: right;
}

/* Same as fieldLabel, but marked as required. */
.fieldLabelRequired
{
	padding-right: 1em;
	display: list-item;
	vertical-align: top;
	width: 30%;
	text-align: right;
}


/* Cells with data in data entry forms. */
.fieldData 
{
	vertical-align: top;
	padding-right: 1ex;
}

/* Section heading in data entry forms. */
.sectionHeading
{
	background-color: #E7D6B5;
	color: black;
	font-weight: bold;
	letter-spacing: 1pt;
	text-align: left;
	padding: 0.5ex;
	border: solid 0.25ex #F0F0F0;
}

/* ------------------------------------------
   Buttons
   ------------------------------------------ */

/* Normal Buttons */

INPUT.button
{
	border: solid 1px #EDEDED;
	background-color: #794B43;
	color: white;
	font-size: 100%;
	font-weight: bold;
}

/* Link Buttons (1) */

A.button
{
	margin-left: 0.5ex;
	margin-right: 0.5ex;
}
A.button:hover
{
	background-color: Yellow;
}

/* Link Buttons (2) */

A.btnLink
{
	margin-left: 0.5ex;
	margin-right: 0.5ex;
}
A.btnLink:hover
{
	background-color: Yellow;
}

/* Icon Buttons Menu Items */

SPAN.btnIconMenu
{
	font-size: 100%;
	background-color: Transparent;
	text-decoration: none;
	height: 1ex;
	padding: 0.25ex 0ex 0.25ex 0ex;
}

SPAN.btnIconMenu A IMG
{
	vertical-align: middle;
}

SPAN.btnIconMenu A SPAN
{
	vertical-align: middle;
	padding-left: 0.5ex;
}

SPAN.btnIconMenu A
{
	white-space: nowrap;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}

SPAN.btnIconMenu A:visited
{
	white-space: nowrap;
}

SPAN.btnIconMenu A:HOVER
{
	text-decoration: none;
}

/* Icon Buttons */

SPAN.btnIcon
{
	font-size: 100%;
	font-weight: bold;
	color: black;
	border: solid 1px #A56152;
	background-color: #EDEDED;
	text-decoration: none;
	height: 1ex;
	padding: 0.25ex 0ex 0.25ex 0ex;
}

SPAN.btnIcon A IMG
{
	vertical-align: middle;
}

SPAN.btnIcon A SPAN
{
	vertical-align: middle;
	padding-left: 0.5ex;
}

SPAN.btnIcon A
{
	color: black;
	white-space: nowrap;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}

SPAN.btnIcon A:visited
{
	color: black;
	white-space: nowrap;
}

SPAN.btnIcon A:HOVER
{
	color: black;
	background-color: #E7CBC6;
	text-decoration: none;
}

/* ------------------------------------------
   DataGrids - Normal
   ------------------------------------------ */

.dataTable
{
	width: 100%;
}

.dataTable TD
{
	padding-left: 4px;
	padding-right: 4px;
	vertical-align:text-top;
}

.dataTable TD *
{
	font-size: 100%;
	vertical-align:text-top;
}

.dataTableHeader TD
{
	font-weight: bold;
	padding-bottom: 0.5ex;
	padding-top: 0.5ex;
	background-color: #DBDCDE;
}

.dataTableRow
{
	background-color: #FFFFFF;
}

.dataTableRowAlt
{
	/*background-color: #E7CFCE;*/
	background-color: #EEEEEE;
}

.dataTableRowAlt TD
{
	border-bottom: solid 1px #DED3CE;
}
.dataTableRow TD
{
	border-bottom: solid 1px #DED3CE;
}

.dataTablePager
{
	text-align: center;
}

.dataTablePager TD
{
	vertical-align:text-top;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

.dataTablePager A
{
	text-decoration: underline;
}

/* ------------------------------------------
   DataGrids - Application Forms
   ------------------------------------------ */

.inputTableHeader TD
{
	font-weight: bold;
	padding-bottom: 0.5ex;
	padding-top: 0.5ex;
	background-color: #DBDCDE;
}

TD.inputTable
{
	font-weight: bold;
	padding-bottom: 0.5ex;
	padding-top: 0.5ex;
	background-color: #DBDCDE;
}


/* ------------------------------------------
   DataGrids - Compact
   ------------------------------------------ */

.dataTableCompact
{
	width: 100%;
}

.dataTableCompact TD
{
	vertical-align:text-top;
	padding-left: 8px;
	padding-right: 8px;
	font-size: 100%;
}

.dataTableCompact TD *
{
	vertical-align:text-top;
	font-size: 100%;
}


/* ------------------------------------------
   Content View
   ------------------------------------------ */

.contentTitle
{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 120%; 
	MARGIN-BOTTOM: 1ex; 
}


/* ------------------------------------------
   Tree View
   ------------------------------------------ */

.treeView
{
	/*width: 30%;*/
}

.treeItemNormal
{
	padding-right: 0.5ex;
	padding-left: 0.8ex;
	font-size: 105%;
}

.treeItemChild
{
	padding-right: 0.5ex;
	padding-left: 0.8ex;
	font-weight: normal;
	font-size: 95%;
}

.treeItemSelected
{
	padding-right: 0.5ex;
	padding-left: 0.8ex;
	font-weight: bold;
	font-size: 105%;
}

.treeItemSelector
{
	position: absolute;
	width: 10px;
	height: 10px;
	line-height: 9px;
	overflow: hidden;
	margin-top: 2px;
	border: gray 1px solid;
	color: #030166;
	background-color: white;
	font-size: 5pt;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.treeItemSelector:hover
{
	color: #030166;
}
.treeItemSelector:visited
{
	color: #030166;
}

.treeItemNameDocument
{

	color: #030166;
}
.treeItemNameDocument:hover
{
	color: #030166;
}
.treeItemNameDocument:visited
{
	color: #030166;
}

.treeItemName
{
	color: #030166;
}
.treeItemName:hover
{
	color: #030166;
}
.treeItemName:visited
{
	color: #030166;
}

.treeItemIcon
{
	border-left: solid 1ex white;
	vertical-align: middle;
}

.treeItemNotifier
{
	border-left: solid 0.5ex white;
	vertical-align: middle;
}

.datagridItemNotifier
{
	padding-top:0.3ex;
}

/* ------------------------------------------
   Tab Control
   ------------------------------------------ */

.tabControl
{
	width: 100%;
}

.tabStrip
{
	font-size: 95%;
}

.tabContent
{
	width: 100%;
}

.tabMiddle
{
	padding-right: 0.5ex;
	padding-left: 0.5ex;
	background-image: url(../images/tab_middle.gif);
	vertical-align: middle;
	font-size: 100%;
}

.tabMiddleSelected
{
	padding-right: 0.5ex;
	padding-left: 0.5ex;
	background-image: url(../images/tab_middle.gif);
	vertical-align: middle;
	font-size: 100%;
	font-weight: bold;
}

.tabLeft
{
	width: 7;
	height: 20;
	background-image: url(../images/tab_left.gif);
}

.tabLeftSelected
{
	width: 7;
	height: 20;
	background-image: url(../images/tab_left.gif);
}

.tabRight
{
	width: 14;
	height: 20;
	background-image: url(../images/tab_right.gif);
	background-repeat: no-repeat;
}

.tabRightSelected
{
	width: 14;
	height: 20;
	background-image: url(../images/tab_right.gif);
	background-repeat: no-repeat;
}

.tabMiddle A
{
	color: #000000;
}

.tabMiddle A:visited
{
	color: #000000;
}

.tabMiddle A:hover
{
	
	color: #030166;
}

.tabMiddleSelected A
{
	color: #000000;
}

.tabMiddleSelected A:visited 
{
	color: #000000;
}

.tabMiddleSelected A:hover
{
	color: #000000;
	text-decoration: none;
}


/* ------------------------------------------
   Box area displayed on the left side.
   ------------------------------------------ */

.sidebox
{
	width: 100%;
	border: solid 1px #C0C0C0;
	margin-left: 0.5ex;
	margin-right: 0.5ex;
	margin-bottom: 1ex;
}

.sideboxTitle
{
	font-weight: bold;
	padding-top: 0.5ex;
	padding-bottom: 0.5ex;
	color: #7B4942;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}

.sideboxHelp
{
	width: 1%;
	padding-right: 0.5ex;
}

.sideboxContent
{
	font-size: 90%; 
	padding-top: 1ex;
	padding-bottom: 1ex;
	vertical-align: top;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
}

.sidebarSeparator
{
	height: 1px;
	background-image: url(../images/mepa_dots_horizontal.jpg);
	background-repeat: repeat-x;
	border-left: solid 0.5ex white;
	border-right: solid 0.5ex white;
}

/* ------------------------------------------
   Forms navigation table.
   ------------------------------------------ */

#sideboxNavigation_webFormNav
{
	border-collapse: collapse;
}

#sideboxNavigation_webFormNav TD 
{
	padding-top:	0.5ex;
	padding-bottom:	0.5ex;
	padding-left:	0.5ex;
	padding-right:	0.5ex;
	border-bottom: solid 1px #E0E0E0;
}

#sideboxNavigation_webFormNav TR.lastRow TD 
{
	border-bottom: none;
}

#sideboxNavigation_webFormNav TD.navTitle DIV
{
	border-left: solid 2px white;
}

#sideboxNavigation_webFormNav TD.navTitleSelected DIV
{
	border-left: solid 2px #A56152;
}


.gisSection
{
	padding-left: 1ex;
	padding-right: 1ex;
}

.gisSectionTitle 
{
	font-weight: bold;
	padding-bottom: 0.5ex;
}

.gisSectionContent
{
}

.gisSectionSeparator
{
	height: 2ex;
}

.gisToolbar 
{
	width: 100%;
}

.gisToolbar TD
{
	text-align: center;
	padding: 0.25ex;
	border: solid 1px #C0C0C0;
	/*width: 4ex;*/
}

.gisMap
{
	POSITION: relative; 
	VERTICAL-ALIGN: top; 
	TEXT-ALIGN: center;
	border: solid 1px #C0C0C0;
}

.gisMenuBullet
{
	margin-left: 3ex;
	list-style-type: square;
	margin-bottom: 1ex;
}

.gisMenuBullet LI
{
	padding-bottom: 0.5ex;
}

.gisMenuNumbered
{
	margin-left: 4.5ex;
	list-style-type: decimal;
	margin-bottom: 1ex;
}

.gisMenuNumbered LI
{
	padding-bottom: 0.5ex;
}

.gisFeatureTable
{
	padding-top: 1ex;
	padding-bottom: 1ex;
}

.gisFeatureTable .title
{
	font-weight: bold;
	width: auto;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
	padding-top: 1ex;
	padding-bottom: 1ex;
}

.gisFeatureTable .label
{
	width: 20ex;
	padding-left: 0.5ex;
	padding-right: 0.5ex;
	padding-top: 0ex;
	padding-bottom: 0ex;
	vertical-align: top;
}

.gisFeatureTable .value
{
	padding-left: 0.5ex;
	padding-right: 0.5ex;
	padding-top: 0ex;
	padding-bottom: 0ex;
	vertical-align: top;
}

#gisInfoToolItem .gisFeatureTable .label
{
	width: auto;
	font-style: italic;
	padding-bottom: 1ex;
}

#gisInfoToolItem .gisFeatureTable .value
{
	width: auto;
	padding-bottom: 1ex;
}