/*
ESRI ArcWeb style sheet
*/


/* GLOBAL TAGS */
body {
	background-color: #FFFFFF;
	background-image: url('../images/header/bg.gif');
	background-position: top left;
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}


/* ADDITIONAL BACKGROUND COLORS */

.gray {
	background-color: #F3F2F0;
}
.white {
	background-color: #FFFFFF;
}

.hidden {
	display:	none;
}

/* DEFAULT FONT */

body, table, th, td, p, ul, ol, li, form, input, select, textarea {
	color: #222222;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	line-height: 16px;
}

sup {
	font-size:xx-small;
	line-height: 100%;
}


/* DEFAULT LINKS */

a, a:visited {
	color: #336699;
	text-decoration: none;
}

a:hover, a:active {
	color: #E48028;
	text-decoration: underline;
}

a.on, a.on:visited {
	color: #E48028;
	text-decoration: none;
	font-weight: bold;
}


/* STRUCTURAL DIVS */

.header {
	position: relative;
	background-image: url('../images/header/banner.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 87px;
	margin: 0px;
	padding: 0px;
}

#esrilogo {
	position: absolute;
	top: 8px;
	left: 17px;
}

#arcweblogo {
	position: absolute;
	top: 23px;
	left: 71px;
}

.notch {
	position: absolute;
	background-image: url('../images/header/notch.gif');
	background-position: bottom left;
	background-repeat: no-repeat;
	top: 3px;
	right: 0px;
	margin: 0px;
	padding: 0px 20px 6px 45px;
	font-size: 11px;
	color: #999999;
}

.search {
	position: absolute;
	background: none;
	top: 25px;
	right: 13px;
	margin: 0px;
	padding: 0px;
	font-size: 10px;
}

.nav  {
	position: absolute;
	background-color: transparent;
	bottom: 0px;
	left: 6px;
	width: 640px; /* this prevents collapse of tabs at normal font sizes (another alternative would be to use a table) */
	/* width: 100% will cause permanent horizontal scroll */
	margin: 0px;
	padding: 0px;
	border: none;
	z-index: 15; /* make sure menu floats over overflow divs */

	_bottom: -1px; /* underscore overrides position for IE PC only */
	
}

.subnav  {
	z-index: 0;
	background-color: #E4E2DD;
	border-bottom: 1px solid #999999;
	/* width: 100% will cause permanent horizontal scroll */
	margin: 0px;
	padding: 7px 17px 7px 18px;
	color: #333333;
	font-style: italic;
	text-align:right;
}

.subnavshadow  {
	background-color: #CCCCCC;
	border-bottom: 1px solid #EEEEEE;
	/* width: 100% will cause permanent horizontal scroll */
	height: 1px;
	font-size: 1px;
	margin: 0px 0px 7px 0px;
	padding: 0px;
}

.twocolumntable {
	margin: 0px;
	margin-right: 25px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.threecolumntable {
	margin: 0px;
	margin-right: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.content {
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 20px;
}

td.content {
	border-left: 1px solid #B3C3D0;
	padding-bottom: 30px;
}

.leftsidebar {
	width: 180px;
	background-color: #F3F2F0;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.leftsidebarblock {
	margin: 0px;
	padding: 0px 5px 15px 10px;
}

.footer {
	color: #999999;
	margin: 0px;
	padding: 3px;
	border-top: 1px solid #CCCCCC;
	text-align: center;
}

.footer p {
	color: #999999;
	text-align: center;
}

.panel  {
	margin: 0px;
	padding: 7px  25px 7px 20px;
}

#helppanel  {
	margin: 0px;
	padding: 7px  25px 7px 20px;
	border-top: 1px solid #CCCCCC;
	background-color: #EEEEEE;
	font-style: italic;
}

.homepanel {
	/* 2-column home page */
}

.homecontent {
	/* wide column */
	margin-bottom: -13px; /* pull footer up to touch */
	padding: 0px 0px 20px 0px;
}

.homesidebar {
	background-color: #F3F2F0;
	border-left: 1px solid #CCCCCC;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}

.homesidebarblock {
	margin: 0px;
	padding: 5px 13px 10px 15px;
	border-bottom: 1px solid #CCCCCC;
}

.homeheadtext {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}
.hometext {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 12px;
}

/* CONTENT BLOCKS */

.homecontent .contentblock {
	margin: 10px 20px 10px 20px;
}


/* NAVIGATION TABS */

#menu {
	/* tab block */
	padding: 0px;
	margin: 0px 0 0 3px;
	list-style: none;
	z-index: 10; /* make sure menu floats over overflow divs */
}

#menu li {
	/* tab */
	float: left;
	position: relative;
	margin-right: 2px;
}

#menu a {
	/* tab link */
	display: block;
	background-color: transparent;
	background-image: url('../images/nav/tab.gif');
	background-position: top right;
	background-repeat: no-repeat;
	border-left: 1px solid #555555;
	border-bottom: 1px solid #000000;
	margin: 0 0 0px 0;
	padding: 5px 15px 3px 8px;
	color: #555555;
	text-decoration: none;
}

#menu a:hover {
	/* tab rollover */
	background-position: 100% -70px;
	color: #333333;
}

#menu a.activetab {
	/* on tab */
	background-position: 100% -70px;
	color: #333333;
	border-bottom: 1px solid #E4E2DD;
}


/* DROP-DOWN MENU */
#menu li ul {
	/* menu block */
	display: none;
	position: absolute;
	list-style: none;

	top: 100%;
	left: 0px;
	background: #E4E2DD;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	width: 160px;
}

#menu li>ul {
	/* spacing workaround */
	top: auto;
	left: auto;
}

#menu li:hover ul, #menu li.over ul {
	/* make visible on css (or javascript) rollover */
	display: block;
}


/* MENU ITEMS */
#menu li ul li {
	/* drop-down item */
	background: none;
	float: none;
	color: #336699;
	margin: 0px;
	padding: 0px;
	border: none;
	font-weight: normal;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #888888;
}

#menu li ul a {
	/* drop-down link */
	float: none;
	background-image: none;
	border: none;
	color: #336699;
	margin: 0px;
	padding: 3px 20px 4px 10px;
}

#menu li ul a.off, #menu li ul a.off:visited {
	/* drop-down off link */
	color: #555555;
}

#menu li ul a:hover, #menu li ul a:active {
	/* drop-down rollover */
	background-image: none;
	background: #FFFFFF;
	color: #E48028;
}

#menu li ul a.off:hover, #menu li ul a.off:active {
	/* drop-down off link rollover */
	background: #E4E2DD;
	cursor: default;
	color: #555555;
}

#menu li ul li.indent a {
	/* indented submenus */
	padding: 3px 20px 4px 20px;
}

#menu li ul li.last {
	/* last item in menu */
	border-top: 1px solid #FFFFFF;
	border-bottom: none !important;
}


/* HEADERS */

H1 {
	/* page title */
	color: #555555;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 25px;
	font-weight: normal;
    line-height: 28px;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}

H2 {
	/* small title, to be used inside <p> */
	color: #555555;
	font-family: "Trebuchet MS", "Arial", sans-serif;
	font-size: 20px;
	font-weight: normal;
    line-height: 24px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.panel H2 {
	margin-top: 10px;
}

H3 {
	/* subhead */
	color: #555555;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;

	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}

.leftsidebar H3 {
	/* sidebar subhead */
	background-color: #CDD7C6;
	border: 1px solid #B4C3AA;
	color: #555555;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: 0px;

	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 9px;
}

H4 {
	/* subhead */
	color: #555555;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 15px;
	font-weight: normal;

	margin: 1px 0px 1px 0px;
	padding: 0px 0px 0px 0px;
}

H5 {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

H6 {
	/* green subhead */
	color: #339966;
	font-family: "Verdana", "Arial", sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 2px;

	margin: 0px 0px 0px 0px;
	padding: 7px 0px 0px 0px;
}


/* FORMS */

.search td {
	/* search text */
	color: #555555;
}

.search input {
	/* search box */
	font-size: 10px;
}

.leftsidebar select {
	/* sidebar pulldown */
	width: 155px;
	margin-bottom: 5px;
}

.leftsidebar input {
	/* sidebar pulldown */
	font-size: 9px;
}

.padded TD {
	margin: 0px;
	padding: 3px 8px 3px 0px;
}

table.paddedtext {
	/* used when table content is mostly text */
	margin: 0px;
	padding: 7px 0px 7px 0px;
}

.paddedtext TD {
	/* used when table content is mostly text */
	margin: 0px;
	padding: 3px 25px 3px 0px;
}

.grouped {
	/* used in edit pages to surround a table with a border */
	background-color: #F9F8F6;
	margin: 10px 20px 20px 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #CCCCCC;
}



/* MAP SERVICE LAYERS */

.mapservice-overflowtable {
	/* a special-use table that works like an iframe */
	height: 400px;
	width: 260px;
	overflow: scroll;
	padding: 1px 0px 1px 0px;
	margin: 5px 5px 5px 0px;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}

table.mapservice-layers {
	width: 100%;
}

.mapservice-layers TD {
	margin: 0px;
	padding: 2px 3px 1px 0px;
	color: #666666;
}

.highlight-layer TD {
	/* the selected layer */
	background-color: #E9AE6F;
	color: #333333;
}

.highlight-class TD {
	/* the selected class (below the selected layer) */
	background-color: #F4D3AB;
	color: #333333;
}

.highlight-symbol TD {
	/* the selected symbol (below the selected layer) */
	background-color: #FFEEDC;
	color: #333333;
}

TD.nohighlight {
	/* the selected symbol (below the selected layer) */
	background-color: #FFFFFF;
}

.enabled TD {
	/* non-selected rows (below the selected layer) */
	color: #333333;
}

.mapservice-layers A {
	/* select row links look like normal text */
	color: #666666;
	text-decoration: none;
}

.enabled A,
.highlight-layer A,
.highlight-class A,
.highlight-symbol A {
	/* select row links look like normal text */
	color: #333333;
	text-decoration: none;
}


/* MAP SERVICE SCALE */

.mapservice-scalepanel {
	position: relative;
	width: 150px;
	height: 400px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	padding: 4px 5px 0px 5px;
	margin: 5px 5px 0px 5px;
}

table.mapservice-scale {
	padding: 0px;
	margin: 0px;
	font-size: 3px;
	line-height: 3px;
	border-collapse: collapse;
	border: none;
}

table.mapservice-scale TD {
	padding: 0px;
	margin: 0px;
	width: 3px;
	height: 7px;
	font-size: 3px;
	line-height: 3px;
}

table.mapservice-scale TD A {
	font-size: 3px;
	line-height: 3px;
}

table.mapservice-scale TD.thin {
	width: 3px;
	height: 7px;
}

table.mapservice-scale TD.scalebar {
	/* dotted scale bar */
	background-image: url('../images/mapscale/bg.gif');
	background-repeat: repeat-y;
	width: 7px;
	height: 7px;
}

TABLE.mapservice-scale TD.scale {
	PADDING-RIGHT: 5px; FONT-SIZE: 10px; COLOR: #666666; FONT-FAMILY: "Trebuchet MS", sans-serif
}
TABLE.mapservice-scale TD.scalerange {
	WIDTH: 7px; HEIGHT: 7px; BACKGROUND-COLOR: #f4d3ab
}

table.mapservice-scale TD.scale1 {
	/* scale bar range */
	background-color: #E9AE6F;
	width: 3px;
	height: 7px;
}

table.mapservice-scale TD.scale2 {
	/* scale bar range */
	background-color: #F4D3AB;
	width: 3px;
	height: 7px;
}

table.mapservice-scale TD.scale3 {
	/* scale bar range */
	background-color: #FFEEDC;
	width: 3px;
	height: 7px;
}


/* MAP SERVICE MAP */

.mapservice-mappanel {
	position: relative;
	width: 480px;
	height: 400px;
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #999999;
}

.mapservice-selectedarea {
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: 3px solid #FF9933; /* was 802046 */
}
.mapservice-movepoint {
	position: absolute;
	margin: 0px;
	padding: 0px;
        background-color: #FF9933;
        border: 0px; 
}
.mapservice-tools {
	float: right;
}

/* value panel */
.smalloverflowpanel {
	height: 200px;
        width: 150px;
        background-color: #E6E6E5;
	overflow: scroll;
	padding: 1px 0px 1px 0px;
	margin: 20px 0px 0px 0px;
}

/* the look of value panel */
.smallpanel {
	z-index: 0;
	background-color: #E6E6E5;
	border-bottom: 1px solid #999999;
	margin: 0px;
	padding: 7px 17px 7px 18px;
	color: #333333;
	font-style: italic;
}
.mapservice-zoombox {
	position: absolute;
	margin: 0px;
	padding: 0px;
	border: 3px solid #FF0000;
}


/* LIBRARY BROWSER */

.browser select {
	width: 180px;
	margin: 7px 15px 10px 0px;
}

select.last {
	margin-right: 0px;
}

select.disabled {
	background-color: #F3F2F0;
}


/* TYPOGRAPHY */

.breadcrumb {
	color: #666666;
	margin: 0px 0px 7px 0px;
}

.instruction {
	color: #666666;
	font-style: italic;
}

.label {
	color: #666666;
}

.highlight {
	background-color: #FFEEDC;
	color: #E48028;
	font-weight: bold;
	border: 1px solid #E48028;
	padding: 1px 4px 2px 4px;
}

.error {
	color: #CC1111;
	font-weight: bold;
}

.required {
	color: #E48028;
	font-weight: bold;
}


.sidebarhelp {
	font-style: italic;
}


/* SEARCH RESULTS */

.date {
	color: #339966;
}

.pagination {
	font-size: 12px;
}

.count {
	color: #666666;
}


/* RULES */

.rule {
	/* 1px rule */
	border-top: 1px dotted #A3B3C0;
	/* width: 100% will cause permanent horizontal scroll */
	height: 1px;
	font-size: 1px;
	margin: 15px 0px 7px 0px;
	padding: 0px;
}

.norule {
	/* override any rule or border */
	border: none;
}


/* SIDEBAR */

.leftsidebar ul, .rightsidebar ul {
	/* sidebar menu */
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('../images/icon/bullet.gif');
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 17px;
	border: none;
	font-size: 11px;
}

.leftsidebar ul ul, .rightsidebar ul ul {
	/* nested sidebar menu */
	list-style-type:  none;
	list-style-position: outside;
	list-style-image: url('../images/icon/bullet.gif');
	margin: 6px 0px 0px 0px;
	padding: 0px 0px 10px 16px;
	border: none;
}

.leftsidebar ul li, .rightsidebar ul li {
	/* sidebar nested menu */
	margin: 0px;
	padding: 0px 0px 6px 0px;
}

.leftsidebar ul ul li, .rightsidebar ul ul li {
	margin: 0px;
	padding: 0px 0px 2px 0px;
}



/* OVERFLOW TABLE */

.alternaterowtable {
	/* a normal full-width table */
	padding: 1px 0px 1px 0px; /* padding needed to fix IE bug where preceeding div is chopped by 10-20px */
	margin: 0px 0px 7px 0px;
}

.overflowtable {
	/* a special-use table that works like an iframe */
	height: 300px;
	width: 100%; /* required for IE, or it extends past browser edge */
	overflow: scroll;
	padding: 1px 0px 1px 0px;
	margin: 0px 0px 5px 0px;
}



/* SMALL OVERFLOW TABLE */

.smalloverflowtable {
	/* a special-use table that works like an iframe */
	height: 300px;
	overflow: scroll;
	padding: 1px 0px 1px 0px;
	margin: 0px 35px 5px 20px;
}


/* ALTERNATE-ROW TABLE */

.alternaterow {
	border-collapse: collapse;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #F6F5F3;
	font-weight: bold;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.overflowtable .alternaterow {
	/* this allows the overflow to happen */
	width: 200%;
}

.alternaterow TH {
	border: 1px solid #AAAAAA;
	color: #555555;
	background-color: #E6E6E6;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
}

TR.subhead TH {
	/* table subheads, rarely used */
	background-color: #E6E6E6;
	font-weight: bold;
	padding: 5px 7px 5px 5px;
}

.alternaterow TD {
	border-left: 1px solid #AAAAAA;
	border-right: 1px solid #AAAAAA;
	margin: 0px;
	padding: 3px 7px 3px 5px;
	vertical-align: top;
}

.alternaterow2 TD {
	border-bottom: 1px solid #AAAAAA;
}

.alternaterow input, .alternaterow select {
	font-size: 11px;
}

.alignmiddle TD {
	/* use to override align=top when needed */
	vertical-align: middle;
}

.alt {
	/* odd-numbered rows get a white background */
	background-color: #FFFFFF;
}

TH.icon, TD.icon {
	text-align: center;
}

TH a {
	color: #555555;
}

/* SCALE TABLE */

.scalepalette {
	border-collapse: collapse;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	background-color: #F2F2F2;
	font-weight: bold;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.overflowtable .scalepalette {
	/* this allows the overflow to happen */
	width: 200%;
}

.scalepalette TH {
	color: #000000;
	background-color: #E6E6E6;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #000000;
}

.scalepalette TD {
/*	border: 1px solid #AAAAAA; */
	margin: 0px;
	padding: 0px;
/*	padding: 3px 7px 3px 5px;*/
	vertical-align: top;
}

.scalepalette input, .scalepalette select {
	font-size: 11px;
}

/* SCALE PALETTE - SCALE */

.scalepalette-scalepanel {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

table.scalepalette-scale {
	padding: 0px;
	margin: 0px;
	font-size: 3px;
}

table.scalepalette-scale TD {
	padding: 0px;
	margin: 0px;
	height: 1px;
	font-size: 10px;
}

table.scalepalette-scale TD A {
	font-size: 10px;
}

table.scalepalette-scale TD.tiny {
	width: 3px;
	height: 3px;
}

table.scalepalette-scale TD.thin {
	width: 3px;
	height: 7px;
}

table.scalepalette-scale TD.thick {
	width: 3px;
	height: 12px;
	font-size: 10px;
	line-height: 10px;
	font-weight: normal;
}

table.scalepalette-scale TD.dot {
	width: 3px;
	height: 7px;
	background-image: url('../images/mapscale/bg-line.gif');
}

table.scalepalette-scale TD.last {
	width: 100%;
	height: 7px;
	background-image: url('../images/mapscale/bg-line.gif');
}

table.scalepalette-scale TD.last2 {
	width: 190px;
	height: 7px;
	background-image: url('../images/mapscale/bg-line.gif');
}

table.scalepalette-scale TD.line {
	height: 7px;
	background-image: url('../images/mapscale/bg-line.gif');
}

table.scalepalette-scale TD.lineend {
	width: 20px;
	height: 7px;
 	border-right: 1px solid #CCCCCC;
	background-image: url('../images/mapscale/bg-line.gif');
}

table.scalepalette-scale TD.end {
	width: 20px;
	height: 1px;
 	border-right: 1px solid #CCCCCC;
}

table.scalepalette-scale TD.scalebar {
	/* dotted scale bar */
	background-image: url('../images/mapscale/bg2.gif');
	background-repeat: repeat-y;
	width: 7px;
	height: 1px;
}

table.scalepalette-scale TD.scalebar-dot {
	/* dotted scale bar */
	background-repeat: repeat-y;
	width: 11px;
	height: 11px;
	background-image: url('../images/mapscale/bg2.gif');
}

table.scalepalette-scale TD.scale {
	/* range icon */
	width: 7px;
	height: 1px;
}

table.scalepalette-scale TD.scale-dot {
	/* range icon */
	width: 7px;
	height: 11px;
	background-image: url('../images/mapscale/bg-line.gif');
/* 	border-top: 1px solid #CCCCCC; */
}

.scalebar-scale1 {
	background-color: #E9AE6F;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 70px;
	width: 5px;
}

.scalebar-scale2 {
	/* scale bar range */
	background-color: #F4D3AB;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 70px;
	width: 5px;
}

.scalebar-scale3 {
	/* scale bar range */
	background-color: #FFEEDC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 70px;
	width: 5px;
}

.scalebar-gray {
	background-color: #CCCCCC;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	left: 70px;
	width: 3px;
}

table.scalepalette-scale TD.scale1 {
	/* scale bar range */
	background-color: #E9AE6F;
	width: 6px;
	height: 7px;
}

table.scalepalette-scale TD.scale2 {
	/* scale bar range */
	background-color: #F4D3AB;
	width: 6px;
	height: 7px;
}

.symbolColor {
	position:relative;
	overflow: hidden;
	left:0px;
	top:0px;
	width:20px;
	height:20px;
	visibility:visible;
}

table.scalesymbols {
	border: 1px solid #AAAAAA;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

table.scalesymbols TD {
	border: 1px solid #AAAAAA;
	padding: 0px;
	margin: 0px;
	vertical-align: middle;
	text-align: center;
}

/* STYLE table */

.stylelook {
	border-collapse: collapse;
	border-top: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	background-color: #F6F5F3;
	font-weight: bold;
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.stylelook TH {
	border: 1px solid #AAAAAA;
	color: #555555;
	background-color: #E6E6E6;
	font-weight: normal;
	margin: 0px;
	padding: 3px 5px 3px 5px;
	text-align: left;
	vertical-align: middle;
}

.stylelook TD {
	border-right: 1px solid #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	margin: 0px;
	padding: 3px 7px 3px 5px;
	vertical-align: middle;
	background-color: #FFFFFF;
}

.stylelook input, .stylelook select {
	font-size: 11px;
}


/* EXPANDED ROWSS */

TD.indent {
	/* used to indent rows in the library view */
	padding-left: 20px;
}

TD.doubleindent {
	/* used to double-indent rows in the library view */
	padding-left: 40px;
}

TR.expandedrow {
	background-color: #FFEEDC;
	/* border-top: 1px solid #F0E0CD;
	border-bottom: 1px solid #F0E0CD; */
}

TR.altexpandedrow {
	background-color: #FFF7EE;
	/* border-top: 1px solid #F0E0CD;
	border-bottom: 1px solid #F0E0CD; */
}


/* PANEL TABS */

.paneltabs  {
	z-index: 1;
	/* width: 100% will cause permanent horizontal scroll */
	margin: -15px 0px 0px 0px;
	border-bottom: 1px solid #666666;
	padding: 0px;
}

#tabs {
	/* position has to be hidden from IE, or menus will float behind */
	position: relative;
	top: 1px;
	z-index: 1;
	/* tab table is pushed down 1px so that border on activetab will appear to overlap rule */
	padding: 0px;
	margin: 0px 0px 0px 15px;
	list-style: none;
}

#tabs li {
	/* tab */
	float: left;
	position: relative;
	margin-right: 3px;
	border: 0;
}

#tabs a {
	/* tab link */
	display: block;
	background-color: transparent;
	background-image: url('../images/nav/paneltab.gif');
	background-position: top right;
	background-repeat: no-repeat;
	border-left: 1px solid #999999;
	margin: 0px;
	padding: 5px 15px 3px 8px;
	color: #777777;
	text-decoration: none;
}

#tabs a:hover {
	/* tab rollover */
	background-position: 100% -70px; /* active state */
	border-left: 1px solid #666666;
	color: #333333;
}

#tabs a.activetab {
	/* on tab */
	background-position: 100% -70px;
	color: #333333;
	border-left: 1px solid #666666;

	/* this has to be hidden from IE, or menus will float behind */
	border-bottom: 1px solid #F3F2F0;
}

#tabs a.disabled, #tabs a.disabled:hover {
	/* disabled tab */
	color: #BBBBBB;
	background-position: 100% -140px; /* disabled state */
	border-left: 1px solid #C2C2C2;
	cursor: default; /* don't change cursor */
}

.tabrule {
	/* 1px rule */
	position: relative;
	top: -1;
	z-index: 0;
	border-top: 1px solid #666666;
	/* width: 100% will cause permanent horizontal scroll */
	height: 1px;
	font-size: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 7px 0px;

}


/* % PROGRESS BAR */

.progressbar {
	border-collapse: collapse;
	border: none;
	font-weight: bold;
	width: 500px;
	height: 10px;
	margin: 10px 0px 10px 0px;
}

.homeprogressbar {
	border-collapse: collapse;
	border: none;
	font-weight: bold;
	width: 100px;
	height: 8px;
	margin: 10px 0px 10px 0px;
}

.half {
	width: 50%;
}

.progress-fill {
	color: #FFFFEE;
	background-color: #F49221;
	border-left: 1px solid #FAC990;
	border-top: 1px solid #FAC990;
	border-right: 1px solid #A66316;
	border-bottom: 1px solid #A66316;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.progress-nofill {
	color: #666666;
	background-color: #DDDDDD;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-weight: normal;
	padding: 5px;
	text-align: center;
}

.progress-warning {
	color: #FFDDDD;
	background-color: #CC5555;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}


/* BUILDER STATUS BAR */

.statusbar {
	background-color: #E4E2DD;
	margin: 0px;
	padding: 0px;
}

.statusbar td {
	background-image: url('../images/statusbar/bg.gif');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #888888;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: 1px;
}

.statusbar td.on {
	background-image: url('../images/statusbar/bg_on.gif');
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
}


/* POPUP WINDOWS */

body.popup {
	background-image: url('../images/header/bg_popup.gif');
}

.popup .header {
	position: relative;
	background-image: url('../images/header/banner.gif');
	background-position: top left;
	background-repeat: no-repeat;
	height: 65px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #333333;
}

.popup h1 {
	/* adjust spacing in popup window */
	margin-bottom: 5px;
	padding-top: 5px;
}

.popup .panel {
	/* adjust spacing in popup window */
	padding-bottom: 15px;
}


/* GLOSSARY DEFINITIONS */

.dictionaryLetterbutton{ /* used for the GIS Dictionary */
	text-decoration: none;
	background-color: #FFFFFF;
	font-size: 0.95em;
	color: #336699;
	border: 1px solid #136137;
	border-right: 1px solid #229F72;
	margin: 0px;
	padding: 0px;
	}

.dictionaryLetterbuttonON{ /* used for the GIS Dictionary */
	text-decoration: none;
	background-color: #FFFFFF;
	color: #E48028;
	font-size: 0.95em;
	font-weight: bold;
	border: 1px solid #136137;
	border-right: 1px solid #229F72;
	margin: 0px;
	padding: 0px;
	}

.dictionarySelected{
	background-color: #E7E195;
	color: #000000;
}

h3.dictionaryLetter{ /* latest items header */
	font-size: 1.2em;
	color: #555555;
	margin: 10px 0px 10px 10px;
	border: none;
	}

div.dictionaryWordGroup{
	margin-left: 25px;
	}

h4.dictionaryWord{
	margin-bottom: 5px;
	font-size: 1em;
	}

p.dictionaryDef{
	margin-left: 13px;
	width: 90%;
}

p.dictionaryKeywords{
	margin-left: 30px;
	width: 90%;
}

.dictionaryShowHide{
	color: black;
	text-decoration: none;
}

.dictionarySmall{
	font-size: .9em;
}


/* PALETTE WINDOWS */

body.palette {
	background-image: url('../images/header/bg_palette.gif');
}

.palette .header {
	background-image: none;
	margin: 0px;
	padding: 0px;
	height: 60px;
	border-bottom: none;
}

.palette h1 {
	/* adjust spacing in palette window */
	margin-bottom: 5px;
	padding: 15px 0px 0px 20px;
}

.palette .panel {
	/* adjust spacing in palette window */
	padding-bottom: 15px;
}

.palette .paneltabs  {
	/* adjust spacing in palette window */
	margin-top: 0px;
}

.palette .gray  {
	/* adjust spacing in palette window */
	padding-top: 7px;
}

#palettefilltable, #palettemarkertable, #palettecolortable {
	width: 240px;
	height: 170px;
	padding: 0px;
	margin: 0px;
	overflow: scroll;
}

#palettecolorbuildertable {
	width: 280px;
	height: 130px;
	padding: 0px;
	margin: 0px;
}

#palettelinetable {
	width: 130px;
	height: 170px;
	padding: 0px;
	margin: 0px;
	overflow: scroll;
}

.palettetable {
	background-color: #FFFFFF;
	border-collapse: collapse;
	border: 1px solid #AAAAAA;
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.palettetable TD {
	border: 1px solid #AAAAAA;
	padding: 5px;
	margin: 0px;
}

#palettepreview {
	float: left;
	width: 45px;
	height: 45px;
	margin: 13px 10px 10px 10px;
	padding: 5px;
}

.palette #symbolpreview {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 100px;
	height: 100px;
	margin: 0px;
	padding: 0px;
}


/* COLOR SWATCHES */

#swatches {  
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 349px;   
	height: 109px;  
	margin: 0px;    
	padding: 3px; 
} 
    
img.swatch, img.swatch_on {   
	background-color: #CCCCCC;  
	border: 2px solid #FFFFFF;
	width: 15px; 
	height: 15px;
	margin: 0px; 
}

img.swatch_on {
	border-color: #333333;
}

#symbolswatches {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 365px;
	height: 220px;
	margin: 0px;
	margin-right: 10px;
	padding: 3px;
	overflow: auto;
}

img.symbolswatch, img.symbolswatch_on {
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
/*	width: 25px;
	height: 25px; */
	margin: 1px;
}

img.symbolswatch_on {
	border-color: #CC0000;
}

#symbolpreview {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	width: 175px;
	height: 175px;
	margin: 0px;
	padding: 0px;
}


/* LABEL PLACEMENT TABLE */

table.labelplacementtable {
	padding: 5px;
}

table.labelplacementtable td {
	border: 1px solid #F3F2F0;
	text-align: center;
	margin: 5px;
	padding: 5px;
	width: 70px;
	height: 70px;	
}

table.labelplacementtable td.notselected {
	color: #999999;
	background-color: #E9E8E6;
	border: 1px solid #E9E8E6;
}

table.labelplacementtable td.selected {
	color: #333333;
	background-color: #D3D2D0;
	border: 1px solid #C3C2C0;
}


/* ICON PULL DOWN MENU */

.iconselect {
	position: relative;
	z-index: auto; /* menus float */
}

.iconselectitem {
}

.iconpaletteicon {
	float: left;
	padding-right: 3px;
	border: none;
}

.iconpalette {
	position: absolute;
	z-index: 1; /* menus float */
	top: 7px;
	left: 15px;
	background-color: #F0F0F0;
	border: 1px solid #999999;
	margin: 0px;
	padding: 1px 15px 1px 4px;
	visibility: hidden;
}

.iconpalette table {
}

.iconpalette table td {
	border: none;
	margin: 0px;
	padding: 2px;
}


/* ICON ROLLOVERS */

a.editicon img {background: url('../images/icon/edit.gif') top left no-repeat;}
a.editicon:hover img {background: url('../images/icon/edit_on.gif') top left no-repeat;}

a.openicon img {background: url('../images/icon/open.gif') top left no-repeat;}
a.openicon:hover img {background: url('../images/icon/open_on.gif') top left no-repeat;}

a.costicon img {background: url('../images/icon/cost.gif') top left no-repeat;}
a.costicon:hover img {background: url('../images/icon/cost_on.gif') top left no-repeat;}

a.infoicon img {background: url('../images/icon/info.gif') top left no-repeat;}
a.infoicon:hover img {background: url('../images/icon/info_on.gif') top left no-repeat;}

a.helpicon img {background: url('../images/other/question_mark.png') top left no-repeat;}
a.helpicon:hover img {background: url('../images/other/question_mark_on.png') top left no-repeat;}

a.linksicon img {background: url('../images/icon/links.gif') top left no-repeat;}
a.linksicon:hover img {background: url('../images/icon/links_on.gif') top left no-repeat;}

a.copyicon img {background: url('../images/icon/copy.gif') top left no-repeat;}
a.copyicon:hover img {background: url('../images/icon/copy_on.gif') top left no-repeat;}

a.deleteicon img {background: url('../images/icon/delete.gif') top left no-repeat;}
a.deleteicon:hover img {background: url('../images/icon/delete_on.gif') top left no-repeat;}


/* MAP TOOLS ICON ROLLOVERS */

a.mapxicon img {background: url('../images/maptools/x.gif') top left no-repeat;}
a.mapxicon:hover img {background: url('../images/maptools/x_on.gif') top left no-repeat;}
a.mapxicon_down img, a.mapxicon_down:hover img {background: url('../images/maptools/x_down.gif') top left no-repeat;}

a.mapplusicon img {background: url('../images/maptools/plus.gif') top left no-repeat;}
a.mapplusicon:hover img {background: url('../images/maptools/plus_on.gif') top left no-repeat;}
a.mapplusicon_down img, a.mapplusicon_down:hover img {background: url('../images/maptools/plus_down.gif') top left no-repeat;}

a.mapcosticon img {background: url('../images/maptools/cost.gif') top left no-repeat;}
a.mapcosticon:hover img {background: url('../images/maptools/cost_on.gif') top left no-repeat;}
a.mapcosticon_down img, a.mapcosticon_down:hover img {background: url('../images/maptools/cost_down.gif') top left no-repeat;}

a.mapallicon img {background: url('../images/maptools/all.gif') top left no-repeat;}
a.mapallicon:hover img {background: url('../images/maptools/all_on.gif') top left no-repeat;}
a.mapallicon_down img, a.mapallicon_down:hover img {background: url('../images/maptools/all_down.gif') top left no-repeat;}

a.mapmaxicon img {background: url('../images/maptools/max.gif') top left no-repeat;}
a.mapmaxicon:hover img {background: url('../images/maptools/max_on.gif') top left no-repeat;}
a.mapmaxicon_down img, a.mapmaxicon_down:hover img {background: url('../images/maptools/max_down.gif') top left no-repeat;}

a.mapclearextenticon img {background: url('../images/maptools/clearextent.gif') top left no-repeat;}
a.mapclearextenticon:hover img {background: url('../images/maptools/clearextent_on.gif') top left no-repeat;}
a.mapclearextenticon_down img, a.mapclearextenticon_down:hover img {background: url('../images/maptools/clearextent_down.gif') top left no-repeat;}



a.mapselecticon img {background: url('../images/maptools/select.gif') top left no-repeat;}
a.mapselecticon:hover img {background: url('../images/maptools/select_on.gif') top left no-repeat;}
a.mapselecticon_down img, a.mapselecticon_down:hover img {background: url('../images/maptools/select_down.gif') top left no-repeat;}

a.mappanicon img {background: url('../images/maptools/pan.gif') top left no-repeat;}
a.mappanicon:hover img {background: url('../images/maptools/pan_on.gif') top left no-repeat;}
a.mappanicon_down img, a.mappanicon_down:hover img {background: url('../images/maptools/pan_down.gif') top left no-repeat;}

a.mapzoominicon img {background: url('../images/maptools/zoomin.gif') top left no-repeat;}
a.mapzoominicon:hover img {background: url('../images/maptools/zoomin_on.gif') top left no-repeat;}
a.mapzoominicon_down img, a.mapzoominicon_down:hover img {background: url('../images/maptools/zoomin_down.gif') top left no-repeat;}

a.mapzoomouticon img {background: url('../images/maptools/zoomout.gif') top left no-repeat;}
a.mapzoomouticon:hover img {background: url('../images/maptools/zoomout_on.gif') top left no-repeat;}
a.mapzoomouticon_down img, a.mapzoomouticon_down:hover img {background: url('../images/maptools/zoomout_down.gif') top left no-repeat;}

a.mapopenicon img {background: url('../images/maptools/open.gif') top left no-repeat;}
a.mapopenicon:hover img {background: url('../images/maptools/open_on.gif') top left no-repeat;}
a.mapopenicon_down img, a.mapopenicon_down:hover img {background: url('../images/maptools/open_down.gif') top left no-repeat;}

a.mapsaveicon img {background: url('../images/maptools/save.gif') top left no-repeat;}
a.mapsaveicon:hover img {background: url('../images/maptools/save_on.gif') top left no-repeat;}
a.mapsaveicon_down img, a.mapsaveicon_down:hover img {background: url('../images/maptools/save_down.gif') top left no-repeat;}

a.mapmovepointicon img {background: url('../images/maptools/movepoint.gif') top left no-repeat;}
a.mapmovepointicon:hover img {background: url('../images/maptools/movepoint_on.gif') top left no-repeat;}
a.mapmovepointicon_down img, a.mapmovepointicon_down:hover img {background: url('../images/maptools/movepoint_down.gif') top left no-repeat;}

A.mapscaleicon IMG {
	BACKGROUND: url('../images/maptools/scale.gif') no-repeat left top
}
A.mapscaleicon:hover IMG {
	BACKGROUND: url('../images/maptools/scale_on.gif') no-repeat left top
}
A.mapscaleicon_down IMG {
	BACKGROUND: url('../images/maptools/scale_down.gif') no-repeat left top
}
A.mapscaleicon_down:hover IMG {
	BACKGROUND: url('../images/maptools/scale_down.gif') no-repeat left top
}
A.mapsymbologyicon IMG {
	BACKGROUND: url('../images/maptools/symbology.gif') no-repeat left top
}
A.mapsymbologyicon:hover IMG {
	BACKGROUND: url('../images/maptools/symbology_on.gif') no-repeat left top
}
A.mapsymbologyicon_down IMG {
	BACKGROUND: url('../images/maptools/symbology_down.gif') no-repeat left top
}
A.mapsymbologyicon_down:hover IMG {
	BACKGROUND: url('../images/maptools/symbology_down.gif') no-repeat left top
}
A.maplabelsicon IMG {
	BACKGROUND: url('../images/maptools/labels.gif') no-repeat left top
}
A.maplabelsicon:hover IMG {
	BACKGROUND: url('../images/maptools/labels_on.gif') no-repeat left top
}
A.maplabelsicon_down IMG {
	BACKGROUND: url('../images/maptools/labels_down.gif') no-repeat left top
}
A.maplabelsicon_down:hover IMG {
	BACKGROUND: url('../images/maptools/labels_down.gif') no-repeat left top
}


/* MAP SCROLL ICON ROLLOVERS */

a.nicon img {background: url('../images/mapscroll/n.gif') top left no-repeat;}
a.nicon:hover img {background: url('../images/mapscroll/n_on.gif') top left no-repeat;}

a.sicon img {background: url('../images/mapscroll/s.gif') top left no-repeat;}
a.sicon:hover img {background: url('../images/mapscroll/s_on.gif') top left no-repeat;}

a.eicon img {background: url('../images/mapscroll/e.gif') top left no-repeat;}
a.eicon:hover img {background: url('../images/mapscroll/e_on.gif') top left no-repeat;}

a.wicon img {background: url('../images/mapscroll/w.gif') top left no-repeat;}
a.wicon:hover img {background: url('../images/mapscroll/w_on.gif') top left no-repeat;}

a.nwicon img {background: url('../images/mapscroll/nw.gif') top left no-repeat;}
a.nwicon:hover img {background: url('../images/mapscroll/nw_on.gif') top left no-repeat;}

a.neicon img {background: url('../images/mapscroll/ne.gif') top left no-repeat;}
a.neicon:hover img {background: url('../images/mapscroll/ne_on.gif') top left no-repeat;}

a.swicon img {background: url('../images/mapscroll/sw.gif') top left no-repeat;}
a.swicon:hover img {background: url('../images/mapscroll/sw_on.gif') top left no-repeat;}

a.seicon img {background: url('../images/mapscroll/se.gif') top left no-repeat;}
a.seicon:hover img {background: url('../images/mapscroll/se_on.gif') top left no-repeat;}

.unavailable {
    color: #989898;
}