/* CSS Document */

#LHS
	{
	margin:10px;
	padding:0 0 0 0; 
	width:50%;
	float:left;
	height:420;
	background-color:white;
	border: none;
	position: relative;
	}
#RHS
	{
	margin:10px;
	padding:0 0 0 0; 
	float:left;
	max-width:440px;
	background-color:white;
	border: 1px solid #bbb;
	border-style: ridge;
	border-width: thin;
	border-color: lightyellow;
	position: relative;
	}
#Map
	{
	margin:0;
	float:left;
	background-color:white;
	padding:0 0 0 0; 
	}
.Tabs
	{
	margin:0;
	width:100%;
	background-color:white;  
	padding:20px 10px 10px 10px; 
	border: 1px solid #bbb;
	}
.Tabs label
	{
		display: inline;
	}

.Tabs select
	{
		display: inline;
		text-align:top;
	}
.BottomTabs
	{
	margin:0 0 0 0;
	padding:0 0 0 0; 
	float:left;
	background-color:lightblue;
	border: 1px solid #bbb;
	border-style: ridge;
	border-width: thin;
	border-color: lightyellow;
	}
.TableSelect
	{
		display:inline;
		position:absolute;
		left:100%;
		margin-left:10px;
		padding:5px 0;
		width:190px;
	}
.TableSelectLabel
	{
		position:relative;
		width:10em;
		text-align:right;
		padding:5px 0;
		display:block;
	}
.InputRadio
	{
		margin-left:10em;
	}

.AdvancedSelect
	{
		display:inline;
		left:100%;
		padding:0;
		width:240px;
	}


.Tabs table
	{
		width:90%;
	}
	
    #header ul {
		list-style: none;
		padding: 0;
		margin: 0;
	width:100%;
    }
    
	#header li {
		float: left;
		border: 1px solid #bbb;
		border-bottom-width: 0;
		margin: 0;
/*	width:10; */
		display: inline;
    }
    
	#header a {
		text-decoration: none;
		display: block;
		background: #B8B8B8;
		padding: 0.24em 0.6em;
		color: black;
/* 		width: 30%;  */
		text-align: center;
		font-weight: bold;
		border-style: solid;
		border-width: thin;
		border-bottom-style: none;
		border-top-style: none;
		border-left-style: none;
		border-color: lightyellow;
    }
	
	#header a:hover {
		text-decoration: underline;
	}
	#header .selected a:hover {
		text-decoration: none;
	}

	#header a.selected:hover {
		text-decoration: none;
	}

#header a.selected {
		position: relative;
		top: 1px;
		background: white;  
		color: black;
		font-weight: bold;
	}
/*
	.selected {
		position: relative;
		top: 1px;
		background: white;
		color: black;
		font-weight: bold;
	}
*/

div.wideframe {
	margin:0;
	padding:1px; 
	background-color: white;
	display:inline;
	max-width: 400px;
	}

table.wideframet {
	background-color: white;
	width:100%;
	}

.inframe{
	width:100%;
	margin:0px;
	padding:0 0 0 0; 
	background-color: white;
	max-width: 400px;
}

#DetailPopup{
	visibility:hidden; 
	position:absolute; 
	top:0; 
	left:0; 
	border: 1px solid #bbb;
	background-color:white;
	padding:5px;
	width: 500px;
	height: 400px;
}

.DetailFrame{
	width:100%;
	margin:0;
	padding:5px; 
	border: none;
	height:100%;
	background-color: white;
	color: lightblue;
}

.BlueRow {
	background-color: #E8FFFF;
	text-align: top;
}

.WhiteRow {
	background-color: white;
	text-align: top;
}

.LeftCell {
	border-width:1px 0px 1px 1px;
	border-style:dotted;
	border-color:#bbb;
	background-color:#E8FFFF
}

.MiddleCell {
	border-width:1px 0px 1px 0px;
	border-style:dotted;
	border-color:#bbb;
	background-color:#E8FFFF
}

.RightCell {
	border-width:1px 1px 1px 0px;
	border-style:dotted;
	border-color:#bbb;
	background-color:#E8FFFF
}