body{background-color: white;color: black; font-family: Arial, sans-serif;margin:0px;padding: 0px; overflow:hidden}

#myform span{  font-size: 9pt;  display: inline;}
#sidebar{  font-size: 9pt;}
#sidebar .cLI{  padding-left: 25px;   padding-bottom: 5px;}
#sidebar .cUL{  list-style-type: none;  padding-left: 0;  margin-left: 0;}
#topdiv{  position: relative ;  height:117px; display:block; width:100%}
.sabahMap{
  background-image: url(../../img/wholeDesign.jpg); 
  width:653px;
  height:120px; 
  border: solid 0px;
  position:absolute;
  top:4px;
  left:79px;
  margin:0px;
  padding:0px;
}
.stbLogo{
  background-image: url(../../img/stbLogo.png); 
  width:137px;
  height:146px; 
  border: solid 0px;
  position:absolute;
  top:42px;
  left:10px;
  margin:0px;
  padding:0px;
  z-index:999;
}
.tab{
  background-image: url(../../img/accomTab.png); 
  width:135px;
  height:22px; 
  border: solid 0px;
  position:absolute;
  top:54px;
  left:120px;
  margin:0px;
  padding:0px;
  z-index:888;
}
.tabBar{
  background-image: url(../../img/tabBar.png); 
  background-repeat: repeat-x;
  width:561px;
  height:9px; 
  border: solid 0px;
  position:absolute;
  top:70px;
  left:120px;
  margin:0px;
  padding:0px;
}
.nodisp{  display:none;  visibility:hidden;}
.plainLink{  font-size: 8pt;  white-space:nowrap;}

.plainLink:link { color: #7777cc;}
.plainLink:visited { color: #7777cc;}
.plainLink:hover { color: #7777cc;}
.plainLink:active { color: #7777cc;}
.formDiv{
  background-image: url(../../img/wholeDesign.jpg);  
  width:653px;
  height:120px; 
  border: solid 0px;
  position:absolute;
  top:0px;
  left:0px;
  margin:0px;
  padding:0px;
}
.searchBoxWhat{
  position:absolute;
  top:60px;
  left:80px;
  font-size:12pt;
  background-color:transparent;
  border: solid 0px;
  width:440px;
}
.searchBoxWhere{
  position:absolute;
  top:22px;
  left:256px;
  font-size:12pt;
  background-color:transparent;
  border: solid 0px;
  width:100px;
  visibility:hidden;
}
.exampleWhat{
  position:absolute;
  top:45px;
  left:80px;
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #4f4f4f;

}
.exampleWhere{
  position:absolute;
  top:6px;
  left:256px;
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #4f4f4f;
  display: none;
  visibility:hidden;
}
.searchButton{  top:57px;  left:523px;    position:absolute;}
.mapDivider{
  background-image: url(../../img/mapDivider.png); 
  background-repeat: repeat-x;
  width:100px;
  height:6px; 
  border: solid 0px;
  position:relative;
  display:none;
  margin:0px;
  padding:0px;
  overflow:none;
}
.someTrees{
  background-image: url(../../img/cocoTree.png); 
  width:225px;
  height:185px; 
  position:absolute;
  top:3px;
  display:none;
  margin:0px;
  padding:0px;
}

#container {
  padding:0px;
  margin:0px;
  position:relative;
  overflow: hidden;
  border:0px solid;
}
#sidebar {
  padding-top:0px;
  padding-left:0px;
  position: absolute;
  border: solid 0px;
  background: #FFF;
  overflow: auto;
  top:0px;
  left:0px;
}

#map {    position:absolute;  border: solid #8f8f8f 1px;  background: #FFF; }   
#legend { position:absolute;  border: solid #8f8f8f 1px; }   
.facility{border:0px solid; display: block; width:20px; height:20px; background-image: url(../../images/icons/facilities.png); background-repeat: no-repeat;}
.f_18{background-position: 0px 0px;} /*airline*/
.f_5{background-position: 0px -19px;}/*bank*/
.f_9{background-position: 0px -38px;}/*bus*/
.f_4{background-position: 0px -57px;}/*church*/
.f_15{background-position: 0px -76px;}/*cinema*/
.f_21{background-position: 0px -95px;}/*embassy*/
.f_12{background-position: 0px -114px;}/*factory*/
.f_19{background-position: 0px -133px;}/*sport complex*/
.f_23{background-position: 0px -247px;}/*fire station*/
.f_10{background-position: 0px -266px;}/*fuel station*/
.f_20{background-position: 0px -285px;}/*golf*/
.f_27{background-position: 0px -361px;}/*highcourt*/
.f_1{background-position: 0px -304px;}/*hospital*/
.f_14{background-position: 0px -342px;}/*jetty*/
.f_24{background-position: 0px -323px;}/*library*/
.f_7{background-position: 0px -380px;}/*market*/
.f_2{background-position: 0px -399px;}/*mosque*/
.f_28{background-position: 0px -437px;}/*playground*/
.f_22{background-position: 0px -418px;}/*policestation*/
.f_13{background-position: 0px -456px;}/*port*/
.f_25{background-position: 0px -475px;}/*postoffice*/
.f_26{background-position: 0px -171px;}/*publicswimming*/
.f_16{background-position: 0px -494px;}/*school*/
.f_8{background-position: 0px -152px;}/*shpping*/
.f_11{background-position: 0px -190px;}/*taxi*/
.f_3{background-position: 0px -209px;}/*temple*/
.f_17{background-position: 0px -228px;}/*tourist*/

.facility2{border:0px solid; display: block; width:20px; height:20px; background-image: url(../../images/icons/facilities2.png); background-repeat: no-repeat;}
.g_18{background-position: 0px 0px;} /*airline*/
.g_5{background-position: 0px -19px;}/*bank*/
.g_9{background-position: 0px -38px;}/*bus*/
.g_4{background-position: 0px -57px;}/*church*/
.g_15{background-position: 0px -76px;}/*cinema*/
.g_21{background-position: 0px -95px;}/*embassy*/
.g_12{background-position: 0px -114px;}/*factory*/
.g_19{background-position: 0px -133px;}/*sport complex*/
.g_23{background-position: 0px -247px;}/*fire station*/
.g_10{background-position: 0px -266px;}/*fuel station*/
.g_20{background-position: 0px -285px;}/*golf*/
.g_27{background-position: 0px -361px;}/*highcourt*/
.g_1{background-position: 0px -304px;}/*hospital*/
.g_14{background-position: 0px -342px;}/*jetty*/
.g_24{background-position: 0px -323px;}/*library*/
.g_7{background-position: 0px -380px;}/*market*/
.g_2{background-position: 0px -399px;}/*mosque*/
.g_28{background-position: 0px -437px;}/*playground*/
.g_22{background-position: 0px -418px;}/*policestation*/
.g_13{background-position: 0px -456px;}/*port*/
.g_25{background-position: 0px -475px;}/*postoffice*/
.g_26{background-position: 0px -171px;}/*publicswimming*/
.g_16{background-position: 0px -494px;}/*school*/
.g_8{background-position: 0px -152px;}/*shpping*/
.g_11{background-position: 0px -190px;}/*taxi*/
.g_3{background-position: 0px -209px;}/*temple*/
.g_17{background-position: 0px -228px;}/*tourist*/

.legendFacility
{
  display: inline-block;
  position: float;
  float:left;
  white-space:nowrap; 
  font-size:8pt; 
  padding-left:25px;  
  vertical-align:center;
  color: #7f7f7f;
  cursor:pointer;
  margin: 2px 2px 5px 5px;
}
.loading{color:gray;padding:10px}
.sidebarContent{  margin-top:10px; padding-left:5px}
#loadingdiv
{
  text-align:center;
  vertical-align:middle;
  filter: alpha(opacity=55); 
  -moz-opacity: .70; 
  background-color:#FFF; 
  position:absolute; 
  display:none;
}
#legendShowHide
{
  cursor: pointer;
  height:100%; 
  width:10px; 
  display:block; 
  position:absolute; 
  top:0px;
  left:0px;
}
.imgShowHideLegend_show
{
  background-image: url(../../img/hide.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.imgShowHideLegend_hide
{
  background-image: url(../../img/show.png);
  background-repeat: no-repeat;
  background-position: center center;
}
.formDiv2{
  background-image: url(../../img/search_nearby.png); 
  width:586px;
  height:70px; 
  border: solid 0px;
  position:absolute;
  top:88px;
  left:95px;
  margin:0px;
  padding:0px;
}
.footer{  font-size:9pt;  }
.eg{  color:#7f7f7f;  }
.snf{white-space:nowrap;}
.iw{font-size:11pt; padding:10px; }
.iw a{cursor: pointer;}
.iw .addr{padding-top: 0.5em;}

#vp{display:none; }     
.darkBlueBigBold {
        font-size: 10pt;
        font-weight: bold;
        color: #00008B;
}

.maroonAlertBold {
        font-weight: bold;
        color: Maroon;
}

.greenHighliteBold {
        font-weight: bold;
        color: Green;
        font-size: 10pt;
}
.fON
{
  border: 1px #ccccff inset;
}
.fOFF
{
  border: 1px #ccccff outset;
}

.redNote {
  font-size: 10pt;
  color: Red;
}

.facilities 
{
  margin:0;
  padding: 0;
  list-style-type: none;
  display: inline;
}

.facilities li {
   padding: 0;
   display: inline;
}
.accommInfo{
  font-size: 10pt;
  margin-bottom: 5px;
}