body			{ margin: 0; height: 100%; width: 100%; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden; background-color: #30366A; font-family: arial; font-size: 10pt; color: #002A60;}
div.norm			{ border: 1px solid #BDC5D1; } 
div.small		{ font-family: arial; font-size: 9pt; }
div.tablelist	{ border: 1px solid #EEEEEE; font-family: arial; font-size: 9pt; }
div#header		{ position: relative; height: 60px; left: 0; right: 0; top: 0; text-align: right; background-color: #30366A; color: #FFFFFF; background-image: url("img/topgrad.png"); }
div#logo				{ position: absolute; width: 315px; height: 60px; right: 0; top: 0; background-color: #30366A; background-image: url("img/logo.png"); }
div#message			{ display: none; position: absolute; width: 400px; height: 36px; left: 180px; top: 9px; background-color: #FFFFFF; color: #000; text-align: left; padding: 3px 6px; border: 2px solid #FFC574; }
div#aboutlink			{ position: absolute; left: 3px; top: 1px; }
div#aboutlink img			{ border: none; position: relative; top: 3px; }
div#aboutlink a			{ font-weight: bold; color: #FFFFFF; font-size: 10pt; cursor: pointer;}
div#login				{ position: absolute; left: 5px; top: 36px; }
	span.login			{ font-weight: bold; cursor: pointer; text-decoration: underline; }
	span#logout_link, span#upload_link	{ display: none; }
h2				{ font-family: arial; font-weight: bold; font-size: 15pt; margin: 16px 0px; }
div#footer		{ position: absolute; height: 22px; left: 0px; bottom: 0; right: 0; background-color: #F7FAFF; }
	div#footer_inner	{ margin-left: 4px; margin-top: 4px; text-align: center; }
div#main			{ position: relative; height: 100%; margin-left: 0px; margin-right: 0px; left:0; top:0; right:0; }
 div#login_window, div#upload_window	{ position: absolute; left: 0px; top: 0px; width: 296px; height: 130px; background-color: #FFFFFF; z-index: 10; border: 2px solid #30366A; display: none; overflow: hidden; }
	div#login_window_inner, div#upload_window_inner	{ margin: 8px; }
	span#login_warning, div#upload_error, .warning	{ color: #FF0000; }
	input.login_form		{ position: absolute; right: 2px; }
	input#newuser	{ margin-left: 28px; }
	input.loginsignup	{ width: 60px; }
	p#login_message		{ margin: 13px 0; }
 div#selector		{ position: absolute; width: 300px; left: 0; top: 0; bottom: 0; background-color: #F7FAFF; color: #0A356B;}
	div#db, div.db	{ height: 60px; color: #FFFFFF; }
	a>div.db			{ background-color: #30366A; background-image: url("img/topgrad.png"); } /* some oddness here to work with IE's lack of div:hover ... */
	div#db, a.db		{ background-color: #30366A; background-image: url("img/topgrad.png"); text-decoration: none; }
	a.db:hover, div.db:hover		{ background-position: 0 60px; }
	div#table_types		{ height: 127px; overflow: auto; margin-bottom: 10px; }
		div#table_types div	{ background-color: #FFFFFF; padding: 0 0 1px 4px ; }
	div#table_list		{ position: relative; bottom: 60px; top: 0px; right: 0; left: 0; overflow: auto; }
		div#table_list div	{ background-color: #FFFFFF; padding: 0 0 1px 4px; }
	div#col_list			{ height: 90px; position: relative; bottom: 0px; right: 0; left: 0; overflow: auto; }
		div#col_list div	{ background-color: #FFFFFF; padding: 0 0 1px 4px; font-weight: bold; }
		div#table_types div:hover, div#table_list div:hover, div#col_list div:hover	{ background-color: #F6F6F6;}
	div#db_list		{ position: absolute; top: 0; left: 0; height: 240px; width: 300px; z-index: 5; background-color: #FFFFFF; }
	div#dbdropdown	{ position: absolute; top: 8px; right: 8px; height: 40px; width: 40px; z-index: 6; background-image: url("img/updown.png"); background-position: 0 0; cursor:pointer; }
 div#main_right		{ position: absolute; left: 300px; top: 0; bottom: 0; right: 0; }
	div#settings			{ position: absolute; width: 200px; left: 0; top: 0; bottom: 116px /*0*/; overflow: auto; overflow-x: hidden; background-color: #FFFFFF; }
		div.tab			{ width: 64px; height: 26px; float: left; background-color: #3A3F6C; text-align: center; line-height: 26px; border: 1px solid #FFFFFF; color: #FFE705; font-size: 13px; cursor: pointer; background-image: url("img/smallgrad.png"); font-weight: bold;}
		div#settings_tabs	{ width: 200px; }
			div.settings_tab		{ margin-left: 4px; line-height: 23px; }
			div#settings_tab1	{  }
			div#settings_tab2	{ display: none }
			div#settings_tab3	{ display: none }
				div.anchorbox		{ line-height: 26px; }
	div#map_preview		{ position: absolute; left: 202px; top: 0; bottom: 118px /*+2*/; right: 0; background-color: #F7FAFF; }
		div#mappr_top		{ position: relative; left: 7px; top: 5px; right: 5px; }
		div#mappr_right		{ position: absolute; right: 16px; top: 0 }
		div#map_canvas_outer	{ position: absolute; width: 660px; height: 500px; margin: 10px; }
			div#map_canvas, div#data_preview	{ width: 100%; height: 100%; }
			div#status_message	{ position: absolute; top: 0; left: 20%; overflow: auto; background-color: #FFFFFF; padding: 1px 26px; border: 1px solid #BDC5D1; border-top: none; z-index: 100; }
	div#about_data_outer	{ position: absolute; height: 116px /*0*/; bottom: 0; left: 0; right: 0; overflow: auto; background-color: #FFFFFF; }
		div#about_data	{ margin: 5px 5px 0 5px; }
		div#edit_tabledata	{ margin: 1px; line-height: 19pt; border: 2px solid #FFC574; padding: 2px 8px 0; }
		form#tabledata_form	{ margin: 0; }

div.colpickframe	{ border: 1px solid #DDDDDD; height: 120px; width: 189px; margin: 5px 0px; line-height: 5px;}
div.colset		{ float: left; text-align: center; border: 1px solid white; margin: 0 }
div.colsetc		{ float: left; text-align: center; border: 1px solid white; margin: 0; }
div.colset div	{ border: 1px solid #BBBBBB; width: 20px; height: 12px; margin: 1px; padding: 0; font-size: 2px; } /* need font-size: 2px; for IE/Opera  - makes div 16px high otherwise */
div.colsetc div	{ border: 1px solid #BBBBBB; width: 52px; height: 12px; margin: 1px; padding: 0; font-size: 2px; text-align: center; }
div.colset div.set, div.colsetc div.set	{ height: 16px; }

.hidden	 { display: none; }
.nosel	{ -moz-user-select: -moz-none; -khtml-user-select: none; user-select: none; cursor: default; }
.sel, div.colsetc>input	{ -moz-user-select: text; -khtml-user-select: text; user-select: text; }
.ml		{ margin-left: 5px; }
.bold	{ font-weight: bold; }
.thinborder	{ border: 1px solid #DDDDDD; width: 189px; margin-left: 0px; }
.thinborder div.colpickframe	{ margin-left: 0px; border-width: 1px 0px; }
.warn, div#table_types .warn	{ background-color: #FFDD93; border: 1px solid red; }
.grey	{ color: #808080; font-size: 8pt; }
.center	{ text-align: center; }
.right	{ position: absolute; right: 2px; }
.license, .license a { color: #A0A0A0; font-size: 8pt; }

input.button		{ margin: 2px; }
input.button2	{ margin: 2px; font-weight: bold; width: 128px; }
input.button3	{ top: 50px; position: relative; margin: 0 auto; z-index: 5; width: 80px; }
input.colradio	{ margin-bottom: 3px; }
select.dropdown	{ margin: 2px; }
input.color		{ padding: 0px; width: 52px; margin: 1px 0px; font-size: 12px; border: 1px solid #BBBBBB; -moz-user-select: text; -khtml-user-select: text; user-select: text; }
input.left		{ float: left; }
input.checkbox	{ margin: 0px 5px; }
div.anchorbox .right { right: 8px; }
input.rightc	{ position: absolute; right: 2px; margin: 4px 2px 0 0; }
input.rightc2	{ position: absolute; right: 8px; margin: 4px 2px 0 0; }
input.tabledata	{ left: 150px; position: absolute; width: 240px; }
label.tabledata	{ left: 150px; position: absolute; }
select.tabledata { left: 230px; position: absolute; width: 158px; }
input.tabledata2	{ left: 550px; position: absolute; top: 9px;}
textarea.tabledata3, label.tabledata3	{ left: 410px; position: absolute; width: 280px; height: 70px;}
#DataButton		{ width: 82px; }

/* kml balloons */
table.kml h1		{ font-size: 16pt; margin-bottom: 2px; margin-top: 0px; height: 30px; }
table.kml h2		{ font-size: 12pt; margin-bottom: 10px;}
table.kml td 		{ font-size: 8pt; padding: 2px 5px; }
table.kml table	{ margin-bottom: 12px; }
.kmlfoot		{ font-size: 8pt; }

div#data_preview		{ position: absolute; right: 0px;  top: 0px; left: 0px; bottom: 0px; overflow: auto; background-color: #FFFFFF; z-index: 100; }
div#preview_inner	{ position: absolute; right: 0px;  top: 0px; left: 0px; bottom: 0px; overflow: auto; background-color: #FFFFFF; z-index: 100; }
table.preview	{ font-size: 10pt; border: 1px solid #BDC5D1; border-collapse: collapse; white-space:nowrap;}
table.preview td, table.preview th	{ padding: 1px 4px; border: 1px solid #BDC5D1; border-collapse: collapse; }
table.preview th	{ border: 1px solid; border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight; cursor: default; background: ButtonFace; padding: 2px 5px; }
table.preview th:active { border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow; padding: 3px 4px 1px 6px; }

td.num			{ text-align: right; }

/* table sorting JS */
tr.alternateRow { background-color: #F0F0F0; }
td.sortedColumn { background-color: #F0F0F0; }
tr.alternateRow td.sortedColumn { background-color: #E0E0E0; }

/* IE hacks */
div#footer		{ _width: 100%; }
div#map_preview	{ _width: 100%; _height: 100%; }
div#main_right	{ _width: 100%; _height: 100%; }
div#about_data_outer	{ _width: 100%; }
div.colset div	{ _height: 14px; _width: 20px; }
div.colsetc div	{ _height: 14px; _width: 55px; }
div.colset div.set, div.colsetc div.set	{ _height: 18px; }
input.color		{ _margin: 0; _width: 55px }
div#mappr_right	{ _right: 510px; }
select.dropdown	{ _margin: 0px; }
div#dbdropdown	{ _background-image: url("img/updownIE.gif"); }
div#settings			{ _width: 202px; }
div#login_window, div#upload_window	{ _width: 298px; _height: 140px;}
input.button3	{ _top: 36px; _right: 500px; }