@CHARSET "UTF-8";

span.YES { color: #3B98D5; }
span.NO { color: #F02D32; }

/****************
* GAME CONTAINER
****************/
.game {
  margin: 0 6px;
  position: relative;
  overflow: hidden;
  clear: left;
}

#detail, .game {
  border-bottom: 1px solid #cedde9;
  margin-bottom: 20px;
}

/****************
* INFOS
****************/
.game_infos {
  width: 471px;
  margin-right: 3px;
  position: relative;
  float: left;
  clear: both;
}

.game_picto_left {
  width: 163px;
  float: left;
  margin-right: 7px;
  position: relative;
}

.game_picto_left_options {
  clear: both;
  position: relative;
  margin-top:3px;
  overflow:auto;
}

.game_note {
  width: 62px;
  height: 20px;
  background: transparent url(/images/question_eval.jpg) no-repeat;
  float: left;
  position:relative;
  margin-right:2px;
}

.game_note a {
  width: 18px;
  height:20px;
  float: left;
  position: relative;
  text-align: center
}

.game_note span {
  width: 26px;
  position: relative;
  float: left;
  padding-top: 4px;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  color: #fff;
}

.game_note span.label { width: 30px; }

.game_abuse {
  width: 93px;
  height: 20px;
  position: relative;
  float: left;
}

.game_abuse a {
  display: block;
  width: 99px;
  padding-top: 3px;
  height: 17px;
  text-align: center;
  font-size: 11px;
  color: #693901;
  font-weight: bold;
  background: transparent url(../../images/btn_abuse.jpg) no-repeat;
}
.button{
    clear:both;
    display:block;
    height:20px;
    padding-left:5px;
    width:158px;
   background: transparent url(/images/btn-l-blue-20.jpg) no-repeat;
}
.button span {
    display: block;
    font-size:11px;
    font-weight:bold;
    height:17px;
    padding:3px 5px 0 0;
    text-align:center;
    width:153px;
    background: transparent url(/images/btn-r-blue-20.jpg) repeat-x 100% 100%;
}
.button_blue_17 span {
  font-size: 10px;
  font-weight: bold;
  color: #095271;
  margin-left: 5px;
}

.game_main_info {
  width: 295px;
  height: auto;
  position: relative;
  float: left;
}

.game_title, .game_title a {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  color: #00436f;
  padding-bottom: 10px;
}

.game_title a { margin: 0px; }

.game_description {
  display: block;
  font-size: 11px;
  color: #5f5e5e;
}

.game_desc {
  padding-bottom: 10px;
  /*height: 86px;
  background: transparent url(../../images/game-infos-sep.jpg) repeat-x 0% 100%;*/
}

.game_options, .game_options_bottom {
  font-size: 12px;
  height: 22px;
  padding: 5px 4px 0 4px;
  background: transparent url(/images/game-infos-sep.jpg) repeat-x 0% 100%;
}

.game_options_bottom {
  font-size: 10px;
  font-weight: bold; 
}

.game_options a {
  color: #000;
}

.game_options_bottom a {
  color: #666
}

.game_options .game_timeleft {
  font-weight: bold;
  color: #ff2a00;
}

.game_nature {
  font-weight: bold;
  width: 74px;
  font-size: 10px;

  padding: 3px 0 0 8px;
}

.game_options .sep, .game_options_bottom .sep {
  vertical-align: -4px;
  margin: 0 5px;
}

.game_options .game_created {
  font-size: 11px;
  color: #888;
}

.game_options .game_created img {
  margin-right: 5px;
}

.game_options .game_created span {
  font-size: 10px;
  font-weight: bold;
  color: #000;
}

.game_options_share {
  height: 21px;
  padding-top: 4px;
  font-size: 11px;
  background: transparent url(../../images/game_share.jpg) repeat-x;
  text-align: center;
}

.game_options_share a {
  font-weight: bold;
  font-size: 11px;
  color: #0a3346;
}

.game_options_share .sep {
  vertical-align: -3px;
  margin: 0 4px;
}


/****************
* BIDS
****************/
.game_bids {
  width: 140px;
  float: right;
  position: relative;
}

.game_total_bids {
  width: 137px;
  height: 22px;
  padding: 6px 0 0 0;
  color: #FDD302; 
  font-size: 12px;
  text-align: center;
  background: #FFF url(../../images/v3/hd_tbids.jpg) no-repeat;
}

.game_total_bids span {
  font-weight: bold;
  font-size: 14px;
}

.game_new_bid, .game_answer {
  width: 132px;
  height: 23px;
  font-size: 12px;
  padding: 3px 0 0 5px;
  margin-bottom: 3px;
  background: #FFF url(../../images/bt_tbids.jpg) no-repeat;
}

.game_answer {
  height: 21;
  padding-top: 5px;
  text-align: center;
}

.game_bid_buttons {
  margin-bottom: 3px;
  position: relative;
  overflow: auto;
}

.game_bid_buttons img {
  display: block;
  margin-right: 2px;
  float: left;
  cursor: pointer;
  position: relative;
}

.game_my_bid {
  width: 127px;
  padding: 3px 5px;
  background: #f0efef;
  color: #8b8a8a;
  font-size: 11px;
}

.game_my_bid table {
  width: 127px;
}

.game_bid_infos {
  font-size: 11px;
  margin: 5px 0;
  clear: both;
}

.game_bid_infos_title {
  height: 15px;
  font-size: 11px;
  color: #000;
  padding-top: 3px;
  text-align: center;
  background: transparent url(../../images/bid_info_head.jpg) no-repeat;
}

.game_bid_infos_content {
  height: 21px;
  text-align: center;
  background: transparent url(../../images/bid_info_content.jpg) no-repeat;
}

.game_percents img {
  height: 16px;
  margin-right: 5px;
}

/**************************
*
**************************/

#related_games {
  background: #007aab;
  margin: 0 2px 20px 2px;
}

#related_games a { color: #FFF; }

#head_related_games {
  height: 19px;
  padding: 5px 0 0 10px;
  color: #b2f0ff;
  font-size: 12px;
  background: transparent url(../../images/head_related_game.jpg);
}

#content_related_games {
  background: transparent url(../../images/bt_related_game.jpg) no-repeat 0px 100%;
}

.game_related_head {
  width: 294px;
  height: 57px;
  margin: 0 auto 5px auto;
  overflow: hidden;
  background: #006891 url(../../images/bk_game_related_l.jpg) no-repeat 100% 0%;
}

.game_related_head img {
  border: 1px solid #FFF;
  display: block;
  float: left;
}

.game_related_head .game_related_bids {
  padding: 10px 0 0 10px;
  float: left;
}

.game_related_bids h4 {
  margin: 0 0 5px 0;
  padding: 0px;
  font-size: 13px;
  font-weight: normal;
  color: #fdd302;
}

.game_related_bids h4 b { font-size: 15px }

.game_related_bids span {
  font-size: 13px;
  font-weight: normal;
  color: #62cdee;
}

.game_related_title {
  width: 294px;
  margin: auto;
  font-size: 11px;
  color: #FFF;
  font-weight: bold;
}

.game_related_title span {
  width: 213px;
  margin-right: 5px;
  display: block;
  float: left; 
}

#comments_count {
  margin: 0 0 10px 10px;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 4px;
  border-bottom: 1px solid #d5d5d5;
}

.comment_item {
  margin-bottom: 25px;
  font-size: 11px;
}

.comment_item_head {
  margin-bottom: 5px;
  padding: 2px 10px;
  background: #ecf5fe;
  font-weight: bold;
}

.comment_item_head .comment_item_author {
  margin: 0 0 3px 0;
  padding: 0px;
  color: #2b2a2a;
  font-size: 11px;
}

.comment_item_head .comment_item_date {
  color: #177098;
}

.comment_item_content {
  padding: 0 10px;
  color: #7e7d7d;
}

#comment_form {
  padding: 30px 0 0 10px;
}

#comment_form textarea {
  width: 400px;
  height: 100px;
  margin-bottom: 10px;
  display: block;
}

#invite {
  padding: 9px;
}

#invite_buddies {
  width: auto;
  height: auto;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d5d5d5;
  overflow: auto;
}
 
#invite_buddies .explain {
  font-size: 11px; 
} 

#invite_buddies h4, #sponsorship_content h4 {
  font-size: 11px;
  margin: 0px;
  padding-left: 10px;
  background: transparent url(../../images/arrow_invite.png) no-repeat 0px 50%;
}

#mybuddies {
  width: 410px;
  background: transparent url(../../images/bg_invite_buddies.png) no-repeat 0px 15px;
  margin-right: 6px;
  float: left;
  display: inline;
}

#myfriends {
  width: 239px;
  background: transparent url(../../images/bg_invite_email.png) no-repeat 0px 15px;
  float: left;
}

#invite_message, #emailaddress {
  font-size: 12px;
  font-weight: bold;
}

#invite_message textarea, #emailaddress textarea {
  width: 650px;
  height: 100px;
  margin-top: 5px;
  display: block;
  border: 1px solid #b1b1b1;
}

#invite_messenger_list a {
  display: block;
  float: left;
  margin-right: 3px;
  padding: 3px;
  border: 1px #F1F1F1 solid; 
}

#emailaddress textarea {
  width: 230px;
  height: 100px;
}

#more_games {
  margin: 0 10px 20px 10px;
}

#more_games h3 {
  font-size: 14px;
  font-weight: bold;
  color: #555;
  margin: 0 0 7px 0;
  padding-bottom: 3px;
  border-bottom: 1px solid #d5d5d5;
}

.more_game {
  width: auto;
  overflow: auto;
  margin-bottom: 6px;
}

.more_game span {
  font-size: 15px;
  font-weight: bold;
  color: #fe4e11;
  display: inline;
  float: left;
  width: 70px;
}

.more_game a {
  font-weight: bold;
  font-size: 12px;
  color: #17709c;
}

#players {
  width: 631px;
  margin: auto;
  position: relative;
  overflow: hidden;
}

#players .validate {
  background: #e2e2e2;
  padding: 10px;
}

#players_content {
  width: 657px;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.buddies {
  width: 200px;
  padding: 3px;
  float: left;
  position: relative;
  border-right: 1px solid #d0d0d0;
}

.player {
  width: 212px;
  padding: 3px;
  float: left;
  position: relative;
  border-right: 1px solid #d0d0d0;
}

.player input {
  vertical-align: middle;
}
  

.player .odd { background: #e3e3e3; }
.player .even { background: #fff; }

.player a {
  font-size: 12px;
  color: #000;
}

.player .YES, .player .NO {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  top: 6px;
  right: 5px;
}

#game_abuse {
  margin: 0 10px;
}

#game_abuse .game_main_info {
  width: 400px;
}

#game_abuse .game_infos {
  background: #e4e9ed;
  border: 1px solid #acb5c3;
  padding: 5px;
  width: 640px;
  margin-bottom: 10px;
}

#game_abuse h3 {
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #555;
  padding: 5px 0;
}

#game_abuse #form_abuse {
  clear: both;
  font-size: 12px;
  font-weight: bold;
  color: #555;
}

#game_abuse #form_abuse textarea {
  width: 650px;
  height: 100px;
          }
#litadsense{
 width:468px;
 margin-left:auto;
 margin-right:auto;
 padding-bottom:5px;
     }