@charset "UTF-8";

/*                               */
/* Global Element Styles         */
/*                               */

img	{
  border: 0px;
}

html {
  font-size:            10px;
  }

body {
  margin:               0px;
  padding:              0px;
  font-family:          Arial, Helvetica, sans-serif;
  font-size:            100%;
  color:                #DBDBDB;
  }

a {
  color:                #DBDBDB;
  text-decoration:      underline;
  }

a:hover {
  color:                #FFFFFF;
  }

input {
  behavior:             url("/css/iepngfix.htc");
}

/*                               */
/* Global Structure Styles       */
/*                               */

#main {
  min-width:            940px;
  background-color:     #414141;
  background-image:     url( '/images/bg_main.gif' );
  background-repeat:    repeat-x;
  behavior:             url("/css/iepngfix.htc");
  }

#logoDiv {
  width:                960px;
  height:               37px;
  margin:               0 auto;
  }

#headerFlash {
  width:                100%;
  height:               540px;
  }

#noFlash {
  width:                253px;
  height:               131px;
  margin:               auto;
  padding-top:          200px;
  display:              block;
  border:               none;
  }

#headerFlashShort {
  width:                100%;
  height:               300px;
  margin-bottom:        20px;
  border-bottom:        3px solid #a60000;
  }

#descriptionPanel {
  position:             absolute;
  color:                white;
  font-size:            1.2em;
  margin-left:          195px;
  line-height:          1.4em;
  width:                480px;
  width:                550px;
  height:               270px;
  overflow:             hidden;
  background-image:     url( '/images/trans.gif' );
  visibility:           hidden;
  display:              none;
  }

.descriptionRight #descriptionPanel {
  margin-left:          510px;
  width:                420px;
  visibility:           visible;
  color:                #000000;
  }

#scrollCursor {
  position:             absolute;
  display:              none;
  width:                41px;
  height:               36px;
  background-image:     url( '/images/scrollCursor.png' );
  behavior:             url("/css/iepngfix.htc");
  }


#content {
  width:                940px;
  margin:               0 auto;
  }

#content_top {
  width:                940px;
  margin-bottom:        20px;
  }

#content_title {
  width:                940px;
  }

div.contentNarrowInner {
  width:                540px;
  margin:               20px 0px 20px 40px;
  font-size:      1.25em;
  line-height:      1.4em;
  }

#content_bottom {
  width:                940px;
  margin:               0 auto;
  margin-bottom:        20px;
  }

#footer {
  width:                100%;
  background-image:     url( '../images/footer_bg.gif' );
  background-repeat:    repeat-x;
  background-color:     #232323;
  font-size:            10px;
  color:                silver;
  }

#footer p {
  line-height:          9px;
  }

#footerInner {
  width:                940px;
  height:               180px;
  margin:               0 auto;
  }

#footer_top {
  width:                940px;
  height:               30px;
  }

#footer_bottom {
  width:                940px;
  height:               150px;
  }

div.left {
  float:                left;
  text-align:           left;
  }

div.right {
  float:                right;
  text-align:           right;
  }

div.rating {
padding-top:			14px;
  }

div.br {
  clear:                both;
  }


/*                               */
/* Typeface       Styles         */
/*                               */

div.pageTitle {
  width:                925px;
  height:               20px;
  margin:               0px 0px 10px 0px;
  padding:              0px 0px 5px 15px;
  font-size:            18px;
  border-bottom:        1px #555555 solid;
  }

div.pageTitleButtons {
  width:                925px;
  height:               25px;
  margin:               0px 0px 10px 0px;
  padding:              0px 0px 5px 15px;
  font-size:            18px;
  font-weight:          bold;
  border-bottom:        1px #555555 solid;
  }


div.pageTitle_small {
  width:                925px;
  height:               20px;
  margin:               0px 0px 10px 0px;
  padding:              0px 0px 5px 15px;
  font-size:            10px;
  font-weight:          bold;
  border-bottom:        1px #555555 solid;
  }

.boxTitle {
  color:                #000000;
  font-size:            11px;
  line-height:          12px;
  text-decoration:      none;
  }


/*                               */
/* Global Element Styles         */
/*                               */


div.imageTitle {
  float:                left;
  }

div.imageTitle img {
  behavior:             url("/css/iepngfix.htc");
  }

div.gameTitle {
  float:                left;
  margin:               3px 0px 0px 10px;
  font-family:          Arial;
  font-weight:          normal;
  font-size:            20px;
  }

div.shareTitle {
  float:                left;
  margin:               6px 0px 0px 10px;
  }

#share a {
  text-decoration:      none;
}

#share img {
  vertical-align:       middle;
  padding-bottom:       2px;
  }

div.card_panel {
  position:             relative;
  width:                230px;
  height:               285px;
  margin:               3px;
  padding:              0px;
  float:                left;
  }

div.card_panel img {
  behavior:             url("/css/iepngfix.htc");
  }

div.card_panel_shadow {
  position:             relative;
  width:                230px;
  height:               30px;
  margin:               3px;
  padding:              0px;
  float:                left;
  }

div.card_panel_shadow img {
  behavior:             url("/css/iepngfix.htc");
  }

div.card_logo {
  width:                230px;
  height:               20px;
  margin:               0px 0px 0px 0px;
  padding:              0px 0px 0px 0px;
  font-family:          Avenir Light, Myriad Pro;
  font-weight:          normal;
  font-size:            14px;
  }

div.card_box {
  width:                230px;
  height:               165px;
  background-image:     url( '../images/bg_card_box.gif' );
  }

div.card_box_header {
  position:             absolute;
  top:                  24px;
  left:                 4px;
  width:                215px;
  height:               30px;
  padding:              8px 0px 0px 5px;
  }

div.card_box_body {
  position:             absolute;
  top:                  58px;
  left:                 2px;
  width:                226px;
  height:               125px;
  }

div.card_box_PA {
  position:             absolute;
  top:                  50px;
  left:                 50px;
  width:                150px;
  height:               150px;
  }
div.card_panel_game {
  position:             relative;
  width:                230px;
  height:               190px;
  margin:               3px;
  padding:              0px;
  float:                left;
  cursor:               pointer;
  }


div.card_box_header_game {
  padding-left:         10px;
  width:                215px;
  height:               40px;
  overflow:             hidden;
  display:              table;
  }

div.card_box_header_game .left {
  display:              table-cell;
  vertical-align:       middle;
  float:                none;
  }


div.card_box_body_game {
  position:             absolute;
  top:                  38px;
  left:                 2px;
  width:                226px;
  height:               125px;
  }



div.card_panel_game_small {
  position:             relative;
  width:                230px;
  height:               111px;
  margin:               3px;
  padding:              0px;
  float:                left;
  cursor:               pointer;
  }

div.card_box_small {
  width:                230px;
  height:               111px;
  background-image:     url( '/images/bg_card_box_small.gif' );
  }

div.card_solid_small {
  width:                230px;
  height:               111px;
  background-image:     url( '/images/bg_solid_box_small.gif' );
  }

div.card_box_header_game_small {
  position:             absolute;
  top:                  4px;
  left:                 4px;
  width:                215px;
  height:               30px;
  padding:              8px 0px 0px 5px;
  }

div.card_box_body_game_small {
  position:             absolute;
  top:                  38px;
  left:                 2px;
  width:                226px;
  height:               46px;
  }



div.scrollFrame {
  width:                700px;
  height:               350px;
  float:                left;
  margin:               0px 0px 20px 0px;
  }

div.scrollBox {
  width:                702px;
  height:               271px;
  background-image:     url( '../images/bg_scroll_box.gif' );
  }

div.scrollFrameShadow_box {
  width:                700px;
  height:               50px;
  padding:              20px 0px 20px 0px;
  text-align:           center;
  }

div.scrollFrameShadow_box img {
  behavior:             url("/css/iepngfix.htc");
}

div.adFrame {
  height:               350px;
  }

div.ad {
  width:                226px;
  height:               267px;
  padding:              2px;
  background-image:     url( '../images/bg_ad_box.gif' );
  }

div.adFrameTitle_box {
  height:               28px;
  padding:              10px 0px 5px 2px;
  }

div.adFrameShadow_box {
  width:                230px;
  height:               50px;
  padding:              20px 0px 20px 0px;
  text-align:           center;
  }

div.adFrameShadow_box img {
  behavior:             url("/css/iepngfix.htc");
}

/*                   */
/*  Game Detail      */
/*                   */


td.like {
  border-top:           1px solid darkred;
  border-bottom:        1px solid silver;
  background-image:     url( '/images/bg_like.gif' );
  vertical-align:       top;
  color:                white;
  }

td.gi {
  border-top:           1px solid #F0F0F0;
  border-bottom:        1px solid silver;
  vertical-align:       top;
  color:                #111111;
  }

td.gi0 {
  vertical-align:       top;
  color:                #111111;
  }



/*        */
/*   PS   */
/*        */

div.promoCell {
  float:                left;
  width:                307px;
  height:               190px;
  margin:               3px;
  background-image:     url( '/images/bg_promo_cell_off.gif' );
  }

div.promoCell_small {
  float:                left;
  width:                307px;
  height:               150px;
  margin:               3px;
  background-image:     url( '/images/bg_promo_cell_small_off.gif' );
  }

div.promoCell_90 {
  float:                left;
  width:                307px;
  height:               90px;
  margin:               3px;
  background-image:     url( '/images/bg_promo_cell_90_off.gif' );
  }

th.promo {
  font-weight:          bold;
  color:                #950002;
  text-align:           left;
  padding:              0px 10px 3px 0px;
  }

th.promoOn {
  font-weight:          bold;
  color:                white;
  text-align:           left;
  padding:              0px 10px 3px 0px;
  }



/*        */
/*   PS   */
/*        */

div.ps_box {
  width:                461px;
  height:               269px;
  padding:              2px 2px 0px 2px;
  background-image:     url( '/images/bg_ps_box.gif' );
  }


/*                        */
/*   Rounded Box          */
/*                        */

div.roundedBox {
  float:               left;
  margin:              3px 3px 3px 2px;
  }

div.roundedBox_image {
  background-repeat:   no-repeat;
  height:              72px;
  }

div.roundedBox_top {
  background-image:    url( '../images/module_header_bg.jpg' );
  background-repeat:   no-repeat;
  height:              36px;
  padding:             0px 5px 0px 5px;
  }

div.roundedBox_title {
  padding-top:         10px;
  font-size:           12px;
  font-family:         Arial;
  color:               #000000;
  }

img.fullShadow {
  behavior:             url("/css/iepngfix.htc");
}


/*               */
/*  Data Tables  */
/*               */

td.title {
  color:               #222222;
  font-weight:         bold;
  height:              28px;
  }

td.data {
  color:               #222222;
  height:              28px;
  }

td.dataL {
  padding-left:        10px;
  color:               #222222;
  height:              28px;
  }

td.dataR {
  padding-right:       10px;
  color:               #222222;
  height:              28px;
  }

td.right {
  text-align:          right;
  }

a.data {
  color:              #222222;
  color:              #222222;
  }

#dialog-age form,
#dialog-age fieldset {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1.1em;
}











  div.studioBox {
    width:            100px;
    margin:           5px;
    float:            left;
    }

  div.studioLogo {
    width:            100px;
    text-align:       center;
    }

  div.studioTitle {
    width:            100px;
    text-align:       center;
    }