@charset "utf-8";
/* CSS Document */

::-webkit-scrollbar {
    width: 5px;
	height:5px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: rgba(150,150,150,0.8); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(150,150,150,0.4); 
}
a *{color:inherit; text-decoration:none; border:none;}
*{-webkit-text-size-adjust:none;}
html, body{margin:0px; padding:0px; }
body{background:url("/media/1006/bg.png") repeat;/* overflow-x:hidden; overflow-y:auto; min-height:760px;*/}

/* noscript */
.noJS{position:absolute; top:0px; bottom:0px; left:0px; right:0px; background:#ccc; text-align:center; z-index:1000;}
.noJS div.noJsImg{background:url("/javax.faces.resource/admin/images/ui/dmc_noscript.png.jsf") no-repeat; width:478px; height:215px; position:relative; margin:10% auto 0px;}
.noJS h1{color:#fff; font-size:3em; font-weight:normal; font-family:'HelveticaNeueLight', Helvetica, Arial, sans-serif;}
/* Frame & structure */
#right_arrow{position:absolute; top:50%; right:0px; width:107px; height:79px; margin-top:-35px; display:none; z-index: 111; cursor:pointer; background:url("/media/1096/right.png") no-repeat;}
#left_arrow{position:absolute; top:50%; left: 0px;width:107px; height:79px;  margin-top:-35px; display:none; z-index: 111; cursor:pointer;  background:url("/media/1047/left.png") no-repeat;}

#maincontainer{position:absolute; width:100%; height:100%; overflow:hidden; top:0px;/*min-height:760px;*/}
#hidden_data{position:absolute; top:9999px; left:-9999px;}
/* middle */
.middle{top:75px; bottom:25px; width:100%; position:absolute; font-size:1.6em; overflow: hidden; }
/*.IE .middle{overflow:scroll;}*/
.pg.spread{position:absolute;top:0px; bottom:0px; height:575px; width:2000px; text-align:center;}
.center_adjust{display:inline-block; *display:inline; *zoom:1; margin-left: 20px;}
.pg.spread.auto{margin:auto;}
.pg.spread.min{padding-top:10px;}
.pg.full{position:absolute; top:0px; bottom:0px; left:0px; right:0px;}
.full_center{position:absolute; top:30px; bottom:20px; left:50px; right:50px; margin:auto;}
.temp1{ position:absolute; top:25px; bottom:0px; left:5px; right:0px;  overflow-x:hidden; 
overflow-y:scroll; -webkit-overflow-scrolling: touch; text-align: left; background:#FFF;}
.temp1 div.paper{background:#FFF; padding: 20px 40px; /*min-height: 100%;*/
overflow: hidden;
display: block;}
.temp2{position:absolute; top:25px; bottom:0px; left:0px; right:0px;  overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; text-align: left;
}
.temp2 .side_left{width: 315px; margin-bottom:15px; margin-left: 5px;}
.temp2 .side_right{position:absolute; top:0px; bottom:0px; left:350px; right:0px; margin-bottom: 15px;}
.temp2 .side_right>div.paper{background:#fff; padding: 20px 40px; min-height: 100%; overflow:hidden; /*display:block;*/}

.temp3{position:absolute; top:25px; bottom:0px; left:0px; right:0px; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; text-align: left;
}
.temp3 .side_left{ width: 315px; margin-bottom:15px; margin-left: 5px;}
.temp3 .side_right{position:absolute; top:0px; bottom:0px; left:350px; right:0px; margin-bottom: 15px;}
.temp3 .side_right .side_right_left{ position:absolute; right:350px; left:0px; top:0px; }
.temp3 .side_right .side_right_left>div.paper{background:#fff; padding:20px 40px; min-height: 100%; overflow:hidden; display:block;}
.temp3 .side_right .side_right_right{position:absolute; right:0px; top:0px; padding:0px; width:325px; background:#fff; overflow:hidden;}
.temp3 .side_right .side_right_right img{width:100%; height:auto; float: left;}

.temp4{position:absolute; top:25px; bottom:0px; left:0px; right:0px; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; text-align: left;
}
.temp4 .side_left{ width: 315px; margin-bottom:15px;  margin-left: 5px;}
.temp4 .side_right{position:absolute; top:0px; bottom:0px; left:350px; right:0px; margin-bottom: 15px;}
.temp4 .side_right .side_right_full{ position:relative; right:0px; left:0px; top:0px; margin-bottom:15px;}
.temp4 .side_right .side_right_full div.paper{ padding:20px 40px; background:#fff;}
.temp4 .side_right .side_right_left div.paper{padding:20px 40px; background:#fff;}
.temp4 .side_right .side_right_left{position:absolute; right:350px; left:0px; top:0px;}
.temp4 .side_right .side_right_right{position:absolute; right:0px; top:0px; padding:0px; width:325px; background:#fff;}
.temp4 .side_right .side_right_right img{width:100%; height:auto; float: left;}
.articlehide{display:none;}
/* map only css*/
#map_container{background:#FFF; position:absolute; top:25px; bottom:0px; left:0px; right:0px;overflow: hidden;}
#map{position: absolute;width: 100%;height: 100%;}
#map_search{top:40px; bottom:auto; width:300px; left:auto; margin:0px; right:20px; height:45px;}
.direction_btn{background:#c61100; padding:10px; color:#fff; font-weight:bold; text-align:center; cursor:pointer;}
.map_btns{display:inline-block; padding:2px 6px; line-height:20px; color:#808080; vertical-align: middle; border-left:#666 solid thin; cursor:pointer; width:120px;}
.map_btns.activated{color:#E90000;}
.map_alert{position:absolute; z-index:100; top:0px; bottom:0px; left:0px; right:0px; width:250px; height:60px; padding:10px;
background:#fff; display:table; text-align:center; margin:auto;
border: 1px solid #CCC;
border-top-color: #D9D9D9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
.map_alert p{display:table-cell; vertical-align:middle;}
.map_btns:first-child{ border-left:none; width:auto;}
#map_nav, #map_search{position:absolute; bottom:40px; left:50%; width:90%; margin-left:-45%; text-align:center; outline:rgba(0,0,0,.5) 8px solid;
  background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #cad6de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cad6de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#cad6de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#cad6de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#cad6de 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#cad6de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cad6de',GradientType=0 ); /* IE6-9 */
}
#map_search_input{background:none; height:20px; padding:10px; width:222px; float:left; border:none; outline:none; font-size:18px;}
#map_search_icon{border-left:#666 solid thin; display:inline-block; padding:5px 10px; line-height:20px; position: absolute;
right: 0px; cursor:pointer;}
#map_search{top:40px; bottom:auto; width:300px; left:auto; margin:0px; right:20px; height:45px;} 


/* user_profile only css */
#user_container{background:#FFF; position:absolute; top:25px; bottom:0px; left:0px; right:0px; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling: touch; padding: 20px;}
#user_container .user_img{ width:300px; overflow:hidden; float:left; position:relative; height:300px; top:0px; left:0px;}
#user_container .user_img2{float: left;clear: both;width:100%;}
#user_container .img_upload{overflow: hidden;width: auto;float: left;width:300px;}
#user_container .user_img img{ width:auto; height:90%; position:absolute; top:0px; bottom:0px; right:0px; left:0px; margin:auto;  border:thick #ccc solid;}
#user_container .user_details{display:block; margin-left:300px; vertical-align:top;}
#user_container .user_details .user_details_row{padding:8px 5px; overflow:hidden; display:block; zoom:1; position:relative; }
#user_container .user_details .user_details_row table{display:inline-block; zoom:1; *display:inline;}
#user_container .user_details .user_details_row table label{padding:5px 10px;}
#user_container .user_details .user_details_row:nth-child(2n){background:#eee;}
#user_container .user_details .user_details_row .user_label{width:100px; float:left; font-weight:bold; padding:5px 0px;}
#user_container .user_details .user_details_row .user_data{display: block; margin-left: 120px;}
#user_container .user_details .user_details_row .user_data input{padding:3px; width:90%; margin-left:5px;}
#user_container .user_details .user_details_row .user_data input[type=checkbox]{width:auto; margin:0px 5px;}
#user_container .user_details .user_details_row .user_data input[disabled]{border:none; background:none;}

/* contact us form */
.contact_us_form{/*max-width:600px;*/ width:100%; psoition:relative; margin:0px auto;}
.contact_us_form .form_row{display:block; padding:5px; overflow:hidden; display:block;}
.contact_us_form .form_row input{width:70%; padding:5px; float:right;}

/* contact */
.contact_panel{position:absolute; top:0px; bottom:0px; left:0px ; right:0px; width:300px; padding:20px 30px;}
.contact_panel h3{margin:0px;}
.contact_panel .feed_form{background:#181B60; position:absolute; padding:20px 30px; color:#fff; top:55px; bottom:0px; left:0px; right:0px; overflow: hidden;}
.contact_panel .feed_form .row_input{display:block; padding:10px; background:#fff;  margin:5px 0px;}
.contact_panel .feed_form input[type=text]{display:block; width:100%;  border:none; }
.contact_panel .feed_form input[type=button]{float:right;}
.contact_panel .feed_form textarea{resize: none; width:100%;  margin:5px 0px; border:none; }
.contact_content{height:auto; margin-left:390px ;display:inline-block;zoom:1;*display:inline; font-size:.95em; padding-right: 10px;}
.map_details{float:left;width:50%;}
.contact_row{overflow:hidden; padding-bottom:20px;}
.contact_row.head{border-bottom:#666 dotted thin;}
.contact_row.head  .map_details>p{color:#f00;}
.contact_row>p{color:#f00;}
.details_block p{margin:3px 0px;}
.paper .details_block  table td{background:none;vertical-align:top;}
.details_block  table span{color:#666; display:inline-block; zoom:1; *display:inline; width:80px;}
.map_right{text-align: right; padding-right:20px; padding-top:10px;float:left;width:46%;}

/* trend */
.accordion.ui-accordion{background:#fff; padding:20px;}
.accordion .ui-widget {font-size:inherit}
.accordion h3{font-size:1.2em;}
.accordion h3.ui-accordion-header.ui-state-default{margin-bottom:3px;}
.accordion .ui-accordion-content{background:#fff; padding:10px;}
.accordion .ui-icon{display:none;}
.horz_chart{border-top:#ccc thin solid; padding:10px 5% 30px; margin-top:20px;}
.horz_chart>div.bars{width:80%}
.horz_chart>div.bars>div{width:80%; height:30px; background:#999; margin:10px 0px 0px 100px; position:relative;}
.horz_chart>div.bars>div span:first-child{font-size:1.6em; color:#181B60; margin-left:-70px;}
.horz_chart>div.bars>div span:last-child{position:absolute; right:-50px; line-height:30px;}
.horz_chart>div.bars:nth-child(1n+1)>div{background:#69d2e7; width:20%;}
.horz_chart>div.bars:nth-child(2n+1)>div{background:#a7dbd8; width:52%;}
.horz_chart>div.bars:nth-child(3n+1)>div{background:#e0e4cc; width:37%;}
.horz_chart>div.bars:nth-child(4n+1)>div{background:#f38630; width:79%;}
.horz_chart>div.bars:nth-child(5n+1)>div{background:#c44d58; width:18%;}
.horz_chart>div.bars:nth-child(6n+1)>div{background:#f8ca00; width:10%;}
.horz_chart>div.bars:nth-child(7n+1)>div{background:#ff6b6b; width:24%;}
.horz_chart>div.bars:nth-child(8n+1)>div{background:#769d8b; width:56%;}
.horz_chart>div.bars:nth-child(9n+1)>div{background:#556270; width:97%;}
.horz_chart>div.bars:nth-child(10n+1)>div{background:#cff09e; width:67%;}

.chart{width:90%; height:250px; padding:10px 5% 30px;}
.chart>div.bars{width:9%; margin:0px .5%;  float:left; height:100%; position:relative; text-align:center;}
.chart>div.bars>div{position:absolute; bottom:0px; left:0px; width:100%; height:0%; background:#9F0;
-webkit-transition: height 1s ease-in-out;
  -moz-transition: height 1s ease-in-out;
  -o-transition: height 1s ease-in-out;
  transition: height 1s ease-in-
}
.chart>div.bars>div img{position:absolute; bottom:-20px; left:0px; right:0px; margin:auto;}
.chart>div.bars>div span{position:relative; top:-30px; font-size:.8em;}
.chart>div.bar1>div{background:#69d2e7;}
.chart>div.bar2>div{background:#a7dbd8;}
.chart>div.bar3>div{background:#e0e4cc;}
.chart>div.bar4>div{background:#f38630;}
.chart>div.bar5>div{background:#c44d58;}
.chart>div.bar6>div{background:#f8ca00;}
.chart>div.bar7>div{background:#ff6b6b;}
.chart>div.bar8>div{background:#769d8b;}
.chart>div.bar9>div{background:#556270;}
.chart>div.bar10>div{background:#cff09e;}

/* news */
.news_row {border: #999 dotted 2px;padding: 10px;position: relative;margin-bottom: 8px;height: 150px;overflow: hidden;}
.news_row .news_thumb{margin:10px; position:absolute; top:0px; left:0px; bottom:0px; width:200px; overflow:hidden;}
.news_row .news_thumb img{width:100%; height:auto;}
.news_row .news_details{margin-left:230px; height: 120px; overflow: hidden; line-height:21px;}
.news_row .news_details h3{margin:0px;}
.news_row .news_details div{color:#666;}
.news_row .read_more{background:url("/media/1093/read_more.png") no-repeat; width:112px; height:36px; position:absolute; bottom:0px; right:0px;}

/* dream num */
.dream_number{font-size:1.5em;}
.dream_number>h3{margin:0px;}
.dream_number_left{float:left; width:50%;}
.dream_num_right{float:right; width:40%; margin-bottom:10px;}
.dream_num_right label{font-style:italic; color:#666;}
.dream_num_right input[type=text]{padding:10px; width:70%;}
.dream_num_right input[type=button], .dream_num_right img{vertical-align:middle; display:inline-block; *display:inline; zoom:1}
.dream_num_right img{}
.dream_num_result{border-top:#333 solid thin; clear:both;}
.dream_num_table .dream_num_th{background:#181B60; color:#fff; overflow:hidden; font-size:1em; padding:6px 0px; text-transform: uppercase; font-weight:bold; position:relative;}
.dream_num_table .dream_num_td{overflow:hidden; position:relative; height: 120px;}
.dream_num_table .dream_num_td .dream_num_td1, .dream_num_table .dream_num_td .dream_num_td2, .dream_num_table .dream_num_td .dream_num_td3{height: 120px;}
.dream_num_table .dream_num_td:nth-child(even){background:#eee;}
.dream_num_table .dream_num_td1{float:left; width:25%; text-align:center; position: relative; display:table; }
.dream_num_table .dream_num_td2{float:left; width:20%; text-align:center; position: relative; display:table; }
.dream_num_table .dream_num_td3{float:left; width:50%; position: relative; display:table; }
.dream_num_table .dream_num_td1 img{width:100px; height:100px; border:#333 1px solid; position:absolute; left:0px; right:0px; top:0px; bottom:0px; margin:auto;}
.dream_num_table .dream_num_td2>div, .dream_num_table .dream_num_td3>div{position:relative; display: table-cell;
vertical-align: middle;}
.aus_search{padding:10px 0px;}
.aus_search select{ margin-right: 5px;}

/* fav_num */
.my_fav_num{overflow-y:scroll; background:none; -webkit-overflow-scrolling: touch; position:absolute; top:25px; bottom:0px; left:0px; right:0px;}
.my_fav_num_nav{display:block;}
.my_fav_num_nav> div {display:inline-block; *display:inline; zoom:1; margin-right:20px; margin-bottom:10px; }
.my_fav_num_nav label{display:block; padding:3px 10px; color:#333;}
.my_fav_num_nav select{margin-left:10px; padding:2px 5px;}
.my_fav_num_nav button.addFav_btn, .my_fav_num_nav button.deleteList_btn, .my_fav_num_nav button.addGroup_btn{border:none; padding:0px; height:26px; color:#fff; background:#666; vertical-align: middle;-webkit-border-radius: 5px;
-moz-border-radius:5px;
border-radius: 5px;}
.my_fav_num_nav button.addFav_btn img, .my_fav_num_nav button.deleteList_btn img, .my_fav_num_nav button.addGroup_btn img{vertical-align:middle;}
.my_fav_num_nav button.addFav_btn span, .my_fav_num_nav button.deleteList_btn span, .my_fav_num_nav button.addGroup_btn span{line-height: 6px;display: inline-block; padding:0px 10px;}
.my_fav_num_content{text-align:left; padding: 20px 0px;}
.fav_num_tile{display:inline-block; width:15%; margin:10px .5%;  position:relative;}
.fav_num_tile .fav_num_title{background:#181B60; text-align:left; padding:5px 10px; color:#fff; font-size:1.6em; font-weight:normal; letter-spacing:1px;}
.fav_num_tile .fav_num_close{background:url("/media/1752/close_fav.png") no-repeat; width:40px; height:38px; position:absolute; right:0px; top:0px;}
.fav_num_tile .fav_num_meaning{height:80px; padding:6px 10px; text-align:center; display:table;}
.fav_num_tile .fav_num_meaning .fav_num_meaning_wrapper{display:table;}
.fav_num_tile .fav_num_meaning .fav_num_img{display:table-cell; vertical-align:middle; padding:5px 15px 5px 5px;}
.fav_num_tile .fav_num_meaning .fav_num_desc{display:table-cell; vertical-align:middle;}



/* header */
.header{position:absolute; top:0px; left:0px; width:100%; height:75px; z-index:200; overflow:visible;}
.top_header{position:absolute; top:0px; left:0px; width:100%; height:75px; background:#fff; border-bottom:#eee thin solid;
-webkit-box-shadow: 0px 0px 10px px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .1);}
.top_banner_right{position:absolute; right:0px; z-index:101;}
.top_header_left{position:absolute; width:100%; left:0px; z-index:99;}
#logo{float:left; padding-left: 20px;}
#menu{width:auto; height:75px; text-transform:uppercase; color:#161a60; margin-right: 20px; position: relative;  cursor:pointer;}
#menu_wrap{position:absolute; width:auto; height:auto; top:76px; background: url("/media/1114/top_nav_bg.png") repeat; overflow:hidden; height:0px;  z-index:100; min-width: 100%;}
.menus{float:left; padding:0px 20px; border-right:#fff solid thin;  margin:10px 0px; color:#fff; cursor:pointer; font-size:1.6em;}
.menus a{color:inherit; text-decoration:none; display: block;}
.menus:last-child{border-right:none;}

.user, .sign_out, #headerClock , .user_profile, .user_num, .user_logout{float:right;}
#menu, .chi_icon, .eng_icon{float:left; line-height:75px; font-size:1.4em; cursor:pointer;}
.lang{margin-right: 10px;float:right;}
.lang a{color:inherit;  text-decoration:none;}
.useLng{color:red;}
.user{padding:0px;}
#seperator{float:left; width:1px; height:25px; margin:25px 8px; background:#333;}
.user_window{zoom:1; float:right;}
.user_tip{display:none;}
.user_profile{width:34px; height:35px; margin:18px 2px; background:url("/media/1514/user_sprite.png") no-repeat 0px 0px;}
.user_num{width:34px; height:35px;margin:18px 2px; background:url("/media/1514/user_sprite.png") no-repeat 0px -35px;}
.user_logout{width:34px; height:35px;margin:18px 2px; background:url("/media/1514/user_sprite.png") no-repeat 0px -70px;}
.user_profile:hover{background-position:-34px 0px;}
.user_num:hover{background-position:-34px -35px;}
.user_logout:hover{background-position:-34px -70px;}
.user_icon{float:right; margin-left:10px;}
.user_name{overflow: hidden;position:absolute; top:40px;}
.user_id{padding: 0px 20px;overflow: hidden;}
.user_id>div{float:left; font-size:1.8em; font-weight:bold; line-height:20px;}
.user_id>span{float:left; font-size:1.4em; font-weight:normal; line-height:20px;}


#headerClock{color:#000; font-size:1.8em; padding: 27px 18px 0px; font-family:Helvetica, Arial, sans-serif;  text-align:right;}
#headerClock.log_in{padding:17px 18px 0px;}
#headerClock .ui-widget{background:none; border:none; padding:0px; font-size:1em; font-weight:normal;}
#headerClock .bold .ui-widget{ font-weight:bold;}
#headerClock >span:last-child{ font-size:.7em; color:#181b60; display:none;}
#headerClock >span:last-child >span {color: red;font-size: 1.3em;font-weight: bold;}

.sign_out{padding:0px 15px; color:#fff; background:#181b60; height:75px; line-height:75px;  font-size:1.6em; }

#announcement input[type=checkbox]{display:none;}
#announcement label{position:absolute; width:100%; height:50px; bottom:15px; cursor:pointer;}
/*#announcement input[type=checkbox]:checked ~ #announcement_container{top:-5px;}*/
#announcement_container.showing{display:block !important; top:-5px !important;}
#announcement_container .content{padding:25px 28px; color:#fff; font-size:1.2em;}
#announcement{position:absolute;left:50%; margin-left:-150px; z-index:200;}
#announcement_container{position:absolute; top:-135px; background:url("/media/1005/announcement.png") no-repeat;  width:313px; height:173px;
-webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;}
  
.misc_btn{position:absolute; left:0px; width:1px; top:111px;}
.map_btn, .cal_btn, .announce_btn{position:relative; left:-35px; width:64px; height:64px; cursor:pointer;  background:url("/media/1054/location.png") no-repeat; padding:5px; -webkit-transition: all .1s ease-in-out;
  -moz-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out;}
.announce_btn{background:url("/media/1003/announce.png") no-repeat; padding:5px; display:none;}

.cal_btn{background:url("/media/1008/calc.png") no-repeat; padding:5px;}
.map_btn:hover{ background:url("/media/1055/location-active.png") no-repeat; left:0px;}
.cal_btn:hover{background:url("/media/1011/calc-active.png") no-repeat; left:0px;}
.announce_btn:hover{background:url("/media/1004/announce-active.png") no-repeat; left:0px;}

.breadcrumbs{margin-bottom:10px; margin-left:5px; color: #999; font-size: 0.75em; text-align:left;}
.breadcrumbs a, .breadcrumbs a:hover, .breadcrumbs a:active, .breadcrumbs a:focus, .breadcrumbs a:visited{color:inherit;}

/* bg wallpaper */
#bg_wallpaper{position:absolute; z-index:-1; width:100%; height:100%; overflow: hidden;}
#bg_wallpaper img{display:none;}

/* utilities */
#calc input[type=checkbox][disabled]+label{color:#666;}
.calc_close_small{position:absolute; right:0px; top:0px; background:url("/javax.faces.resource/frontend/images/ui/calc_close_small.png.jsf") no-repeat; width:19px; height:19px;  cursor:pointer;}
#calc{position:absolute; z-index:300; top:50%; left:50%; z-index:100; width:215px; min-height:60px; height:auto; background: #fff; margin-left:-107px; max-height:500px; overflow:auto; font-size:1.6em;
margin-top:-30px;display:none;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);}
#calc_panel{background:#005EA2; height:30px; color:#fff; position:absolute; width:215px;}
#calc_panel span{line-height:30px; font-weight:bold; padding-left:15px;}
.calc_content{margin-top:30px;} 


.calc_content select{width:90%; margin:5%; border:#ccc solid 2px; outline:none; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
#calc_panel .calc_close{background:url("/media/1009/calc_close.png") no-repeat; width:28px; height:30px; float:right; cursor:pointer;}
.calc_key_num{width:90%; margin:0px auto 10px auto; display:none;}
.calc_key_num label{font-size:12px; margin-right:20px;}
.calc_calculate, .calc_add{color:#fff; background:#F00; padding:10px; margin-bottom:10px; border:none; display:block; margin:10px 0px;float:left; margin-right:5px;}
.calc_add{background:#181B60;} 

.jackpot3DSmallValue{font-size: 12px;padding-left: 3px;color: #fc0000;font-weight: 600;}
.calc_4djackpot input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_3djackpot input[type=text]:nth-child(-n+2){width:50px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_4djackpot input[type=text], .calc_3djackpot input[type=text]{padding:3px 5%; width:82%;}
.calc_dmcjackpot input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_dmcjackpotSP input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_dmcjackpotSP-old input[type=text]:nth-child(-n+2){width:85px; margin:0px auto 5px; padding:3px 0px; display:inline-block; text-align: center; border: #CCC solid 1px;}
.calc_entry select{border: #CCC solid 1px;}
.calc_entry input{border: #CCC solid 1px; text-align:center;}
.calc_onethreed input[type=text], .calc_threed input[type=text]{padding:3px 0px; width:185px; border: #CCC solid 1px; text-align:center;}
.calc_onethreed input[type=text]:nth-child(n+2), .calc_threed input[type=text]:nth-child(n+2){width:90px; margin:10px auto; padding:3px 0px; display:inline-block; border: #CCC solid 1px; text-align:center;}
.calc_superonethreed input[type=text], .calc_threed input[type=text]{padding:3px 0px; width:185px; border: #CCC solid 1px; text-align:center;}
.calc_superonethreed input[type=text]:nth-child(n+2), .calc_threed input[type=text]:nth-child(n+2){width:90px; margin:10px auto; padding:3px 0px; display:inline-block; border: #CCC solid 1px; text-align:center;}
.calc_entry:nth-child(n+2){border-top: #666 solid 1px;padding-top: 8px; margin-top: 6px;}
.calc_result{width:90%; margin:0px auto 10px auto; line-height:25px;}
.calc_result div{ border-top:#666 solid 3px; border-bottom:#666 solid 3px; padding:5px 0px;} 

.shadow {
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.red_txt{color:#c61100;}
.blue_txt{color:#09185b;}
.nBtn{ border:0px; padding:0px; vertical-align:middle; display:inline-block; *display:inline; zoom:1;}
.new_entry:hover, .back_btn:hover, .edit_btn:hover, .preview_btn:hover, .print_btn:hover, .save_btn:hover, .clear_btn:hover, .cancel_btn:hover, .submit_btn:hover, .approve_btn:hover, .reject_btn:hover, .download_btn:hover, .search_btn:hover, .did_i_win_btn:hover, .save_btn:hover {
background-position: 0% 100%;
}
.edit_btn {background: url("/javax.faces.resource/admin/images/ui/edit_btn.png.jsf") no-repeat;width: 105px;height: 42px; border:none;}
.save_btn {background: url("/javax.faces.resource/admin/images/ui/btn_profile_save.png.jsf") no-repeat;width: 105px;height: 42px; border:none;}
.cancel_btn{background:url("/javax.faces.resource/admin/images/ui/cancel_btn.png.jsf") no-repeat; width:105px; height:42px;}
.send_btn{background:url("/javax.faces.resource/admin/images/ui/send_btn.png.jsf") no-repeat; width:105px; height:42px;}
.arrow_send_btn{background: url("/javax.faces.resource/admin/images/ui/enter.png.jsf") no-repeat; width:46px; height:46px;}
.did_i_win_btn{background: url("/javax.faces.resource/admin/images/ui/didiwin_btn.png.jsf") no-repeat; width:128px; height:42px;}

/* overlay */
#overlay{position:fixed; top:0px;  width:100%; min-height:100%; z-index:201;}
#overlay .overlay_container{position:absolute; width:100%; height:100%; background:url("/javax.faces.resource/admin/images/ui/opac80_white.png.jsf") repeat;}
#overlay .overlay_container .iframe_holder {background: #FFF;position: absolute;top: 30px;left: 30px;right: 30px;bottom: 30px;font-size: 1.6em; overflow:scroll !important; -webkit-overflow-scrolling:touch !important}
#overlay .overlay_container .iframe_holder iframe{position:absolute; top:0px; bottom:0px; left:0px; right:0px; height:100%; width:100%; border:none;}
#overlay .overlay_close{ background:url("/javax.faces.resource/admin/images/ui/overlay_close.png.jsf") no-repeat; position:absolute; top:10px; right:10px; width:31px; height:31px; cursor:pointer;z-index:100;}
#login_form, #winning_history, #did_i_win{position:absolute; width:100%; height:100%; background:url("/javax.faces.resource/admin/images/ui/opac80_white.png.jsf") repeat; }
.login_form{ position:absolute; width:400px; height:300px; font-size:1.6em; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}
.login_form .redBar {background: #D00000;  padding:10px 0px;}
.login_form .redBar .form_input {padding: 13px 60px;color: #FFF;}
.login_form .redBar .form_input input[type=text]{width:100%; padding:5px 0px;}
.login_form .redBar .form_input input[type=checkbox] ~ label{display:inline;}
.login_form .redBar .form_input label {font-size: .9em;display: block;padding-bottom: 5px;}
.login_form .blueBar {background: #061057;text-align: right;}
.login_form .login_btn {background: #061057;border: none;font-size: 1.5em;color: #FFF;padding: 5px 40px;}
.login_form .sign_up_btn{background: #061057;border: none;font-size: 1em;line-height:1.6em;color: #FFF;padding: 10px 20px;float: left;}
.diss {text-align: center;padding: 10px 0px;color: #333;font-size: 0.8em;}
.diss a {color: inherit;}
/* winning history overlay */
.winning_history_content{background:#fff; position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:20px; font-size:1.6em; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.winning_history_content h3{margin:0px;}
.winning_history_content .side_left{width: 260px;}
.winning_history_content .side_left>div{padding:20px 0px 0px 10px;}
.winning_history_content .side_right{position:absolute; right:0px; left:280px; top:0px; bottom:0px;}
.winning_history_content .side_right>div{padding: 20px;}
.win_history_games input[type=text]{padding:10px; width:200px; margin-bottom:10px;}
.win_history_jackpot input[type=text].half{width:78px; padding:10px; float:left;}
.winning_history_table{padding-top:30px;}
.winning_history_content .select_game_type{padding:5px; width:270px; margin-bottom:10px;}
.winning_history_table .winning_history_th {background: #181B60;color: #FFF;overflow: hidden;font-size: 1em;padding: 10px 0px;text-transform: uppercase;font-weight: bold;position: relative;}
.winning_history_table .winning_history_td1 {float: left; width: 20%; min-height:20px;text-align: center;position: relative;display: table;}
.winning_history_table .winning_history_td2 {float: left; width: 30%;min-height:20px; text-align: center;position: relative;display: table;}
.winning_history_table .winning_history_td3 {float: left; width: 20%;min-height:20px; text-align: center;position: relative;display: table; }
.winning_history_table .winning_history_td .winning_history_td3{color:#f00;}
.winning_history_table .winning_history_td4 {float: left; width: 30%; min-height:20px;text-align: center;position: relative;display: table;}
.winning_history_table .winning_history_td4 span{color:#999;}
.winning_history_table .winning_history_td label{padding:10px 0px;display:block;}
.winning_history_table .winning_history_td:nth-child(even){background:#eee;}
.winning_history_table .winning_history_td{overflow:hidden; position: relative; min-height: 40px;}
.winning_history_table .winning_history_td1>div, .winning_history_table .winning_history_td2>div,.winning_history_table .winning_history_td3>div, .winning_history_table .winning_history_td4>div{position: relative;display: table-cell;vertical-align: middle;}
.winning_history_table .winning_history_td1 span, .winning_history_table .winning_history_td2 span, .winning_history_table .winning_history_td3 span, .winning_history_table .winning_history_td4 span{display: block;width: 100%; height: 3px;}

/* did i win history overlay */
.did_i_win_content{background:#fff; position:absolute; top:0px; left:0px; right:0px; bottom:0px; padding:20px; font-size:1.6em; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.did_i_win_content h3{margin:0px;}
.did_i_win_content .side_left{width: 260px; overflow: hidden;}
.did_i_win_content .side_left>div{padding:20px 0px 0px 10px;}
.did_i_win_content .side_right{position:absolute; right:0px; left:270px; top:0px; bottom:0px;}
.did_win_table{padding-top:30px;}
.did_i_win_content .side_right>div{padding: 20px;}

.did_i_win input[type=text]{padding:10px; width:200px; margin-bottom:10px;}
.did_i_win input[type=text].half{width:100px; float: left;}
.did_i_win input[type=text].half_half{width:55px; float: left;}
.did_i_win_btn{ float:right; margin:10px;}
.did_win_table .did_win_th {background: #181B60;color: #FFF;overflow: hidden;font-size: 1em;padding: 10px 0px;text-transform: uppercase;font-weight: bold;position: relative;}
.did_win_table .did_win_td1 {float: left; width: 25%;text-align: center;position: relative;display: table;}
.did_win_table .did_win_td2 {float: left; width: 15%;text-align: center;position: relative;display: table;}
.did_win_table .did_win_td3 {float: left; width: 20%;text-align: center;position: relative;display: table;}
.did_win_table .did_win_td4 {float: left; width: 20%;text-align: center;position: relative;display: table;}
.did_win_table .did_win_td5 {float: left; width: 20%;text-align: center;position: relative;display: table;}
.did_win_table .did_win_td1.pct1 {width: 10%;}
.did_win_table .did_win_td1.pct2 {width: 20%;}
.did_win_table .did_win_td1.pct3 {width: 30%;}
.did_win_table .did_win_td1.pct4 {width: 40%;}
.did_win_table .did_win_td1.pct5 {width: 50%;}
.did_win_table .did_win_td1.pct6 {width: 60%;}
.did_win_table .did_win_td1>div{position: relative;display: table-cell;vertical-align: middle; height:50px;}
.did_win_table .did_win_td:nth-child(even){background:#eee;}
.did_win_table .did_win_td {overflow: hidden;position: relative;min-height: 45px; height:auto;}
.did_win_table .did_win_td input[type=text]{width:35%; padding:5px; margin:5px 0px;}
.did_win_table .did_win_td select{color:#999; padding:5px; margin:5px 0px; width: 100%;}
/* big winning number */
.big_win_table .big_win_th {background: #181B60;color: #FFF;overflow: hidden;font-size: 1em;padding: 10px 0px;text-transform: uppercase;font-weight: bold;position: relative;}
.big_win_table .big_win_td {overflow: hidden;position: relative;height: auto; padding:10px 0px;}
.big_win_table .big_win_td1 {float: left; width: 14%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td2 {float: left; width: 14%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td3 {float: left; width: 10%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td4 {float: left; width: 10%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td5 {float: left; width: 14%;text-align: center;position: relative;display: table; }
.big_win_table .big_win_td6 {float: left; width: 38%;text-align: center;position: relative;display: table; }
/*.big_win_table .big_win_td7 {float: left; width: 16%;text-align: center;position: relative;display: table; }*/
.big_win_table .big_win_td>div>div{position: relative;display: table-cell;vertical-align: middle;}
.big_win_table .big_win_td:nth-child(even) {background: #EEE;}

/* zodiac number */
.zodiac_wrapper{overflow:hidden;}
.zodiac_row{float:left; width:48%; padding:2% 1%; text-align:center; }
.zodiac {position:relative; display:inline-block; zoom:1; *display:inline; vertical-align:middle;}
.zodiac>div{position:relative; display:block; top:0px; left:0px; color:#f00; text-align:left;}
.zodiac-numbers{display:inline-block; zoom:1; *display:inline; text-align:center; vertical-align:middle;}
.zodiac-numbers div:first-child{background:#181B60; color:#fff; font-size:1.6em; margin-bottom:3px; position:relative; height: 30px; min-width:180px; margin-left:30px;}
.zodiac-numbers div:first-child:before{content:''; position:absolute; left:-30px; height:100%; width: 0px;height: 0px;border-style: solid;border-width: 0 0 30px 30px;border-color: transparent transparent #181B60; transparent;}
.zodiac-numbers div:nth-child(2){background:#F00; color:#fff; font-size:1.6em; margin-bottom:3px; position:relative; height: 30px; min-width:180px; margin-left:30px;}
.zodiac-numbers div:nth-child(2):before{content:''; position:absolute; left:-30px; height:100%;width: 0px;height: 0px;
border-style: solid;border-width: 0 30px 30px 0; border-color: transparent #F00 transparent transparent;}
.zodiac-numbers>span{font-size:.8em; display:inline-block; zoom:1; *display:inline;}
.zodiac_row:after {
content: url("/javax.faces.resource/admin/images/ui/zodiac-shadow.png.jsf");
position: relative; padding-top: 10px;
margin: 0px auto;
width: 100%;
display: block;
}

/* num matrix */
#num_matrix{text-align:center;}
.num_matrix_box{width:48%; display:inline-block; zoom:1; *display:inline; max-width:360px; vertical-align: top;}
.num_matrix_numbers>div{width:23%; float:left; text-align:center; height:80px; background:#b9cde5; display:table; margin:1px; font-size:2em; font-weight:bold; cursor:pointer;}
.num_matrix_numbers>div.active, .num_matrix_numbers>div.active:hover{background:#92d050;}
.num_matrix_numbers>div:hover, .num_matrix_numbers>div.clean{background:#181B60;}
.num_matrix_numbers>div span{display:table-cell; vertical-align:middle; opacity:0; filter:alpha(opacity=0);}
.play_ag_btn{background:#eee; cursor:pointer;}
.play_ag_btn:hover{background:#aaa;}
.num_matrix_meaning{clear:both; padding:10px 0px; text-align:center; display:none;}
.num_matrix_meaning>div{ display:inline-block; zoom:1; *display:inline; padding:10px; border:#ccc 2px solid; font-size:1em; text-align:center; margin-right:10px;}

/* registration form */
#registration{position:absolute; top:0px; bottom:0px; left:0px; right:0px; overflow-y:scroll; -webkit-overflow-scrolling: touch;}
.track_mid_bg, .track_left_bg, .track_right_bg{position:absolute; width:100%; height:100%; z-index:-1;}
.track_mid_bg{background:url("/media/1512/track_middle.png") repeat-x center center;}
.track_left_bg{background:url("/media/1513/track_left.png") no-repeat -10% center;}
.track_right_bg{background:url("/media/1511/track_right.png") no-repeat 110% center;}
.registration_form{background:#fff; position:relative; width:450px; margin:20px auto; font-size:1.6em;}
.registration_form .form_input {padding: 10px 60px 10px 50px;color: #000;}
.registration_form .form_input .form_input_right{margin-left:101px;}
.registration_form .form_input .form_input_right label{display:inline-block; padding-right:10px; *display:inline; zoom:1; color:#666; font-size:.95em;}
.registration_form .form_input .form_input_right select{width:233px; padding:5px; margin:5px 0px; color:#333;}
.registration_form .form_input .form_input_right input[type=text]{width:220px; padding:5px; margin:5px 0px;}
.registration_form h3{ font-family:'HelveticaNeueLight', Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.6em; border-bottom:#f00 solid 5px; margin:0px 0px 20px 0px; padding:5px 0px 10px 20px; color:#181b60;}
.registration_form .form_input>label{width:100px; float:left; color:#666; font-size:.95em;}
.registration_form .form_input>label>span{color:#f00;}
.registration_form .blueBar {background: #061057;text-align: right;}
.registration_form .submit_btn{background: #061057;border: none;font-size: 1em;line-height:1.6em;color: #FFF;padding: 10px 20px;}

/* content pages styling */
.paper h4{color:#181B60; font-size:1.6em; margin:0px; margin-left:0px; position:relative;}
.paper h4:before{ position:absolute; left:-20px; top:5px; content:' '; width: 0px; height: 0px; border-style: solid;border-width: 0 12px 12px 0; border-color: transparent #ff0000 transparent transparent;}
.paper .rounded_pin{background:#F00; color:#FFF; font-size:1.2em; width:auto; height:auto; padding: 30px 20px;
width: 80px; 
 font-size:1em;
position:absolute;
-webkit-border-radius: 70px;
-webkit-border-bottom-right-radius: 0;
-moz-border-radius: 70px;
-moz-border-radius-bottomright: 0;
border-radius: 70px;
border-bottom-right-radius: 0;}
.paper table.noStyle th{background:none; vertical-align:top;}
.paper table.noStyle td{background:none; vertical-align:top;}
.paper .section_row{width:100%; min-height:80px; padding:5px 0px;}
.paper .section_row:after{content:url("/javax.faces.resource/frontend/images/ui/seperator.jpg.jsf"); position:relative; margin:0px auto; width:423px; display:block;}
.paper .section_row .section_row_left{height: 80px; width: 100px; float: left;}
.paper .section_row .section_row_right{margin-left:135px; width:auto; width: 84%;}
.paper .section_row table th{background:#aed7e9; padding:10px 5px; border:#FFF 2px solid; color:#181B60; text-align:center;}
.paper .section_row table td{background:#eee; padding:5px; border:#FFF 2px solid; text-align:center;} 
/* live simulator */
.live_draw_simulator{margin-top:50px; display:inline-block; zoom:1; *display:inline; border:#eee solid 5px; position: relative; width:60%; max-width:800px;}
.notice{position:absolute; background:#fff; top:0px; bottom:0px; left:0px; right:0px; z-index:1000;}
.notice h1{margin-top:10%;}
.notice .notice_content{display:none;}
.live_draw_simulator_panel{background:#666;width: 43%; float:left; height:440px; color:#fff; display: table;}
.live_draw_simulator_panel center{display:table-cell; vertical-align:middle;}
.live_draw_simulator_prize{float:left; width:55%; float:left; height:420px; padding:1%;}
.live_draw_simulator_desc, .live_draw_simulator_content h3{text-align:left; }
.live_draw_simulator_desc h1, .live_draw_simulator_desc p{margin:5px 0px;}
.live_draw_simulator_content .col3, .live_draw_simulator_content .col2 {}
.live_draw_simulator_content .td_label, .live_draw_simulator_content .td_data {padding: 5px;}
.live_draw_simulator_content .td_data {font-weight: bold;font-size: 1.2em;}
.live_draw_simulator_content .td_label {background: #005EA2;color: #FFF;font-size: 1em;font-weight: bold;}
.live_draw_simulator_content .col3_td {background: #CCC;float: left;width: 30.3%;margin-right: 3%;}
.live_draw_simulator_content .col2 {width: 47%;margin-right: 3%;float: left;margin-top: 10px;margin-bottom: 10px;}
.live_draw_simulator_content .col2_label {background: #005EA2;color: #FFF;padding: 5px;font-size: .8em;}
.live_draw_simulator_content .col2_data {width: 50%;float: left;background: #CCC;}
.live_draw_simulator_panel .main_starter{ margin-left:10px; margin-right:10px; overflow:hidden;}
.live_draw_simulator_panel .four_num{margin-top:10px; margin-left:10px; margin-right:10px; overflow:hidden;}
.live_draw_simulator_panel .four_num>div{background: #fff; float:left; width: 20%; margin:0px 2.5%; height:50px; position:relative;}
.live_draw_simulator_panel .four_num>div span{visibility:hidden;}
.live_draw_simulator_panel .four_num div.anim{background:#fff url(/media/1080/num_sprite2.jpg) center bottom repeat-y; width:100%; height:100%; position: absolute;}
.live_draw_simulator_panel .horse_pos {background: #CCC; float:left; width: 30.3%; margin:0px 1.5%;}
.live_draw_simulator_panel .horse_pos>div{background: #005EA2; padding:5px;}
.live_draw_simulator_panel .horse_num{background:#F00; color:#fff; margin-top:10px; font-size:2em; padding:5px; clear:both; width:40px;}
.live_draw_simulator_panel .horse_pos>span{padding:5px; color:#000; display:block; font-size:1.2em; font-weight:bold;}
.live_draw_simulator_content .active_draw{outline:#F00 solid 5px; z-index:100; position:relative;
    -webkit-animation-name: pulsate;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite}
@-webkit-keyframes pulsate {
    0% { outline:transparent solid 5px;}
    50% { outline: #F00 solid 5px;}
	100% { outline:transparent solid 5px;}
 }

/* footer */
.footer{position:absolute; bottom:0px; left:0px;  width:100%; min-height:25px; height:auto; z-index:200; background:#E90000; }
.footer p{color:#fff; font-size:1.2em; padding-left:20px; line-height:25px; margin:0px;}
.footer_disclaimer{float:left;}
.footer_links{float:right;}
.footer_links p{ padding-left:0px;  padding-right:20px;}

.footer a, .footer a:focus, .footer a:hover, .footer a:visited, .footer a:active{color:inherit;}


/* tiles */
.tiles{position:relative;vertical-align:top; margin-right:15px; margin-bottom:15px; float:left; /*overflow:hidden;*/
background: #fff  url("/media/1113/tile_bg.png") repeat-x bottom left; 
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .4);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.tile_section{display:inline-block; zoom:1; *display:inline;margin-right:0px; vertical-align: top; width:330px;}
.tile_section.xx2{width:660px;}
.tile_section.xx1{width:330px;}
.tiles_content_wrapper{position: absolute; width: 100%; height: 100%; overflow: hidden;}
.tiles_content_wrapper a{color:inherit; text-decoration:none;}
.tiles_content_wrapper:hover{width: 100%;height: 100%;position: absolute;z-index: 100;display:block; border:5px solid #09D; margin:-5px; }
.x1{width:150px; height:125px;}
/*.x1:hover{border:5px solid #09D; width:140px; height:115px;}
.x1:hover .tile_content, .x1:hover .tile_title.ico{margin:-5px}
.x1:hover .tile_bg{width:150px; height:125px; margin:-5px}*/

.x2{width:315px; height:125px;}
/*.x2:hover{border:5px solid #09D; width:305px; height:115px;}
.x2:hover .tile_content, .x2:hover .tile_title.ico{margin:-5px}
.x2:hover .tile_bg{width:315px; height:125px; margin:-5px}*/

.x23{width:315px; height:405px;}
/*.x23:hover{border:5px solid #09D; width:305px; height:395px;}
.x23:hover .tile_content, .x23:hover .tile_title.ico{margin:-5px}
.x23:hover .tile_bg{width:315px; height:405px; margin:-5px}*/


.x4{width:315px; height:265px;}
/*.x4:hover{border:5px solid #09D; width:305px; height:255px;}
.x4:hover .tile_content, .x4:hover .tile_title.ico{margin:-5px}
.x4:hover .tile_bg{width:315px; height:265px; margin:-5px}
.x4:hover .rslides{width:315px; height:265px;}
.x4:hover .rslides_tabs{bottom:-10px; left:5px;}*/

.x16{width:645px; height:545px;}
/*.x16:hover{border:5px solid #09D; width:635px; height:535px;}
.x16:hover .tile_content, .x16:hover .tile_title.ico{margin:-5px}
.x16:hover .tile_bg{width:645px; height:545px; margin:-5px}*/

/* side nav */
.grad, .box.grad {background:#fff url("/media/1103/side_nav_bg.png") repeat-x left bottom;}
.tile_menu_btns.active, .tile_menu_btns.active:hover { color:#181B60;}
.tile_menu_btns:hover{ color:#666; z-index:100;}
.tile_menu_btns:hover .tile_sub_menu{display:block;}
.tile_menu_btns {font-size: 18px;font-weight: bold; color:#999; position:relative; padding: 20px 30px; cursor:pointer}
.tile_sub_menu .tile_menu_btns{padding: 15px 30px;}
.tile_menu_btns a{ display: block; text-decoration:none; color:inherit;}
.tile_menu_btns > .tile_sub_menu{position:absolute; left:100%; width:230px; border:#ccc solid thin; padding:10px; top:0px; z-index:1; display:none;}
.tile_menu_btns > .tile_sub_menu .tile_menu_btns{border-bottom:#999 solid thin; font-size:.9em;}
.tile_menu_btns > .tile_sub_menu .tile_menu_btns:last-child{border-bottom:none;}
.tile_menu_btns > .tile_sub_menu .tile_menu_btns:hover{outline:none; background:url("/javax.faces.resource/admin/images/ui/sub-menu-ticker.png.jsf") no-repeat 10px center;}


.tile_content{position:absolute; width:100%; height:100%; color:#000;}
.tile_title.ico{padding:10px 10px 10px 20px;  position:absolute; z-index:1; font-weight:bold; text-align:left ; color:#000;}
.tile_title.sticker{bottom:0px; left:0px; background:#F00; position:absolute; z-index:1; width:90%; padding:5%; display:block; color:#FFF; text-align:left; color:#FFF;}
.tile_bg.sticker img{width:100%; height:100%;}
.tile_bg{position:absolute; width:100%; height:100%; overflow:hidden;}
.tile_bg img{position:absolute; top:0px; bottom:0px; left:0px; right:0px; margin:auto;}


/* individual tiles */
/* live draw Tile */
.live_draw_details{position:absolute; right:0px; bottom:0px; padding:10px 20px; background:url("/javax.faces.resource/frontend/images/ui/live_draw_bg.png.jsf") repeat;}
.live_draw_details p{color:#fff; margin:0px;}

.winning_num_tile{padding:10px 20px;}
.winning_num_tile .winning_num_tile_nav{overflow:hidden;}
.winning_num_tile .winning_num_tile_nav .download_win{background: url("/media/1029/download.png") no-repeat; width:30px; height:27px;}
.winning_num_tile .winning_num_tile_nav .print_win{background: url("/media/1087/print.png") no-repeat; width:30px; height:27px;}
.winning_num_tile .winning_num_tile_nav .print_win:hover, .winning_num_tile .winning_num_tile_nav .download_win:hover{background-position:0% 100%;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_left{ float:left; text-align:left;}
.winning_num_tile .winning_num_tile_nav  h1, .winning_num_tile .winning_num_tile_nav p{margin:5px 0px;}
.winning_num_tile .winning_num_tile_nav p{font-size:.8em;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right{position:absolute; right:10px; top:10px;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right div{float:right; margin:0px;color:#333; font-size:.9em; margin:5px;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right div img{vertical-align:middle;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right>div.winning_num_tile_btns a{float:right;}
.winning_num_tile .winning_num_tile_nav .winning_num_tile_right>div.winning_num_tile_btns{float:right; padding:0px; clear: both;}
.winning_num_tile  .winning_num_tile_prize{width:55%; float:left;}
.winning_num_tile  .winning_num_tile_prize h3{font-size:1em; text-align:left; margin:8px 0px 5px 0px; color:#09185b;}
.winning_num_tile .col3, .winning_num_tile .col2{overflow:hidden;} 
.winning_num_tile  .winning_num_tile_prize .col3_td{background:#CCC; float:left; width:30.3%; margin-right:3%}
.winning_num_tile .td_label, .winning_num_tile .td_data{padding:5px;}
.winning_num_tile .td_label{background:#005ea2; color:#fff; font-size:1em; font-weight:bold;}
.winning_num_tile .col2_label{background:#005ea2; color:#fff; padding:5px; font-size:.8em;}
.winning_num_tile .td_data{font-weight:bold; font-size:1.2em;}
.winning_num_tile .winning_num_tile_prize .col2 .td_data:nth-child(even){background:#eee;}
.winning_num_tile .col2{width:47%; margin-right:3%; float:left; margin-top: 10px; margin-bottom:10px;}
.winning_num_tile .col2_data{width:50%; float:left; background:#ccc;}
.winning_num_tile_jackpot .col1_td{margin-bottom:11px; position:relative;}
.winning_num_tile_jackpot .col1_td span.won1{position:absolute; top:0px; right:0px; /*background: url("/javax.faces.resource/frontend/images/ui/won.png.jsf") no-repeat;*/ width:49px; height:50px;}
.winning_num_tile_jackpot .col1_td span.won2{position:absolute; top:0px; left:0px; background: url("/media/1124/won.png") no-repeat; width:49px; height:50px;}
.winning_num_tile_jackpot .col1_td div.jackpot_popup{position:absolute; left:100%; display:none;}
.winning_num_tile_jackpot .td_label{text-align:center; background:#ccc; color:#09185b; font-weight:bold;}
.winning_num_tile_jackpot .td_data{background:#005ea2; color:#fff; cursor:pointer; position:relative;}
.winning_num_tile_jackpot .td_data:hover :after{position:absolute; content:' ';  right:5px; top:5px; width:20px; height:20px; background: url("/javax.faces.resource/frontend/images/ui/next.png.jsf");}
.winning_num_tile_jackpot .td_data span{font-weight:normal; font-size:.6em;}
.winning_num_tile  .winning_num_tile_jackpot{width:43%; float:right; margin-top: 31px;}
.winnning_num_tile_noti{clear:both; padding:5px; font-size:.8em; margin: 0px;}
.winning_num_tile_footer{background:#006; color:#fff;overflow:hidden; display:block; height:24px;}
.winning_num_tile_footer span{ padding: 5px; display:inline-block; *display:inline; zoom:1; font-size:.8em;}
.winning_num_tile_footer>div{float:right; margin-right:5px;}

.jackpot_tile{color:#fff;padding: 47px 22px 28px 22px; position:relative; top: 0px;left: 0px;}
.jackpot_draw_date{position:absolute; top:30px;}
.jackpot_tile .jackpot_row{margin:7px 0px; height:32px;}
.jackpot_type{font-size:.7em; text-align: right; float: left; width:20%; width:20%;  background:#000; padding:2px 1% 2px 0px; height:32px;}
.jackpot_value{font-size:1.5em; text-align: left;float: right; background:#000; width:75%; height:100%; text-align:right;  padding:2px 2% 2px 0px; height:32px;}
.jackpot_value span{font-size:.5em; padding:3px; vertical-align:middle;}
.special_draw{position:absolute; top:65px; left:0px; text-align:center; width:150px;}
.special_draw p{font-size:.8em; margin:0px;}
.special_draw .special_draw_date{color:#181B60; font-size:1.1em; font-weight:bold;}
.lucky_num{color:#fff; text-align:center; width:315px;  height:125px;}
.lucky_num_widget{padding-top:45px; padding-bottom:10px; position:relative; overflow:hidden; display:block;}
.lucky_num_widget .lucky_num_digits{float:left; width: 180px; text-align: center;}
.lucky_num-1, .lucky_num-2, .lucky_num-3, .lucky_num-4{ overflow:hidden;display:inline-block; *display:inline; zoom:1; padding:5px 13px; background:#fff; color:#000; font-size:25px;line-height: 30px; height:30px; margin:-5px;
position:relative; width:13px;  -webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px; 
}
.anim_mask{position:absolute; left:10px; width: 20px;height: 30px;overflow: hidden;}
.anim_numbers{background:#fff url("/media/1079/num_sprite.jpg")  repeat-y center bottom; position:absolute; z-index:1; width:100%; width: 20px; left: 0px; bottom:0px; margin-bottom:-8px;
}

.lucky_num_widget .lucky_num_refresh{float:left; background:url("/media/1017/click-here-btn.jpg") no-repeat; width:106px; height:32px; cursor:pointer;}
.lucky_num p{margin:0px; font-size:.9em; }
.lucky_num p img{vertical-align:middle;}
.win_history{position:absolute; top:0px; left:20px; right:10px;  text-align:left; padding: 40px 0px 0px 0px;}
.win_history input[type="text"], .win_history select {width:33%; display:inline-block; vertical-align:middle; padding:5px;}
.win_history img{vertical-align:middle;}
/*powertip abstract*/
#powerTip{max-width:350px;cursor:default;font-size:1.5em; background-color:#333;background-color:rgba(255,0,0,.9);color:#fff;display:none;padding:10px;position:absolute;white-space:nowrap;z-index:2147483647}#powerTip:before{content:"";position:absolute}#powerTip.n:before,#powerTip.s:before{border-right:5px solid transparent;border-left:5px solid transparent;left:50%;margin-left:-5px}#powerTip.e:before,#powerTip.w:before{border-bottom:5px solid transparent;border-top:5px solid transparent;margin-top:-5px;top:50%}#powerTip.n:before{border-top:10px solid #333;border-top:10px solid rgba(255,0,0,.8);bottom:-10px}#powerTip.e:before{border-right:10px solid #333;border-right:10px solid rgba(255,0,0,.8);left:-10px}#powerTip.s:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(255,0,0,.8);top:-10px}#powerTip.w:before{border-left:10px solid #333;border-left:10px solid rgba(255,0,0,.8);right:-10px}#powerTip.ne:before,#powerTip.se:before{border-right:10px solid transparent;border-left:0;left:10px}#powerTip.nw:before,#powerTip.sw:before{border-left:10px solid transparent;border-right:0;right:10px}#powerTip.ne:before,#powerTip.nw:before{border-top:10px solid #333;border-top:10px solid rgba(255,0,0,.8);bottom:-10px}#powerTip.se:before,#powerTip.sw:before{border-bottom:10px solid #333;border-bottom:10px solid rgba(255,0,0,.8);top:-10px}#powerTip.nw-alt:before,#powerTip.ne-alt:before,#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:10px solid #333;border-top:10px solid rgba(255,0,0,.8);bottom:-10px;border-left:5px solid transparent;border-right:5px solid transparent;left:10px}#powerTip.ne-alt:before{left:auto;right:10px}#powerTip.sw-alt:before,#powerTip.se-alt:before{border-top:0;border-bottom:10px solid #333;border-bottom:10px solid rgba(255,0,0,.8);bottom:auto;top:-10px}
#powerTip.se-alt:before{left:auto;right:10px}
#powerTip .win_stat{width:100%; margin-top:5px;}
#powerTip .win_stat th{border-top:medium solid #fff;border-bottom:medium solid #fff; text-align:center;}
#powerTip .win_stat td{border-bottom:thin solid #fff; text-align:center;}
#powerTip .more_hist{font-size: .9em;padding-top: 3px; cursor:pointer;}

/* rs slides */
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;top: 0px; left:0px; height:100%; padding:0;margin:0}.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%; height:100%}.rslides li:first-child{position:relative;display:block;float:left; }.rslides img{display:block;height:100%;float:left;width:auto;border:0;left:0;top:0; bottom:0px;right:0px; margin:auto; position:absolute;}
.rslides_tabs{position:absolute; bottom:0px;width: 100%; margin: 0px;padding-left: 0px; z-index:10; text-align: center;}
.rslides_tabs li{display:inline;float:none;margin-right:1px; font-size:2em;text-shadow: 1px 1px 5px rgba(0, 0, 0, 1);}.rslides_tabs li:first-child{margin-left:0}.rslides_tabs .rslides_here a{color:#f00;font-weight:700; text-decoration:none;}.rslides_tabs a{width:auto;line-height:20px;padding:2px 9px;height:auto;background:rgba(0,0,0,0);display:inline; text-decoration:none; color:#fff;}

/* datepicker */
#datepicker{padding:40px 15px 10px 15px; font-size:15px;}
/*#datepicker .ui-datepicker-next{background: url("/javax.faces.resource/admin/images/ui/calender_nav.png.jsf") no-repeat -14px 8px;}
#datepicker .ui-datepicker-prev{background: url("/javax.faces.resource/admin/images/ui/calender_nav.png.jsf") no-repeat 14px 8px;}*/
#datepicker table.ui-datepicker-calendar{font-size:1.1em;}
#datepicker .ui-datepicker td .ui-state-default{background:none; padding:5px 0px; text-align:center;}
#datepicker .ui-datepicker td .ui-state-default:hover{color:#999;}
#datepicker .ui-datepicker td .ui-state-active{color:#999; background:#c61100;}
#datepicker .ui-datepicker td  .ui-state-highlight, #datepicker .ui-datepicker td  .ui-state-highlight:hover{background:#C61100; color:#fff;}
#datepicker .ui-datepicker  td:nth-child(3n-5) .ui-state-default:hover, .past_draw_date{color:#1B1464;}
#datepicker .highlightSpecial a{color: #C61100;}

/*slider switch */
.slider_switch_wrapper{width: 75px; height:27px;  background-color: #8e8d8d;  position: relative;margin: 10px auto; background: url("/javax.faces.resource/admin/images/ui/switch-bg.png.jsf") no-repeat top center;  }
.slider_switch{  width: 37px;  height:27px;margin:0px;position: relative; background: none; border: none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;} 
.slider_switch_left{left: -160px; top: 3px; position:absolute;}
.slider_switch_right{right: -130px; top: 3px; position:absolute;}
.slider_switch .ui-slider-handle.ui-state-default{position: absolute;  z-index: 2;  width: 40px;  height: 27px;  cursor: pointer;  background: url("/javax.faces.resource/admin/images/ui/switch-top.png.jsf")  no-repeat 50% 50%;  font-weight: bold;  color: #1C94C4;  outline: none;  top: 0px;  padding:0px;margin-left: 0px;  }

/* ui autocomplate */
ul.ui-autocomplete{position:absolute; overflow:auto; background:#fff; margin:0px; padding:0px; overflow:auto; width:298px; max-height:400px; height:auto; margin-top:33px; font-size:1.6em; border: 1px solid #CCC;
border-top-color: #D9D9D9;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);}
ul.ui-autocomplete li{list-style:none; padding:10px; margin:0px; font-weight:bold; display:block; color:#000;}
ul.ui-autocomplete li:hover, ul.ui-autocomplete li .ui-state-focus{background:#eee; color:#000;border:none;
box-shadow:none;
-webkit-box-shadow:none;}
/*ul.ui-autocomplete li:nth-child(n+6){display:none;} */
		    	
/* jackpot popup */
#jackpot_popup{position:absolute; background:#dadbda; top:100px; left:100px; width:auto; min-width:210px; height:auto; font-size:1em; padding:15px; z-index:-200;}
#jackpot_popup:before{content:''; width: 0px; position:absolute; top:50%; left:-10px;
height: 0px;
border-style: solid;
border-width: 5px 10px 5px 0;
border-color: transparent #ccc transparent transparent;}
#jackpot_close{background: url("/javax.faces.resource/frontend/images/ui/jackpot_close.png.jsf") no-repeat; width:19px; height:23px; position:absolute; top:10px; right:10px; cursor:pointer;}
#temp_jackpot{/*visibility:hidden;*/ overflow:hidden;}
#jackpot_popup .content{margin-top:23px;}
#jackpot_popup p{color:#181B60; margin:5px 2px 10px 2px; text-align:left; font-size:1.2em;}
#jackpot_popup .container{overflow:hidden;  font-size:.8em; font-weight:bold;}
#jackpot_popup .container .col{border-right:#666 thin solid; float:left; padding:0px; font-size:1em;}
#jackpot_popup .container .col:last-child{border-right:none;}
#jackpot_popup .container div{background:#eee; font-size:1.4em; padding:5px 10px; border-bottom:#bbb thin solid;}
#jackpot_popup .container div:nth-child(even){background:#e6e6e6;}

#jackpot_popup .divJackpot3DNew .container div {background:#eee; font-size:1.4em; padding:5px 10px; border-bottom:#bbb thin solid;}
#jackpot_popup .divJackpot3DNew .container div:nth-child(even){background:#e6e6e6;}

label.drawDate {display: none;}

.SpecialDrawListing_Table{
background-image: url("/javax.faces.resource/frontend/images/ui/specialdraw2013_screen.jpg.jsf"); background-repeat: no-repeat; height: 700px; width: 590px; padding-top: 190px; padding-right: 130px; padding-left: 130px; padding-bottom: 100px; margin-left:auto; margin-right:auto;}
.SpecialDrawListing_Table table th{font-family: Verdana, Geneva, sans-serif; font-size: 36px; font-weight: bold; color: #FF0; text-align: center;}
.SpecialDrawListing_Table table td{font-family: Tahoma, Geneva, sans-serif; font-size: 36px; font-weight: bold; color: #006; padding: 5px; text-align: center;}
		    	
		    	
.highlightSpecial a{
	color:blue;
}