@charset "utf-8";
/* CSS Document */
body,div,ul,li,form,dl,img,hr { margin:0; padding:0;}
img {border:none;}
a { color:#1a7ca7; outline:none;}
a:hover { text-decoration:none;}
table { border-collapse:collapse;}
h3 { font-size:12px;}
body { background:#69b7dc url(../images/bg/main.jpg) left top repeat-x; font-size:11px; font-family:tahoma, arial, sans-serif; }

* html body {
 text-align: center;
}
#container { margin:0 auto; width:900px;  overflow:hidden; text-align: left;}

td {
 font-size: 11px;
}




/*******TOP************************************************************************/
#top { padding:0px 0 0 23px; height:148px; position:relative; margin:0 0 20px 0; }
#top img { float:left;}
.search {float:right; margin-top: 72px;}

.search * { float:left}
#get_search { background:url(../images/search_t.gif) 1px top no-repeat; width:182px !important; height:20px; _height:24px; padding:4px 0 0 4px; border:none; color:#a3a3a3;}
/*******MENU************************************************************************/
#menu { float:right; width:675px;  height:41px; list-style-type:none; margin:10px 0 0 0;}
#menu li { float:right; position:relative;  }
#menu li:hover div { display:block;}
#menu a{ color:#00476f;}
#menu a,.submenu a { display:block; float:left; height:41px; background:url(../images/menu.jpg) left top no-repeat; padding:0 0 0 12px; text-decoration:none; font-weight:bold;}
#menu span,.submenu span {display:block; cursor:pointer; float:left; line-height:41px; background:url(../images/menu.jpg) right top no-repeat; padding:0 12px 0 0; color:00476f; font-size:17px;} 
#menu a:hover,#menu a:hover span,#menu .active,#menu .active span{ background-image:url(../images/menu_h.jpg);}
.submenu { position:absolute; right:0; top: 140px;  list-style-type:none; /*width:420px;*/ padding:14px 18px 0 0; display:none; font-size:17px; zoom:1;}
.submenu a { margin:0 10px 0 0; font-weight:normal}
.submenu a, .submenu span { background-image:none; height:26px; line-height:26px; float:left; }
.submenu a:hover, .submenu a:hover span,.submenu .active,.submenu .active span { background-image:url(../images/sub_h.gif); height:26px; color:#1a7ca7; text-decoration:underline; }

iframe .submenu {top:41px;}
/*******Left************************************************************************/
#left { width:715px; float:left; margin:27px 10px 0 0; overflow:hidden; *padding:0 0 10px 0;}
.feat_games,.pop_games { background:#daf3ff url(../images/bg/feat.jpg) left top repeat-x; float:left;  clear:both; /**overflow:hidden; */width:715px; margin:0 0 10px 0; height:auto; }
.mod_h1 { font-size:16px; text-transform:uppercase; color:#0c5272; position:relative; margin:10px 0 10px 20px;}
.mod_h1 a { right:23px; top:3px; position:absolute; font-size:11px; text-transform:none}
.feat_games ul { padding: 20px 10px 10px 10px; list-style-type:none; margin:0 0 0 20px; float:left; _display:inline;  }
.feat_games li {background:url(../images/bg/feat_item.gif) left top; width:313px; _width:327px; padding:0 15px 0 0; height:133px; float:left; margin:0 5px 5px 0; overflow:hidden;}
.feat_games  h2,.pop_games  h2 { font-size:15px; color:#1f7aa7; margin:3px 0; }
.div_over { max-height:25px; _height:25px; overflow:hidden; display:block;  margin:5px 0 3px 0;}
.pop_games { width:100%; float:left; background-image:url(../images/bg/online.gif);}
.blue_b { background-image:url(../images/bg/feat.jpg);}
.about_us { background:#fff url(../images/bg/about_us.gif) left top repeat-x;}
/*.about_us strong { color:#1f7aa7;} */
.about_cont h1 { margin-left:-5px; text-decoration:underline; color:#000000;}
.about_img { float:left; position:relative; margin:0 4px 10px 5px; _display:inline;}
.about_img a img { position:absolute; bottom:16px; right:15px; width:93px; height:28px;}
.pop_games .indiv{ width:195px; height:90px; overflow:hidden; float:left; margin:18px 0 0 30px; _display:inline;}
.item_detail { padding:20px 30px;}
.content ul { padding:10px 0 0 30px;}
/*******onine************************************************************************/
.online { background:#fff url(../images/bg/online.gif) left top repeat-x;  float:left; width:100%; _width:715px; margin:0 0 10px 0;}
.inonline {padding:0  37px; *padding-top:10px; _width:641px;}
.video_h2{ font-size:25px; color:#efa414; font-weight:bold; text-decoration:none; margin-top:37px;}
.online .video_o { padding:0 10px 0 0;}
.other_online { float:left; clear:both; width:641px; overflow:hidden; }
.other_online a { text-decoration:none; color:#1A7CA7; font-size:15px; font-weight:bold; text-transform:uppercase}
.other_online ul { float:left; width:100%;}
.other_online .div_over { padding:0 0 0 10px; margin-bottom:0;}
.other_online li { list-style-type:none; width:100%; float:left; }
.other_online li li { width:197px; margin:0 25px 0 0; height:125px; overflow:hidden;}
.other_online h3 { color:#f0a414; font-size:11px; margin:0px 0 3px 10px; }
/*******Right************************************************************************/
#right{ width:173px; float:left; color:#616161; overflow:hidden; padding:0 0 10px 0; margin-top: 27px;}
.bkm {  width:100%;; position:relative; background:#fff58e; margin:0 0 10px 0; overflow:hidden }
.bkm a{ border-bottom:1px solid #f9d97c;border-top:1px solid #fff47f;  display:block; height:28px; padding:6px 0 4px 20px;}
.video { width:371px; height:271px; overflow:hidden; }
#newslet {background:#daf3ff; padding:0 0 13px 0; width:173px; overflow:hidden; float:left;}
#newslet div,.beta_s {  padding:0 0 0 20px; width:140px; }
#beta_s { background:#fff; float:left;}
#beta_s_2 { background:#fff;}
.beta_s img{ float:left; margin:0 8px 10px 0;}
/*.submit { display:block; margin:10px 0 0 55px;} */
.submit { display:block; margin:10px 0 16px 0px; text-align:center;} 
.formfields { border:1px solid #97b3c0; width:135px; margin:0; color:#5c5c5c; padding-left:3px;}
#blog {background:#daf3ff; position:relative; float:left; }
#blog h2 { color:#5e5e5e; font-size:11px; font-weight:bold; margin:9px 0;}
#blog h2 a { color:#5c5c5c; }
#blog div { padding:10px 18px 20px 18px; background:url(../images/bg/blog.gif) left top no-repeat; }
#blog .com { display:block; background:url(../images/misc/com.gif) 0 1px no-repeat; padding:0 0 0 21px; position:relative}
/*******FOOTER************************************************************************/
#footer { clear:both; background:#fff;  padding:10px 0;  color:#1a7ca7; border-top:7px solid #aee4fe; margin:0 0 20px 0; position:relative; width:100%; float:left;  }
#footer p { margin:0; padding:0 0 3px 0; text-align:center;}
#footer p.grey { color:#717070;}
/*******Corners************************************************************************/
.white {background:#fff url(../images/misc/white_r.gif) right top repeat-y; padding:0 4px 0 0;border-left:1px solid #c4e5f5; _position:relative;  }
.l_t, .r_t, .l_b, .r_b { position:relative; background:url(../images/misc/w_t.gif) left top no-repeat; padding:0 0 0 5px; margin:0 0 0 -1px;}
.r_t,.r_b { background-position: right top; padding:0 4px 0 0; height:18px; margin:0 -4px 0 0; }
.l_b { background:url(../images/misc/w_b.gif) left bottom no-repeat; }
.r_b { background:url(../images/misc/w_b.gif) right bottom no-repeat;}

.box { padding:0 15px 5px 15px; color:#5b5b5b;   }
hr { height:1px; background:#ddd; border:none; color:#ddd; margin:10px 0; padding:0; clear:both;}
.yel {border-top:7px solid #f6d53f; position:relative; background-color:#fff;}
.or,.or_top {border-top:7px solid #ffa659; position:relative;}
.white_line { border-top:1px solid #fff; line-height:1px;  width:95%; display:block; margin:0 3px;}
.lt,.rt,.lb,.rb { display:block; height:12px; width:5px; position:absolute; background-position:left top;   }
.blue .lt,.blue .rt,.blue .lb,.blue .rb {background-image:url(../images/misc/corner_b.gif);}
.or .lt,.or .rt,.or .lb,.or .rb {background-image:url(../images/misc/corner_or.gif);}
.yel .lt,.yel .rt,.yel .lb,.yel .rb {background-image:url(../images/misc/corner_yel.gif);}
.or_top .lt,.or_top .rt,.or_top .lb,.or_top .rb {background-image:url(../images/misc/corner_or_top.gif);}
.lt{left:0; top:0; margin:-7px 0 0 0;}
.rt {right:0;top:0; background-position:right top; margin:-7px 0 0 0; _right:expression(this.parentNode.clientWidth % 2 ? -1 : 0)}
.lb {left:0; bottom:0;background-position: left bottom; _bottom:expression(this.parentNode.clientHeight % 2 ? -1 : 0);}
.rb {bottom:0; right:0; background-position: right bottom;_right:expression(this.parentNode.clientWidth % 2 ? -1 : 0);
 _bottom:expression(this.parentNode.clientHeight % 2 ? -1 : 0);}



.form input,.form textarea,.form select  { width:200px; margin:5px 0; color:#000;}
.form textarea { width:350px}
.form select { width:204px;}
/*******Pager************************************************************************/

/*******Bubble************************************************************************/
.bubble_content { width: 300px; padding: 15px; border: 2px solid #FFFFFF; background-color: #C75127; color: #FFFFFF; font-size: 12px; line-height: 16px;}
.bubble_content a.btn_link { background-color: #8DB9D9; margin: 5px 0px; font-weight: bold;}
* html .bubble_content { width: 330px;}
.close_bubble { display: block; float: right; }
.close_bubble img { margin-right: -8px; margin-top: -8px; position: relative;}


.pager { background:url(../images/bg/pager.gif) left top no-repeat; height:35px; line-height:35px; float:left; width:623px; _width:660px; margin:0 0 30px 30px; padding:0 17px; position:relative; font-size:12px; _display:inline; float:left;  }
.pager a { text-decoration:none; color:#000000; padding:0 0 0 5px ;   }
.pager span strong { text-decoration:underline; }
.pager a:hover { text-decoration:underline; }
.pager span { position:absolute; right:17px; top:0; display:block;  }
.ie_fix {*font-size:1px; *clear:both;}

.new_game { background-image:url(../images/bg/new_game.gif); padding-bottom:10px;}
.new_game img { margin-left:11px;}
/*
#slideshow { position:relative; margin:0 0 10px 0; float:left; width:100%; width:714px; height:275px;}
#slideshow img{ position:absolute; top:0; right:0; display:none; }
#slideshow .back { background:url(../images/slide.png) left top no-repeat; position:absolute; left:0; top:0; width:100%; height:274px; z-index:100;}*/

#logo {
 margin-top: 5px;
 display: block;
 float: left;
 _margin-left:-5px;
}

* html .png {
 filter: expression(fixpng(this, "image"));
}
#box_code {
margin:0 0 0 20px; 
padding-top:6px;
}
#box_code .stbuttontext {
line-height: 12px;
}
.btn {
   display: block;
}