/*
 * Layout Stylesheet
 *
 * @author: Stefan Heckler <sh(at)diekosmonauten.com>
 * @author: Johannes Huebner <jh(at)diekosmonauten.com>
 * @copyright: 2009, dieKosmonauten
 */
@import url(media_css_reset.css);

/* general styles */
* { margin: 0; }
html, body { height: 100%; }
html, body, a {
    font-family: Arial, Verdana, sans-serif;
    font-size: 12px;
    color: #5399bc;
	/*color: #87b9d2 */
    text-decoration: none;
}

html,body { background: #87b9d2;
    background-image: url('media_img_site_wrapper_bg.gif');
    background-repeat: repeat-y;
    background-position: center center;
 }
div.wrapper {
    /*background: #ffffff url('media_img_site_wrapper_bg.gif') repeat-y;*/
    width: 974px; /* 990px */
    padding: 0 8px;
    margin: 0 auto -130px; /* the bottom margin is the negative value of the footer's height */
	height: auto !important;
	min-height: 100%;
	height: 100%;
}

form label{
    float: left;
    color: #006699;
    margin-top: 8px;
    font-weight: bold;
    font-size: 12px;
}
form input, form textarea{
    color:#74ADCA;
    float:left;
    font-size:11px;
    padding:4px 3px 0 5px;
    border: 1px solid #94c5df;
}
form input{
    height: 15px;
}
form textarea{
    height: 45px;
}
input.submit { cursor: pointer; }
strong{ font-weight: bold; }
/* clearing */
.clear {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  position: relative;
}

/* header */
div#header {
    width: 974px;
    /*margin: 0 auto;*/
    background: url('media_img_site_header.png') no-repeat;
    /*padding-top: 50px;*/
    height: 60px;
    overflow: hidden;
    position: relative;
    left: -1px;
}
div#header a.logo {
    width: 275px;
    height: 60;
    display: block;
    font-size: 0px;
    line-height: 160px;
    float: left;
}

/* navigation */
ul.navigation {
    float: left;
    background: url('media_img_site_navigation_navigation_bg.png') no-repeat;
    line-height: 18px;
    width: 635px;
    height: 50px;
    overflow: hidden;
    position: relative;
    left: -1px;
}
ul.navigation li {
    display: block;
    float: left;
    padding-top: 22px;
    height: 22px;
    color: white;
    margin-left: 9px;
}
ul.navigation li a{
    float: left;
    width: 100%;
    height: 22px;
    line-height: 22px;

}
ul.navigation li a span{
    float: left;
    line-height: 400px;
}
ul.navigation span {
    color: #fff;
    font-size: 17px;
}
ul.navigation a {
    font-size: 11px;
    color: #5d5d5d;
}
/* navigation list items */
ul.navigation li.action{            width: 58px; margin-left: 16px; }
ul.navigation li.abenteuer{         width: 73px; }
ul.navigation li.brett_karten{      width: 95px; }
ul.navigation li.grips_puzzle{      width: 91px; }
ul.navigation li.shooting{          width: 63px; }
ul.navigation li.sport{             width: 45px; }
ul.navigation li.racing{            width: 54px; }
ul.navigation li.sonstige{          width: 70px; }
/* navigation buttons */
ul.navigation li.action a:hover,
ul.navigation li.action a.active {
    background: url('media_img_site_navigation_button_active_action.gif') no-repeat;
}
ul.navigation li.abenteuer a:hover,
ul.navigation li.abenteuer a.active {
    background: url('media_img_site_navigation_button_active_abenteuer.gif') no-repeat;
}
ul.navigation li.brett_karten a:hover,
ul.navigation li.brett_karten a.active {
    background: url('media_img_site_navigation_button_active_brett_karten.gif') no-repeat;
}
ul.navigation li.grips_puzzle a:hover,
ul.navigation li.grips_puzzle a.active {
    background: url('media_img_site_navigation_button_active_grips_puzzle.gif') no-repeat;
}
ul.navigation li.shooting a:hover,
ul.navigation li.shooting a.active {
    background: url('media_img_site_navigation_button_active_shooting.gif') no-repeat;
}
ul.navigation li.sport a:hover,
ul.navigation li.sport a.active {
    background: url('media_img_site_navigation_button_active_sport.gif') no-repeat;
}
ul.navigation li.racing a:hover,
ul.navigation li.racing a.active {
    background: url('media_img_site_navigation_button_active_racing.gif') no-repeat;
}
ul.navigation li.sonstige a:hover,
ul.navigation li.sonstige a.active {
    background: url('media_img_site_navigation_button_active_sonstige.gif') no-repeat;
}

/* quicklinks */
div.quicklinks {
    float: left;
    background: url('media_img_site_quicklinks.gif') no-repeat;
    /*padding-top: 1px;*/
    line-height: 18px;
    width: 151px;
    height: 50px;
    position: relative;
    left: -1px;
    cursor: pointer;
}
div.quicklinks .button{
    float: left;
    width: 127px;
    height: 21px;
    margin: 23px 0 0 10px;
}
div.quicklinks .listContainer{
    width: 125px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
    float: left;
    z-index: 200;
    /*margin: 44px 0 0 10px;*/
    top: 44px;
    left: 10px;
    background: white;
    border: 1px solid #ffd270;
    border-top: none;
    position: absolute;
}
div.quicklinks ul{
    width: 125px;
    /*padding: 3px 3px 0 7px;*/
    padding: 0;
    list-style: none;
}
div.quicklinks ul li a{
    color: #006699;
    font-size: 11px;
    float: left;
    width: 215px;
    padding: 3px 3px 0 7px;
    height: 19px;
}
div.quicklinks ul li a:hover{
    background: #fffdf7;
}

/* quicksearch */
div.quicksearch {
    float: left;
    background: url('media_img_site_search.gif') no-repeat;
    /*padding-top: 1px;*/
    line-height: 18px;
    width: 188px;
    height: 50px;
    position: relative;
    left: -1px;
}
div.quicksearch input#sword{
    float: left;
    width: 104px;
    height: 15px;
    color: #74adca;
    font-size: 11px;
    margin: 23px 3px 0 11px;
    padding: 4px 3px 0 5px;

}
div.quicksearch input#searchButton{
    float: left;
    width: 48px;;
    height: 21px;
    margin: 22px 0 0 0;
    padding: 0;
}

/* content */
div#content {
    float: left;
    clear: both;
    width: 962px;
    margin: 0;
    padding: 7px 6px;
}
div#content #leftCol{
    float: left;
    width: 577px;
    margin: 0;
    /*margin: 9px 0 0 7px;*/
    padding: 23px 14px 0 16px;
    background: url('media_img_site_content_top_bg.gif') no-repeat;
}
div#content #rightCol{
    float: left;
    width: 350px;
    margin: 0 0 0 4px;
    /*margin: 9px 0 0 4px;*/

}
div#content #leftCol h2{
    font-size: 18px;
    color: #006699;
    font-weight: bold;
    margin-bottom: 13px;
}
div#content #rightCol .topGames{
    float: left;
    margin-bottom: 10px;
    width: 350px;
    height: 163px;
    background: url('media_img_site_top_games_bg.gif') no-repeat;

}
div#content #rightCol .lastPlayed{
    float: left;
    margin-bottom: 10px;	
    width: 320px;
    height: 81px;
    padding: 17px 15px 5px 15px;
   /* background: url('media_img_site_last_played.gif') no-repeat; */

}
.lastPlayed h2 {
	font-size:16px;
	font-weight:bold;
	}
	
div#content #rightCol .lastPlayed ul li{
    list-style: none;
    float: left;
    width: 50%;
    font-size: 11px;
    color: #006699;
    font-weight: bold;
    text-indent: 12px;
    background: url('media_img_site_arrow_right_small.gif') no-repeat 1px 4px;
}

div#content #rightCol .topGames .left{
    float: left;
    width: 166px;
    height: 163px;
}
div#content #rightCol .topGames .left .overlay{
    float: left;
    /*position: absolute;*/
    position: relative;
    width: 95px;
    height: 95px;
    z-index: 100;
    background: url('media_img_site_hotgamesoverlay.gif') no-repeat;
}
div#content #rightCol .topGames .left img{
    width: 148px;
    height: 108px;
    border: 1px solid #010103;
    margin: 17px 0 0 16px;
    position: relative;
    z-index: 50;
    top: -95px;
}
div#content #rightCol .topGames .left div.ratingContainer{
    float: left;
    width: 61px;
    height: 10px;
    margin: 10px 0 0 20px;
    background: url('media_img_site_rating_bg_yellowish.gif') no-repeat;

    position: relative;
    z-index: 25;
    top: -95px;
}
div#content #rightCol .topGames .left div.ratingContainer .rating{
    float: left;
    height: 10px;
    overflow: hidden;
    background: url('media_img_site_rating_yellowish.gif') no-repeat;
}
div#content #rightCol .topGames .left div.buttonPlay{
    margin: 5px 0 0 12px;
    position: relative;
    z-index: 10;
    top: -95px;
}
div#content #rightCol .topGames ul{
    float: left;
    clear: none;
    margin: 17px 10px 10px 17px;
    width: 150px;
    height: 150px;
}
div#content #rightCol .topGames ul li{
    list-style: none;
    float: left;
    width: 100%;
    font-size: 11px;
    font-weight: bold;
    color: #c3c3c3;
}
div#content #rightCol .topGames ul li span{
    float: left;
    width: 15px;
}
div#content #rightCol .topGames ul li a{
    float: left;
    clear: none;
    width: 135px;
    font-weight: bold;
    color: #006699;
    text-indent: 12px;
    background: url('media_img_site_arrow_right_small.gif') no-repeat 1px 4px;
}
div#content #rightCol .gameTeaser{
    float: left;
    width: 350px;
    height: 87px;
    margin-bottom: 10px;
}

/* homepage */
div#content .topGame{
    float: left;
    width: 605px;
    height: 250px;
    margin-right: 7px;
    background: #333;
}
div#content .contentAd{
    float: left;
    width: 350px;
    height: 250px;
    background: #c4e0ef;
}

/* category boxes on homepage */
div.categories{
    float: left;
    clear: both;
    height: 536px;
    width: 960px;
}
/*div.categories div.category{
    float: left;
    width: 205px;
    padding: 0 16px;
    height: 263px;
    background: url('media_img_site_category_list_bg.gif') no-repeat;
    margin: 5px 4px 0 0;
}*/
div.categories div.category{
    float: left;
    width: 237px;
    /*padding: 0 16px;*/
    height: 263px;
    background: url('media_img_site_category_list_bg.gif') no-repeat;
    margin: 5px 4px 0 0;
}
div.categories div.category.lastInRow{
    margin-right: 0;
}
/*div.categories div.category h2{
    float: left;
    height: 23px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 6px;
    line-height: 400px;
    overflow: hidden;
}*/
div.categories div.category h2{
    float: left;
    height: 23px;
    margin: 0;
    padding: 10px 16px 6px 16px;
    line-height: 400px;
    overflow: hidden;
    width: 205px;
}
div.categories div.category h2 a{
    float: left;
    height: 23px;
    width: 100%;
}
div.categories div.category h2.category1{            background: url('media_img_site_category_action_bg.gif') no-repeat; }
div.categories div.category h2.category2{         background: url('media_img_site_category_abenteuer_bg.gif') no-repeat; }
div.categories div.category h2.category3{      background: url('media_img_site_category_brett_karten_bg.gif') no-repeat; }
div.categories div.category h2.category4{      background: url('media_img_site_category_grips_puzzle_bg.gif') no-repeat; }
/*div.categories div.category h2.shooting{          background: url('media_img_site_headlines_shooting.gif') no-repeat; }
div.categories div.category h2.sport{             background: url('media_img_site_headlines_sport.gif') no-repeat; }
div.categories div.category h2.racing{            background: url('media_img_site_headlines_racing.gif') no-repeat; }
div.categories div.category h2.sonstige{          ackground: url('media_img_site_headlines_sonstige.gif') no-repeat; }*/


div.categories div.category h2.category1 a{            width: 61px; background: url('media_img_site_headlines_action.gif') no-repeat; }
div.categories div.category h2.category2 a{         width: 98px; background: url('media_img_site_headlines_abenteuer.gif') no-repeat; }
div.categories div.category h2.category3 a{      width: 132px; background: url('media_img_site_headlines_brett_karten.gif') no-repeat; }
div.categories div.category h2.category4 a{      width: 131px; background: url('media_img_site_headlines_grips_puzzle.gif') no-repeat; }
div.categories div.category h2.category5 a{          width: 83px; background: url('media_img_site_headlines_shooting.gif') no-repeat; }
div.categories div.category h2.category6 a{             width: 53px; background: url('media_img_site_headlines_sport.gif') no-repeat; }
div.categories div.category h2.category7 a{            width: 62px; background: url('media_img_site_headlines_racing.gif') no-repeat; }
div.categories div.category h2.category8 a{          width: 81px; background: url('media_img_site_headlines_sonstige.gif') no-repeat; }



div.helpDesk div.content h2, /*div.lastPlayed h2*/{
    float: left;
    height: 23px;
    padding: 0;
    margin-top: 10px;
    margin-bottom: 0;
    line-height: 400px;
    overflow: hidden;
}
div.helpDesk div.content h2.helpdesk{           width: 57px; background: url('media_img_site_headlines_helpdesk.gif') no-repeat; }
/*div.lastPlayed h2{                              width: 100%; background: url('media_img_site_headlines_last_played.gif') no-repeat; margin-top: 0; margin-bottom: 5px;}
*/
div.categories div.category div.bestGame{
    float: left;
    margin: 0 16px;
    width: 205px;
    height: 99px;
    background: url('media_img_site_category_bestgame_bg.gif') no-repeat;
}
div.categories div.category div.bestGame a img{
    float: left;
    margin: 9px 9px 8px 10px;
}
div.categories div.category div.bestGame h3 a{
    float: left;
    width: 100px;
    padding: 12px 9px 8px 15px;
    font-weight: bold;
    font-size: 12px;
    color: #006699;
    background: url('media_img_site_arrow_right_small.gif') no-repeat 4px 15px;
}

div.categories div.category div.bestGame div.ratingContainer{
    float: left;
    width: 61px;
    height: 10px;
    margin: -4px 0 0 15px;
    background: url('media_img_site_rating_bg.gif') no-repeat;
}
div.categories div.category div.bestGame div.ratingContainer .rating{
    float: left;
    height: 10px;
    overflow: hidden;
    background: url('media_img_site_rating.gif') no-repeat;
}
div.categories div.category div.bestGame p a{
    float: left;
    clear: both;
    width: 185px;
    margin: 0 9px 0 10px;
    font-size: 11px;
    color: #797979;
}

div.categories div.category ul{
    float: left;
    width: 205px;
    list-style: none;
    margin: 8px 16px 11px 16px;
}
div.categories div.category ul li{
    float: left;
    width: 100%;
    height: 15px;
    line-height: 15px;
    padding-top: 2px;
    border-top: 1px solid #bbe0f3;
    background: url('media_img_site_arrow_right_small.gif') no-repeat 10px 6px;
    list-style: none;
    text-indent: 22px;

}
div.categories div.category ul li a{
    font-size: 12px;
    color: #006699;
    font-weight: bold;
}
div.categories div.category ul li.last{
    border-bottom: 1px solid #bbe0f3;
}

/* button with custom text */
div.arrowButtonContainer{
    float: left;
    clear: both;
    height: 21px;
    width: 100%;
    overflow:hidden;
    position: relative;
}
div.arrowButton{
    width: auto;
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;

/*    float: left;
    position: relative;
    left: 10%;
    height: 21px;*/
    /*margin: 0 auto;*/

}
div.arrowButton span{
    display: block;
    float: left;
    height: 21px;
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
}
div.arrowButton .left{
    float: left;
    width: 3px;
    height: 21px;
    background: url('media_img_site_button_bg_left.gif') no-repeat;
}
div.arrowButton .content{
    float: left;
    padding: 4px 3px 0px 3px;
    height: 18px;
    background: url('media_img_site_button_bg_content.gif') repeat-x;
}
div.arrowButton .content a{
    font-weight: bold;
    font-size: 11px;
    color: #006699;
    float: left;
    text-indent: 20px;
    background: url('media_img_site_arrow_right_large.gif') no-repeat 0 -1px;
}
div.arrowButton .right{
    float: left;
    width: 3px;
    height: 21px;
    background: url('media_img_site_button_bg_right.gif') no-repeat;
}

/* list of all games */
div.gameList{
    float: left;
    clear; both;
    width: 719px;
    margin: 8px 4px 0 0;
}
div.gameList h2{
    float: left;
    width: 719px;
    height: 20px;
    padding: 9px 0 1px 0;
    text-align: center;
    color: #ff9314;
    font-size: 11px;
    font-weight: bold;
    background: url('media_img_site_gamelist_headline_bg.gif') no-repeat;
}
div.gameList .content{
    float: left;
    width: 697px;
    padding: 8px 0 8px 18px;
    border-left: 2px solid #ffd270;
    border-right: 2px solid #ffd270;
    background: #ffffff;
}
div.gameList .content div.col{
    float: left;
    width: 100px;
    padding-right: 16px;
}
div.gameList .content div.col h3{
    float: left;
    width: 100%;
    color: #ff9314;
    font-weight: bold;
    font-size: 11px;
}
div.gameList .content div.col ul{
    margin: 10px 0;
}
div.gameList .content div.col ul,
div.gameList .content div.col ul li{
    float: left;
    list-style: none;
    width: 100%;
}
div.gameList .content div.col ul li a{
    color: #006699;
    font-size: 11px;
}
div.gameList .bottom{
    float: left;
    width: 719px;
    height: 9px;
    background: url('media_img_site_gamelist_bg_bottom.gif') no-repeat;
}

/* help desk */
div.helpDesk{
    float: left;
    width: 237px;
    margin: 8px 0 0 0;

}
div.helpDesk div.content{
    float: left;
    width: 203px;
    padding: 0 15px;
    background: #ebf6fc;
    border-left: 2px solid #bbe0f3;
    border-right: 2px solid #bbe0f3;
}
div.helpDesk div.content h4{
    float: left;
    clear: both;
    color: #ff9314;
    font-size: 11px;
    font-weight: bold;
    margin-top: 15px;
    width: 100%;
}
div.helpDesk div.content p{
    float: left;
    clear: both;
    width: 100%;
}
div.helpDesk div.top{
    float: left;
    width: 237px;
    height: 9px;
    background: url('media_img_site_helpdesk_bg_top.gif') no-repeat;
}
div.helpDesk div.bottom{
    float: left;
    width: 237px;
    height: 9px;
    background: url('media_img_site_helpdesk_bg_bottom.gif') no-repeat;

}

/* content width */

/* forms */
/*fieldset.form {

}

fieldset.form input.text {
    width: 431px;
    height: 16px;
    background: #040404;
    margin-bottom: 3px;
    color: #646464;
    padding: 6px 12px;
	float: left;
}

fieldset.form textarea {
    width: 431px;
    height: 178px;
    background: #040404;
    margin-bottom: 3px;
    color: #646464;
    padding: 6px 12px;
	float: left;
}

fieldset.form input.submit {
    height: 28px;
    background: #aeff00;
    margin-bottom: 3px;
    color: #000;
    padding: 0 12px;
    float: right;
    font-weight: bold;
    position: relative;
    margin-top: -31px;
    padding-bottom: 2px;
}*/

/* button "play" */
div.buttonPlay{
    float: left;
    width: 73px;
    height: 21px;
    background: url('media_img_site_button_play_bg.gif') no-repeat;
}
div.buttonPlay a{
    float: left;
    width: 48px;
    height: 18px;
    padding: 3px 0 0 25px;
    font-weight: bold;
    background: url('media_img_site_arrow_right_large.gif') no-repeat 6px 3px;
    color: #006699;
}

/* bookmark bar */
ul.bookmarkBar{
    float: right;
    height: 16px;
    line-height: 16px;
    margin-top: 3px;

}
ul.bookmarkBar li{
    float: left;
    width: 15px;
    margin-left: 4px;
}
ul.bookmarkBar li.more{
    float: left;
    width: 47px;
    font-weight: bold;
    font-size: 12px;
    color: #006699;
}

/* page navigation */
div.pageNavigationContainer{
    float: left;
    clear: both;
    margin-top: 14px;
    height: 15px;
    width: 100%;
    overflow:hidden;
    position: relative;
}
ul.pageNavigation{
    width: auto;
    clear: left;
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    left: 50%;
    text-align: center;

}
ul.pageNavigation li{
    display: block;
    float: left;
    list-style: none;
    height: 15px;
    width: auto;
    margin: 0;
    padding: 0;
    position: relative;
    right: 50%;
}
ul.pageNavigation li.page a{
    color: #006699;
    float: left;
    height: 13px;
    line-height: 13px;
    font-weight: bold;
    font-size: 12px;
    margin: 1px 2px;
}
ul.pageNavigation li.active a, ul.pageNavigation li.spacer a{
    color: #94c5df;
    cursor: default;
}
ul.pageNavigation li.back a{
    background: url('media_img_site_arrow_left_large.gif') no-repeat;
    float: left;
    width: 15px;
    height: 15px;
    margin-right: 35px;
}
ul.pageNavigation li.next a{
    background: url('media_img_site_arrow_right_large.gif') no-repeat;
    float: left;
    width: 15px;
    height: 15px;
    margin-left: 35px;
}

/* category overview */
div.categoryGames{
    float: left;
    margin-top: 16px;
}
div.categoryGames .game{
    float: left;
    width: 285px;
    height: 103px;
    margin: 0 7px 7px 0;
    background: url('media_img_site_category_game_bg.gif') no-repeat;
}
div.categoryGames .game.nomargin{
    margin-right: 0;
}
div.categoryGames .game .leftCol{
    float: left;
    width: 73px;
    padding: 0 8px;
    height: 100%;
}
div.categoryGames .game .leftCol img{
    float: left;
    margin: 8px 0 5px 2px;
}
div.categoryGames .game h3 a{
    float: left;
    width: 157px;
    font-weight: bold;
    font-size: 12px;
    height: 16px;
    color: #006699;
    padding: 15px 12px 0 24px;
    background: url('media_img_site_arrow_right_small.gif') no-repeat 12px 19px;
}
div.categoryGames .game div.ratingContainer{
    float: left;
    width: 61px;
    height: 10px;
    margin: 4px 112px 0 23px;
    background: url('media_img_site_rating_bg.gif') no-repeat;
}
div.categoryGames .game div.ratingContainer .rating{
    float: left;
    height: 10px;
    overflow: hidden;
    background: url('media_img_site_rating.gif') no-repeat;
}

div.categoryGames .game p a{
    float: left;
    width: 176px;
    color: #797979;
    font-size: 11px;
    padding: 10px 10px 0 10px;
    /*background: url('media_img_site_arrow_right_small.gif') no-repeat 12px 19px;*/
}

/* game details */
div.gameDetails{
    float: left;
    margin-top: -10px;
}
div.gameDetails div.gameRating{
    color: #5399bc;
    font-size: 11px;
    font-weight: bold;
}
div.gameDetails div.gameRating span{
    float: left;
    margin: 0;
    padding: 0;
}
div.gameDetails div.gameRating div.ratingContainer{
    float: left;
    width: 61px;
    height: 10px;
    margin: 2px 2px 0 2px;
    background: url('media_img_site_rating_bg_bluish.gif') no-repeat;

}
div.gameDetails div.gameRating div.ratingContainer .rating{
    float: left;
    height: 10px;
    overflow: hidden;
    background: url('media_img_site_rating_bluish.gif') no-repeat top left;
}




div.gameDetails div.gameRating form.ratingForm{
    float: left;
    width: 60px;
    height: 10px;
    margin: 2px 1px 0 2px;
    padding-left: 2px;
}

div.gameDetails .swfObject{
    float: left;
    clear: both;
    /*width: 571px;
    height: 360px;*/
    margin-top: 8px;
}
div.gameDetails ul.tabNavigation{
    float: left;
    clear: both;
    width: 568px;
    height: 30px;
    list-style: none;
    padding-left: 10px;
    border-bottom: 1px solid #bbe0f3;
    margin-top: 15px;
}
div.gameDetails ul.tabNavigation li{
    float: left;
    width: 125px;
    /*height: 30px;*/
    list-style: none;
}
div.gameDetails ul.tabNavigation li.flexible{
    width: auto;
}
div.gameDetails ul.tabNavigation li a.active,
div.gameDetails ul.tabNavigation li a:hover{
    border-left: 1px solid #bbe0f3;
    border-bottom: 1px solid #fff;
    background: #fff;
}
div.gameDetails ul.tabNavigation li a.last{
    border-right: 1px solid #bbe0f3;
}
div.gameDetails ul.tabNavigation li a{
    float: left;
    padding-top: 8px;
    padding-left: 10px;
    padding-right: 10px;
    height: 21px;
    text-align: center;
    width: 105px;
    font-size: 12px;
    color: #006699;
    border-left: 1px solid #bbe0f3;
    border-top: 1px solid #bbe0f3;
    border-bottom: 1px solid #bbe0f3;
    background: #eff8fd;
}
div.gameDetails ul.tabNavigation li.flexible a{
    width: auto;
}
div.gameDetails div.tabContent{
    float: left;
    clear: both;
    /*width: 548px;
    padding: 15px 10px;*/
    width: 568px;
    padding: 15px 0;

}

div.gameDetails div.tabContent h3{
    font-weight: bold;
    color: #006699;
    clear: left;
    float: left;
    margin-bottom: 8px;
    margin-left: 10px;
}


/* footer */
.push {
    clear: both; /* .push should be cleared to prevent bugs in Safari */
    height: 130px; /* .push must be the same height as .footer */
}
div.footer{
    width: 972px;
   /* background: url('media_img_site_footer_bg.gif') repeat-x;*/
	margin: 0px auto;
    position: relative;
    margin-top: -130px;
    padding: 14px 10px 0px 10px;
	/*height: 100px;*/

    clear: both;
}

div.footy
{    border-top: 2px solid #bbe0f3;}
 
div.footer p {
    width: 944px;
    margin: 0 auto;
    font-size: 11px;
    line-height: 16px;
    color: #5399bc;
    clear: both;
}
div.footer ul{
    width: 944px;
    margin: 0 auto;
    margin-top: 20px;
}

div.footer ul li{
    float: left;
    padding-right: 12px;
}
div.footer ul li a{

    color: #5399bc;
    text-decoration: underline;
    font-size: 11px;
    padding-right: 12px;
}
/* ajax - comments */
div.ajaxLoader{
    float: left;
    width: 100%;
    text-align: center;
}
div.tabContent h3{
    float: left;
    width: 100%;
    color: #006699;
    font-weight: bold;
    font-size: 13px;
    margin: 0 0 10px 0;
}
div.tabContent h3.spacer{
    margin-top: 15px;
}
div.tabContent h4{
    float: left;
    width: 100%;
    color: #006699;
    color: #ff9314;
    font-weight: bold;
    font-size: 11px;
    margin: 3px 10px 2px 10px;
}
div.tabContent .comment{
    float: left;
    padding: 15px 0;
    width: 100%;
}
div.tabContent .first{
    padding-top: 5px;
}
div.tabContent .row2{
    background: #eff8fd;
}
fieldset.comments{
    background: #eff8fd;
    margin-bottom: 16px;
}
fieldset.comments label.c01{
    width: 270px;
    margin-right: 8px;
    clear: both;
}
fieldset.comments label.c02{
    width: 270px;
    clear: none;
}
fieldset.comments label.c03{
    width: 270px;
    margin-right: 8px;

}

fieldset.comments label.c04{
    width: 270px;
    margin-right: 8px;
}
fieldset.comments label.c04 span{
    color: #91b9d2;
    font-weight: normal;
}
fieldset.comments input.c01{
    width: 260px;
    margin-right: 8px;
}
fieldset.comments input.c02{
    width: 260px;
}
fieldset.comments textarea.c03{
    width: 538px;
    margin-bottom: 8px;
    height: 90px;
}
fieldset.comments input.c04{
    width: 260px;
    margin-right: 8px;
}
fieldset.comments input.c05{
    width: 50px;;
    height: 21px;
    padding: 0;
    margin: 8px 0;
    border: none;
    float: left;
}
fieldset.comments div#reCaptcha{
    float: left;
    margin-top: 8px;
}
fieldset.comments div#recaptcha_image,
fieldset.comments div#recaptcha_image img{
    width: 270px;
    height: 51px;
    overflow: hidden;
}
/* ajax - recommendations */
div.tabContent p{
    line-height: 17px;
    margin: 0 10px;
    /*height: auto;
    float: left;
    clear: left;*/
}

div.tabContent fieldset{
    padding-left: 10px;
    padding-right: 10px;
}

fieldset.recommendations{
    margin: 16px 0 0 0;
    padding: 0;
}
fieldset.recommendations label.r01{
    width: 270px;
    margin-right: 8px;
    /*margin-top: 24px;*/
}
html*>label.r01{
    /*margin-top: 0;*/
    margin-top: -5px;
}
html*>label.r02{
    /*margin-top: 0;*/
    margin-top: -5px;
}
fieldset.recommendations label.r02{
    width: 270px;
    /*margin-top: 24px;*/
}
fieldset.recommendations label.r03{
    width: 270px;
    margin-right: 8px;
}
fieldset.recommendations label.r04{
    width: 270px;
}
fieldset.recommendations label.r05{
    width: 270px;
    margin-right: 8px;
}
fieldset.recommendations input.r01{
    width: 260px;
    margin-right: 8px;
}
fieldset.recommendations input.r02{
    width: 260px;
}
fieldset.recommendations input.r03{
    width: 260px;
    margin-right: 8px;
}
fieldset.recommendations input.r04{
    width: 260px;
}
fieldset.recommendations textarea.r05{
    width: 538px;
    margin-bottom: 8px;
}
fieldset.recommendations input.r06{
    width: 50px;;
    height: 21px;
    padding: 0;
    border: none;
    float: left;
    margin-bottom: 16px;
}
div.tabContent hr{
    border: 0;
    border-bottom: 1px solid #94c5df;
    height: 1px;
    margin-bottom: 16px;
}
fieldset.code label.c01,
fieldset.code label.c02 {
    /*margin-top: 16px;*/
    width: 270px;
}
fieldset.code label.c01{

    margin-right: 8px;
}
fieldset.code textarea.c01{
    width: 260px;
    margin-bottom: 8px;
    margin-right: 8px;
    height: 30px;
}
fieldset.code textarea.c02{
    width: 260px;
    margin-bottom: 8px;
    height: 30px;
}
fieldset.code textarea.c02{
    margin-bottom: 24px;
}
html*>textarea.c02{
    margin-bottom: -5px;
}


.hidden{
    display: none;
}


/*
 * System Messages
 */
.SysNotice,
.SysNoticeError,
.SysNoticeComplete {
	padding: 5px 10px;

	margin-bottom: 5px;
    line-height: 20px;
	background: #ffa200;
	color: #fff;
	margin-bottom: 10px;
}

.SysNoticeComplete a {
	text-decoration: none;
	/*font-weight: normal;*/
	color: #b2ea51;
}

.SysNoticeComplete a:hover { text-decoration: underline; color: #fff; }

.SysNotice {
	/*font-weight: normal;*/
}

.SysNoticeComplete {
	background: #69b800;
}

.SysNoticeError {
	background: #ff420;
}