body { background-color: rgb(175, 181, 255); background-image: url("../images/bg_colorslide.png"); background-repeat: repeat-x; font-family: "Lucida Sans Unicode","Lucida Grande",Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align: center; }
img { border: medium none; }
p { font-size: 12px; line-height: 16px; margin: 0px 0px 10px; padding: 0px; }
h1 { color: rgb(64, 64, 64); font-size: 16px; font-weight: 700; margin: 0px 0px 10px; padding: 0px; }
h2 { color: rgb(64, 64, 64); font-size: 15px; font-weight: 700; margin: 0px 0px 10px; padding: 0px; }
h3 { color: rgb(64, 64, 64); font-size: 14px; margin: 0px 0px 10px; padding: 0px; }
ul { margin: 0px 0px 10px; padding: 0px; }
li { margin: 0px 0px 6px 10px; padding: 0px; }
a { color: rgb(0, 0, 153); text-decoration: underline; }
a:hover{color:#5565F4}
td, th {
    font-family: Verdana,Geneva,Arial,helvetica,sans-serif;
    font-size: 12px;
}
.fl {float: left;}
.fr {float: right;}
.mtop20 { margin-top: 20px!important}

#topwrapper { background-image: url("../images/img_newmenu_bg.png"); background-repeat: repeat-x; z-index: 1; }
#copyright { padding: 8px 4px; text-align: left; color: rgb(81, 74, 128); font-size: 9px; }
#copyright  { color: rgb(81, 74, 128); font-size: 9px; }
#copyright a { color: rgb(81, 74, 128); }
.clear { clear: both; }
#copyright .wrapper_v2 { width: 927px; margin: auto; text-align: left; }
img { border: medium none; }
#game_video #copyright,#game_video #copyright p { font-size: 12px; }
.green_text2 { color: rgb(15, 115, 7); }
/*
Game Page
*/
.outer_wrapper{width:1061px; margin:0 auto; font-family: 'Arimo', sans-serif; position:relative;}
#game_video{ background:url(../images/images/images-bg2.jpg) no-repeat top #026016;}
/*#game_video .outer_wrapper{width:1120px;}*/
#game_video .main_container{ background:url(../images/images/img_box_bg.png) repeat; border-radius:12px; border:#f6fef6 solid 1px; padding:20px 11px; position:relative; margin-top:15px;-moz-box-shadow: 0 0 1px 1px #666; -webkit-box-shadow: 0 0 1px 1px #666;box-shadow: 0 0 1px 1px #666; }

#game_video .main_container .col_left{width:161px; float:left; margin-right:20px;}
#game_video .main_container .col_center{float:left;}
.game_videov2 .main_container .col_center {margin: 0!important}
#game_video .main_container .col_center .video_wrapper{border:#6e72a5 solid 1px; background:#e6e6ff; margin-top:25px; border-radius: 0 0 4px 4px;}
#game_video .main_container .col_center .video_wrapper.version2{ border-radius: 4px 4px 0px 0px;}
#game_video .main_container .col_right{width:161px; float:right;}
#game_video .main_container .col_center .video_wrapper .control_keys_wrapper{ padding:10px;}
#game_video .main_container .col_center .video_wrapper .control_keys{ float:right; padding-left:4px; text-align:left;}
#game_video .main_container .col_center .video_wrapper .control_keys p{ margin-top:18px;}
#game_video .more_games,.about_games{ background:#ffffff; border-radius:8px; padding:15px 12px; margin-top:20px; text-align:left; color:#000000;}
#game_video .more_games h2, .about_games h2{ color:#001a66; font-size:17px;}
#game_video .more_games ul{ padding:0; margin:20px 0 0 0; list-style:none;}
#game_video .more_games ul li:first-child{ margin-left:0;}
#game_video .more_games ul li,#game_video .more_games.slider ul li div{ background:#f2f2f2; border:#c4c4c4 solid 1px; padding:11px 15px;display:inline-block; float:left; width:183px; margin-left:27px; margin-bottom:15px;}
#game_video .more_games.slider{position:relative}
#game_video .more_games.slider ul li{height:200px}
#game_video .more_games.slider ul li{background:none; border:none; padding:0; width:auto; margin:0}
#game_video .more_games.slider ul li div{margin:0}
#game_video .more_games .bx-controls-direction{position:absolute; top:40%; left:0; width:100%}
#game_video .more_games .bx-prev,#game_video .more_games .bx-next{width:43px; height:75px; display:block; position:absolute; top:0;  text-indent:-9999px; background-image:url(../images/pager_btn.gif); background-repeat:no-repeat}
#game_video .more_games .bx-prev{background-position:0 100%;left:0}
#game_video .more_games .bx-next{background-position:0 0; right:0}

#game_video .more_games ul li img{ border:#d3d3d3 solid 3px;}
#game_video .more_games ul li a{ color:#000; font-size:14px; text-decoration:none;}
#game_video .more_games ul li span{ margin:5px 0 2px; display:block;}
#game_video .info_warper{text-align:left;}
#game_video .game_info{ border:#197b09 solid 2px; padding:15px; background:#fff; border-radius:5px; width:490px; margin-top:20px; height:124px;}
#game_video .game_info h3{color:#001a66;}
#game_video .btn_green{ background:#197b09; color:#ffffff; font-size:13px; font-weight:bold; height:30px; line-height:30px; padding:0 12px; display:inline-block; text-decoration:none; border:0;}
#game_video .bottom_ads .b_ads{ margin-top:0px;}
.footer{ margin:20px auto 0; text-align:center; /*max-width:1400px;*/}
.foot_ads_outer{width:728px; margin:0 auto; height:250px; position:relative;}
.body_typetest .foot_ads_outer{ width:1040px;}
.footer .first_ads{width:300px; position:absolute; left:0; }
.footer .second_ads{  width:728px;}
.footer .second_ads img{margin:0px 0 20px ;}
.footer .second_ads img{ margin-bottom:15px;}
.footer .third_ads{ float:left; width:300px; position:absolute; right:0px;}
#game_video .copyright_text {border-top: 1px solid #000000;color:#FFFFFF;margin-top:15px;}
#game_video .copyright_text a{ color:#fff;}

#game_video.body_typetest #topnav{width:auto;}
#game_video.body_typetest .main_container{padding:20px;}
#game_video.body_typetest .main_container:first-of-type{margin-top:63px; }
/*#game_video .main_container h1,  #game_video .main_container h2{ color:#0f7307;font-weight:bold;}*/
#game_video .main_container .span_left{ font-size:22px; float:left;}
#game_video .main_container  .span_right{ font-size:18px; float:right;}
.typetest_logo{ margin:-66px 0 15px 85px; float:left;}

.game_wrapper{ padding:30px 0 20px; overflow:hidden}
*+html .game_wrapper{ padding:10px 0 20px;}
.game_wrapper ul{ list-style:none; margin:0 0 0 -40px; padding:0;}
.game_wrapper ul li{float:left; position:relative; height:255px; margin:0 0 30px 40px; width:311px;}
.game_wrapper ul li .content{ display:block; position:absolute; left:0; bottom:-200px; transition:all .3s ease; }
/*.game_wrapper ul li .content{ display:none;}*/
.game_wrapper ul li:hover .content{ display:block; position:absolute;bottom:0px; left:0;}
.game_wrapper ul li .content .text{ background:url(../images/img_trans_bg.png) repeat;color:#fff; font-size:12px; margin-top:14px; padding:10px 10px 18px 16px; text-align:left; width:250px;margin-left:20px; line-height:17px;}
.game_wrapper ul li .content a{ position:absolute;z-index:2;top:-95px; left:50%; margin-left:-48px;}
.game_wrapper ul li .frame{ position:absolute; top:0;left:0; width:311px; height:249px;}
.ads{ margin-bottom:22px; width: 728px;margin: 0 auto;}
.game_wrapper ul li .frame_wrapper{ padding:14px 5px 1px;position:relative; overflow:hidden}
.game_wrapper li > a{position:absolute; top:10px; left:10px; right:10px; bottom:10px; z-index:999}
.content_box{ border:#197b09 solid 2px; background:#fff; padding:10px 5px 10px 10px; width:283px; margin-left:6px; border-radius:8px;height:225px; text-align:left;}
.content_box h4{ color:#001a66; font-size:17px; margin:0;padding-bottom:7px; }
.content_box p{ color:#3c3846; font-size:13px; line-height:20px; margin-bottom:5px;}
.content_box.key_bg{ background:url(../images/img_keys.png) no-repeat #fff bottom;}
.content_box a{ color:#639315;font-weight:bold;}
.teacher_tips_warpper{ background:#3e5c0c; border:#8fcd2a solid 1px; padding:5px;border-radius:8px; overflow:hidden}
.teacher_tips_warpper .teacher_tips{ background:url(../images/img_green_bg.gif) repeat; border:#67a94d solid 1px; padding:15px;}
.teacher_tips_warpper .teacher_tips .teacher_tip{width:130px; float:left;}
.teacher_tips_warpper .teacher_tips .teacher_tip h3{ color:#ffffff; font-size:19px; font-weight:bold;}
.teacher_tips_warpper .teacher_tips .contents{ width:810px; padding-left:20px; float:right; background:url(../images/img_sep.png) no-repeat left; font-size:13px; color:#fff; text-align:left; line-height:20px; }
.typtest_v3 .teacher_tips_warpper .teacher_tips .contents{ width:auto;}
*+html .typtest_v3 .teacher_tips_warpper .teacher_tips .contents{padding-left:20px; padding-right:20px}
*+html .typtest_v3 .teacher_tips_warpper{*padding:5px;}

.teacher_tip_tab_container{font-family:Tahoma, Geneva, sans-serif;color:#fff; text-align:left}


.teacher_tip_tab_container a{color:#fff; text-decoration:none}
.teacher_tip_tab_container ul.tab li{font-weight:bold; border:none; padding:0}
.teacher_tip_tab_container ul.tab li:hover,.teacher_tip_tab_container ul.tab li.active{border: none;}
.tabContainer{margin-top:20px}
.tabContainer .lt{width:180px; padding-right:30px; float:left; background:url(../images/divider_grd2.png) 100% 0 no-repeat}
.tabContainer .rt{width:610px; float:right}
.tabContainer .row{background:url(../images/divider_hrz.png) 50% 100% no-repeat; padding-bottom:30px; margin-bottom:20px}
.tabContainer .row:last-child{background:none; padding:0; margin:0}
.tabContainer h3{font-size:15px}
.tabContainer h3 a{color:#092986; text-decoration:none}
ul.tab{margin:0 0 0 10px; list-style:none}
ul.tab li{float:left; margin:0; margin-left:10px; font-size:15px; color:#092986}
ul.tab li a{padding:10px 15px;text-decoration:none; display:block;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.teacher_tip_tab_container ul.tab li a{ color:#fff; background-image: linear-gradient(bottom, rgb(57,57,57) 35%, rgb(57,57,57) 0%, rgb(83,83,83) 84%);
background-image: -o-linear-gradient(bottom, rgb(57,57,57) 35%, rgb(57,57,57) 0%, rgb(83,83,83) 84%);
background-image: -moz-linear-gradient(bottom, rgb(57,57,57) 35%, rgb(57,57,57) 0%, rgb(83,83,83) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(57,57,57) 35%, rgb(57,57,57) 0%, rgb(83,83,83) 84%);
background-image: -ms-linear-gradient(bottom, rgb(57,57,57) 35%, rgb(57,57,57) 0%, rgb(83,83,83) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, rgb(57,57,57)),
	color-stop(0, rgb(57,57,57)),
	color-stop(0.84, rgb(83,83,83))
);

 }
.teacher_tip_tab_container ul.tab li a:hover,.teacher_tip_tab_container ul.tab li.active a{ color:#fff; margin-bottom:-1px; padding-bottom:11px; position:relative; background-image: linear-gradient(bottom, rgb(61,92,12) 35%, rgb(61,92,12) 0%, rgb(87,126,25) 84%);
background-image: -o-linear-gradient(bottom, rgb(61,92,12) 35%, rgb(61,92,12) 0%, rgb(87,126,25) 84%);
background-image: -moz-linear-gradient(bottom, rgb(61,92,12) 35%, rgb(61,92,12) 0%, rgb(87,126,25) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(61,92,12) 35%, rgb(61,92,12) 0%, rgb(87,126,25) 84%);
background-image: -ms-linear-gradient(bottom, rgb(61,92,12) 35%, rgb(61,92,12) 0%, rgb(87,126,25) 84%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.35, rgb(61,92,12)),
	color-stop(0, rgb(61,92,12)),
	color-stop(0.84, rgb(87,126,25))
);}

.allGame ul{list-style:none; margin:0; padding:0; width:220px; float:left; padding:0 10px; font-size:13px; font-weight:bold; color:#fff; min-height:80px; height:auto !important; height:80px; background:url(../images/divider.png) 100% 50% no-repeat}
.allGame ul.last{background:none}
.faq{}
.faq strong.qust{color:#86cc13; padding-bottom:5px}
.faq strong.qust,.faq p{display:block; padding-left:15px; position:relative}
.faq strong.qust:before,.faq p:before{ display:block; position:absolute; top:0; left:0; width:15px; height:15px}
.faq strong.qust:before{content:'Q'; font-weight:normal}
.faq p:before{content:'A';}





#game_video .outer_wrapper.game_content_wrapper{max-width:1120px; width:1120px;}
#game_video .outer_wrapper.wrapper_v2{width:927px;}
#game_video .col_more_game{float:right; width:160px;}
#game_video .col_more_game .more_games{ margin-top:0; padding:10px 10px;}
#game_video .col_more_game .more_games ul li{ margin-left:0; padding:8px; width:123px;}
#game_video .col_more_game .more_games ul li img{ width:118px;}

.contol_logo img{display: block; margin-bottom:10px }
#info_v2 .game_info{width:410px; height: 138px}
#game_video .wrapper_v2 .outer_ads{ position:absolute; top:132px; right:-180px; }
.text_small_new{font-size:10px; margin-top:5px;}

/*#game_video .wrapper_v2 .outer_ads ,.col_more_game{border:1px solid #000;}*/
#game_video .smallwidth {width: 990px !important;}
#info_v3 .game_info{width:439px; height: 138px}
#game_video .smallwidth .main_container .col_center {float: none;}
#game_video .smallwidth .main_container .col_center .video_wrapper .control_keys_wrapper {padding: 10px 118px}
#game_video .smallwidth .more_games ul li {margin-left: 25px;}

#game_video .medWidth .more_games ul li {margin-left: 70px;}
#game_video .medWidth .more_games.slider ul li{margin-left:0}
#game_video .smallwidth .more_games ul li:first-child, #game_video .medWidth .more_games ul li:first-child{ margin-left:0 }
#game_video .medWidth {/*width:890px !important;*/ width:930px !important;}
#game_video .medWidth .col_more_game {    width: 160px;
    margin-top: 114px;
    height: 600px;
    position: absolute;
    top: 0px;
    right:13px; }

#info_v4 .game_info{width:392px; height: 138px}
.top0 {top:0 !important;}
/******Rating CSS********/
 .rating {
      overflow: hidden;
      display: inline-block;
  }
  .rating-input {
      position: absolute;
      left: 0;
      top: -50px;
  }
  .rating-star {
      display: block;
      width: 16px;
      height: 16px;
      background: url('../images/star.png') 0 -16px;
  }
  .rating-star:hover {
      background-position: 0 0;
  }
  .rating-star {
      float: right;
      display: block;
      width: 16px;
      height: 16px;
	  margin:0 1px;
      background: url('../images/star.png') 0 -16px;
  }

  .rating-star:hover,
  .rating-star:hover ~ .rating-star {
      background-position: 0 0;
  }
  .rating-star:hover,
  .rating-star:hover ~ .rating-star,
  .rating-input:checked ~ .rating-star {
      background-position: 0 0;
  }

.rating_sharing{text-align:left; margin-top:20px; border:1px solid #d2e4be; background:#fff; padding:5px 10px;}
.ratingSec{float:left; line-height:16px; font-weight:bold; color:#4e4e4e}
.ratingSec .rating{position:relative; bottom:-2px}
.ratingSec .totalvotes{font-weight:normal; font-style:italic; float:left; line-height:25px; position:relative; bottom:-2px; color:#4b62a7}
.ratingSec small{font-size:100%; float:left; line-height:25px;}
.sharing{float:right;}
.ratingSec .star-rating-default{float:left; margin-left:3px !important;}

ul.tab li{padding:1px; padding-bottom:0; border:none; border-radius:5px 5px 0 0; border-radius:5px 5px 0 0; border-radius:5px 5px 0 0}
ul.tab li a{color:#fff; background-image: linear-gradient(bottom, rgb(12,71,2) 0%, rgb(12,71,2) 18%, rgb(24,123,9) 84%);
background-image: -o-linear-gradient(bottom, rgb(12,71,2) 0%, rgb(12,71,2) 18%, rgb(24,123,9) 84%);
background-image: -moz-linear-gradient(bottom, rgb(12,71,2) 0%, rgb(12,71,2) 18%, rgb(24,123,9) 84%);
background-image: -webkit-linear-gradient(bottom, rgb(12,71,2) 0%, rgb(12,71,2) 18%, rgb(24,123,9) 84%);
background-image: -ms-linear-gradient(bottom, rgb(12,71,2) 0%, rgb(12,71,2) 18%, rgb(24,123,9) 84%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(12,71,2)),
	color-stop(0.18, rgb(12,71,2)),
	color-stop(0.84, rgb(24,123,9))
);}

ul.tab li:hover,ul.tab li.active{border:1px solid #c4e1a6; border-bottom:none; padding:0}
ul.tab li a:hover,ul.tab li.active a{ background:#fff; color:#092986; padding:10px 15px 20px 15px; margin-bottom:-10px; position:relative; -webkit-box-shadow: inset 0 8px 20px -13px #ccc;
	   -moz-box-shadow: inset 0 8px 20px -13px #ccc;
	        box-shadow: inset 0 8px 20px -13px #ccc;}

.about_games{margin-top:0;-moz-box-shadow:inset 0 0 10px #ccc;-webkit-box-shadow: inset 0 0 10px #ccc; box-shadow:inset 0 0 10px #ccc; border:1px solid #c4e1a6; padding:25px 18px}
.about_games p{line-height:22px}
.about_games ul{margin:15px 0 0 0; list-style:none}
.about_games h2{border-bottom:1px solid #e9e9e9; padding-bottom:10px}
.about_games ul li{width:242px; padding-right:35px; margin:0 15px 0 0; float:left; background:url(../images/divider_grd.png) 100% 0 no-repeat; min-height:280px; height:auto !important; height:auto}
.about_games ul li.last{background:none; padding-right:0; margin-right:0}
.about_games .pic{background: #f2f2f2;border: #c4c4c4 solid 1px;padding:12px; margin-bottom:15px}
.about_games .pic img{width:100%; border:#d3d3d3 solid 3px; position:relative; margin:-3px 0 -3px -3px}
.about_games .pic a{ color:#000; font-size:14px; text-decoration:none;}
.about_games .pic span{ margin:8px 0 2px -3px; position:relative; display:block;}
#game_video.starkeys  .main_container .col_center .video_wrapper .control_keys{text-align:center}
#game_video.starkeys  .main_container .col_center .video_wrapper .control_keys form{display:none}


.game_wrapper ul{margin:0 0 0 -50px}
.game_wrapper ul li{margin:0 0 30px 51px}
#game_video.body_typetest .game_wrapper ul li{margin:0 0 30px 60px}
#game_video.body_typetest .main_container{width:692px; float:left}
.body_typetest .teacher_tips_warpper .teacher_tips .contents{width:490px}
.rtads{width:300px; float:right; margin:162px 0 0 0; list-style:none}
.rtads li{ margin:33px 0 0 0}
.body_typetest .footer .second_ads{ left:0px;}
#game_video.body_typetest .main_container .span_left{float:right}
.typetest_logo{margin:-50px 0 15px 0}
.body_typetest .foot_ads_outer{width:1056px}

.left_ads{width:728px; margin:20px 2px 0 2px; float:left; display:inline}
#game_video .main_container .fr .span_right, #game_video .main_container .fl .span_right,#game_video .main_container .fl .span_left, #game_video .main_container .fr .span_left{float:none; text-align:left}
.g_Ads{width:98%; float:left; margin:25px 1% 5px 1%; list-style:none}
.g_Ads li{float:left; margin:0 17px}
.g_Ads li.first{margin:0}
#testSetting{ position:relative;}
.added_addleft{ width: 120px; position: absolute;top:10px; left:10px; height: 600px;}
.added_addright{width: 120px; height: 600px;position: absolute;top: 10px;right: 10px;}
.col_more_game.topaddspace{margin-top: 25px !important;}



.ratingtext_here
{
	width: 200px;
    font-size: 15px;
    padding: 7px;
    background-color: #FFF;
    border-radius: 5px 0px 0px 5px;
    border: 1px solid #c0c0c0;
    border-right: 0px;
}
.ratingall
{
	margin-top:10px;
}