/* --------------------------------------------------------
    Global stylesheet
    Website: Gamesalon
    Created by: Guillaume - guillaume at tearsfromthesky.com
    Filename: css/global.css
   -------------------------------------------------------- */

/* --------------------------------------------------------
    General
   -------------------------------------------------------- */

    * { margin: 0; padding: 0; }

    body { background-color: #d6d6d6; font: 13px/1.4em Arial, Verdana, Helvetica, sans-serif; color: #777; margin: 0; padding: 0px; text-align: center; }

    hr, .hide { display: none; }
    div.clearer { clear: both; height: 0px; overflow: hidden; }

    a { color: #d107b1; }
    a:hover, a:visited { color: #d107b1; }

    input, select, textarea { color: #666; font: 13px Arial, Verdana, Helvetica, sans-serif; }
    select { padding: 1px; }

    ul { list-style: none; }

/* --------------------------------------------------------
    Presentation
   -------------------------------------------------------- */

    div#container { width: 910px; padding:0 20px; background: url(../images/bg.gif) repeat-y top center; margin: 0 auto; text-align: left; }

/*  Header
   -------------------------------------------------------- */

    div#header { height: 200px; background: url("../images/header_bg.gif") no-repeat; border-bottom: 1px solid #dfdfdf; line-height: 1em; }

    div#header_google_ad { padding-top: 6px; padding-right: 15px; text-align: right; height:96px; }

    div#header_small_nav { text-align: right; padding: 15px 15px 0 0; }
    div#header_small_nav ul { padding-bottom: 11px; }
    div#header_small_nav ul li { display: inline; margin-left: 10px; }
    div#header_small_nav ul li a, div#header_small_nav ul li .a{ color: #7a7a7a; padding-left: 16px; font-size: 11px; }
    div#header_small_nav ul li#nav_book  { background: url("../images/icon_bookmark.gif") no-repeat center left; }
    div#header_small_nav ul li#nav_cont a { background: url("../images/icon_contact.gif") no-repeat center left; }
    div#header_small_nav ul li#nav_help a { background: url("../images/icon_help.gif") no-repeat center left; }

    div#header_login_form { float: right; padding-right: 15px; }
    div#header_login_form input#login_username { padding: 8px 5px 0 28px; margin: 0px; border: 0px; width: 200px; height: 23px; }
    div#header_login_form input#login_password { padding: 8px 5px 0 28px; margin: 0px; border: 0px; width: 120px; height: 23px; }
    div#header_login_form input#login_username { background: url("../images/form_username_bg.gif") no-repeat; }
    div#header_login_form input#login_password { background: url("../images/form_password_bg.gif") no-repeat; }

    div#header p.forgot_pass { clear: both; text-align: right; padding: 7px 0px 0 0;  }
    div#header p.forgot_pass a { color: #7a7a7a; font-size: 11px; }

/*  Content - General
   -------------------------------------------------------- */

    div#content { padding: 15px 0 0 15px; }
    div#content div#content_inner { background: url("../images/content_bg.gif") repeat-y top right; }
    div#content_menu { width: 240px; float: left; padding-bottom: 40px; }
    div#content_main { width: 640px; float: right; padding-bottom: 0px; }

/*  Content - Menu (Left)
   -------------------------------------------------------- */

    div#content_menu h2 { font-size: 14px; color: #fff; width: 212px; height: 25px; padding: 5px 0 0 28px; margin-bottom: 4px; }
    div#content_menu h2 a { color: #fff; text-decoration: none; }
    div#content_menu h3 { font-size: 16px; color: #6d6d6d; margin-bottom: 4px; }
    div#content_menu ul { padding: 10px 0 4px 28px; margin-bottom: 4px; }
    div#content_menu ul li { padding: 0 0 10px 10px; line-height: 1em; background: url("../images/icon_arrow_menu.gif") no-repeat 0 4px; }
    div#content_menu ul li a { color: #fff; text-decoration: none; }

    div#content_menu div#menu_download h2 { background: url("../images/menu_download_bg.gif") no-repeat; }
    div#content_menu div#menu_download ul { background-color: #fc9bed; }

    div#content_menu div#menu_online h2 { background: url("../images/menu_online_bg.gif") no-repeat; }
    div#content_menu div#menu_online ul { background-color: #76a6e2; }

    div#content_menu h2#menu_top10 { background: url("../images/menu_top10_bg.gif") no-repeat; }
    div#content_menu h2#menu_register { background: url("../images/menu_register_bg.gif") no-repeat; }
    div#content_menu h2.menu_register { background: url("../images/menu_register_bg.gif") no-repeat; }

    div#content_menu p#menu_extras { border-bottom: 1px solid #dadada; padding: 6px 8px 12px 8px; margin-bottom: 12px; font-size: 12px; color: #6d6d6d; }
    div#content_menu p#menu_extras a { font-size: 12px; color: #6d6d6d; }

    div#content_menu div#invite_friends { border-bottom: 1px solid #dadada; padding: 0 8px 12px 8px; margin-bottom: 12px; }
    div#content_menu div#menu_invite_friends p {  }
    div#content_menu div#menu_invite_friends input#invite_email { margin: 0px; font-size: 12px; border: 0px; padding: 8px 7px 0 10px; width: 210px; height: 21px; background: url("../images/form_invite_bg.gif") no-repeat; margin-left: -3px; }
    div#content_menu div#menu_invite_friends p.form_input input { margin: 0px; font-size: 12px; border: 0px; padding: 8px 7px 5px 10px; width: 210px; height: 21px; background: url("../images/form_invite_bg.gif") no-repeat; margin-left: -3px; }

    div#content_menu div#menu_promotions { padding: 0 8px 12px 8px; margin-bottom: 12px; }
    div#content_menu div#menu_promotions ul { padding: 10px 0 4px 0px; margin-bottom: 4px; }
    div#content_menu div#menu_promotions ul li { padding: 0 0 10px 10px; line-height: 1em; background: url("../images/icon_arrow_menu_gray.gif") no-repeat 0 4px; }
    div#content_menu div#menu_promotions ul li a { color: #D107B1; text-decoration: underline; }
    /*div#content_menu div#menu_promotions a { color: #D107B1; }*/

    div#content_menu div.menu_ad { text-align: center; margin-bottom: 14px; }
    div#content_menu div#div_userinfo { height:415px;}
    div#content_menu div#div_userinfo .info { background-color: #ffffff; padding: 10px 5px;  border: 1px solid #DADADA;}
    div#content_menu div#div_userinfo ul { padding: 10px 0px;}

/*  Content - Main (Right)
   -------------------------------------------------------- */

    /* Content General Styles */
    div#content_main div.content_padding { padding: 15px; }
    div#content_main div.content_sep { border-bottom: 1px solid #d7d7d7; padding-bottom: 30px; margin-bottom: 10px; }
    div#content_main div.content_sep_text { border-bottom: 1px solid #d7d7d7; padding-bottom: 10px; margin-bottom: 15px; }

    div#content_main h2, div#content_main h3, div#content_main h4, div#content_main h5 { letter-spacing: -1px; }
    div#content_main h2 { font-size: 31px; color: #760064; margin-bottom: 20px; }
    div#content_main h3 { font-size: 19px; color: #760064; padding: 5px 0; font-weight: normal; }
    div#content_main h3.normal_padding { padding: 0 0 15px 0; }
    div#content_main p { margin-bottom: 16px; }
    div#content_main p.nomargin { margin-bottom: 0px; }
    div#content_main p.extra_margin { margin-bottom: 25px; }
    div#content_main ul { padding: 0 0 8px 8px; }
    div#content_main ul li { background: url("../images/icon_bullet.gif") no-repeat 0px 8px; padding-left: 10px; }
    div#content_main .medium_text { font-size: 11px; font-weight: normal; }
    div#content_main .tiny_text { font-size: 10px; font-weight: normal; }

    div#content_main .text_input_half { width: 230px; padding: 3px; border: 1px solid #d7d7d7; background: url("../images/form_input_bg.gif") repeat-x top left; }

    /* Content Top Search */
    div#content_main div#content_search_box { background: url("../images/content_search_bg.gif") repeat-x; height: 46px; border-bottom: 1px solid #d7d7d7; margin-bottom: 7px; }
    div#content_main div#content_search_box div#content_search_inner { padding: 10px 0 0 15px; }
    div#content_main div#content_search_box table td { padding-right: 5px; }
    div#content_main div#content_search_box table td.content_search_text { font-size: 16px; padding-right: 10px; }
    div#content_main div#content_search_box table td.content_search_input input,
    div#content_main div#content_search_box table td.content_search_input select { font-size: 14px; width: 158px; padding: 2px; }
    div#content_main div#content_search_box table td.content_search_input select { padding: 1px; }

    /* Content Shadow Box Style */
    div.content_shadow_box { background: url("../images/content_shadow_box_top.gif") no-repeat top left; padding-top: 3px; margin-bottom: 15px; }
    div.content_shadow_box_bot { background: url("../images/content_shadow_box_bot.gif") no-repeat bottom left; padding-bottom: 10px; }
    div.content_shadow_box_bg { background: url("../images/content_shadow_box_bg.gif") repeat-y; padding: 15px 15px 20px 15px; }
    div.content_shadow_box div.shadow_box_left { float: left; }
    div.content_shadow_box div.shadow_box_right { margin-left: 196px; }
    div.content_shadow_box div.shadow_box_right h3 { font-size: 18px; margin-bottom: 4px; }
    div.content_shadow_box div.shadow_box_right h3 a { text-decoration: none; font-weight: bold; }
    div.content_shadow_box div.shadow_box_right ul { padding: 0 0 8px 8px; }
    div.content_shadow_box div.shadow_box_right ul li { background: url("../images/icon_bullet.gif") no-repeat 0px 8px; padding-left: 10px; }
    div#content_main div.shadow_box_right p { margin-bottom: 8px; }

    div#f_online a { color: #1F65BA; }
    div#f_online h3, div#f_online h3 a { color: #0f54aa; }
    div#f_online div.home_choose_category form { background-color: #caddf5; }

    div#f_deluxe a { color: #194A88; }
    div#f_deluxe h3, div#f_deluxe h3 a { color: #194A88; }
    div#f_deluxe h2, div#f_deluxe h4 { color: #0065E3; }
    div#f_deluxe div.home_choose_category form { background-color: #caddf5; }

    div#home_deluxe_month { background: url("../images/home_deluxe_bg.jpg") no-repeat; height: 356px; }
    div#home_deluxe_month div#home_deluxe_inner { padding: 10px 23px 10px 15px; }
    div#home_deluxe_month h3, div#home_deluxe_month p, div#home_deluxe_month a { color: #fff; }
    div#home_deluxe_month h3 { background: url("../images/icon_deluxe_no1.gif") no-repeat; padding: 10px 0 18px 70px; margin: 0; }
    div#home_deluxe_month div.deluxe_image { margin-bottom: 6px; }

/*  Footer
   -------------------------------------------------------- */

    div#footer { background-color: #fff; color: #858585; font-size: 12px; padding: 30px 0 15px 0; text-align: center; background: #fff url("../images/content_bottom.gif") no-repeat top left; }
    div#footer a { color: #858585; }
    div#footer div { padding: 10px 0 0 0; }

    div#footer #footerNavigation { margin-bottom: 15px; }

    /*div#footer #other a, div#footer #copy a, div#footer #aboutGS a { color: #858585; text-decoration: none;}
    div#footer #other a:hover, div#footer #copy a:hover, div#footer #aboutGS a:hover { text-decoration: underline;}*/

    div#footer #other { padding-bottom:10px; }
    /*div#footer #other a { text-decoration:underline; }
    div#footer #other a:hover { color:#fff09b; }*/

    div#footer #aboutGS { padding:0 30px; margin-bottom:16px; line-height:16px; }