/* 20151221 make the info bar on featured photo grids fixed */
/* 20151222 show tabs for youtube channels */
/* 20160128 adjust spacing for title bar */
/* 20160613 clk, tp are changed to hka and tpo respectively */
/* 20160706 add contact us grid */
/* 20160802 add border-bottom in .feat-tabs */
/* 20170330 add plc_min, plc_max and plc */
/* 20200225 add tls_min, tls_max and tls; cwb_min, cwb_max and cwb; cp1_wind; np1_wind; ccb_wind; lam_wind  */

html, body
{
  width: 100%;
  margin: 0px;
/*  background-color: #CCCCCC; */
}
/* --------------------------------------------------
Container
-------------------------------------------------- */
div#container, div.container { 
/*
position: relative; 
width: 765px; 
padding: 5px;
background-color: #CCCCCC; 
color: #555555;
font-family: Arial,sans-serif; 
*/
}
 
 
/* --------------------------------------------------
Grid
-------------------------------------------------- */
.column-row, .row { margin: 0 0 0 0; }
.column, .columns { 
 float: left; 
 display: inline; 
 margin: 0 10px 0 10px;
 overflow: hidden; }
 
.one { width: 14%; }
.two { width: 28%; }
.three { width: 300px; }
.four { width: 400px; }
.five { width: 64%; }
.six { width: 77px; }
.seven { width: 94%; }
 
.offset-by-one-half { margin-left: 65px; }
.offset-by-one { margin-left: 130px; }
.offset-by-two { margin-left: 260px; }
.offset-by-three { margin-left: 390px; }
.offset-by-four { margin-left: 520px; }
.offset-by-five { margin-left: 650px; }
 
/* Clear the columns automagically */
.column-row:after, .row:after, .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html .column-row, * html .row, * html .clearfix { height: 1%; }
.column-row, .row, .clearfix { display: inline-block; }
.column-row, .row, .clearfix { display: block; }
 
/* IE6 Problems ---------- */
/*body.ie .column-row { width: 910px; }
body.ie .two-thirds .column-row { width: 1060px; }
*/
/*
.grid {
background-color: #FFFFFF;
margin: 10px 0;
}
*/
.topbar {
width: 100%;
/*20160128 height: 50px; */
line-height: 20px;
}

.page-title {
padding-top: 14px;
font-size: 1.6em;
font-weight: bold;
text-align: center;
width: 100%;
/* 20160128 */
padding-bottom: 14px;
line-height: 1;
}

.float-right {
float:right;
}

/*
#warning-icon {
width: 50px;
height: 50px;
background-color: #738DCC;
display: inline-block;

}
 
#weather-icon {
width: 50px;
height: 50px;
background-color: #738DCC;
display: inline-block;

}*/

.feat-photo {
width: 100%;
height: 330px;
}

/* monthly and yearly photos */

#phocagallery-module-ri {
	margin: 0 auto;
}

.pg-item:hover {
	background: #fafafa;
}
.pg-item {
	text-align: left;
	width: 100% /* 20151217 */
}

.pg-box1 {
	display: table;
	height: 300px;
	width: 100%;
/*20160113    border-top: solid 30px #135DA9; /* 20151221 */
}	
.pg-box3 {
	text-align: center;
    background-color: black;
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}

.pg-box3 .thumb {
	width: auto;/*
    max-width: 400px;*/
    vertical-align: middle;
    max-height: 300px;
    max-width: 100%;
}	

.vid-overlay{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); 
  width: auto!important;

}

.detail {
	margin: 0;
	padding: 0;
	text-align: left;
}

.detail-icon {
	width: 50px;
	height: 50px;
	margin: 10px;
	display: inline-block;
	float: left;
}

.detail-info {
	width: auto;
	padding: 0;
	overflow:hidden;
	background-color:#EEFFFF;
}

.detail-location {
	width: 100%;
	height: 100%;
	min-height: 30px;
	display: inline-block;
	text-align:left;
	overflow:hidden;
	
}

.detail-uploader {
	width: 100%;
	height: 30px;
	display: inline-block;
	text-align:left;
	overflow:hidden;
}

.location_icon{
	width: 20px;
	height: 22px;
	background: url(../images/iconset.png) no-repeat;
	background-position: -62px -9px;
	display:inline-block;
	margin:5px;
	vertical-align: middle;
	margin-bottom:7px;
}

.name_icon{
	width: 22px;
	height: 22px;
	background: url(../images/name_icon.png) no-repeat;
	display:inline-block;
	margin:5px;
	vertical-align: middle;
	margin-bottom:7px;
}

.time_icon{
	width: 20px;
	height: 22px;
	background: url(../images/iconset.png) no-repeat;
	background-position: -81px -9px;
	display:inline-block;
	margin:5px;
	vertical-align: middle;
	margin-bottom:7px;
	}
	
.author_icon{
	width: 20px;
	height: 22px;
	background: url(../images/iconset.png) no-repeat;
	background-position: -102px -9px;
	display:inline-block;
	margin:5px;
	vertical-align: middle;
	margin-bottom:7px;
	}



/*
.weather-grid {
width: 100%;
background-color: #738DCC;
}
.current-header {
background-color: #135DA9;
color: white;
font-weight: bold;
padding: 4px;
}
.current-header span {
	padding-right: 5px;
}	
.current-header a:link,
.current-header a:visited,
.current-header a:hover,
.current-header a:active{ 
	color: white;
	text-decoration: none;
}
.current-header a:hover {
	background-color: #38e9c5;
}	
*/
.updatetime-txt {
font-size: 0.8em;
float: right;
padding-top: 2px;
}
.current-details {
background: #E0E9FD;
padding: 5px;
border-bottom: #CCCCCC 2px solid;
}
.current-details a:link,
.current-details a:visited,
.current-details a:hover,
.current-details a:active{ 
	color: #000000;
	text-decoration: none;
}


.weather-icon {
display: inline-block;
width: 140px;
}
.weather-icon img{
width: 45px;
vertical-align: middle;
}

.weather-info {
display: inline-block;
}
.weather-info img{
vertical-align: middle;
}
	
.weather-arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 18px;
border-color: transparent transparent transparent #2735d1;
vertical-align: middle;
display: inline-block;
}

.warning-header {
background-color: #FF2323;
color: white;
font-weight: bold;
padding: 4px;
}

.warning-details {
background: #E0E9FD;
padding: 5px;
border-bottom: #CCCCCC 2px solid;
}

.warning-icons {
display: inline-block;
}
.warning-icons img{
width: 45px;
}

.warning-link {
display: inline-block;
}


.warning-link a{
color: #2828FF;
font-weight: bold;
}
/*
.forecast-row {
background: #E0E9FD;
padding: 5px;
border-bottom: #CCCCCC 2px solid;
}

.forecast-row img{
width: 20px;
}

.forecast-row a{
color: #2828FF;
font-weight: bold;
}

.edu-grid {
width: 100%;
height: 200px;
}
.cwos-grid {
height: 55px;
background-color: #738DCC;
padding: 10px;
}
.cwos-grid img {
width: 45px;
border-radius: 3px;
margin: 5px 10px;
} 

.wx-grid{ 
position: relative; 
height: 250px;
width: 100%;
}
*/
.wx-switcher{ 
position: absolute; 
width: 100%;
}

.map-slide, .cwos-map {
	width: 400px;
	height: 300px;
	vertical-align: top;
}
.cwos-map {	
	background: url(images/cwosmap-bkgd.png) no-repeat;
}

.static-div {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
}	

.yt-grid {
width: 100%;
height: 200px;
}

.yt-channel {
width: 100%;
height: 200px;
}

.weather-title-row {
height: 60px;
width: 100%;
background-color: #FFFFFF;
display: table;

}
.todaysDate {
width: 48%;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.weather-title-separator {
width: 0;
background: #666666;
display: inline-block;
border: 1px inset;
height: 50px;
margin-top: 5px;
  }

.weather-title {
width: 48%;
display: table-cell;
text-align: center;
vertical-align: middle;
}

/* 20160113 */
/*
.linkicon-grid {
position:relative;
background-color: #738DCC;
}
*/
.icon-row {
height:80px;
text-align: justify;
}

.wicon-grid {
margin: 10px 20px;
display:inline-block;
}
.wicon-grid img {
width: 52px;
}
.wicon-grid img:hover {
filter: brightness(1.2) contrast(1.2);
-webkit-filter: brightness(1.2) contrast(1.2);
}

.cwosmap-grid {
position:relative;
/*height: 250px; /* 20151221 */
}
.cwosmap-grid img {
/*height: 220px;*/
width: 100%;
/*border-top: solid 30px #135DA9; /* 20151221 */
}
/* 20160219 */
#cwosmap-div {
	position:relative;
}
	
/* 20160114 */
.map-header {
	display:inline-block;
}
.cwosmap-links {
	display: inline-table;
	/*float: right;*/
	border-collapse: collapse;
	border-style: hidden;
}
.map-tabs {
	display: table-cell;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	padding: 0 5px;
	font-size: 0.95em;
	}
.map-tabs:hover {
	background-color: #38e9c5;
}
.map-tabs a:link,
.map-tabs a:visited,
.map-tabs a:hover,
.map-tabs a:active{ 
	text-decoration: none;
	color: #c6fbfb;
}	
		

/*.info {
background: rgba(0, 0, 0, 0.6);
color: white;
padding: 5px;
width: 100%;
position: absolute;
top: 0;
z-index: 600;
display: none;
}*/
.static-info {
background: rgba(0, 0, 0, 0.0);
color: white;
padding: 5px;
width: 100%;
position: absolute;
top: 0;
z-index: 600;
font-weight: bold;
}
.cycle-overlay {
	position: absolute; 
	top: 0; 
	width: 100%; 
	z-index: 600;
    background: black; 
	color: white; 
	padding: 5px; 
	opacity: .6;
	display: none;
}

.icon-row:after {
  content: '';
  width: 100%; 
  display: inline-block;
}

.edu-grid {
 text-align: center;
 }

 .cycle-slideshow {
  position: relative;
  min-height:300px !important;
 }
 
 .cycle-slideshow img { 
 height: auto;
 }
 
.cycle-slide-active {
z-index: 200 !important;  /* added to make active slides on top */
}
div .satellite-box,div  .radar-box,div  .lightning-box, div .webcam-box  {
	text-align: left;
	width: 100%;
	
}
div .satellite-container1, div .radar-container1, div .lightning-container1,div  .webcam-container1 {
	display: table;
	width: 100%;	
}
div .satellite-container2,div  .radar-container2, div .lightning-container2,div  .webcam-container2 {
	text-align: center;
    background-color: black;
	display: table-cell;
	width: 100%;
	position: relative;
}	
#satellite img, #radar img, #lightning img {
	width: auto;
    max-width: 100%;
    max-height: 250px;
    vertical-align: middle;
	/* 20151221 border-top: 30px solid #2D4579; */
}	
 
 /* pager */
/* 20151221 wx-tabs */
/* 20151222 yt-pager*/
#wx-pager, #yt-pager{
	display: table;
	width: 100%;
	text-align: center;
	font-weight: bold; 
    background-color: #135DA9;
	color: #FFFFFF;
	height:	26px;
	border-collapse: collapse;
	border-style: hidden;
}	
.wx-tabs {
	display: table-cell;
	cursor: pointer;
	/* 20160113 border-left: 1px solid #FFFFFF;*/
	border: 1px solid #FFFFFF;
	padding: 5px;
	}
.wx-tabs:hover {
	background-color: #38e9c5;
}
.wx-tabs.cycle-pager-active {
	background-color: #13a88a;
}	
/* 20160113 feat-pager*/
#feat-pager{
	display: table;
	width: 100%;
	font-weight: bold; 
    background-color: #135DA9;
	color: #FFFFFF;
	height:	26px;
}	
.feat-tabs {
	cursor: pointer;
	padding: 5px;
	border-bottom: 1px solid #FFFFFF;		/*20160802*/
	}
.feat-tabs:hover {
	background-color: #38e9c5;
}
.feat-tabs.cycle-pager-active {
	background-color: #135DA9;
}	


	
.satellite-pager,.radar-pager{ 
	position: absolute;
	text-align: center; 
	width: 100%; 
	z-index: 500; 
	bottom: 5px; 
	overflow: hidden; 
	}
.satellite-pager span,.radar-pager span { 
	font-size: 40px; 
	width: 16px; 
	height: 15px; 
	display: inline-block; 
	color: #ddd; 
	}
.satellite-pager span.cycle-pager-active,.radar-pager span.cycle-pager-active { 	
	color: #D69746;
	}
.satellite-pager > * ,.radar-pager > * { 
	cursor: pointer;
	}
 
 /* prev / next links */
.cycle-prev, .cycle-next { 
	position: absolute; 
	top: 40%; 
	opacity: 0; 
	filter: alpha(opacity=0); 
	z-index: 800; 
	height: 70px; 
	cursor: pointer; 
	}
.cycle-prev { 
	left: 0;
    background: url(../../../common/out_photo/images/prevnext.gif) no-repeat;
    background-position: left 50%;
    width: 35px;
	}
.cycle-next { 
	right: 0; 
    background: url(../../../common/out_photo/images/prevnext.gif) no-repeat;
    background-position: right 50%;
    width: 35px;
	}
.cycle-prev:hover, .cycle-next:hover { opacity: .7; filter: alpha(opacity=70) }

 
 #sunmoon-grid {
	height: 150px;
	width: 100%;
	font-size: 0.8em;
	font-weight: bold;
 }

 .sunmoon-row {
	padding: 3px;
 }
  .sunmoon-header {
	text-align: center;
	font-size: 1em;
 }
 .sunmoon-center {
	text-align: center;
 }
 .sunmoon-col {
	width: 34%;
    display: inline-block;
    text-align: left;
	padding: 5px;
 }
 .tide-col {
	width: 36%;
    display: inline-block;
    text-align: left;
	padding: 5px;
	vertical-align: top;
 }
 .sunmoon-grid1 {
    width: 60%;
    display: inline-block;
 }
 .sunmoon-grid2,.tide-grid2 {
    display: inline-block;
 }
 .tide-grid1 {
    width: 30%;
    display: inline-block;
 }
 #moon-grid {
	display: inline-block;
    float: right;
	padding: 5px;
	text-align: center;
 }
.moonpic-grid {
	display: inline-block;
 }
 #moon-pic {
	padding: 5px;
 }
 #moon-pic img {
	width: 55px;
 }
.reg-grid {
	width: 100%;
	height: 60px;
	display: table; /* 20151221*/
	background: #FFE049; /* For browsers that do not support gradients */
	background: -webkit-linear-gradient(left top, #FFE049, #FFFFFF); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #FFE049, #FFFFFF); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #FFE049, #FFFFFF); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #FFE049, #FFFFFF); /* Standard syntax */
}
.reg-grid a:link,
.reg-grid a:visited,
.reg-grid a:hover,
.reg-grid a:active{ /* 20151221*/
	text-decoration: none;
	color: #670e51;
}	
.reg-title { /* 20151230 */
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px;
}
.reg-div {/* 20151221*/
	display: table-cell;
	padding: 0px 10px; /* 20151230 */
	/* 20151222 max-width: 200px; */
	vertical-align: middle;
	font-weight: bold;
}	
.reg-div img {/* 20151221*/
	max-width: 90px;
}

.Banner{
	width:100%; 
	/*border-bottom:1px solid #858585; 
	border-top:1px solid #858585;*/ 
	height:auto;
	}
#Banner1{
	height: 45px;
}	
.slider    { 
	overflow:hidden; 
	position:relative;
	background-color: #CCCCCC;
	}
.slider .slider_container {
	display: inline-block; 
	width: 100%;
	overflow:hidden; 
	white-space: nowrap;
	height: 45px;
	}
.slider ul {  
	display: inline-block; 
	margin:0; 
	padding:0; 
	overflow:hidden; 
	white-space: nowrap;
	}
.slider li { 
	margin:0 3px 0 0; 
	list-style:none; 
	display: inline; 
	}
.slider img {
	height: 43px; 
	margin: 0px 2px;
	}
.slider .sNext{
	position: absolute;
    top: 0px;
    right: 1px;
    display: inline-block;
    width: 20px;
    height: 45px;
    background: url(images/Next.png) center no-repeat;
	opacity: 0; 
	filter: alpha(opacity=0)
}
.sNext:hover { opacity: .6; filter: alpha(opacity=60) }

/*20160218 newsticker */
#swt_title a:first-child {
    margin-right: 20px;
    margin-left: 10px;
}
#swt_title a {
    float: right;
    margin-left: 10px;
    margin-top: 2px;
    cursor: pointer;
    color: white;
    line-height: 15px;
    text-decoration: none;
    font-size: 100%;
    font-family: arial!important;
    display: none;
}
#swt_content ul {
    height: 100px!important;
    padding: 0;
    margin: 0;
}
#swt_content li {
    width: 100%;
	height: 100px!important;
    overflow: auto;
    font-size: 16px;
    padding: 0;
    margin: 0;
}
#swt_links{
	text-decoration: none;
	color: black;
}

/* 20160706 contact us grid */
.contact-grid {
	padding: 5px 20px;
}
 
[id^="regional_map_container"] div
{
	position:absolute;
	color: #F4F909;
	text-shadow: -1px -1px 4px #000, 2px 2px 4px #000, 3px 3px 9px #3C3C3C;
	filter: alpha(opacity=40); /* IE6+ */
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40); /* IE6+ */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=80)"; 
}
[id^="regional_map_container"] .temp, [id^="regional_map_container"] .rh, [id^="regional_map_container"] .maxTemp, [id^="regional_map_container"] .minTemp, [id^="regional_map_container"] .rf
{
	background-color: rgba(0, 0, 0, 0.25);
	padding: 2px 5px 1px 4px;   
	border-radius: 10px;
	font-weight: bold;
}
[id^="regional_map_container"] image
{    
    position:absolute;
    left:0;
    top:0;
}
 

.windData {
	height:40px; 
	width:40px;
	background-size: contain; 
	line-height:25px;
	text-align:center;
	font-size:14px;
	font-weight:normal;
	text-shadow:none!important;
	color: black!important;
	line-height:40px;	
}
.maxTemp
{
	color: #FFC52F!important;
	/*text-shadow: -1px -1px 4px #FFF, 2px 2px 4px #FFF, 3px 3px 9px #FFF!important;*/
}
.minTemp
{
	color: #00ECFF!important;
	/*text-shadow: -1px -1px 4px #FFF, 2px 2px 4px #FFF, 3px 3px 9px #FFF!important;*/
}
.regionTime  {
	left: 2px;
    top: 1px;
	right: auto;
	font-size: 12px; 
	font-weight:normal; 
	position:absolute; 
	color: white;
	font-weight:bold;
	background: #09F;
	/*opacity: 0.7;*/
	padding: 3px;
	z-index: -1;
	text-align:left;
	z-index: 10px;
}

.regionTimeChi  {
	left: 2px;
    top: 1px;
	right: auto;
	font-size: 14px; 
	font-weight:normal; 
	position:absolute; 
	color: white;
	font-weight:bold;
	background: #09F;
	/*opacity: 0.7;*/
	padding: 3px;
	z-index: -1;
  display:inline-block;
  text-align:left;
  line-height:110%
}
[id^="regional_map_container"] #stnFullName
{
	color: white;
	text-shadow: -1px -1px 4px #000, 2px 2px 4px #000, 3px 3px 9px #3C3C3C;
	z-index: 100000;
        background-color: rgba(0, 0, 0, 0.25);
}

#mw {left: 255px; top: 178px; cursor:pointer; text-align:center;}
#ur {left: 107px; top: 155px; cursor:pointer; text-align:center;}
#wa {left: 271px; top: 220px; cursor:pointer; text-align:center;}
#elc {left: 317px; top: 300px; cursor:pointer; text-align:center;}
#sl {left: 152px; top: 300px; cursor:pointer; text-align:center;}
#wlch {left: 244px; top: 334px; cursor:pointer; text-align:center;}
#tatp  {left: 432px; top: 297px; cursor:pointer; text-align:center;}
#wlpi  {left: 449px; top: 337px; cursor:pointer; text-align:center;}	

[id^="regional_map_container"]  div.visTable {
	display: table;
	position: relative;
}
 
[id^="regional_map_container"] div.Cell {
	display: table-cell;
    border: solid;
    border-width: 2px;
    border-color: #ff0000;
	padding-left: 2px;
    padding-right: 2px;
	text-align: center;
	position: relative;
	font-size: 12px;
	border-collapse: collapse;
	text-shadow: none;
	color: black;
	font-weight: bold;
}

[id^="regional_map_container"] div.Row {
	display: table-row;
}
 

[id^="regional_map_container"] div  div{
	position: relative;
}
 




#wgl_min,#wgl_max,#wgl {left: 439px; top: 325px; cursor:pointer; text-align:center;}
#sty_min,#sty_max,#sty {left: 376px; top: 307px; cursor:pointer; text-align:center}
/* hks needed to be modified */
#hks_min,#hks_max,#hks {left: 337px; top: 279px; cursor:pointer; text-align:center;}
#skw_min,#skw_max,#skw {left: 392px; top: 247px; cursor:pointer; text-align:center;}
#hko_min,#hko_max,#hko {left: 346px; top: 223px; cursor:pointer; text-align:center;}
#ty1_min,#ty1_max,#ty1 {left: 278px; top: 185px; cursor:pointer; text-align:center;}
/* jkb needed to be modified */
#jkb_min,#jkb_max,#jkb {left: 421px; top: 226px; cursor:pointer; text-align:center;} 
#tun_min,#tun_max,#tun { left:171px; top:144px; cursor:pointer;  text-align:center;}
#wlp_min,#wlp_max,#wlp { left:205px; top:77px; cursor:pointer;  text-align:center;}
#sek_min,#sek_max,#sek {left: 264px; top: 104px; cursor:pointer;  text-align:center;}
#hka_min,#hka_max,#hka { left:124px; top:217px; cursor:pointer;  text-align:center;}
#clk_min,#clk_max,#clk { left:124px; top:217px; cursor:pointer;  text-align:center;}
#pen_min,#pen_max,#pen { left:228px; top:235px; cursor:pointer;  text-align:center;}
#cch_min,#cch_max,#cch {left: 220px; top: 305px; cursor:pointer;  text-align:center;}
#tkl_min,#tkl_max,#tkl {left: 338px; top: 20px; cursor:pointer;  text-align:center;}
#ssh_min,#ssh_max,#ssh {left: 300px; top:43px; cursor:pointer;  text-align:center;}
/* 20200225 */
#tls_min,#tls_max,#tls {left: 300px; top:60px; cursor:pointer;  text-align:center;}
#tp_min,#tp_max,#tp {left: 337px; top: 84px; cursor:pointer; text-align:center;}
#tpo_min,#tpo_max,#tpo {left: 337px; top: 84px; cursor:pointer; text-align:center;}
#sha_min,#sha_max,#sha {left: 374px; top: 132px; cursor:pointer; text-align:center;}
#skg_min,#skg_max,#skg {left: 422px; top: 158px; cursor:pointer; text-align:center;}
#wts_min,#wts_max,#wts {left: 369px; top: 189px; cursor:pointer; text-align:center;}
#ksc_min,#ksc_max,#ksc {left: 468px; top: 174px; cursor:pointer; text-align:center;}
#tw_min,#tw_max,#tw {left: 295px; top: 151px; cursor:pointer; text-align:center;}
#tyw_min,#tyw_max,#tyw {left: 468px; top: 134px; cursor:pointer; text-align:center;}
#ngp_min,#ngp_max,#ngp {left: 112px; top: 261px; cursor:pointer; text-align:center;}
#lfs_min,#lfs_max,#lfs { left:194px; top:62px; cursor:pointer; text-align:center;}
#kp_min,#kp_max,#kp {left: 334px; top: 213px; cursor:pointer; text-align:center;}
#ssp _min,#ssp _max,#ssp  {left: 312px; top: 198px; cursor:pointer; text-align:center;}
#cen_min,#cen_max,#cen {left: 324px; top: 243px; cursor:pointer; text-align:center;}
#swh_min,#swh_max,#swh {left: 389px; top: 243px; cursor:pointer; text-align:center;}
#yl_min,#yl_max,#yl { left:223px; top:94px; cursor:pointer; text-align:center;}
/* hkp needed to be modified */
#hkp_min,#hkp_max,#hkp {left: 336px; top: 244px; cursor:pointer; text-align:center;}
#ylp_min,#ylp_max,#ylp { left:222px; top:104px; cursor:pointer; text-align:center;}
#ktg_min,#ktg_max,#ktg {left:386px; top:216px; cursor:pointer; text-align:center;}
#klt_min,#klt_max,#klt {left:355px; top:205px; cursor:pointer; text-align:center;}
#vp1_min,#vp1_max,#vp1 {left:313px; top:261px; cursor:pointer; text-align:center;}
#hpv_min,#hpv_max,#hpv {left:358px; top:263px; cursor:pointer; text-align:center;}
#twn_min,#twn_max,#twn {left:280px; top:137px; cursor:pointer; text-align:center;}
#tms_min,#tms_max,#tms {left:303px; top:118px; cursor:pointer; text-align:center;}
#tc_min,#tc_max,#tc {left:386px; top:166px; cursor:pointer; text-align:center;}
#plc_min,#plc_max,#plc {left: 385px; top: 58px; cursor:pointer;}
/* 20200225 */
#cwb_min,#cwb_max,#cwb {left: 447px; top: 250px; cursor:pointer;}
#ssp_min,#ssp_max,#ssp  {left: 312px; top: 198px; cursor:pointer; text-align:center;}


#tpk_wind {left: 356px; top: 94px; cursor:pointer;}
#lfs_wind { left:194px; top:62px; cursor:pointer;}
#tun_wind { left:171px; top:144px; cursor:pointer;}
#clk_wind { left:124px; top:217px; cursor:pointer;}
#hka_wind { left:124px; top:217px; cursor:pointer;}
#pen_wind { left:228px; top:235px; cursor:pointer;}
#cch_wind {left: 220px; top: 305px; cursor:pointer;}
#tkl_wind {left: 338px; top: 13px; cursor:pointer;}
#sek_wind {left: 265px; top: 93px; cursor:pointer;}
#sha_wind {left: 374px; top: 132px; cursor:pointer;}
#wgl_wind {left: 436px; top: 314px; cursor:pointer;}
#hks_wind {left: 338px; top: 275px; cursor:pointer;}
#jkb_wind {left: 418px; top: 213px; cursor:pointer;}
#skg_wind {left: 422px; top: 158px; cursor:pointer;}
#ksc_wind {left: 468px; top: 174px; cursor:pointer;}
#ty1_wind {left: 283px; top: 187px; cursor:pointer;}
#ngp_wind {left: 112px; top: 261px; cursor:pointer;}
#sty_wind {left: 376px; top: 309px; cursor:pointer;}
#tw_wind {left: 295px; top: 151px; cursor:pointer;}
#sf_wind {left: 342px; top: 228px; cursor:pointer;}
#se_wind   {left: 373px; top: 212px; cursor:pointer;}
#tap_wind {left: 496px; top: 56px; cursor:pointer;}
#gi_wind {left: 290px; top: 230px; cursor:pointer;}
#plc_wind {left: 385px; top: 58px; cursor:pointer;}
#tc_wind {left: 376px; top: 175px; cursor:pointer;}
#sc_wind {left: 103px; top: 181px; cursor:pointer;}
/* 20200225 */
#cp1_wind {left: 335px; top: 243px; cursor:pointer;}
#lam_wind {left: 291px; top: 293px; cursor:pointer;}
#np1_wind {left: 393px; top: 242px; cursor:pointer;}
#ccb_wind {left: 230px; top: 295px; cursor:pointer;}

#hka_rh { left:133px; top:221px; cursor:pointer;  text-align:center;}
#clk_rh { left:133px; top:221px; cursor:pointer;  text-align:center;}
#cch_rh {left: 230px; top: 308px; cursor:pointer;  text-align:center;}
#pen_rh { left:237px; top:235px; cursor:pointer;  text-align:center;}
#wgl_rh {left: 446px; top: 325px; cursor:pointer; text-align:center;}
#hks_rh {left: 346px; top: 274px; cursor:pointer; text-align:center;}
#hko_rh {left: 349px; top: 223px; cursor:pointer; text-align:center;}
#jkb_rh {left: 422px; top: 216px; cursor:pointer; text-align:center;}
#tun_rh { left:182px; top:144px; cursor:pointer;  text-align:center;}
#ty1_rh {left: 288px; top: 185px; cursor:pointer; text-align:center;}
#tkl_rh {left: 344px; top: 20px; cursor:pointer;  text-align:center;}
#sek_rh {left: 271px; top: 104px; cursor:pointer;  text-align:center;}
#skg_rh {left: 430px; top: 158px; cursor:pointer; text-align:center;}
#ksc_rh {left: 474px; top: 174px; cursor:pointer; text-align:center;}
#tw_rh {left: 302px; top: 151px; cursor:pointer; text-align:center;}
#tp_rh {left: 348px; top: 84px; cursor:pointer; text-align:center;}
#tpo_rh {left: 348px; top: 84px; cursor:pointer; text-align:center;}
#sha_rh {left: 374px; top: 132px; cursor:pointer; text-align:center;}
#ssh_rh {left: 300px; top:43px; cursor:pointer;  text-align:center;}
#wlp_rh { left:205px; top:77px; cursor:pointer;  text-align:center;}
#lfs_rh { left:194px; top:62px; cursor:pointer; text-align:center;}
#twn_rh {left:280px; top:137px; cursor:pointer; text-align:center;}
/* 20230417 new RH station release L ver*/
#hkp_rh {left: 336px; top: 244px; cursor:pointer; text-align:center;}
#skw_rh {left: 392px; top: 247px; cursor:pointer; text-align:center;}
#cwb_rh {left: 308px; top: 221px; cursor:pointer; text-align:center;}
#klt_rh {left: 355px; top:205px; cursor:pointer; text-align:center;}
#tls_rh {left: 300px; top:60px; cursor:pointer;  text-align:center;}
#tyw_rh {left: 468px; top: 134px; cursor:pointer; text-align:center;}
#se1_rh { left:264px; top:118px; cursor:pointer;  text-align:center;}

#lfs_wc { left:217px; top:35px; cursor:pointer; text-align:center;}
#wlp_wc { left:210px; top:62px; cursor:pointer;  text-align:center;}
#elc_wc {left: 325px; top: 22px; cursor:pointer; text-align:center;}
#kfb_wc {left: 326px; top: 85px; cursor:pointer; text-align:center;}
#tpk_wc {left: 381px; top: 80px; cursor:pointer; text-align:center;}
#tlc_wc {left: 210px; top: 145px; cursor:pointer;  text-align:center;}
#sk2_wc {left: 458px; top: 143px; cursor:pointer;  text-align:center;}
#skg_wc {left: 458px; top: 157px; cursor:pointer; text-align:center;}
#cwb_wc {left: 490px; top: 252px; cursor:pointer; text-align:center;}
#cwa_wc {left: 472px; top: 264px; cursor:pointer; text-align:center;}
#klt_wc {left: 375px; top: 176px; cursor:pointer; text-align:center;}
#hk2_wc {left: 342px; top: 215px; cursor:pointer; text-align:center;}
#hko_wc {left: 372px; top: 215px; cursor:pointer; text-align:center;}
#ic2_wc {left: 352px; top: 215px; cursor:pointer; text-align:center;}
#ic1_wc	{left: 382px; top: 215px; cursor:pointer; text-align:center;}
#cp1_wc	{left: 358px; top: 230px; cursor:pointer; text-align:center;}
#vpb_wc {left: 330px; top: 230px; cursor:pointer; text-align:center;}
#vpa_wc {left: 340px; top: 245px; cursor:pointer; text-align:center;}
#gsi_wc {left: 360px; top: 252px; cursor:pointer; text-align:center;}
#swh_wc {left: 420px; top: 230px; cursor:pointer; text-align:center;}
#slw_wc {left: 140px; top: 215px; cursor:pointer;  text-align:center;}
#dnl_wc {left: 270px; top: 236px; cursor:pointer; text-align:center;}
#pe2_wc {left: 252px; top: 220px; cursor:pointer; text-align:center;}
#cch_wc {left: 230px; top: 308px; cursor:pointer;  text-align:center;}
#cce_wc {left: 250px; top: 308px; cursor:pointer;  text-align:center;}
#lam_wc {left: 312px; top: 285px; cursor:pointer;  text-align:center;}
#wl2_wc	{left: 480px; top: 320px; cursor:pointer; text-align:center;}
#wgl_wc {left: 480px; top: 342px; cursor:pointer; text-align:center;}
#tm2_wc {left: 324px; top: 115px; cursor:pointer; text-align:center;}
#ks2_wc {left: 495px; top: 146px; cursor:pointer; text-align:center;}

div#HKOvis {
	position: absolute;
	/*
	left: 192px;
    top: 113px;
	*/
	left: 326px;
    top: 130px;
}

div#CLKvis {
	position: absolute;
	/*
	left: 2px;
    top: 137px;
	*/

	left: 122px;
    top: 159px;
}

div#SWHvis {
	position: absolute;
	/*left: 320px;
	top: 153px;
	*/
	left: 450px;
	top: 193px;
}

div#WGLvis {
	position: absolute;
	/*
    left: 463px;
    top: 265px;
	*/
	left: 500px;
    top: 288px;
}

div#CENvis {
	position: absolute;
	/*
	left: 153px;
    top: 208px;
	*/
	left: 269px;
    top: 248px;
	
}

div#MWvis {
	position: absolute;
    left: 120px;
    top: 96px;
}

div#WLPIvis {
	position: absolute;
    top: 264px;
    left: 218px;
}

div#WLCHvis {
	position: absolute;
    left: 40px;
    top: 250px;
}

div#URvis {
	position: absolute;
	left: 2px;
   top: 75px;
}

div#WAvis {
	position: absolute;
	top: 160px;
    left: 95px;
}

div#SLvis {
	position: absolute;
	top: 200px;
    left: 5px;
}

div#ELCvis {
	position: absolute;
	top: 250px;
    left: 150px;
}

div#TATPvis {
	position: absolute;
top: 190px;
    left: 310px;
}

div#VICHvis {
	position: absolute;
    top: 215px;
    left: 225px;
}

div#KLBvis {
	position: absolute;
	top: 113px;
    left: 307px;
}
/* 20160219 regional map */
[id^="regional_map_container"]
{
	z-index: 1; 
    height: 375.652px;
    width:685px;
	background: url(../../../common/out_photo/images/hko_map_terrain_v2.png) no-repeat;
	
	
    position:relative;
    color:black;
    font-size:16px; 
	
	overflow: hidden; 
	 
	 display: block; 
	 background-size: auto; 
	 /*background-position: 0px -48px;*/  
	
}

.map-slide, .cwos-map { 
    height:375px;
    width:685px;
	vertical-align: top;
}


#regional_map_container_rf{
	background-size: 660px auto;
	/*background-position: 0px -40px;*/
}	

#regional_rainmap{
    /*width: 800px !important;*/
    height: auto;
	/*background-position: 0px -40px;*/
    /*transform: translate(0px,-40px) !important;*/
	
}

#regional_map_container_wc{
	background-size: 660px auto;
	background-position: 0px -40px;
}	

#regional_wc{
    width: 720px !important;
    height: auto;
	background-position: 0px -40px;
    transform: translate(0px,-40px) !important;
}

#regional_map_container_vis{
position: absolute !important; top: 0px !important; left: 0px !important; z-index: 99 !important; visibility: visible !important; background-size: auto !important; opacity: 1 !important; display: block !important;
}
.highcharts-container{
	zoom: 113%;
    left: 82px;
    top: 18px;
}

@media (max-width:1119px){
.highcharts-container{
	zoom: unset;
    left: unset;
    top: unset;
}

	/* 20160219 regional map */
	[id^="regional_map_container"]
	{
		z-index: 1;
		height:300px;
		width:400px;
		position:relative;
		color:black;
		font-size:16px;
		background: url(../../../common/out_photo/images/hko_map_terrain_v2-400.png) no-repeat;
		overflow: hidden;
	}
	 
		
	.map-slide, .cwos-map { 
		width: 400px;
		height: 300px; 
		vertical-align: top;
	}
	
	#regional_map_container_rf{
		background-size: 550px auto  !important;
		background-position: -62px 0px  !important;
	}	

	#regional_rainmap{
		width: 550px !important;
		height: auto;
		transform: translate(-62px,-0px) !important;
		
	}
	
	#regional_map_container_wc{
		background-position: -52px -35px  !important;
		background: none;
	}	

	#regional_wc{
		width: 600px !important;
		height: auto;
		transform: translate(-52px,-35px) !important;
		
	}
	
	#wgl_min,#wgl_max,#wgl {    left: 309px;
	   top: 265px; cursor:pointer; text-align:left;}
	#sty_min,#sty_max,#sty {left: 246px;
		top: 250px; cursor:pointer; text-align:left;}
	/* hks needed to be modified */
	#hks_min,#hks_max,#hks {    left: 217px;
		top: 229px; cursor:pointer; text-align:left;}
	#skw_min,#skw_max,#skw {    left: 262px;
		top: 197px; cursor:pointer; text-align:left;}
	#hko_min,#hko_max,#hko {    left: 222px;
	   top: 176px; cursor:pointer; text-align:left;}
	#ty1_min,#ty1_max,#ty1 {    left: 158px;
	   top: 145px; cursor:pointer; text-align:left;}
	/* jkb needed to be modified */
	#jkb_min,#jkb_max,#jkb {    left: 291px;
	   top: 180px;cursor:pointer; text-align:left;} 
	#tun_min,#tun_max,#tun {     left: 74px;
	   top: 110px; cursor:pointer;  text-align:left;}
	#wlp_min,#wlp_max,#wlp { left: 105px;
	   top: 55px; cursor:pointer;  text-align:left;}
	#sek_min,#sek_max,#sek {left: 154px;
	   top: 74px;cursor:pointer;  text-align:left;}
	/* 20160613 #clk_min,#clk_max,#clk {    left: 35px;
	   top: 175px; cursor:pointer;  text-align:left;} */
	#hka_min,#hka_max,#hka {    left: 35px;
	   top: 175px; cursor:pointer;  text-align:left;}
	#pen_min,#pen_max,#pen {left: 118px;
	   top: 190px; cursor:pointer;  text-align:left;}
	#cch_min,#cch_max,#cch {left: 110px;
	   top: 255px; cursor:pointer;  text-align:left;}
	#cwb_min,#cwb_max,#cwb {left: 302px;
	   top: 210px; cursor:pointer;  text-align:left;}
	#tkl_min,#tkl_max,#tkl {    left: 210px;
		top: 5px; cursor:pointer;  text-align:left;}
	#ssh_min,#ssh_max,#ssh {left: 180px;
	  top: 23px; cursor:pointer;  text-align:left;}
	/* 20200225 */
	#tls_min,#tls_max,#tls {left: 180px;
	  top: 40px; cursor:pointer;  text-align:left;}
	/*20160613 #tp_min, #tp_max, #tp {    left: 213px;
		top: 55px; cursor:pointer; text-align:left;}*/
	#tpo_min, #tpo_max, #tpo {    left: 213px;
		top: 55px; cursor:pointer; text-align:left;}
	#sha_min,#sha_max,#sha {left: 244px;
	   top: 100px; cursor:pointer; text-align:left;}
	#skg_min,#skg_max,#skg {    left: 285px;
	   top: 115px;cursor:pointer; text-align:left;}
	#wts_min,#wts_max,#wts {    left: 240px;
		top: 146px; cursor:pointer; text-align:left;}
	#ksc_min,#ksc_max,#ksc {left: 328px;
		top: 134px; cursor:pointer; text-align:left;}
	#tw_min, #tw_max, #tw {left: 175px;
	   top: 115px; cursor:pointer; text-align:left;}
	#tyw_min,#tyw_max,#tyw {    left: 328px;  
		 top: 100px; cursor:pointer; text-align:left;}
			 
	#ngp_min,#ngp_max,#ngp {left: 26px; 
	top: 213px;  cursor:pointer; text-align:left;}
			 
	#lfs_min,#lfs_max,#lfs {     left: 94px;
		top: 36px; cursor:pointer; text-align:left;}
	/* hkp needed to be modified */
	#hkp_min,#hkp_max,#hkp {    left: 216px;
		top: 198px; cursor:pointer; text-align:left;}
	#ssp_min,#ssp_max,#ssp   {    left: 190px;
		top: 150px; cursor:pointer; text-align:left;}
	#ylp_min,#ylp_max,#ylp { left: 120px;
		 top: 74px; cursor:pointer; text-align:left;}
	#ktg_min,#ktg_max,#ktg {left: 260px;
		 top: 173px; cursor:pointer; text-align:left;}
	#klt_min,#klt_max,#klt {    left: 235px;
		top: 160px; cursor:pointer; text-align:left;}
	#vp1_min,#vp1_max,#vp1 {left: 198px;
		top: 212px; cursor:pointer; text-align:left;}
	#hpv_min,#hpv_max,#hpv {    left: 238px;
		top: 213px; cursor:pointer; text-align:left;}
	#twn_min,#twn_max,#twn {left: 160px;
	   top: 100px; cursor:pointer; text-align:left;}
	   
	/* 20160302 */   
	#tc_min,#tc_max, #tc {    left: 246px;
		top: 130px; cursor:pointer;text-align:left;}
	#tms_min,#tms_max, #tms {    left: 175px;
	   top: 85px; cursor:pointer;text-align:left;}
	   
	/* 20170330 */
	 #plc_min,#plc_max, #plc {    left: 255px;
		top: 34px; cursor:pointer;}   
	   
	#tpk_wind {    left: 226px;
		top: 68px; cursor:pointer; }
	/* 20200225 */
	#cp1_wind {    left: 211px;
		top: 193px; cursor:pointer; }
	#np1_wind {    left: 262px;
		top: 186px; cursor:pointer; }
	#ccb_wind {    left: 115px;
		top: 237px; cursor:pointer; }
	#lam_wind {    left: 165px;
		top: 237px; cursor:pointer; }
	#lfs_wind {     left: 94px;
		top: 36px; cursor:pointer;}
	#tun_wind {     left: 74px;
		top: 110px; cursor:pointer;}
	/* 20160613 #clk_wind {     left: 35px;
		top: 170px; cursor:pointer;} */
	#hka_wind {     left: 35px;
		top: 170px; cursor:pointer;}
	#pen_wind {left: 118px;
		top: 190px; cursor:pointer;}
	#cch_wind {left: 110px;
		top: 245px; cursor:pointer;}
	#tkl_wind {    left: 210px;
		top: 5px; cursor:pointer;}
	#sek_wind {left: 154px;
		top: 74px; cursor:pointer;}
	#sha_wind {left: 244px;
		top: 100px; cursor:pointer;}
	#wgl_wind {left: 296px;
		top: 254px; cursor:pointer;}
	#hks_wind {    left: 217px;
		top: 223px; cursor:pointer;}
	#jkb_wind {    left: 291px;
		top: 175px; cursor:pointer;}
	#skg_wind {    left: 285px;
		top: 115px; cursor:pointer;}
	#ksc_wind {left: 328px;
		top: 134px; cursor:pointer;}
	#ty1_wind {    left: 158px;
		top: 140px; cursor:pointer;}
	#ngp_wind {left: 23px; 
		top: 205px; cursor:pointer;}
	#sty_wind {left: 246px;
		top: 245px; cursor:pointer;}
	#tw_wind {left: 175px;
		top: 110px; cursor:pointer;}
	#sf_wind {    left: 219px;
		top: 184px; cursor:pointer;}
	#se_wind   {    left: 247px;
		top: 166px; cursor:pointer;}
	#tap_wind {left: 350px;
		top: 36px; cursor:pointer;}
	#gi_wind {    left: 175px;
		top: 185px; cursor:pointer;}
	#plc_wind {    left: 255px;
		top: 34px; cursor:pointer;}
	#tc_wind {    left: 246px;
		top: 135px; cursor:pointer;}
	#sc_wind {left: 13px;
		top: 141px; cursor:pointer;}

	/* #clk_rh {     left: 35px;
		top: 175px; cursor:pointer;  text-align:left;} */
	#hka_rh {     left: 35px;
		top: 175px; cursor:pointer;  text-align:left;}
	#cch_rh {left: 110px;
		top: 255px; cursor:pointer;  text-align:left;}
	#pen_rh {left: 118px;
		top: 190px;cursor:pointer;  text-align:left;}
	#wgl_rh {left: 309px;
		top: 265px; cursor:pointer; text-align:left;}
	#hks_rh {    left: 217px;
		top: 223px; cursor:pointer; text-align:left;}
	#hko_rh {    left: 222px;
		top: 176px; cursor:pointer; text-align:left;}
	#jkb_rh {    left: 291px;
		top: 180px; cursor:pointer; text-align:left;}
	#tun_rh {     left: 74px;
		top: 110px; cursor:pointer;  text-align:left;}
	#ty1_rh {    left: 158px;
		top: 145px; cursor:pointer; text-align:left;}
	#tkl_rh {    left: 210px;
		top: 5px; cursor:pointer;  text-align:left;}
	#sek_rh {left: 154px;
		top: 74px; cursor:pointer;  text-align:left;}
	#skg_rh {    left: 285px;
		top: 115px; cursor:pointer; text-align:left;}
	#ksc_rh {left: 328px;
		top: 134px; cursor:pointer; text-align:left;}
	#tw_rh {left: 175px;
		top: 115px; cursor:pointer; text-align:left;}
	/* 20160613 #tp_rh {    left: 213px;
		top: 55px; cursor:pointer; text-align:left;} */
	#tpo_rh {    left: 213px;
		top: 55px; cursor:pointer; text-align:left;}
	#sha_rh {left: 244px;
		top: 100px; cursor:pointer; text-align:left;}
	#ssh_rh {left: 180px;
		top: 23px; cursor:pointer;  text-align:left;}
	#wlp_rh { left: 105px;
		top: 55px; cursor:pointer;  text-align:left;}
	#lfs_rh {     left: 94px;
		top: 36px; cursor:pointer; text-align:left;}
	#twn_rh {left: 160px;
		top: 100px; cursor:pointer; text-align:left;}
/*20230417 new RH station release*/
#hkp_rh {left: 238px; top: 201px; cursor:pointer; text-align:left;}
#skw_rh {left: 270px; top: 203px; cursor:pointer; text-align:left;}
#cwb_rh {left: 490px; top: 252px; cursor:pointer; text-align:left;}
#klt_rh {left: 224px; top: 165px; cursor:pointer; text-align:left;}
#tls_rh {left: 213px; top:45px; cursor:pointer;  text-align:left;}
#tyw_rh {left: 341px; top: 116px; cursor:pointer; text-align:left;}
#se1_rh { left:402px; top:232px; cursor:pointer;  text-align:left;}

	#lfs_wc { left:119px; top:28px; cursor:pointer; text-align:center;}
	#wlp_wc { left:119px; top:45px; cursor:pointer;  text-align:center;}
	#elc_wc {left: 218px; top: 12px; cursor:pointer; text-align:center;}
	#kfb_wc {left: 218px; top: 65px; cursor:pointer; text-align:center;}
	#tpk_wc {left: 264px; top: 58px; cursor:pointer; text-align:center;}
	#tlc_wc {left: 123px; top: 115px; cursor:pointer;  text-align:center;}
	#sk2_wc {left: 330px; top: 110px; cursor:pointer;  text-align:center;}
	#skg_wc {left: 330px; top: 130px; cursor:pointer; text-align:center;}
	#cwb_wc {left: 334px; top: 212px; cursor:pointer; text-align:center;}
	#cwa_wc {left: 348px; top: 200px; cursor:pointer; text-align:center;}
	#klt_wc {left: 260px; top: 140px; cursor:pointer; text-align:center;}
	#hk2_wc {left: 228px; top: 170px; cursor:pointer; text-align:center;}
	#hko_wc {left: 250px; top: 170px; cursor:pointer; text-align:center;}
	#ic2_wc {left: 238px; top: 170px; cursor:pointer; text-align:center;}
	#ic1_wc	{left: 265px; top: 170px; cursor:pointer; text-align:center;}
	#cp1_wc	{left: 245px; top: 190px; cursor:pointer; text-align:center;}
	#vpb_wc {left: 215px; top: 190px; cursor:pointer; text-align:center;}
	#vpa_wc {left: 228px; top: 202px; cursor:pointer; text-align:center;}
	#gsi_wc {left: 245px; top: 210px; cursor:pointer; text-align:center;}
	#swh_wc {left: 285px; top: 190px; cursor:pointer; text-align:center;}
	#slw_wc {left: 58px; top: 174px; cursor:pointer;  text-align:center;}
	#dnl_wc {left: 164px; top: 192px; cursor:pointer; text-align:center;}
	#pe2_wc {left: 145px; top: 182px; cursor:pointer; text-align:center;}
	#cch_wc {left: 135px; top: 255px; cursor:pointer;  text-align:center;}
	#cce_wc {left: 155px; top: 255px; cursor:pointer;  text-align:center;}
	#lam_wc {left: 195px; top: 235px; cursor:pointer;  text-align:center;}
	#wl2_wc	{left: 338px; top: 262px; cursor:pointer; text-align:center;}
	#wgl_wc {left: 338px; top: 280px; cursor:pointer; text-align:center;}
	#tm2_wc {left: 212px; top: 95px; cursor:pointer; text-align:center;}
	#ks2_wc {left: 355px; top: 120px; cursor:pointer; text-align:center;}
	

div#HKOvis {
	position: absolute;
	left: 192px;
    top: 93px;
}

div#CLKvis {
	position: absolute;
	left: 2px;
    top: 117px;
}

div#SWHvis {
	position: absolute;
	left: 320px;
	top: 153px;
}

div#WGLvis {
	position: absolute;
    left: 333px;
    top: 225px;
}

div#CENvis {
	position: absolute;
	left: 153px;
    top: 208px;
}

div#MWvis {
	position: absolute;
    left: 120px;
    top: 96px;
}

div#WLPIvis {
	position: absolute;
    top: 264px;
    left: 218px;
}

div#WLCHvis {
	position: absolute;
    left: 40px;
    top: 250px;
}

div#URvis {
	position: absolute;
	left: 2px;
   top: 75px;
}

div#WAvis {
	position: absolute;
	top: 160px;
    left: 95px;
}

div#SLvis {
	position: absolute;
	top: 200px;
    left: 5px;
}

div#ELCvis {
	position: absolute;
	top: 250px;
    left: 150px;
}

div#TATPvis {
	position: absolute;
top: 190px;
    left: 310px;
}

div#VICHvis {
	position: absolute;
    top: 215px;
    left: 225px;
}

div#KLBvis {
	position: absolute;
	top: 113px;
    left: 307px;
}

.regionTimeRF{
	opacity: .6;
}

}