/* -- Page definition ----------------------------------- */

#ga_page {
        padding: 7px;
        background-color: #000000;
    }

#ga_page div {
        font-family: Verdana, Arial, Helvetica, sans-serif;
    }

.ga_width_for_2_col {
        width: 174px;
    }

.ga_width_for_3_col {
        width: 174px;
    }

#ga_header, 
#ga_main_menu {
        margin:0 auto 7px auto;
    }

#ga_footer {
        text-align: center;
        margin-top: 7px;
    }


/* -- HTML tags ----------------------------------------- */

#ga_page h1 {
        float: left;
        margin: 0;
        padding: 0;
        font-family: arial, helvetica;
        font-size: 15px;
        text-transform: uppercase;
        color: #C8CDC4;
    }

/* -- Game thumbnail image size ------------------------- */

/* background for gif or png transparent thumbnails */

.ga_big_thumb img,
.ga_thumb img,
.ga_small_thumb img { 
        background-color:#ffffff;
    }


/* big thumbnail cell container */

.ga_big_thumb_cell {
        width: 125px;
    }      


/* big thumbnail image border */

.ga_big_thumb {
        width: 120px;
        height: 125px;
        padding: 6px 6px 0;
    }


/* big thumbnail image itself */

.ga_big_thumb img {
        width: 120px;
        height: 120px;
    }


/* standard thumbnail cell container */

.ga_thumb_cell {
        width: 65px;
    }


/* standard thumbnail image border */

.ga_thumb {
        width: 60px;
        height: 65px;
        padding: 5px 5px 0;
    }


/* standard thumbnail image itself */

.ga_thumb img {
        width: 60px;
        height: 60px;
    }


/* small thumbnail cell container */

.ga_small_thumb_cell {
        width: 45px;
    }


/* small thumbnail image border */

.ga_small_thumb {
        width: 40px;
        height: 45px;
        padding: 4px 4px 0;
    }


/* small thumbnail image itself */

.ga_small_thumb img {
        width: 40px;
        height: 40px;
    }

/* tiny thumbnail image border */

.ga_tiny_thumb {
        width: 20px;
        height: 23px;
        padding: 3px 3px 0;
    }

/* small thumbnail image itself */

.ga_tiny_thumb img {
        width: 20px;
        height: 20px;
    }

/* -- Game thumbnail image border ----------------------- */

/* -- standard border -- */

.ga_big_thumb,     
.ga_thumb,
.ga_small_thumb,
.ga_tiny_thumb {
        background-color:#505050;
    }

.ga_big_thumb:hover,
.ga_thumb:hover,
.ga_small_thumb:hover,
.ga_tiny_thumb:hover {
        background-color:#868686;
    }

/* -- dark border on dark backgrounds, 
      to be used with ga_thumb or ga_big_thumb -- */

.ga_dark_border {
        background-color:#303030;
    }

.ga_dark_border:hover {
        background-color:#C8CDC4;
    }


/* -- Game title links -- */

.ga_big_title a {
        font-size: 15px;
        color: #000000;
        font-weight:bold;
        text-decoration: none;
    }

.ga_big_title a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

.ga_title a {
        font-size: 11px;
        color: #ffbb00;
        font-weight:bold;
        text-decoration: none;
    }

.ga_title a:hover {
        color: #72c536;
        text-decoration: underline;
    }

/* -- dark href on dark backgrounds, 
      to be used with ga_title or ga_big_title -- */

.ga_dark_link a {
        color: #ffbb00;
    }

.ga_dark_link a:hover {
        color: #72c536;
    }


/* -- Game description text -- */

.ga_description { 
        font-size: 11px;
        color: #C8CDC4;
    }


/* -- Header Main Menu ----------------------------------------- */

/*  main menu's parent div as border */

#ga_menu_border {
        padding:7px 0;
    }

#ga_menu {
        margin: 0;
        padding: 0;
        font-size: 11px;
        font-weight:bold;
        width: 100%;
        overflow: hidden;
        border-top: 1px solid #333333;
        border-bottom: 1px solid #3c3c3c;
        background: black url('bg_main_menu.png') center top repeat-x;
    }

#ga_menu li {
        display: inline;
    }

#ga_menu li a {
        float: left;
        color: #C8CDC4;
        padding: 7px 11px;
        border-right: 1px solid #333333;
    }

#ga_menu li a:visited {
        color: #C8CDC4;
        text-decoration: none;
    }

#ga_menu li a:hover, 
#ga_menu li .current {
       color: #588c32;
       text-decoration: none;
       background: transparent url('bg_main_menu_active.png') center top repeat-x;
    }


/* -- submenu -- */

#ga_main_menu .ga_submenu {
        color: #C8CDC4;
        margin-top: 5px;
        margin-left: 3px;
    }

#ga_main_menu .ga_submenu a {
        color: #ffbb00;
        text-decoration: none; 
    }

#ga_main_menu .ga_submenu a:hover {
        color: #72c536;
        text-decoration: underline; 
    }

/* -- search bar -- */

#ga_form_search {
        float: right;
        padding-top: 3px;
        padding-right: 11px;
    }

#ga_search_input_ie,    /* fix for IE 7 or lower */
#ga_search_input {
        border-top: solid 2px #000000;
        border-left: solid 2px #333333;
        border-right: solid 2px #333333;
        border-bottom: solid 2px #494949;
        font-size: 11px;
        width: 120px;
        height: 12px;
        background-color: #e0e0e0;
    }


#ga_search_input {
        color: #a0a0a0;
        font-style: italic;
    }


#ga_search_submit {
        cursor: pointer;
        width: 18px;
        height: 19px;
        background: transparent url('search_button.png') no-repeat scroll center center;
    }

#ga_search_submit:hover {
        background: transparent url('search_button_hover.png') no-repeat scroll center center;
    }

#ga_search_submit_spin {
        width: 18px;
        height: 19px;
        background: transparent url('spinner14x14.gif') no-repeat scroll center center;
    }

/* -- Block Containers ---------------------------------- */

/* general block properties */

.ga_block_header {
        padding: 5px 9px;
        font-size: 11px;
    } 

.ga_block_header a {
        text-decoration: none;
    }

.ga_block_header a:hover {
        text-decoration: underline;
    }

.ga_block_header .ga_name {
        float: left;
        font-weight:bold;
    }

.ga_block_header .ga_link {
        float: right;
    }


/* raw block without decoration */

.ga_block_header_raw {
        text-align:center;
        margin: 7px;
    }

.ga_block_footer_raw {
        text-align:center;
        margin-top: 7px;
    }

.ga_block_middle_col_raw,
.ga_block_side_col_raw {
        text-align:center;
        margin-bottom: 5px;
    }


/* normal decorated blocks */

/* headers */

.ga_block_object_header,
.ga_block_games_header {
        color: #000000;
               /*background: #d2d2d2 url('bg_h_black.png') repeat-x scroll 0 0;*/
        background: #f16701  url('bg_h_orange.gif') repeat-x scroll 0 0;
    }

.ga_block_header_header,             
.ga_block_footer_header {   
        color: #000000;
               /*background: #d2d2d2 url('bg_h_grey.png') repeat-x scroll 0 0;*/
        background: #7bae56 url('bg_h_green.gif') repeat-x scroll 0 0;
    }

.ga_block_middle_col_header {   
        color: #13341b;
               /*background: #d2d2d2 url('bg_h_grey.png') repeat-x scroll 0 0;*/
        background: #7bae56 url('bg_h_green.gif') repeat-x scroll 0 0;
    }

.ga_block_side_col_header {
        color: #000000;
               /*background: #b90000 url('bg_h_red.png') repeat-x scroll 0 0;*/
        background: #2BA3B3 url('bg_h_cyan.gif') repeat-x scroll 0 0;
    }

.ga_block_header_header a,
.ga_block_footer_header a {
        color: #000000;
    }

.ga_block_middle_col_header a {
        color: #13341b;
    }

.ga_block_object_header a,
.ga_block_games_header a,
.ga_block_side_col_header a {
        color: #000000;
    }

/* contents */

.ga_block_object_content,
.ga_block_header_content,
.ga_block_middle_col_content,
.ga_block_side_col_content {
        background-color: #282828;
        padding: 7px;
        margin-bottom: 7px;
    }

.ga_block_footer_content {
        background-color: #282828;
        padding: 7px;
    }

.ga_block_games_content {
        background-color: #282828;
        padding: 0 7px 7px 7px;
        margin-bottom: 7px;
    }

.ga_block_games_content .ga_item_row {
        padding-top: 7px;
    }


/* middle col block big game items */

.ga_middle_col_game_content {         
        background-color: #505050;  /* dark background */
    }

.ga_middle_col_game_content .ga_big_item {
        color: #777777;
        background:#868686;
        padding:3px;
    }

.ga_middle_col_game_content .ga_item_row {
        margin-top: 7px;
    }

/* side col block game items */

.ga_side_col_game_content {
        padding-top: 4px;
        padding-bottom: 4px;
    }

.ga_side_col_game_content .ga_item_row {
        margin: 3px 0;
    }


/* high score, top player and reviews blocks */

.ga_middle_col_review th,
.ga_middle_col_review td,
.ga_side_col_review th,
.ga_side_col_review td,
.ga_middle_col_player th,
.ga_middle_col_player td,
.ga_side_col_player th,
.ga_side_col_player td,
.ga_middle_col_highscore th,
.ga_middle_col_highscore td,
.ga_side_col_highscore th,
.ga_side_col_highscore td {
        color: #c8cdc4;
        font-size: 11px;
    }

.ga_middle_col_review a,
.ga_side_col_review a,
.ga_middle_col_player a,
.ga_side_col_player a,
.ga_middle_col_highscore a,
.ga_side_col_highscore a {
        color: #ffbb00;
    }

/* -- Review block layout ------------------------------- */

#ga_review_textarea_container {
        background-color: #f3f3f3;
        border: 1px solid #a7a7a7;
    }

#ga_review_textarea {
        border: 0;
        background-color: transparent;
        width: 98%;
        height:28px;
    }

/* submit button layout */
#ga_but_review_submit_container {
        text-align: right;
        margin-top: 2px; 
    }

/* -- Column category menu ------------------------------ */

#ga_block_middle_col_item_cat li {
        float: left;
        overflow: hidden;
        width: 20%;
    }

#ga_block_middle_col_item_cat ul, 
#ga_block_side_col_item_cat ul {
        list-style: none;
        margin: 0;
        padding: 0;
        border: none;
    }

#ga_block_middle_col_item_cat li a, 
#ga_block_side_col_item_cat li a {
        color: #ffbb00;
        font-size: 11px;
        font-weight: bold;
        text-decoration: none;
        display: block;
        background: transparent url('bg_b_arrow_orange.png') no-repeat 4px 6px;
        padding: 1px 1px 1px 15px;
    }

#ga_block_middle_col_item_cat li a:hover, 
#ga_block_side_col_item_cat li a:hover {
        color: #72c536;
        background-color: #000000;
    }


 /* -- Pagination --------------------------------------- */

.ga_pagination_panel {
        text-align: center;
        margin-top: 14px;
    }

.ga_pagination_panel_footer {
        text-align: center;
        margin-bottom: 15px;
    }

.ga_pagination {
        color: #ffffff;
        padding: 7px 3px;
        font-size: 11px;
        background-color: #333333;
        border-left: 1px solid #333333;  /* fill missing left border due to <a> page link border rights */
        margin-left: auto;
        margin-right: auto;
        display: inline;
    }
 
.ga_pagination a {
        padding: 3px 6px;
        margin-right: 1px;
        border-top: 1px solid #222222;
        border-bottom: 1px solid #3c3c3c;
        background: black url('bg_main_menu.png') center center repeat-x;
        color: #ffbb00;
        text-decoration: none;
    }

.ga_pagination a:hover, 
.ga_pagination a:active {
        border-top: 1px solid #222222;
        border-bottom: 1px solid #3c3c3c;
        background: #bc0000 url('bg_main_menu_active.png') center center repeat-x;
        color: #72c536;
    }

.ga_pagination span.current {
        border-top: 1px solid #222222;
        border-bottom: 1px solid #3c3c3c;
        background: transparent url('bg_main_menu_active.png') center center repeat-x;
        padding: 3px 6px;
        margin-right: 1px;
        color: #72c536;
    }

.ga_pagination span.disabled {
        border-top: 1px solid #222222;
        border-bottom: 1px solid #3c3c3c;
        padding: 3px 6px;
        margin-right: 1px;
        background: #a4a4a4 url('bg_main_menu_disabled.png') center center repeat-x;
        color: #868686;
    }


/* -- Misc Elements ------------------------------------- */

/* -- Button like link -- */

.ga_href_button {
        color: #bc0000;
    }

.ga_href_button a {
        color: #bc0000;
        text-decoration: none;
    }

.ga_href_button a:hover {
        color: #bc0000;
        text-decoration: underline;
    }


/* -- Message Page -- */

#ga_content_message {
        text-align: center;
        padding:10px 7px;
    }

.ga_message {
        padding:30px 20px;
        text-align:center;
        margin-left:50px;
        margin-top:60px;
        margin-right:50px;
        margin-bottom:60px;
        font-size:13px;
        color:#bc0000;
        background-color:#ffffff;
    }

/* -- Play Game Page Elements --------------------------- */

#ga_game_display .ga_description {
        font-size: 11px;
        margin-top: 5px;
        padding: 7px;
        color: #333333;
        background-color: #ffffff;
    }

#ga_game_display .ga_description table {
        width: 100%;
    }

#ga_game_display .ga_description th {
        text-align: center;
        padding-bottom: 7px;
    }

#ga_game_display .ga_description td {
        vertical-align: top;
        font-size: 11px;
    }

#ga_game_display .ga_description td.ga_title {
        padding-right: 7px;
        text-align: right;
        vertical-align: top;
        font-weight: bold; 
        width: 100px;
    }

#ga_game_display .ga_description td.ga_rating input {
        color: #333333;
        font-size: 10px;
        width: 240px;
        border: 1px solid #b0b0b0;
    }

/* -- Spinners ------------------------------------------ */

.ga_spinner {
        background: transparent url('spinner16x16.gif') no-repeat scroll center center;
    }

.ga_spinner14x14 {
        background: transparent url('spinner14x14.gif') no-repeat scroll center top;
    }


/* -- Buttons ------------------------------------------- */

.ga_submit_button {
        color: #888888;
        border: 1px solid #555555;
        background: #d2d2d2 url('bg_submit_button.png') repeat-x scroll 0 0;
        font-size:10px;
    }

.ga_submit_button:hover {
        color: #ffffff;
        cursor: pointer;
        border: 1px solid #888888;
    }