/* Globe Wireless CSS Document JDR2008*/

* {
		margin:0;
		padding:0;
}
.handcursor{
cursor:hand;
cursor:pointer;
}
.iconspan{
float: right;
margin: 3px;
cursor:hand;
cursor:pointer;
font-weight: bold;
}

/*CSS used to style the examples. Remove if desired: */

.eg-bar{
background-color: #e1e1cd;
font-weight: bold;
border: 1px solid #BFBF95;
padding: 6px 3px;

color: #423928;
}

div.eg-bar{
width: 165px;
}

.icongroup{
width: 165px;
height:270px;
overflow-x: hidden;
overflow-y: scroll;

}

/*---------------------------------------*/
form {display:inline;}
body {
		font:normal 11px Arial, Helvetica, sans-serif; 
		color: #323232; 
		background: #ffffff url(images/body_bg_in.png) fixed top repeat-x;
		margin:0;
		padding:0;
		}
#maindiv {
		width:100%; /*;background:#ffffff url(images/maindiv_bg.gif) top repeat-x;*/
		margin:0;
		padding:0; 
		text-align:left;
		border:1px solidred;
	}		
a {color: #3366FF;text-decoration:none;}
a:hover {color: #CC6600;text-decoration:none;}
h1 {
		font:bold 14px Arial, Helvetica, sans-serif; padding-left:1em;

		}
h1 a { 
		color:#AD4A32;
		text-decoration:none;
}
h1 img { 
		position:relative; top:.3em;
}


.topcurve {
		border:0; padding-top:25px;
		background:url(images/topcurve_bg.gif) top no-repeat;
	}
	

	
.mymenu {position:relative; top:0px;border:0;text-align:right;width:60%;}
.mymenu img{margin-right:.3em;}

.welcome {
		position:relative; top:-5em;left:70%; text-align:right;padding-top:1.5em;
		font:bold 12px Arial, Helvetica, sans-serif;
		width:30%; 
		color: #323232;color:#FFFFFF; vertical-align:middle;
		border:0; height:35px;
		}
.welcome a{color:#FF8000;}

/*.mymenu {
width:100%;border:0;margin-bottom:5px;text-align:left;
height:25px; background:url(images/bg_mymenu.png) left no-repeat;
padding-left:2em; color: #ffffff;
}
.mymenu a{
	font:bold 12px Georgia, "Times New Roman", Times, serif; color: white; text-decoration:none;
	padding:.3em 1em;
}
.mymenu a:hover {  color: #66CCFF !important;}*/
.mytable2 {background:#f6f6ea;}

.mytable2 td {
		background:#faffee; border:1px solid white;padding:2px;
		font:normal 11px Arial, Helvetica, sans-serif; color: #323232;
		}
		
		
.mytable2 th { 
		background:url(images/headers-bg.png) top repeat-x; border:0;padding:2px;
		font:bold 11px Arial, Helvetica, sans-serif; color: #323232; height:2em;
		}	
				
.mytable {background:#bacce0; z-index:600;}
.mytable td {
		background:#eef5ff; border:1px solid white;padding:2px;
		font:normal 11px Arial, Helvetica, sans-serif; color: #323232;
		}
	
		
.mytable th { 
		background:url(images/headers-bg.png) top repeat-x; border:0;padding:2px;
		font:bold 11px Arial, Helvetica, sans-serif; color: #323232; height:2em;
		}

.gscombo2 { 
		background:url(images/btn-bg.png) top repeat-x;
		border: #CDCDCD 1px solid;color:#5F5F5F;
		font: 11px Verdana, Arial, Helvetica, sans-serif;
		height:20px;padding:1px;
		}
.gscombo { 
		background:url(images/btn-bg.png) top repeat-x;
		border: #CDCDCD 1px solid;width: 295px;color:#5F5F5F;
		font: 11px Verdana, Arial, Helvetica, sans-serif;height:20px;padding:1px;
		}
.txtarea{ 
		background:url(images/btn-bg.png) top repeat-x;
		border: #CDCDCD 1px solid;width: 140px;
		color:#5F5F5F;font: 11px Verdana, Arial, Helvetica, sans-serif;
		/*height:20px;*/padding:3px;
		}
.btn {
		position:relative; top:.2em; 
		background:url(images/btn-bg.png) top repeat-x; 
		border: #CDCDCD 1px solid;color:#5F5F5F;
		font: 11px Verdana, Arial, Helvetica, sans-serif;height:20px;padding:1px;
		cursor:pointer
		}
label {
		display: block;margin: 5px 0 5px 0px;
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;
		}
.label2 {
		width:100px; padding:3px;float:left; padding-right:1em;
		font:bold 11px Verdana, Arial, Helvetica, sans-serif;text-align:right;
		}
fieldset {
		width:370px;border:0;
		text-align:left;padding-top:2em;
}
legend {
		border:0;font:bold 12px Arial, Helvetica, sans-serif; color: #0066CC;
		}
.ipt {float:left;margin-right:.3em;margin-bottom:.3em;}
.labdiv {
		float:left;width:100px;text-align:right;padding:.2em 1em 0 0;color:white;border:0;
		}
.boxdiv {
		border:0;width:255px;
		}
		
.message {
		text-align:center;color:#FF6600;
		font:bold 14px Arial, Helvetica, sans-serif;
		text-shadow:#666666;
		}
/*.closeicon {
		width:100%;height:20px;
		position:relative;
		float:right;
		border-bottom:1px solid #d8eaf1;
		margin-bottom:1em;
		}*/


.gw-search {
		padding-left:2em;padding-top:2em;
		width:375px; border:0;
		padding:1em;text-align:center;
		margin-top:3em;
		background: url(images/gwsearch_bg.gif) top no-repeat;
		}
.gw-search label {text-align:left;padding-left:2em; color: #333333;}



.user-div{
		border:0;;width:100%;padding:3px 0px;
		text-align:right;/*position:relative;top:10px;margin-bottom:1em;*/
		
		background:url(images/useradmin_bg.gif) right no-repeat;
		}
.user-div a { font-weight:bold;text-decoration:none; color: #3366FF;}
.user-div img, .mymenu img { position:relative; top:5px;}

.logsmenu { background:#ffffff;padding:5px 0 5px 0;text-align:right;}
.logsmenu a { background:url(images/dot.png) 0 .5em no-repeat; padding: .3em .6em .3em 1em;border:0;}
.logsmenu a:hover { background:url(images/dot2.png) 0 .5em no-repeat; padding: .3em .6em .3em 1em;border:0;text-decoration:none;}
.mydoemap {position: relative;}
/*SHOWHIDE LAYERS*/
.print_tab {
	position: absolute;
	top:115px; left:300px;
	width:90px;
	height:20px;
	/*border:1px solid red;*/
	background-color:transparent;
	z-index:900;
	text-align: left;
}

.reset_tab {
	position: absolute;
	top:115px; left:250px;
	width:90px;
	height:20px;
	/*border:1px solid red;*/
	background-color:transparent;
	z-index:900;
	text-align: left;
}

.rclayers {
	position: absolute;
	top:140px; 
	left:250px;
	width:145px;
	height:20px;
	/*border:1px solid #C00;*/
	background: #FFF;
	z-index:900;
	color: #666;
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
/*	background:url(images/rclayers.png) top center no-repeat; */
	background:url(images/adsbg.png) top center repeat-x;
}
.rclayers  a {
	position:relative;
	top:5px;
	left:25px;
	font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #036;
}
.collapsetxt {
	display: none;
	margin-top:20px;
	background: #FFF;
	color: #666;
	background: white url(images/rclayers_bot.png) bottom center no-repeat;
	/*border:1px solid red;*/

}
.collapsetxt div{
	margin:15px 8px;
	font: normal 11px Arial, Helvetica, sans-serif;
}
.collapsetxt div span{
	margin-bottom: 8px;
	display:block;
}
.collapsetxt div img{
	position: relative;
	top:3px;
}
.addpoint {
	position: absolute;
	top:115px; left:350px;
	width:92px;
	height:22px;
	/*border:1px solid red;*/
	background:transparent url(images/add_bg.png) center no-repeat;
	z-index:900;
	text-align: left;
	color: white;
	font: bold 10px Tahoma, Geneva, sans-serif;
}

.table_addpoint {background:#0000cd;}

.table_addpoint td {
		background:#0000cd; border:1px solid white;padding:2px;
		font:normal 11px Arial, Helvetica, sans-serif; color: #ffffff;
		}
		
		
.table_addpoint th { 
		background:url(images/headers-bg.png) top repeat-x; border:0;padding:2px;
		font:bold 11px Arial, Helvetica, sans-serif; color: #ffffff; height:2em;
		}	
				
.table_addpoint {background:#0000cd;}
.table_addpoint td {
		background:#0000cd; border:1px solid white;padding:2px;
		font:normal 11px Arial, Helvetica, sans-serif; color: #ffffff;
		}
	
		
.table_addpoint th { 
		background:url(images/headers-bg.png) top repeat-x; border:0;padding:2px;
		font:bold 11px Arial, Helvetica, sans-serif; color: #ffffff; height:2em;
		}




/* tab to show contents */
.viewlmarksbox {
	position: absolute;
	top:115px; left:310px;
	z-index:900;
	width:200px;
	/*border:1px solid green;*/
	}
	
/* showing  contents */
.viewlmarks{
		width:200px;border:1px solid #006; padding-left:1em;
		background: #fffff1 url(images/showhide_bg.png) top repeat-x;
		position:relative;top:-5px;z-index:1200
		}

/*FOR FACILITY*/
.viewlmarksbox2 {width:82px; border:1px solid red;position: relative;left:465px; top:10px;z-index:1000;
border:0;}

/*.viewlmarks{
		width:200px;border:1px solid #8E7031; padding-left:1em;
		background: #fffff1 url(images/showhide_bg.png) top repeat-x;
		position:relative;top:-6px;z-index:1000
		}*/


/*enadz*/
.viewfacility{
		width:200px;border:1px solid red; padding-left:1em;
		background: #fffff1 url(images/showhide_bg.png) top repeat-x;/*height:100%;*/
		/*position:relative;top:-6px;*/z-index:1000;
		}
/*enadz*/

/********************************************** FROM MAP CSS *************************************************************/

.mcmapbox {
	border:2px solid #7DA3C8;
}
.smalltxt {	font: normal 11px arial, tahoma; }
.zoomselect {	font: normal 11px arial, tahoma; }
#lmarktab td, #legendtab td {	font: normal 12px arial, tahoma;padding:2px;}
#lmarktab2 td, #legendtab td {	font: normal 10px arial, tahoma;padding:2px;}
#lmarksdiv th {	background-color:#6a6a6a;height:20px;}


.legendbox  {
		color:#484848; background-color:White; layer-background-color:White;
		position:relative; top:32px; left:439px; width:150px; height:350px;
		z-index:100;  visibility:hidden; border: 1px solid #6495ED;
		}
.legendbox2  {
		color:#484848; background-color:White; layer-background-color:White;		
		z-index:100;  visibility:hidden; border: 1px solid #6495ED;
		}		
.lmarksbtn {
		border: 0px; font: normal 11px Tahoma, sans-serif ; 
		cursor: pointer; width: 82px; height: 23px;  background: url(landmarks.gif);
	}
.legendbtn {
		border: 0px; font: normal 11px Tahoma, sans-serif ; 
		cursor: pointer; 
		width: 82px; height: 23px;  
		background: url(legend.gif);
	}
.gobtn {
		font:normal 11px tahoma,arial,verdana; color: black; 
		border: 1px solid #A9A9A9; 
		background: #DCDCDC;cursor: pointer;
		padding:0 2px;
	}
.redbtn {
		border: 1px solid #B53200; 
		background: #FF4500; font: normal 11px Tahoma, sans-serif ; 
		cursor: pointer; color: White;
	}

/*2008*/

form {display:inline;margin:0;padding:0;}

/*#map {
	position:relative; left:0px;
	width: 700px;
	height: 500px;
	border: 1px solid #6699CC;
	background-color:#FFFFFF;
}*/
.inner div {
	/*margin:4px;*/
	margin:0 auto;
	padding-top:1px;
	/*border:1px solid red;*/
}
.icongroup a {
	padding:.3em .6em;
	display: block;
	background-color:#fff;
	color: #900;
	border-bottom:1px solid #EAEADB;
}
.icongroup a:hover {
	background-color:#ECF5FF;
	color: #333;
}
.inner {
	margin:1em 2px 2px 2px;
	background:#f8f8f8 url(images/listing-bg.png) top repeat-x;
	
}
.inner ul {
	margin:0;
	padding:0;
}
.inner ul li{
	display: inline;
	list-style-type: none;
	
}
.inner ul li a{
/*margin-top:1px;*/
	display: block;
	list-style-type: none;
	padding:.4em .6em;
	text-decoration: none;
	border-top: 2px solid #eee;
	border-left:2px solid #eee;
	border-bottom:2px solid #aaa;
	border-right:2px solid #aaa;
	background-color: #e9e9d5;
	font:bold 11px arial, tahoma, sans-serif;
	color: #2e5476;
}
.inner ul li a:hover{
	background-color: #eee;
	color:#b8860b;
	border-right:5px solid #d2691e;
}
#headerpod,.header{
		/*border:1px solid red;*/margin-bottom:1px;
		height: 93px; background:url(images/bgheader.png) repeat-x;
		text-align:left;
		font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: white;
	}
.navigator {
	/*border:1px solid red;*/
	position: absolute;
	left:530px;
	top:8px;
	color:#EBEBEB;
}
.navigator a{
			font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
		color: #fff;
		text-decoration:none;
		padding-bottom:.5em;
}
.navigator a:hover{
		color: #F30;
		text-decoration:underline;
}
.adscroller {
	/*border:1px solid red;*/
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:top;
	position: absolute;
	width:147px;
	height:60px;
	
	right:0;
	top:93px;
	color:#EBEBEB;
	z-index:210;
	background:url(images/adsbg.png) top center no-repeat;
}
	#mainbodypod {
		background:#fff;
		font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

#wrapper {
		margin:0;
		text-align:left;
		margin-top:0;
		background: transparent; 
		height:504px;
		width:100%;
	/*	border:1px solid blue;*/
	}

	/* right column*/
	.centercolumn {
		 margin: 0 0px 0 200px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		clear: none !important;

	}
#map2 {
	/*width: 800px;*/
	height: 500px;
}
/*left column*/
.listing {
	float: left;
	width: 198px; /*Width of left column*/
	font:normal 12px Arial, Helvetica, sans-serif;
	height: 500px;
	/*border-right: 1px solid #eee8aa;*/
	background:#fff url(images/listing_bg.png) top repeat-x;
	/*border-top: 1px solid lightblue;*/
	
}
.listing div{
	margin:8px;
	bordert: 1px solid #f30;
}
/*.listing a{
	display: block;
}*/
.dspform {
	background:#aac3dc;
	margin:.3em;
}
.dspform td{
	font:normal 12px Arial, Helvetica, sans-serif;
	background:#e0edfa;
	border:1px solid white;
	padding:2px;
}
.dspform th{
	font:bold 12px Arial, Helvetica, sans-serif;
	background:#BDD9F4;
	border:1px solid #BDD9F4;
	padding:2px;
}
.addusermainbox {
		/*border:1px solid red;*/
		background:#EFF5FC;
}
.addusermainbox div {
		/*border:1px solid blue;*/
		margin:1em;
}

.rcbtn {border:1px solid #369;background-color:#C30;color:#fff;}
/*for area information on petroleum*/
    ul, li {
        padding-left: 0px;
        margin-left: 0px;
        list-style: none;
    }
 /*   #info {
        position: absolute;
        top: 8em;
        left: 1240px;
		border:1px solid red;
    }*/
    #info table td {
        border:1px solid #ddd;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        font-size: 90%;
        padding: .2em .1em;
        background:#fff;
	}
	#info table th{
	    padding:.2em .2em;
            text-transform: uppercase;
            font-weight: bold;
            background: #eee;
	}
	tr.odd td {
            background:#eee;
	}
	table.featureInfo caption {
            text-align:left;
            font-size:100%;
            font-weight:bold;
            text-transform:uppercase;
            padding:.2em .2em;
	}


   
/* right column*/
.info1 {
width: 300px; /*Width of right column*/
 margin-left: -200px;/*Set left marginto -(RightColumnWidth)*/

border:0;float:right;
margin-top:-500px;
height:500px;
overflow-y: scroll;
overflow-x: hidden;

}
#footer {
	width:100%;
background: #e5e5e5;
color: #333;
text-align: center;
padding: 4px 0;
/*height:50px;
line-height:50px;*/
vertical-align:middle;
}

.close {
	margin:0;cursor:pointer;
}
.jbtn {
	border: 1px solid #959595;
	cursor: pointer; padding:1px;
	background: #e1e1e1;color: #000;
	font: normal 10px arial,tahoma;
}



/* FOR SHOWHIDE SEARCH USER*/

.showmain{ width:400px;border:1px solid gold;z-index:100;position:relative;left:0;top:0;}
/*.showmain ul{ margin:0;padding:0; list-style-type:none;}
.showmain ul li{ margin:0;padding:0;font:normal 11px Arial, Helvetica, sans-serif; color: #323232;}*/
.shohide {width:400px; border:0;position:absolute;}
.addsearch {border:1px solid gold;}

.qsearch {
		width:411px;border:1px solid red;
		height: 100px;
		background:url(images/qsearch_bg.png) center no-repeat;
	}
	.project-search, .area-search,.qsearch ,.facilitysearch{
		width:411px;border:0; text-align:left;padding-left:3em;
	}
#searchmainpod {
	border:0;
	width:860px;
}
.project-search {
		width:550px;border:0;
		height: 185px;
		background:url(images/project_bg.png) center no-repeat;
	}
.projectgroup {
	border:0;
	/*width:420px;*/
	width:600px;
	padding-left:100px;
	/*float:left;*/
}
.facilitygroup {
	border:0;
	width:420px;float:right;
}
.facilitysearch {
		width:411px;border:0;
		height: 100px;
		background:url(images/project_bg.png) center no-repeat;
	}

.area-search {
		width:550px;border:0;
		height:320px;
		background:url(images/area_bg.png) center no-repeat;
		margin-top:8px;
	}
.selected-points {
 margin:.5em;
 border:1px solid #ccc;
 padding:.3em;
 font:normal 11px Arial, Helvetica, sans-serif;
 background-color:#F9F9F9 !important;
}
.selected-points a {
	color:#F30; text-decoration:none;
	}
.selected-points a:hover {
	color:#069; text-decoration:underline;
	}