@charset "utf-8";
/************
 * created: 2009-12-15
 * author:Ilyas Ishak
 * email:ilyas@tourism.gov.my
 ************/
 
 /*****framework******/
html {background-color:#FFF;margin:0;padding:0;}
body{ padding:0;margin:0;font-size:12px;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,label{margin:0;padding:0;font-weight: normal;font-style: normal;font-size: 100%;font-family: inherit;}
img{border:0;}
ul,li{padding:0;margin:0;}
.none{display:none;}

/******html******/
body{color:#FFF;font:12px/20px Tahoma,Verdana,Arial,sans-serif;}
.clear{clear:both;font-size:0px;line-height:0px;}

/******clearfix******/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0; height: 0; }
.clearfix {display: inline-block; }
html[xmlns] .clearfix {display: block; }

/******clearfix.IE6******/
* html .clearfix{height: 1%;overflow: visible;}

/******clearfix.IE7******/
*+html .clearfix{min-height: 1%;}
br.clearfix {clear:both;margin:0px !important;padding:0px !important;height: 1px;font-size: 1px;line-height: 1px; }

/******wrapper******/
#wrapper {width:886px; height:100%; border:0px solid #999; margin:0 auto; margin-top:20px; overflow:hidden; background:url(_img/bg-54b7de.jpg); background-repeat:no-repeat; background-color:#54b7de}

/******left_menu******/
#left_menu_box {width:210px; border:0px solid #999; margin-left:10px; float:left;}
/*#left_menu ul {border:1px solid #999; margin-bottom:10px; float:right;}*/
#left_menu li {float:right;line-height:14px;text-align:right;list-style-type:none;width:170px;background-color:#FFF; padding:6px; margin:4px;}
#left_menu li a {font-size:14px;color:#666; text-decoration:none; font-weight:bold;}


/******onmouseover******/
.onmouse_over {background-color:#E0D500; border-color:#E0D500;}
.onmouse_out {}
/******content******/
#content {width:500px; min-height:300px; border:0px solid #999; float:left; margin-left:10px;}

/******heading******/
#heading {color:#fff;font:16px/20px Tahoma,Verdana,Arial,sans-serif; font-weight:bold; margin-bottom:10px;}

/******subheading******/
#subheading {color:#fff;font:14px/20px Tahoma,Verdana,Arial,sans-serif; font-weight:bold;}

/******breadcrumbs******/
#breadcrumbs {color:#fff;font:11px/20px Tahoma,Verdana,Arial,sans-serif; margin-top:-15px; margin-bottom:20px;}
#breadcrumbs a {color:#FFF; text-decoration:none;}
#breadcrumbs a:hover {text-decoration:underline;}

/******list_state******/
#list_state li{margin-left:2em; font-size:16px;}
#list_state li li{ margin-left:2em;}
#list_state li a {color:#FFF; text-decoration:none; font-size:12px;}
#list_state li a:hover {text-decoration:underline;}

/******list_hotel******/
#list_hotel li{margin-left:2em;}
#list_hotel li a {color:#FFF; text-decoration:none;}
#list_hotel li a:hover {text-decoration:underline;}

/******list_news_home******/
#list_news_home li{margin-left:2em;}
#list_news_home li a {color:#FFF; text-decoration:none;}
#list_news_home li a:hover {text-decoration:underline;}

/******list_news******/
#list_news li{margin-left:2em; margin-bottom:15px;}
#list_news li a {color:#FFF; text-decoration:none;}
#list_news li a:hover {text-decoration:underline;}


/******left_box******/
#left_box { width:210px; border:0px solid #999; height:250px;}

/******right_box******/
#right_box { width:105px; height:392px; border:0px solid #999; float:right; margin-left:10px; background:url(_img/banner-right.png) no-repeat;}

/******content_full******/
#content_full { width:640px; border:0px solid #999; margin-bottom:40px;}

/******harmonica_tbl******/
#harmonica_tbl tr td { font-size:11px; color:#FFF;}

/******activity_tbl******/
#activity_tbl tr td { font-size:11px; color:#666;}

/******facybox******/
#facybox .n       { background-image: url('_img/fancy_shadow_n.png');  }               
#facybox .s       { background-image: url('_img/fancy_shadow_s.png');  }
#facybox .w       { background-image: url('_img/fancy_shadow_w.png');  }
#facybox .e       { background-image: url('_img/fancy_shadow_e.png');  }
#facybox .nw      { background-image: url('_img/fancy_shadow_nw.png'); }
#facybox .ne      { background-image: url('_img/fancy_shadow_ne.png'); }
#facybox .sw      { background-image: url('_img/fancy_shadow_sw.png'); }
#facybox .se      { background-image: url('_img/fancy_shadow_se.png'); }
#facybox a.next   { background-image: url('_img/fancy_right.png');     }
#facybox a.prev   { background-image: url('_img/fancy_left.png');      }
#facybox .close   { background-image: url('_img/fancy_closebox.png');  }
#facybox .loading { background-image: url('_img/loading.gif');         }

#facybox {
	position: absolute;
	top: 0;
	left: 0;
	margin: -20px 0 0 -20px;
	z-index: 100;
	text-align: left;
	padding: 18px;
	min-width: 40px;
	min-height: 40px;
}
#facybox .w,  #facybox .e, #facybox  .nw,
#facybox .ne, #facybox .sw, #facybox .se {
	min-height: 18px;
	min-width: 13px;
}
#facybox .n, #facybox .s {
	background-repeat: repeat-x;
	height: 18px;
}
#facybox .w, #facybox .e {
	background-repeat: repeat-y;
}

#facybox .nw, #facybox .ne, #facybox .sw, #facybox .se,
#facybox a.next, #facybox a.prev,
#facybox .closek #facybox .loading {
	background-repeat: no-repeat;
}

#facybox a.next {
  background-position: 9999px 50%;
}

#facybox a.prev {
  background-position: -9999px 50%;
}
#facybox a.prev:hover{
	background-position: 0 50%;
}
#facybox a.next:hover{
	background-position: 100% 50%;
}

#facybox .close {
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	width: 30px;
	height: 30px;
}

#facybox .prev,
#facybox .next{
	display: block;
	position: absolute;
	cursor: pointer;
}

#facybox .navigation .counter{
	background: #000;
	color: #fff;
	text-align: center;
	position: absolute;
	bottom: -33px;
	left: -10px;
	padding: 2px 0;
	font-size: 11px;
}

#facybox .loading {
  margin: 0 auto;
  width: 22px;
  height: 22px;
  text-align: center;
}

#facybox .popup {
  position: relative;
}

#facybox table {
  border-collapse: collapse;
}

#facybox td {
  border-bottom: 0;
  padding: 0;
}

#facybox .body {
  padding: 10px;
  background: #fff;
  width: auto;
}

#facybox .loading {
  text-align: center;
}

#facybox .image {
  text-align: center;
  line-height: 0;
}

#facybox img {
  border: 0;
  margin: 0;
}

#facybox .footer {
	position: absolute;
	top: 28px;
	left: 23px;
	padding: 0;
	width: 90%;
}

#facybox .footer img {
  vertical-align: middle;
}

#facybox .tl, #facybox .tr, #facybox .bl, #facybox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facybox_overlay {
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
}

.facybox_hide {
  z-index:-100;
}

.facybox_overlayBG {
  background-color: #000;
  z-index: 99;
}
/********tipsy*******/
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat; }
.tipsy-inner { padding: 4px 5px; background-color: black; color: white; max-width: 200px; text-align: left; line-height:12px; }
.tipsy-north { background-image: url(_img/tipsy-north.gif); background-position: top center; }
.tipsy-south { background-image: url(_img/tipsy-south.gif); background-position: bottom center; }
.tipsy-east { background-image: url(_img/tipsy-east.gif); background-position: right center; }
.tipsy-west { background-image: url(_img/tipsy-west.gif); background-position: left center; }

/********footer*******/
#footer{margin:0 auto; width:100%;height:40px; float:left; border:0px solid #999; background-color:#000;}
#footer{font-size:11px;color:#fff;}
#footer li{float:left;padding-right:20px;}
#footer li a{color:#fff;}
#footer li a:hover{color:#fff;}