/* CSS Document */
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
form{
padding:0px;
margin:0px;
clear:both}
p{
	padding:0px;
	padding-bottom:5px;
	margin:0px
}
#body_top{
	background:#FFFFFF;
	height:104px;
	padding-top:10px
}
#body_top .head, #menu .panel{
	width:1180px;
	margin:auto;
}
#body_top .head .logo{
	float:left;
	padding:5px 0px;
}
#menu{
	background:url(../images/bg_menu.jpg) repeat-x;
	height:36px;
}
#menu a{
	color:#333333;
	text-decoration:none;
}
#menu a:hover{
	color:#204AAC;
}
#menu .left{
	float:left;
	width:800px
}
#menu .left ul, #menu .right ul{
	padding:0px;
	margin:0px;
}
#twister{
	padding-bottom:10px;
}
#twister div ul{
padding:0px;
margin:0px;}
#twister div ul li{
	padding:0px 0px 5px 0px;
}
#menu .left ul li{
	float:left;
	list-style:none;
	margin:0px;
	display:block;
}
#menu .left ul li .home{
	padding:0px;
}
#body_footer .menu span{
	padding:5px 5px; 
	
}
#menu .left ul li a{
color:#333;
background:url(../images/bg_menu_right.jpg) top right no-repeat;
display:block;
padding:6px 10px; 
 }
 #menu .left ul li a:hover{
 color:#FFF;
 background:#204AAC}
  #menu .choosed{
  display:block;
	padding:6px 10px; 
	 color:#FFF;
	background:#204AAC
  }
#menu .right{
	float:right;
	width:300PX;
	background:url(../images/bg_menu_right.jpg) top right no-repeat;
}
#menu .right li{
	float:right;
	list-style:none;
	padding:5px;
	display:block;
	margin:0px;
}
#body_body{
	clear:both;
	
	background:url(../images/bg_blue.jpg) repeat-x #143264
}
#body_body .panel{
	background:#FFFFFF;
	width:1170px;
	margin:auto;
	padding:5px;
	min-height:500px
}
#body_body .panel_left{	
	width:335px;
	float:left;
	margin-right:7px;
}
#body_body .panel_left .gray{
	background:#F6F4F5;
	padding:10px;
	border:solid 1px #A0A0A0;
	margin-bottom:10px;
}
#body_footer{
	text-align:center;
	height:90px;
	border-top:solid 1px lightblue;
	color:#f1f1f1;
	background:#0A2049
}
#body_footer .menu{
	width:870px; 
	text-align:center;
	margin:auto;
	padding:5px 20px;
	border-bottom:solid 1px #FFFFFF;
	margin-bottom:5px;
}
#body_footer a{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
#body_footer a:hover{
	text-decoration:none;
	color:gold;
}
.blue_panel{
	background:#2147A8;
	padding:10px;
	color:#FFFFFF
}
.blue_panel h1 img{
float:left;
padding-right:5px;}
.blue_panel h1{
	padding:0px;
	margin:0px;
	font-size:18px
}
.blue_panel h2{
	padding:0px;
	clear:both;
	margin:0px;
	font-size:16px;
	color:#f0f3fa;
	font-weight:100
}
.txt{
	width:285px;
	border:solid 1px lightblue;
	padding-left:6px;
	height:17px;
	font:11px;
	color:#333333;
	margin-top:5px;
}
.select_lst{
	border:solid 1px lightblue;
	padding-left:3px;
	width:235px;
	color:#333333;
	margin-top:5px;
	font:11px;
}
.cat_listing_ul{
	padding:0px;
	margin:0px;
	list-style:none;
	padding-top:5px;
	height:400px;
	display: block;
}
.cat_listing{
	background:url(../images/cat_list_bg.jpg) no-repeat;
	padding:7px 10px 7px 40px;
	margin:5px auto auto 0px;
	display:block;
}
.cat_listing a{
color:#090909;
text-decoration:none;
display:block;
}
.aspan{
color:#666666;
float:right
}
#logo_side{
	float:right;
	min-height:900px;
	width:160px;
	background:#FFF;
}
#logo_side img{
border:solid 1px #F1F1F1
}
.main_panel{
	width:662px;
	float:left
}
.panel1{
padding:6px;
border:solid 1px #a0a0a0;
background:#f6f4f5;
}
.panel1 h1, .blueH1{
padding:0px 0px 3px 0px;
margin:0px 0px 5px 0px;
font-size:14px;
color:#2148a9;
border-bottom:dashed 1px #a0a0a0}
.panel1 h2{
color:#333;
font-size:12px;
padding:0px;
margin:0px;
}
.main_panel .map{
	height:630px;
	background:#F1F1F1;
	border:solid 1px #999999
}
.main_left{
	width:1005px;
	float:left
}
.h1_gray{
	color:#333333;
	padding:0px;
	margin:0px;
	font-size:16px;
	font-stretch:normal;
	font-weight:600
}
#twister{
	border:solid 1px #a0a0a0; background:url(../images/bg_twitter.jpg) bottom repeat-x;
}
#twister div{
	height:150px;
	overflow:auto;
	padding:0px 10px
}

.gray_box{
	width:323px; height:211px; float:left;
	padding:1px;
	
	margin-top:10px;
	background:url(../images/bg_gray.jpg);
	
}
.gray_box_Left{
	margin-right:10px;
}
.gray_box h1, .event h1{
	padding:9px;
	margin:0px;
	font-size:12px;
	color:#5170C2;

}
.gray_box div{
	margin:9px;
}
.event{
background:url(../images/Myphuketmap_Newdedign_allpage_01.jpg) top right no-repeat;
}
.event h1 span{
	float:right; 
	font-size:12px; 
	color:#c80000; 
	font-weight:100
}
.event h1 span a{
	color:#c80000;
	text-decoration:none
}
#twister div ul li a{
color:#003399;
text-decoration:none}
#twister div ul li a:hover{
color:#c80000;
text-decoration:underline}
.event h1 span a:hover{
	text-decoration:underline
}

.event div ul{
	margin:0px;
	padding:2px;
	list-style:none
}
.event div ul li{
	border-top:dashed 1px #CCCCCC;
	clear:both;
	padding:5px;
	margin:0px;
}
.event div ul li h2{
	color:#234cad;
	font-size:12px;
	font-weight:100;
	padding:0px;
	margin:0px 0px 1px 0px;
}
.event div ul li img{
	float:left;
	width:75px;
	margin:3px 3px 0px 0px;
	border:solid 1px #919191
}
.event div ul li span{
	color:#919191
}
.gray_box_Left2{
background:url(../images/Myphuketmap_Newdedign_allpage_04.jpg) bottom right no-repeat;
}
.gray_box_Left3{
width:326px; background:url(../images/Myphuketmap_Newdedign_allpage_02.jpg) bottom right; margin-top:10px;float:left

}
.blue{
	color:#244eb1
}
.event div ul li input{
float:right;
color:#191919
}
.result_ul{
	padding:0px;
	margin:7px 0px 0px 0px; 
	list-style:none;
	overflow:auto;
	height:130px;
}
.result_ul li{
	font-weight:normal;
	font-size:12px;
	list-style:none;
	border-bottom:solid 1px #FBFBFB;
}
.result_ul li a{
padding:5px;
color:#090909;
text-decoration:none;
display: block;
}
.result_ul li a:hover{
color:#F1F1F1;
text-decoration:underline; 
font-weight:bold; 
text-decoration:none;
display: block;
background:#666666

}
.div_in_map{width:350px; height:275px; overflow:auto;padding:3px; color:#090909; font-size:12px; font-family:Arial; margin:10px 0px}
.div_in_map img{height:72}
.div_in_map h4{color:#333333}
.div_in_map form{padding:3px; background-color:#F8F8F8; margin:5px 0px}
.div_in_map h4{padding:0px; margin:0px;font-size:18px; margin-bottom:7px; border-bottom:dotted 1px #CCCCCC}
.div_in_map h4 a{color:#48A9D1; text-decoration:none}
.div_in_map h4 a:hover{
	color:#FF6600;
	text-decoration:none;
	
}
.div_in_map p{
	padding:0px; 
	margin:0px
}
.div_blue_button{
	background:url(images/blue_button.gif) no-repeat; 
	height:19px; 
	width:70px; 
	padding:3px 5px; 
	font-size:12px; 
	text-align:center; 
	margin-top:7px
}
.div_blue_button a{
	color:#f1f1f1; 
	text-decoration:none
}
.div_blue_button a:hover{
	font-weight:bold
}
.div_cctv{
height:600px; overflow:auto
}
.div_cctv ul{
padding:5px 0px;
margin:0px;
}
.div_cctv ul li{
list-style:none;
border-bottom:solid 1px #EEE;
display:block;
}
.div_cctv ul li a{
color:#090909;
padding:5px 3px;
text-decoration:none;
display:block}
.div_cctv ul li a:hover{
color:#F1F1F1;
padding:5px 3px;
font-weight:bold;
background:#666666;
display:block}
.tooltip{
background:#FFFFFF;
border:solid 1px #EEE;
font-weight:bold;
padding:5px;
color:#2147A8
}
.ifrem1{
border:0px; width:728px; height:95px; overflow:hidden;
}
.pc{
float:left}
.pc h1 {width:420px; height:90px; margin:0; padding:0; overflow:hidden;}
.pc h1 span {background:url(../images/myphuketmap.jpg) no-repeat left top;
display:block;width: 100%; height: 100%;}
.txtDirection{
width:220px;
padding:3px;

}
.txtDirectionS{
width:160px;
padding:3px;
}
#map_canvas{
height:639px;
width:822px;
float:left;
border:solid 1px #EEE
}
#directions{
height:270px; padding:10px; margin-top:10px; border:solid 1px #999999; overflow:auto
}
#directions2{
 padding:10px; margin-top:10px;
}
.phelfBlue{
width:270px; float:left; font-weight: bold
}
.lightGray{
font-weight: bold; font-size: 16px; color: #CCCCCC
}
.lightTxt{
 border:solid 1px #B0D8F9; margin-top:1px; color:#333333
}
#listingEvent{
color:#333
}
#listingEvent ul{
padding:0px;
margin:0px}
#listingEvent ul li{
list-style:none;
border-bottom:dashed 1px #CCC;
padding:10px 5px 5px 5px;
}

#listingEvent ul li img{
float:left; margin-right:10px; border:solid 1px #f1f1f1
}
#listingEvent ul li h2{
color:#2148a9;
font-weight:100;
padding:0px;
margin:0px;
font-size:12px
}
.h2BigBle{
color:#234cad;
text-transform:capitalize;
padding:0px;
margin:0px;
font-size:20px;}
h3{
padding:0px 0px 5px 0px;
margin:0px;}
.map_view{
height:250px;
border:solid 1px #333
}
.div_bottom_event{
padding:5px; margin:5px 0px; border-top:dashed 1px #999999; border-bottom:dashed 1px #999999
}
.div_bottom_event ul{
padding:0px;
margin:0px;
height:20px
}
.div_bottom_event ul li{
display:block;
list-style:none;
float:left;
padding:5px;
}
.div_bottom_event a:link{
text-decoration:none;
color:#333333}
#result_bus{
position:absolute; background:#FFFFFF; color:#333333; width:293px; top:0; left:0
}
#result_bus ul{
	list-style:none;
	padding:0px 0px 5px 0px;
	margin:0px
}
#result_bus ul li{
display:block;
color:#143264;
border-bottom:solid 1px #F1F1F1}
#result_bus a{
text-decoration:none;
background:#FFFAFA;
padding:3px 3px 3px 10px;
margin-bottom:1px;
color:#143264;
display:block}
#result_bus a:hover{
background:#143264;
color:#FFFAFA}
#result_bus span{
font-size:10px}
.mapr{
float:right;
font-size:11px;
padding-top:5px;}
.mapr a{
color:#993300}