/* HTML Overrides */

html { height: 100%; margin: 0;	padding: 0; overflow: auto; }

body {
    height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, serif; 
	font-size: 12px;
	
	color: #000;
	min-width: 800px;
}

img { border: none; }

a 			{ color: #000; }
a:link 		{ color: #000; text-decoration: none; }
a:visited 	{ color: #000; text-decoration: none; }
a:active 	{ color: #00D; text-decoration: none; border: 0; }
a:hover		{ text-decoration: underline; }
a.standard_link { color: #000;	text-decoration: none; }
a.standard_link:hover {	text-decoration: underline; }

a.download_button {display: block; width: 130px; height: 50px; float: right; background: url('../images/download_btn.png') no-repeat; }
a.download_button:hover {background: url('../images/download_btn_hover.png') no-repeat;}

h2 { background: #304088; text-align: center; margin: 1em auto; margin-top: 0; padding: 0.25em 0;	color: #FFF; font-size: 14pt; }
h3 { background: #304088; text-align: center; margin: 1em auto; margin-top: 0; padding: 0.25em 0;	color: #FFF; font-size: 10pt; }

p {	margin: 0em 0em 1em 0em; padding: 0; }

fieldset { margin-bottom: 1em; }
legend { background: #CEF; padding: 3px; }

/* classes */
.organization_title {font-size: 16pt; font-weight: bold;}
.organization_level {font-size: 12pt;}

.database_details_label 		{ float: left; margin-right: 1em; border: 1px solid #D0E0FF; background: #E0F0FF; padding: 2px 4px; display: block; width: 14em; text-align: left; font-weight: bold; }
.database_details_form_content 	{ margin-left: 16em; margin-bottom: 1em; }
.database_details_content 		{ margin-left: 16em; margin-bottom: 0.5em; padding: 2px 4px; }
.database_details_group 		{ margin-bottom: 2em; }

.database_details_group .database_details_content { margin-bottom: 1em; }

.rightfloat { float: right; }
.leftfloat { float: left; }

.unknown_value { color: #CCC; font-style: italic; }


table { border-collapse: collapse; border: 2px solid #304088;}

table tr.header_row th { padding: 5px; }
table th { text-align: left; }
table td { padding: 3px; border-right: 1px solid #E0F0FF;}

table tr.even { background: #EDFDFF; }

table tr:hover { background: #FFFFAA; }
table tr.header_row { background: #E0F0FF; border: 2px solid #304088; }

table tr.divider_row 		{ height: 5px; padding: 0; margin: 0; }
table tr.divider_row td 	{	height: 5px; padding: 0; margin: 0; font-size: 0pt; background: #304088;}

table.database_display_table 	{ border: 1px solid #D0E0FF; margin-bottom: 1em; }
table.database_display_table td { border: 1px solid #D0E0FF; text-align: left; padding: 6px; }
table.database_display_table th { background: #E0F0FF; padding: 6px;}

tr.first_row td { border-top: 1px solid black; }
tr.last_row td 	{ border-bottom: 1px solid black; }

.notice {
  position: absolute;
  top: 0;
  width: 96%;
  margin: 0px;
  padding: 5px;
  border: 1px solid black;
  font-weight: bold;
  background-color: #FFFFCC;
  color: #FF0000;
  text-align: center;
}

div.autocomplete { z-index: 10000; }

/* Layout CSS */

#wrapper { margin: 0; padding: 0; height: 100%; width: 100%; min-width: 950px; min-height: 500px; z-index: 5; position: relative; }

#header { 
	padding: 5px;
	height: 40px;
	background: url('/images/header_bg.png') repeat-x;
	overflow: none;
	z-index: 10;
}

#container {
	position: absolute;
	top: 55px;
	left: 10px;
	right: 268px;
	bottom: 10px;
	background: #23004B;
	z-index: 6;
	min-width: 650px;
}

#container_shadow { opacity: 0.35; filter: alpha(opacity = 35); background: #000;  position: absolute; top: 65px; left: 15px; right: 263px; bottom: 5px; z-index: 5; }

#content {
	position: absolute;
	top: 25px;
	left: 10px;
	right: 10px;
	bottom: 20px;
	min-height: 350px;
	min-width: 413px;
	color: #000;
	overflow: auto;
	background: #FFF;
	z-index: 7;
}

#sidebar {
	position: absolute;
	background-color: #23004B;;
	width: 248px;
//	min-height: 460px;
	top: 55px;
	right: 10px;
	bottom: 10px;
	z-index: 7;
}

#sidebar_shadow { opacity: 0.35; filter: alpha(opacity = 35); background: #000;  width: 248px; position: absolute; top: 65px; right: 5px; bottom: 5px; z-index: 5; }

#footer 	{ position: absolute; bottom: 3px; left: 10px; color: #FFF; text-align: left; }
#footer a 	{ color: lightblue; text-decoration: underline; }


.database_top_menu 			{ padding: 8px 5px; background: #6070BB; border-bottom: 1px solid black; text-align: center; color: #FFF; font-size: 14pt; }
.database_top_menu a:hover 	{ background: #D9E9FF; text-decoration: none; }
.database_sub_menu 			{ clear: both; padding: 0.25em 0;  padding-right: 0.5em; margin-bottom: 2em; background: #304088; border: 1px solid black; }

.quick_nav 			{ font-size: 10pt; }
.quick_nav a 		{ color: #000;	float: left; margin-right: 0.5em; padding: 4px 6px; border: 1px solid #467; background: #D0E0FF url('../images/shiny_blue_btn.jpg'); display: block; height: 17px; font-weight: bold; }
.quick_nav a:hover 	{ background: #D0E0FF url('../images/shiny_blue_btn_hover.jpg'); text-decoration: none; }

#database_view_tabs 				{ list-style-type: none; margin: 0; padding: 0;	margin-left: 2em; margin-top: 1.5em; }
#database_view_tabs .current_tab 	{ background: #D0E0FF; }
#database_view_tabs li 				{ width: 14em; border: 1px solid black; margin: 0; margin-bottom: 0.5em; text-align: center; }
#database_view_tabs li:hover 		{ background: #FF0; }
#database_view_tabs li a 			{ width: 13em;	height: 100%; display: block; padding: 5px; }
#database_view_tabs li a:hover 		{ text-decoration: none; }

/* Miscellaneous */

#details_div { padding: 0.5em 2em; }

#header_logo { position: absolute; left: 5px; top: 5px; z-index: 5; }

#view_menu {
	position: absolute;
	top: 3px;
	right: 10px;
	margin: 0;
	padding: 0;
	font: 125% Georgia, Times New Roman, Times, serif;
    font-weight: bold;
	color: #FFF;
}

#view_menu a { color: #FFF; padding: 0px 6px; }

#login_menu {
        list-style-type: none;
		position: absolute;
		top: 3px;
		left: 10px;
		margin: 0;
        padding: 0;
}

#login_menu li { display: inline; font: 125% Georgia, Times New Roman, Times, serif; color: #FFF; }
#login_menu li a, #login_menu li a:visited, #login_menu li a:active { color: #FFF; }
#login_menu li a:hover { text-decoration: underline; }

#organization_list { list-style-type: none; margin: 0; padding: 0; color: #000; }
#organization_list li {	margin:  0 1em 0.5em 1em; }
#organization_list li:hover { background: #AAA; }
#organization_list li:hover a {	color: #FFF; text-decoration: none; }
#organization_list li a { color: #000; }

#view_menu a.active, #login_menu li a.active { background: #FECA00; border: 1px solid #ED9800; color: #000; padding: 0px 5px; }

#login_box {
	text-align: center;
	border: 1px solid black;
	width: 300px;
	margin: 10% auto;
	background-color: #EEEEEE;
}

#data_entry 	{ text-align: center; min-width: 315px; padding: 2% 10%; margin: 0; }
#data_entry ul 	{ text-align: left; }
#data_entry img { float: right;	width: 45%;	height: 40%; margin: 10px; }
#data_entry p 	{ text-align: left; clear: left; }

#data_entry table 		{ padding: 10px 0px; float: left; text-align: left; }
#data_entry table td 	{ padding: 0.25em 0em; }
#data_entry table th 	{ font-weight: bold; padding-right: 3em; }

#small_map { width: 250px; height: 150px; border: 2px solid black; margin-bottom: 1em; margin-right: 2em; }
#small_map #map_div { width: 100%; height: 100%; }

#big_map #map_div{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	min-height: 420px;
	min-width: 413px;
	color: #000;
}

#popup_object {
	position: absolute;
    width: 75%;
    height: 85%;
    top: 5%;
    left: 12%;
    z-index: 800;
    padding: 0;
    margin: 0;
    border: 0;
}

#popup_shadow {
	margin-top: 10px;
	margin-left: 10px;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .35;
	filter: alpha(opacity = 35);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}

#popup_box {
	width: 100%;
	height: 100%;
    overflow: hidden;
    border: 1px solid black;
    background: #FFF;
    z-index: 1000;
	margin: 0;
	padding: 0;
	margin-right: 30px;
}

#popup_handle {
    background: #425091;
    z-index: 999;
    color: #FFF;
    text-align: right;
	padding: 2px 5px;
	font-weight: bold;
}

#popup_handle #title 		{ float: left; font-size: 10pt;}
#popup_handle a 			{ display: block; width: 40px; background: url("/images/close_button.png") no-repeat; float: right; }
#popup_handle a:hover { background: url("/images/close_button_hover.png") no-repeat;}

#popup_content {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 22px;
	clear: both;
    overflow: auto;
	z-index: 1001;
	border: 3px solid #425091;
	border-top: 0;
}

#wait_indicator { position: absolute; top: 42%; left: 40%; font-size: 16pt; color: #FFF; padding: 1em 0em; border: 1px solid black; background:#304088; z-index: 10000; }
#wait_indicator p {	margin: 0;	padding: 0.25em 1em; border: 10px solid #6070BB;  border-left: 0px; border-right: 0px; }
#wait_indicator img { vertical-align: middle; }

#sidebar_menu {
	height: 24px;
	position: relative;
}

#sidebar_content {
	background: #FFF;
	border: 2px solid black;
  	position: absolute;
	top: 29px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	padding: 10px;
	overflow: auto;
	z-index: -1;
}

#sidebar_menu_list 						{ position: absolute; bottom: 0px; list-style: none; margin: 0; padding: 0; z-index: 100; }
#sidebar_menu_list li 					{ float: left; position: relative; padding: 4px 6px; background: #FFF url('../images/inactive_tab.png') no-repeat; 	margin: 0;  width: 50px; text-align: center;  color: #FFF;  font-size: 10pt; }
#sidebar_menu_list li.selected_sidebar_item { background: #23004B url('../images/active_tab.png') no-repeat;}
#sidebar_menu_list li a				{ font-size: 10pt; color: #FFF;  margin: 0; padding: 0;}
#sidebar_menu_list li:hover		{ background: url('../images/hover_tab.png') no-repeat; }

#sidebar_menu_list li ul 							{ position: absolute; right: 10px; top: 24px; display: none; border: 1px solid black; padding: 0; }
#sidebar_menu_list li ul li 						{ text-align: left; display: block; width: 200px; padding: 7px 10px;  margin: 0; border: 0; background: #FFFEEC; color: #000;}
#sidebar_menu_list li ul li a 						{ display: block; color: #000;  }
#sidebar_menu_list li ul li:hover				{ background: yellow; }
#sidebar_menu_list li:hover a 					{ text-decoration: none; }
#sidebar_menu_list li:hover ul 				{ display: block; }
#sidebar_menu_list li:hover ul li ul 		{ display: none; }

#sidebar_menu_list li ul li.title_bar { background: #FFEECC; font-size: 8pt; padding: 3px; width: 214px; font-weight: bold;  border-bottom: 1px solid #807060; border-top: 1px solid #807060; }

#sidebar_menu_list li ul li ul { position: absolute; right: 215px; top: 3px; z-index: 200; }
#sidebar_menu_list li ul li ul li { display: block; width: 200px; padding: 7px 10px; z-index: 200; margin: 0; }
#sidebar_menu_list li ul li:hover ul { display: block; }
#sidebar_menu_list li ul li:hover ul li a { color: #000; }
#sidebar_menu_list li ul li:hover ul li:hover { color: #000; }
#sidebar_menu_list li ul li:hover ul li:hover a { color: #000; }

#sidebar_menu_list li.selected_sidebar_item:hover { color: #FFF; }

#contact_level_shadow { opacity: 0.35; filter: alpha(opacity = 35); background: #000; width: 215px; height: 148px; position: absolute; margin-top: 7px; left: -207px; #left: -247px; z-index: 130; }
#issue_team_shadow { opacity: 0.35; filter: alpha(opacity = 35); background: #000; width: 215px; height: 148px; position: absolute; margin-top: 7px; left: -207px; #left: -247px;  z-index: 130; }
#main_menu_shadow { opacity: 0.35; filter: alpha(opacity = 35); background: #000; width: 215px; position: absolute; margin-top: 7px; left: -160px; #left: -200px;  z-index: 130; }

.sidebar_menu_divider {	border-top: 1px dashed #CCC; }

#sidebar_lookup {
	position: absolute;
	right: 245px;
	top: 42px;
	overflow: none;
	min-width: 8em;
	border: 1px solid black;
	font-size: 10pt;
}

#sidebar_lookup ul 			{ list-style: none; margin: 0; padding: 0; }
#sidebar_lookup ul li 		{ padding: 0px 0px 1px 2px; 
							  background: tan url("/images/states_bg.jpg") no-repeat; 
							  border-bottom: 1px solid white; 
							  width: 2.5em; 
							  float: left; }
#sidebar_lookup ul li:hover { background: yellow; font-weight: bold; }

#legend 					{ list-style: none;	margin: 0; padding: 0; font-size: 12pt; }
#legend li:hover 			{ font-weight: bold; }
#legend li:hover p 			{ font-weight: normal; display: block; }
#legend li p:hover 			{ display: none; }
#legend p.type_definition 	{ display:none; margin: 0 2em 1em 0; font-size: 75%;}

#stats { border-collapse: collapse;	margin: 0; padding: 0; }

#total_row td { border-top: 1px solid black; border-bottom: 1px solid black; font-weight: bold; }

#search_by_name { position: absolute; top: 5px; right: 5px;	z-index: 1000; }
#search_by_contact { position: absolute; top: 35px; right: 5px; }

#database_filters {
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	border: 2px solid black;
	background: #FFF;
	padding: 1em;
	overflow: auto;
}

#database_filters label { width: 8em; float: left; display: block; font-weight: bold; }

#debug {
	position: absolute;
	left: 30px;
	right: 30px;
	bottom: 15px;
	height: 80px;
	border: 1px solid black;
	background: #CBA;
	opacity: .85;
	overflow: auto;
}


#dialog_box { width: 45%; height: 50%; position: absolute; float: left; left: 27%; top: 15%; z-index: 10000; min-width: 300px; overflow: hidden; }
#dialog_box_border { width: 100%; height: 100%; opacity: 0.45; background: #000; }
#dialog_box_inner_frame { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background: #FFF; border: 5px solid #23004B; opacity: 1; overflow: hidden;}
#dialog_box_content {padding: 2em; overflow: auto;}
#dialog_title_bar{height: 1.5em; background: #23004B; color: #FFF;}
#dialog_title_bar a {color: #FFF;}
