/* ABSCBN 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;
}
/*---------------------------------------*/
.homelogo {
	width:250;
	height:85;
	float: left;
	margin-right:1em;
	border-right:1px solid #333;
	background:url(images/abscbn_logo.png) left top no-repeat;
}

html, body {
	height:100%;
	margin:0;
	padding:0;
	overflow-x: hidden;
}
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;
	height:100%;/*overflow:hidden*/
		}
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:#fff;
	z-index:600;
}
.mytable td {
	background:#fff;
	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;
}
.hotline {
	font: bold 11px Arial, Helvetica, sans-serif;
	position: relative;
	top: 8px;
	height:15px;
	line-height:15px;
	vertical-align:middle;
	border-top:1px solid grey;
	color: #F5F5F5;
}
/*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;
}
.toolbox {
	position: absolute;
	border:1px solid #808080;
	border-top:0;
	height:25px;
	z-index:501;
	margin-left:50px;
	background:#eeeeee;
	line-height:25px;
	vertical-align:middle;
}
.addpoint, .rclayers, .reset_tab {
	float: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	color: #000;
	text-align:left
}
.reset_tab {
	/*position: absolute;
	top:115px; left:250px;*/
	
	/*border:1px solid red;*/
	background-color:transparent;
	z-index:900;
	text-align: left;
	position:relative;
	top:5px;
	left:8px;
	width:80px;
}
.reset_tab a {
	color: #000;
}
.addpoint {
	/*position: absolute;
	top:115px; left:350px;*/
	width:92px;
	height:22px;
	/*border:1px solid green;*/
	/*background:transparent url(images/add_bg.png) center no-repeat;*/
	z-index:900;
	text-align: left;
}
.rclayers {
	/*position: absolute;
	top:140px; 
	left:250px;*/
	width:145px;
	height:20px;
	/*border:1px solid gold;*/
	z-index:900;/*	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: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
}
.collapsetxt {
	display: none;
	width:280px;
	margin-top:14px;
	color: #333;
	/*background: white url(images/rclayers_bot.png) bottom center repeat-x;*/
	border:1px solid #808080;
	background:#Fff;
	position:absolute;
	left:0px;
	top:12px;/*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;
}
.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:910
}


/********************************************** 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;
}

.navigator {
	/*border:1px solid red;*/
	position: absolute;
	right:0px;
	top:0px;
	color:#EBEBEB;
	text-align:right;
	height:35px;
	width:300px;
	background:url(images/navi_bg.png) center no-repeat;
}
.navigator a {
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration:none;
	padding:.5em 1em;
	background:url(images/bull.png) left no-repeat;
}
.navigator a:hover {
	color: #F03;
	text-decoration:underline;
}
/*.adscroller {

	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:top;
	position: absolute;
	width:147px;
	height:75px;
	right:0;
	top:90px;
	color:#EBEBEB;
	z-index:210;
	background:url(images/adsbg.png) top center no-repeat;
}*/
.adscroller {
	/*border:1px solid red;*/
	margin-top:8px;
	color: #390 !important;
	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	vertical-align:top;
/*	position: absolute;
	right:0;*/
	width:210px;
	height:70px;
	
	/*top:90px;*/
	z-index:503;
	border:1px solid #666;	
	/*background:url(images/adsbg.png) top center no-repeat;*/
}
.header {
	/*border:1px solid red;*/
	/*margin-bottom:1px;*/
	position:relative;
	top:0;
	left:0;
	height: 100px;
	background:#000;
	background:url(images/bgheader.png) repeat-x;
	text-align:left;
	font:bold 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #CCC;
}
#mainbodypod {
	position:relative;
	top:0;
	left:0;
	background:#fff;
	padding:0;

	/*height: 400px;
*/		height:100% !important;
}

#wrapper {
	margin:0;
	text-align:left;
	background: transparent;
	/* linus : how to adjust wrapper to fit whole screen height?
		height:504px;
		*/
		/*height:77%;*/
		/*height:504px;*/
		width:100%;
	border:1px solid red;
}
/* centercolumn*/
	.centercolumn {
	margin: 0 0px 0 280px;/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
	clear: none !important;
	height:100%;
	

}
.cybermap {
	position: relative;
	bottom:0;
	border-left:1px solid gray;
	height:100%;
	width:100%;
	border:0;
}
#map2 {
	border-left:1px solid gray;
	width:100%;
/*	cursor: hand;
	cursor: move*/
/*width: 800px;*/
	/* linus : to set the map height to the wrapper height
	height: 504px;
	*/
/*  min-height:504px;
  height:auto !important;*/

}
/*left column*/
.listing {
	background-attachment:scroll;
	float: left;
	width: 280px; /*Width of left column*/
	font:normal 12px Arial, Helvetica, sans-serif;
	/*border-right: 1px solid #eee8aa;*/
	background:#353535;
	/*border-top: 1px solid lightblue;*/
	height:100%;
	overflow-x: hidden;
}
iframe {background:#353535 url(images/listing_bg.png) top repeat-x;}
.listing div {
	margin:4px;
	border:1px solid #999;
	color:#3C0;
	width:98%;
}
.listing div a{
	color:#CCC;
}
.listing div a:hover{
	color:#3C3;
}
.listing div a:active{
	color:#3C3;
}




.rcbtn {
	border:1px solid ##666;
	background-color:##CCC;
	color:##000;
	font:normal 11px Verdana, Geneva, sans-serif;
}
/*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;
}
.copyright {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666 !important;
	position:absolute;
	background-color:#E0E7F1;
	left:0;
	bottom:0;
	width:380px;
	padding:4px;
	border:1px solid #ccc;
	border-bottom:0;
	border-left:0;
	z-index:903;
}
.copyright a {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #666 !important;
	text-decoration: underline;
}
/* right column*/
.rightcolumn {
	position: absolute;
	top:0;
	right:0;
	width: 200px; /*Width of right column*/
	margin-left: -200px;/*Set left marginto -(RightColumnWidth)*/	
	background:#353535;
	z-index:902;
	border-left:1px solid #ccc;
	/*float:right;*/
	/*margin-top:-500px;*/
	height:100%;
/*	overflow-y: scroll;
	overflow-x: hidden;*/
}

.listingright {
	font:normal 11px Arial, Helvetica, sans-serif;
	background:#fff;	
	color: #000;
	border:1px solid #666;	
	margin-left: 5px;

}
.listingright th{
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #f30;
	padding-left: 5px;
}
.listingright td{
	padding: 2px 3px;
	border-bottom:#666;
}
/*
#footer {
	width:100%;
	background:url(images/bgheader.png) repeat-x top;
	color: #CCC;
	text-align: center;
	padding: 4px 0;
line-height:50px;
	vertical-align:middle;
	border:0;
	position:absolute;
	bottom:0;
	left:0;
}
#footer a {
	font: normal 11px Verdana, Geneva, sans-serif;
	color: #CCC !important;
	text-decoration: underline;
}*/
.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:.35em;
	padding:2px;
	font:normal 11px Arial, Helvetica, sans-serif;
	border:1px solid green;

}
.selected-points a {
	color:#0b78c2;
	text-decoration:none;
}
.selected-points a:hover {
	color:#069;
	text-decoration:underline;
}
.upload {
	width:540px;
	border:1px solid #ccc;
	margin:1em auto;
	font: normal 11px Verdana, Geneva, sans-serif;
}
.upload div {
	margin:8px;
	text-align:left;
}
.upload div a {
	padding:.3em 1.4em;
	background-color:#C00;
	border:1px solid #5E3122;
	color: #CCC;
	text-align:left;
	font-weight:bold;
}
.upload div img {
	margin:8px;
	border:1px solid #ccc;
	padding:2px;
}
.mylegend {
	font: normal 11px Arial, Helvetica, sans-serif;
	/*background-color:white;*/
	/*background:url(images/mylegend_bg.png) repeat-x top;*/
	color: #CCC !important;
	width:230px;
	height:218px;
	overflow-y: auto;
	border:1px solid #999;
	text-align:left;
}
.mylegend strong{
	color: #3c0;
}
/*.responseText {
	border:1px solid gold;
	}*/
	.responseText div{
	margin:3px;
	}