/* 
	Styles for MTRACKER Application
	===============================
*/


/* Components */
#tbHead {
	position:absolute;
	left:0;
	top:0;
	z-index:30;
	width:100%;
}

#trHead {
	height:60;
	/*background-color:#3D6D91;*/
	background-color:#ffffff;
}

#headStatus {
	font-family:Trebuchet MSM,Arial,san-serif;
	font-size:8pt;
	border:4px solid #648AA7;
	border-top-color:#315774;
	border-left-color:#315774;
	width:180;
	height:60;
	background-color:white;	
	margin-right:10px;
}

#bottomEdge {
	background:url(../images/bottomEdge3.gif) repeat-x;
	height:5;
}

#dvMenu1 {
	z-index:10;
	position:absolute;
	left:0;
	top:74;
	cursor:pointer;
	/*background:url(../images/menu1.png) repeat-x;*/
	width:100%;
	height:22;
	text-align:center;
}
#dvMenu2 {
	z-index:10;
	position:absolute;
	left:0;
	top:96;
	cursor:pointer;
	/*background:url(../images/menu2.png) repeat-x;*/
	background:url(../images/menu3.gif) repeat-x;
	width:100%;
	height:18;
	text-align:center;
	
}
#ifMain {
	position:absolute;
	left:0;
	top:114;
	width:expression(document.body.clientWidth);
	height:expression(document.body.clientHeight);
	border:0px;
}

#spCoordinates {
		font-family:Arial,san-serif;
		font-size:9pt;
		cursor:pointer;
		color:black;
		height:20px;
		width:100%;
		padding-left:10px;
		text-align:left;
}

#docs {
	position:absolute;
	left:0px;
	top:0px;
	width:10px;
	height:100px;
	visibility:visible;
	/*background:url(../images/gradient.png) repeat-x #DEE7ED;*/
}

#vDiv {
	position:absolute;
	left:0px;
	top:0px;
	width:10px;
	height:6px;
	cursor:col-resize;
	border-left-width:2px;
	border-right-width:2px;
	border-top-width:0px;
	border-bottom-width:0px;
	border-style:solid;
	background-color:#9EBCCF;
	border-left-color:#AECFE3;
	border-right-color:#8098A7;
}
#pano {
	position:absolute;
	left:0;
	top:100px;
	width:50%;
	height:50%;
	background-color:#446666;
}

#map {
	position:absolute;
	left:0;
	top:0;
	width:50%;
	height:100%;
	background-color:#446666;
}


body {
	padding:0px;
	margin:0px;
	/*background:url(../images/gradient.png) repeat-x #DEE7ED;*/
}

.nobdr {
	border-collapse:collapse;
}

.panel {
	background-color:white;
	/*border:1px solid #3D6D91;*/
	margin:10px;
	padding:10px;
	/*filter:progid:DXImageTransform.Microsoft.DropShadow(offX=5,offY=5,color=#6C7983);*/
}

.mapFrame {
	border:1px solid #3D6D91;
	background-color:white;
}

.menu1 {
	padding-left:10px;
	font-family:Arial,san-serif;
	font-size:10pt;
	color:#002051;
	text-decoration:none;
}
.menu1_hl {
	padding-left:10px;
	font-family:Arial,san-serif;
	font-size:10pt;
	color:#07295C;
	text-decoration:none;
}
.menu1:hover{
	color:#666666;
}
.menu2 {
	padding-left:10px;
	font-family:Trebuchet MS,Arial,san-serif;
	font-size:8pt;
	font-weight:500;
	color:#07295C;
	text-decoration:none;
}
.menu2_hl {
	padding-left:10px;
	font-family:Trebuchet MS,Arial,san-serif;
	font-size:8pt;
	font-weight:500;
	color:#07295C;
	text-decoration:none;
}
.menu2:hover{
	color:#000000;
}

.head {
	font-family:Arial,san-serif;
	font-size:8pt;
	color:#000000;
}

.head1 {
	font-family:Arial,san-serif;
	font-size:11pt;
	/* color:#3D6D91; */
	/*color:#E3B200;*/
	color:#6893B0;
	font-weight:700;
}

.headBlue {
	font-family:Arial,san-serif;
	font-size:10pt;
	color:#3D6D91;
	font-weight:700;
}
/* menu*/
.head2 {
	font-family:Arial,san-serif;
	font-size:11pt;
	color:#6893B0;
}

.heading {
	font-family:Arial,san-serif;
	font-size:11pt;
	color:#E3B200;
	cursor:pointer;
}

.headLogo {
	font-family:Arial,san-serif;
	font-size:18pt;
	color:#FFFFFF;
}

.label {
	font-family:Trebuchet MS,Arial,san-serif;
	font-size:10pt;
	padding-left:5px;
	padding-right:5px;
	text-justify:justify;
	color:black;
}

.bdr {
	/* simple border around a table cell */
	border:1px solid #6893B0;
}

.darkText {
	font-family:Trebuchet MS,Arial,san-serif;
	background:url(../images/gradientDark.png) repeat-x bottom #FFFFFF;
	font-size:10pt;
	padding-left:5px;
	padding-right:5px;
	text-align:justify;
	color:white;
	border-left:2px solid white;
}

input,textarea,select {
	font-size:9pt;
	color:#000000;
	background-color:#DEE7ED;
	border: 2px solid #2D506A;
	border-top-width:0px;
	border-left-width:0px;
}

 .rad {
	background-color:transparent;
	border-width:0px;
}

.ro {
	font-size:10pt;
	font-family:Arial,san-serif;
	color:#000000;
	text-align:center;
	background-color:#DEE7ED;
}

button {
	background-color:#6893B0;
	padding:0px;margin:0px;
	font-family:Arial,san-serif;
	font-size:9pt;
	border: 2px solid #ABC8DC;
	border-bottom-color:#4F7A97;
	border-right-color:#4F7A97;
	color:white;
}
.submit {
	background-color:#6893B0;
	padding:0px;margin:0px;
	font-family:Arial,san-serif;
	font-size:9pt;
	border: 2px solid #ABC8DC;
	border-bottom-color:#4F7A97;
	border-right-color:#4F7A97;
	color:white;
}

.thead {
	font:Arial,san-serif;
	color:white;
	text-align:center;
	background-color:#6893B0;
	padding:0px;margin:0px;
	font-family:Arial,san-serif;
	font-size:8pt;
	border: 1px solid #ABC8DC;
	border-bottom-color:#4F7A97;
	border-right-color:#4F7A97;
}

.tdOdd {
	border:1px solid black;
	/* background-color:#EBF5FB; */
	background-color:#EAE6D9;
	color: #000000;
	font-family:Trebuchet MS,Arial,san-serif;
	font-size:8pt;
}

.tdEven {
	border:1px solid black;
	/* background-color:#DCE5EB; */
	background-color:#F4F0E3;
	color: #000000;
	font-family:Trebuchet MS,Arial,san-serif;
	font-size:8pt;
}	

.tdActive {
	border:1px solid black;
	/* background-color:#DCE5EB; */
	background-color:#0000E3;
	color: #FFFFFF;
	font-family:Trebuchet MS,Arial,san-serif;
	font-size:8pt;
}