/***** COLOUR INDEX --------------------------- Colour 1 Default: # Colour 1 Dark: # --------------------------- Colour 2 Default: # Colour 2 Dark: # --------------------------- *****/ html { filter: expression(document.execCommand("BackgroundImageCache", false, true)); } /* IE6 Background Flicker Fix */ /***** GLOBAL RESET *****/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin: 0; padding: 0; } table { border-collapse: collapse; border-spacing: 0; } fieldset,img { border: 0; } address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal; } ol,ul { list-style:none; } caption,th { text-align: center; } q:before,q:after { content:''; } abbr,acronym { border: 0; } /***** GLOBAL STARTOVER *****/ body { font: 11px/1.25 Tahoma, arial, helvetica, sans-serif; color: #808080; } /***** HEADINGS *****/ h1, h2, h3, h4, h5 { color: #999; display: block; margin: 0; padding-bottom: 10px; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #999; } h1 { font-size: 19px; } h2 { font-size: 17px } h3 { font-size: 15px; } #terms h3 { padding: 5px 0;} h4 { font-size: 13px; } h5 { font-size: 11px; } h1.pad_0 { padding: 0; } h1.vip { background: url(/images/club_soda/feature/vip-medium.png) left 10px no-repeat; padding-left: 40px; } h2.vip { background: url(/images/club_soda/feature/vip-medium.png) left 5px no-repeat; padding-left: 40px; } h2.font-weight-normal { font-weight: normal;} /** error handling **/ .error { background: #ffe1e1; border: 1px solid #ff8383; color: #c00; clear: both; font-size: 11px; overflow: auto; padding: 2%; text-align: left; width: 95%; } /***** COPY *****/ .copy_normal { font-weight: normal; } .copy_bold { font-weight: bold; } .copy_large { font-size: 13px; } .copy_Xlarge { font-size: 15px; } .copy_XXlarge { font-size: 17px; line-height: 20px; } .copy_XXXlarge { font-size: 19px; line-height: 25px; } .copy_XXXXlarge { font-size: 21px; line-height: 28px; } .copy_XXXXXlarge { font-size: 23px; line-height: 30px; } .copy_small { font-size: 10px; line-height: 1.1em; } .copy_small_caps { font-size: 10px; line-height: 1.1em; text-transform: uppercase; } .copy_blue { color: #0195d7; } .copy_orange { color: #f78f00;} .copy_white { color: #FFF; } .copy_light_grey { color: #b3b3b3; } .copy_grey { color: #808080; } .copy_red {color: #C60B0B; } .copy_dark_grey { color: #4d4d4d; } .copy_highlight { color: /*#01a02c*/ #0081c8; } .copy_enhanced { color: #966be7; } .copy_premium_free { color: #dc0e7d; } .copy_premium { color: #0081c8; } .copy_download { color: #01a02c; } .copy_error { color: #ff7841; } .copy_strikeout { text-decoration: line-through; } .copy_lineheight_1 { line-height: 1em; } .copy_lineheight_1_1 { line-height: 1.1em; } .copy_lineheight_1_2 { line-height: 1.2em; } /***** BACKGROUNDS & BOXES *****/ .border_highlight { border: 1px solid #01a02c; } .background_highlight { background: #01A02C; } .background_highlight_light { background: #ecff8c; } .background_vip { background: #e7f7ff; } .background_error_light { background: #ffd9cc } .border_grey { border: 1px solid #d9d9d9; } .border_TB_grey { border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9; } .border_B_grey { border-bottom: 1px solid #d9d9d9; } .border_TB_dotted_grey { border-bottom: 1px dotted #d9d9d9; border-top: 1px dotted #d9d9d9; } .border_B_dotted_grey { border-bottom: 1px dotted #d9d9d9; } .border_T_dotted_grey { border-top: 1px dotted #d9d9d9; } .background_grey { background: #f2f2f2; } .background_light_blue { background: #e7f7ff; } .overflow_hidden { overflow: hidden; } /*** Tables ***/ caption { border-bottom: 1px solid #ddd; padding-bottom: 3px; color: #aaa; font-size: 1em; margin-bottom: 5px; text-transform: uppercase; } table { font-size: 11px; } table.padding3 th, table.padding3 td { padding: 3px; } table td { vertical-align: top; } table thead th { padding-bottom: 10px; font-weight: bold; text-transform: uppercase; vertical-align: bottom; } /*** Paragraphs ***/ p { margin: 0 0 10px 0; padding: 0; } p.XXXXlarge { font-size: 21px; } p.XXXlarge { font-size: 19px; } p.XXlarge { font-size: 17px; } p.Xlarge { font-size: 15px; } p.large { font-size: 13px; } p.small { font-size: 10px; } /*** Lists ***/ ul, ol { padding: 0 0 10px 30px; } ul { list-style: disc; } ul.list li { margin-bottom: 5px; } ol { list-style: decimal; } ol li { margin-bottom: 10px; } #terms ol { list-style-position: inside; margin: 0; padding: 0; } ol ul { margin: 0 10px 15px 15px; padding: 0 15px; } strong, .strong { font-weight: bold; } small { font-size: 10px; } img { border: 0; } img.img-example { border: 1px dashed #ccc; padding: 3px; } sup { bottom: 0.3em; position: relative; vertical-align: baseline; } sub { bottom: -0.2em; position: relative; vertical-align: baseline; } acronym, abbr { border-bottom: 1px dashed; cursor: help; letter-spacing: 1px; } /***** USEFUL CLASSES *****/ .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } .clear hr , .clear_left hr, .clear_right hr { display: none; } hr { background: #fff; border-left: none; border-bottom: none; border-right: none; border-top: 1px dotted #D9D9D9; clear: both; margin: 10px 0; padding: 0; height: 1px; } * + html { display: block; margin: 5px 0; } hr.solid { border-top: 1px solid #D9D9D9; } hr.margin_5_0 { margin: 5px 0; } .float_left { display: inline; float: left; position: relative; } .float_right { display: inline; float: right; position: relative; } .text_left { text-align: left; } .text_right { text-align: right; } .text_center { text-align: center; } .text_justify { text-align: justify; } .text_remove { left: -9999px; position: absolute; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { border-bottom: 1px solid; } .highlight { background: #ffc; } .wrap { margin: 0 auto; width: 960px; } .img-left { float: left; margin: 4px 10px 4px 0; } .img-right { float: right; margin: 4px 0 4px 10px; } .nopadding { padding: 0; } .noindent { margin-left: 0; padding-left: 0; } .nobullet { list-style: none; list-style-image: none; } .nobullet li { clear: both; } .nomargin { margin: 0; } .nowrap { white-space: nowrap; } .marginauto { margin-left: auto; margin-right: auto; } .pointer { cursor: pointer; } .displayblock { display: block; } .displaynone { display: none; } .copy_strikeout { color: #ff6633; font-weight: bold; text-decoration: line-through; } .quarter { display: inline; float: left; margin-right: 1%; width: 24%; } .half { display: inline; float: left; margin-right: 2%; width: 49%; } .third { display: inline; float: left; margin-right: 2%; width: 32%; } .twothirds { display: inline; float: left; margin-right: 2%; width: 64%; } .quarter + .last, .half + .last, .third + .last, .twothirds + .last { margin-right: 0; } /* padding*/ .pad_0 { padding: 0; } .pad_B_3 { padding-bottom: 3px; } .pad_3 { padding: 3px; } .pad_5 { padding: 5px; } .pad_T_5 { padding-top: 5px; } .pad_R_5 { padding-right: 5px; } .pad_B_5 { padding-bottom: 5px; } .pad_L_5 { padding-left: 5px; } .pad_TB_5 { padding-bottom: 5px; padding-top: 5px; } .pad_RL_5 { padding-left: 5px; padding-right: 5px; } .pad_10 { padding: 10px; } .pad_T_10 { padding-top: 10px; } .pad_R_10 { padding-right: 10px; } .pad_B_10 { padding-bottom: 10px; } .pad_L_10 { padding-left: 10px; } .pad_TB_10 { padding-bottom: 10px; padding-top: 10px; } .pad_RL_10 { padding-left: 10px; padding-right: 10px; } .pad_15 { padding: 15px; } .pad_T_15 { padding-top: 15px; } .pad_R_15 { padding-right: 15px; } .pad_B_15 { padding-bottom: 15px; } .pad_L_15 { padding-left: 15px; } .pad_TB_15 { padding-bottom: 15px; padding-top: 15px; } .pad_RL_15 { padding-left: 15px; padding-right: 15px; } .pad_20 { padding: 20px; } .pad_T_20 { padding-top: 20px; } .pad_R_20 { padding-right: 20px; } .pad_B_20 { padding-bottom: 20px; } .pad_L_20 { padding-left: 20px; } .pad_TB_20 { padding-bottom: 20px; padding-top: 20px; } .pad_RL_20 { padding-left: 20px; padding-right: 20px; } /*margin*/ .margin_0 { margin: 0; } .margin_5 { margin: 5px; } .margin_10 { margin: 10px; } .margin_15 { margin: 15px; } .margin_20 { margin: 20px; } .margin_T_0 { margin-top: 0; } .margin_B_0 { margin-bottom: 0; } .margin_T_5 { margin-top: 5px; } .margin_R_5 { margin-right: 5px; } .margin_B_5 { margin-bottom: 5px; } .margin_L_5 { margin-left: 5px; } .margin_TB_5 { margin-bottom: 5px; margin-top: 5px; } .margin_RL_5 { margin-left: 5px; margin-right: 5px; } .margin_T_10 { margin-top: 10px; } .margin_R_10 { margin-right: 10px; } .margin_B_10 { margin-bottom: 10px; } .margin_L_10 { margin-left: 10px; } .margin_TB_10 { margin-bottom: 10px; margin-top: 10px; } .margin_RL_10 { margin-left: 10px; margin-right: 10px; } .margin_T_15 { margin-top: 15px; } .margin_R_15 { margin-right: 15px; } .margin_B_15 { margin-bottom: 15px; } .margin_L_15 { margin-left: 15px; } .margin_TB_15 { margin-bottom: 15px; margin-top: 15px; } .margin_RL_15 { margin-left: 15px; margin-right: 15px; } .margin_T_20 { margin-top: 20px; } .margin_R_20 { margin-right: 20px; } .margin_B_20 { margin-bottom: 20px; } .margin_L_20 { margin-left: 20px; } .margin_TB_20 { margin-bottom: 20px; margin-top: 20px; } .margin_RL_20 { margin-left: 20px; margin-right: 20px; } .margin_L_25{ margin-left: 25px; } .margin_L_45 { margin-left: 45px; } .margin_L_50 { margin-left: 50px; } .margin_R_70 { margin-right: 70px; } .margin_L_200 { margin-left: 200px; } body { /* background: #636b71 url(/images/custom/backgrounds/black-grey-grad.gif) center top repeat-x; */ background: #FFF; /* DEFAULT COLOURS background: #019e2b url(/images/custom/backgrounds/green_grad.jpg) center top repeat-x; background: #f88d01 url(/images/custom/backgrounds/orange_grad.jpg) center top repeat-x; background: #db0d7c url(/images/custom/backgrounds/pink_grad.jpg) center top repeat-x; background: #9569e5 url(/images/custom/backgrounds/purple_grad.jpg) center top repeat-x; /* CUSTOM background: #473277 url(/images/custom/backgrounds/halloween_grad.png) center top repeat-x; background: #ff8233 url(/images/custom/backgrounds/sas/sas_bg.gif) top repeat-x; DEFAULT background: none repeat scroll 0 0 #0D499B; */ /*background: #FFF url(../images/custom/backgrounds/fantasy_zoo.jpg) top center no-repeat; /*background: #ebebeb url(../images/flavas/one/backgrounds/body1.gif) top center repeat-y; background: #FFF url(../images/custom/backgrounds/winter_olympics.jpg) top center no-repeat; background: #e4e3e3 url(../images/backgrounds/body-snowflake-bg.gif) top center repeat-y;*/ /* fallback background: #636b71; */ /* Safari 4-5, Chrome 1-9 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#636b71)); */ /* Safari 5.1, Chrome 10+ background: -webkit-linear-gradient(top, #000, #636b71); */ /* Firefox 3.6+ background: -moz-linear-gradient(top, #000, #636b71); */ /* IE 10 background: -ms-linear-gradient(top, #000, #636b71); */ /* Opera 11.10+ background: -o-linear-gradient(top, #000, #636b71); */ } /***** OVERALL LAYOUT STYLES *****/ #whole-page { /*background: url(../images/custom/backgrounds/facebook_bg.jpg) top center repeat-y; width: 1010px; margin: auto; */ /*background: url(../images/custom/backgrounds/vip_comp.gif) top center repeat-y; width: 1010px; margin: auto; background-color: #FFF ; background: url(../images/custom/backgrounds/bg_panel.png) center repeat-y; margin: auto; */ background: #efefef; border: 1px solid #CCC; margin: 0 auto; height: auto; position: relative; width: 1010px; -moz-box-shadow: 0 0 20px #CCC; -webkit-box-shadow: 0 0 20px #CCC; box-shadow: 0 0 20px #CCC; } /***** CAP *****/ #cap { background-color: #FFF; height: 20px; line-height: 20px; margin: 0 auto; position: relative; width: 960px; } /* Header and Footer bg grad */ #header, #footer { /* fallback*/ background: #0081c8; /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0081c8), to(#0c489b)); /* Safari 5.1, Chrome 10+*/ background: -webkit-linear-gradient(top, #0081c8, #0c489b); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #0081c8, #0c489b); /* IE 10*/ background: -ms-linear-gradient(top, #0081c8, #0c489b); /* Opera 11.10+*/ background: -o-linear-gradient(top, #0081c8, #0c489b); } /***** Header *****/ #header { border-bottom: 1px solid #666; color: #fff; margin: auto; padding: 1px 20px 2px; } /*** Banner ***/ #header_banner { height: auto; position: relative; width: 970px; } a#fizzy_logo { background: /*url(/images/fizzy-logo.png) 0 0 no-repeat*/url("/images/fizzy-logo-transparent.png") no-repeat scroll left 5px transparent; display: block; float: left; height: 90px; margin: 2px 0 0; overflow: hidden; text-indent: -10000px; width: 230px; } a#fizzy_logo:focus { outline: none; } /* Leaderboard */ #header_leaderboard { float: right; height: 90px; margin: 2px 5px 0; position: relative; width: 728px; } #header a { color: #fff; } #breadcrumb-area { background: #ddd; border-bottom: 1px solid #ccc; float: left; margin: 0 auto; padding: 5px 15px 4px; width: 980px; } #breadcrumb-area .breadcrumb_link { background: transparent url(../images/icons/arrow_grey.gif) right 4px no-repeat; display: inline; float: left; font-size: 10px; padding: 0 10px 0 5px; } #breadcrumb-area .breadcrumb_end { display: inline; float: left; font-size: 10px; padding: 0 0px 0 5px; } #member-stats { float: right; } /*** Page Include Styles ***/ #page { clear: both; margin: 0 auto; padding-top: 10px; width: 980px } #playlist-find, #dropdown { float: left; margin-left: 5px; } #dropdown-playlist { float: left; margin-left: 5px; } #member-area { float: left; position: relative; } #ssl .header_nav #search { top: 115px; } #ssl .header_nav #search.height177 { top: 177px; } /*** Member Panel ***/ #header_info_panel { margin: 0; } * + html #header_info_panel { margin-bottom: 5px; } #member-panel-options { float: left; } #header_info_panel .inner { padding: 0; } #login-panel { padding: /*5px*/0; } #login-panel h3 { margin-top: 0; } #member-panel-area { color: #fff; } #member-panel-area .inner { padding: 5px; } /* */ #main_nav #member-area ul li#nav-profile ul li { line-height: 1.3em; } #main_nav #member-area ul li#nav-profile .nav_hover a { color: #5fccf5; display: inline; font-size: 0.85em; height: auto; margin: 0 5px 0 0; padding: 0; text-decoration: none; text-transform: uppercase; width: auto; } #main_nav #member-area ul li#nav-profile .nav_hover a:hover { background: none; color: #fff;} #member-panel-area ul.user-info { border: none; clear: right; float: left; list-style: none; padding: 0; } * + html #member-panel-area ul.user-info { width: 330px; } #member-panel-area ul.user-info li { /*background: url(/images/members/member-list-right-border.gif) top right no-repeat; border: none;*/ float: left; vertical-align: middle; } * + html #member-panel-area ul.user-info li { margin-bottom: 0; padding-bottom: 0; } #member-panel-area ul.user-info li.last { background: none; padding-right: 0; margin-right: 0; } #main_nav #member-area ul li#nav-profile .nav_hover a.avatar { float: left; height: 50px; margin-left: 5px; margin-right: 10px; } #main_nav #member-area ul li#nav-profile .nav_hover a.avatar img { border: 1px solid #8c8c8c; } #main_nav #member-area ul li#nav-profile .nav_hover a:hover.avatar img { border-color: #0081C8; } #member-panel-area p { margin: 0; } #member-panel-area .copy_highlight { color: #04d07b; } #main_nav ul li#nav-profile .vip-member-25 { float: right; margin-top: -10px; } * + html #main_nav ul li#nav-profile .vip-member-25 { position: absolute; right: 10px; top: 15px; } #login-panel #closeLogin, #main_nav #member-area ul li#nav-profile .nav_hover a#closeMemberPanel { font-size: 1.1em; font-weight: bold; height: auto; text-decoration: none; float: right; } #login-panel #closeLogin { color: #A1E517; padding-top: 10px; width: 20px; } #login-panel #closeLogin:hover, #member-panel-area #closeMemberPanel:hover { color: #FF8C1A; } #main_nav #member-area #facebook-login-btn { float: left; margin: 7px 10px 0 0; } #main_nav #member-area #facebook-login-btn a, #main_nav #member-area ul li#nav-profile .nav_hover a.fb_button, #main_nav #member-area ul li#nav-profile .nav_hover a.fb_button:hover { background: #29447E url("http://static.ak.fbcdn.net/rsrc.php/zDYYQ/hash/deh9tyqv.png") left -232px no-repeat; border: none; display: block; float: left; height: auto; margin: 0 5px; padding: 0; text-decoration: none; } #main_nav #member-area #facebook-login-btn a span, #main_nav #member-area ul li#nav-profile .nav_hover a.fb_button span, #main_nav #member-area ul li#nav-profile .nav_hover a.fb_button:hover span { display: block; width: 60px; } #header-my-playlist { float: left; } #header-my-playlist .list { display: none; } #addthisarea { font-size: 10px; text-transform: uppercase; } .random_game { float: left; font-size: 10px; height: 19px; line-height: 16px; padding-right: 70px; position: absolute; right: 220px; text-transform: uppercase; } .random_game img { vertical-align: middle; padding-right: 5px; } a.random_button { display: block; height: 16px; width: 56px; margin: 0; padding: 0; position: absolute; top: 0; right: 10px; background: transparent url(../images/icons/random.gif) no-repeat scroll top; } a.random_button:hover { background-position: bottom; } a.random_button:visited { outline: none; } /*** Content ***/ .content { margin-top: 5px; position: relative; width: 970px; } /* Footer */ #footer { border-top: 1px solid #666; color: #FFF; padding: 5px 20px; position: relative; } #footer .inner { color: #666; } #footer_list { font-size: 11px; } #footer_list h7 { color: #0081C8; padding: 0; } #footer_list ul { list-style-type: none; height: 15px; margin: 0 0 5px; padding: 0 0 5px; } #footer_list ul li{ border-right: solid 1px #d9d9d9; float: left; padding: 0 5px; } #footer_list ul li.title{ border: none; color: #999; padding-left: 0; text-align: right; width: 65px; } #footer_list ul li.last{ border: none; padding-right: 0; } #footer_list a { padding: 0px; } /***** COLUMNS *****/ /*** Applies to All Columns ***/ .col_120, .col_140, .col_160, .col_170, .col_200, .col_240, .col_245, .col_250, .col_255, .col_260, .col_300, .col_320, .col_330, .col_360, .col_400, .col_417, .col_420, .col_450, .col_480, .col_557, .col_580, .col_560, .col_590, .col_600, .col_645, .col_755, .col_740, .col_770, .col_800, .col_960, .col_970 { display: inline; float: left; position: relative; } /*** Individual Column Widths ***/ .col_120 { width: 120px; } .col_140 { width: 140px; } .col_160 { width: 160px; } .col_170 { width: 170px; } .col_200 { width: 200px; } .col_240 { width: 240px; } .col_245 { width: 245px; } .col_250 { width: 250px; } .col_255 { width: 255px; } .col_260 { width: 260px; } .col_300 { width: 300px; } .col_320 { width: 320px; } .col_330 { width: 330px; } .col_360 { width: 360px; } .col_400 { width: 400px; } .col_417 { width: 417px; } .col_420 { width: 420px; } .col_450 { width: 450px; } .col_480 { width: 480px; } .col_557 { width: 557px; } .col_580 { width: 580px; } .col_590 { width: 590px; } .col_600 { width: 600px; } .col_645 { width: 645px; } .col_740 { width: 740px; } .col_755 { width: 755px; } .col_770 { width: 770px; } .col_800 { width: 800px; } .col_960 { width: 960px; } .col_970 { width: 970px; } /*** Ad - SKYSCRAPER ***/ .skyscraper, .col_170_skyscraper { display: inline; float: left; height: 600px; margin: 5px 5px 0 5px; position: relative; width: auto; } #section_home .skyscraper { margin: 5px 0; } /***** PANELS & INSETS *****/ /*** Common Styles for Panels & Insets .panel_170_whiteR10_top, .panel_170_whiteR10_middle, .panel_170_whiteR10_content, .panel_170_whiteR10_bottom, .panel_255_whiteR10_top, .panel_255_whiteR10_middle, .panel_255_whiteR10_content, .panel_255_whiteR10_bottom, .panel_260_whiteR10_top, .panel_260_whiteR10_middle, .panel_260_whiteR10_content, .panel_260_whiteR10_bottom, .panel_320_whiteR10_top, .panel_320_whiteR10_middle, .panel_320_whiteR10_content, .panel_320_whiteR10_bottom, .panel_480_whiteR10_top, .panel_480_whiteR10_middle, .panel_480_whiteR10_content, .panel_480_whiteR10_bottom, .panel_645_whiteR10_top, .panel_645_whiteR10_middle, .panel_645_whiteR10_content, .panel_645_whiteR10_bottom, .panel_800_whiteR10_top, .panel_800_whiteR10_middle, .panel_800_whiteR10_content, .panel_800_whiteR10_bottom, .panel_970_whiteR10_top, .panel_970_whiteR10_middle, .panel_970_whiteR10_content, .panel_970_whiteR10_bottom, .inset_320_greyR5_top, .inset_320_greyR5_middle, .inset_320_greyR5_content, .inset_320_greyR5_bottom { clear: both; display: block; float: left; position: relative; } ***/ .panel { border: 1px solid #c8c8c8; background: #fff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/PIE.htc); margin: 5px 5px 10px; position: relative; } .panel .inner { padding: 10px 10px; } /* NEW panel styles .panel { margin: 5px 5px 10px; } .panel_top, .panel_bottom { background-image: url(../images/backgrounds/panel_white.gif); background-repeat: repeat-x; height: 10px; } .panel_top { background-position: left -28px; } .panel_bottom { background-position: left bottom; } .panel_top_left, .panel_top_right, .panel_bottom_left , .panel_bottom_right { background-image: url(../images/backgrounds/panel_white.gif); background-repeat: no-repeat; display: block; height: 10px; width: 10px; } .panel_top_right { background-position: right top; float: right; } .panel_bottom_left { background-position: left -14px; float: left; } .panel_bottom_right { background-position: right -14px; float: right; } .panel_middle { background: #fff } .panel_middle .inner { padding: 2px 10px; } .panel_middle_left{ background: url(../images/backgrounds/panel_white_RL.gif) left top repeat-y; min-height: 1px; padding: 0 0 0 5px; } .panel_middle_right { background: url(../images/backgrounds/panel_white_RL.gif) right top repeat-y; min-height: 1px; padding: 0 5px 0 0; } */ /* misc panel styles .col_170 .panel_middle { padding: 5px; } .col_170 .panel_middle_left { padding-left: 6px; } .col_170 .panel_middle_right { padding-right: 10px; } */ .tab_panel_top_left { background: url(../images/backgrounds/panel_white_RL.gif) left top no-repeat; height: 12px; width: 10px; } .ui-tabs-panel .panel_middle .inner { padding: 4px 10px; } #flash-play-panel .panel { background-color: #666; } #tab-area { -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; behavior: url(/css/PIE.htc); position: relative; } /* specific areas #flash-play-panel { color: #fff; } #flash-play-panel .panel_top, #flash-play-panel .panel_bottom , #flash-play-panel .panel_top_left, #flash-play-panel .panel_top_right, #flash-play-panel .panel_bottom_left , #flash-play-panel .panel_bottom_right { background-image: url(../images/backgrounds/panel_grey.gif); } #flash-play-panel .panel_middle_left, #flash-play-panel .panel_middle_right { background-image: url(../images/backgrounds/panel_grey_RL.gif); } #flash-play-panel .panel_middle { background: #666; } #flash-play-panel table.rating td { text-align: left; } #flash-play-panel hr { background: #666; border-top: 1px dotted #999; } .mid-grey-panel .panel_top, .mid-grey-panel .panel_bottom , .mid-grey-panel .panel_top_left, .mid-grey-panel .panel_top_right, .mid-grey-panel .panel_bottom_left , .mid-grey-panel .panel_bottom_right { background-image: url(../images/backgrounds/panel_mid_grey.gif); } .mid-grey-panel .panel_middle_left, .mid-grey-panel .panel_middle_right { background-image: url(../images/backgrounds/panel_mid_grey_RL.gif); } .mid-grey-panel .panel_middle { background: #9a9a9a; } */ .inset-panel { border: 1px solid #c8c8c8; background: #f2f2f2; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/PIE.htc); margin: 5px 5px 10px; position: relative; } .inset-panel .inner, .inset-panel .ads_mpu { margin: 4px; } /* inset-panel .inset_panel_top, .inset_panel_bottom { background-image: url(../images/backgrounds/panel_light_grey.gif); background-repeat: repeat-x; height: 10px; } .inset_panel_top { background-position: left -30px; } .inset_panel_bottom { background-position: left -46px; } .inset_panel_top_left, .inset_panel_top_right, .inset_panel_bottom_left , .inset_panel_bottom_right { background-image: url(../images/backgrounds/panel_light_grey.gif); background-repeat: no-repeat; display: block; height: 10px; width: 10px; } .inset_panel_top_right { background-position: right top; float: right; } .inset_panel_bottom_left { background-position: left -16px; float: left; } .inset_panel_bottom_right { background-position: right -16px; float: right; } .inset_panel_middle { background: #f2f2f2; } .inset_panel_middle .inner { padding: 2px 10px; } .inset_panel_middle_left { background: url(../images/backgrounds/panel_light_grey_RL.gif) left top repeat-y; min-height: 1px; padding: 0 0 0 10px; } .inset_panel_middle_right { background: url(../images/backgrounds/panel_light_grey_RL.gif) right top repeat-y; min-height: 1px; padding: 0 10px 0 0; } */ /***** PADDING *****/ .padding30 { display: inline; float: left; padding: 30px; position: relative; } .padding20 { display: inline; float: left; padding: 20px; position: relative; } .padding15 { display: inline; float: left; padding: 15px; position: relative; } .padding11 { display: inline; float: left; padding: 11px; position: relative; } .padding10 { display: inline; float: left; padding: 10px; position: relative; } .padding5 { display: inline; float: left; padding: 5px; position: relative; } .padding20_RL { position: relative; padding: 0 20px; float: left; display: inline; } .padding15_RL { position: relative; padding: 0 15px; float: left; display: inline; } .padding10_RL { position: relative; padding: 0 10px; float: left; display: inline; } .padding5_RL { position: relative; padding: 0 5px; float: left; display: inline; } .padding20_RL_5_TB { display: inline; float: left; padding: 5px 20px; position: relative; } .padding15_RL_5_TB { display: inline; float: left; padding: 5px 15px; position: relative; } .pad_TB_10 { padding-bottom: 10px; padding-top: 10px; } .pad_B_10 { padding-bottom: 10px; } .pad_T_10 { padding-top: 10px; } .pad_5 { padding: 5px; } .pad_RL_5 { padding-left: 10px; padding-right: 10px; } .pad_RL_10 { padding-left: 10px; padding-right: 10px; } /***** ROWS - BORDER *****/ .row_borderSolid_top, .row_borderSolid_topbottom, .row_borderSolid_bottom, .row_borderDotted_top, .row_borderDotted_topbottom, .row_borderDotted_bottom { clear: both; /*display: inline; float: left; position: relative;*/ width: 100%; } .row_borderSolid_top { border-top: solid 1px #d9d9d9; } .row_borderSolid_topbottom { border-top: solid 1px #d9d9d9; border-bottom: solid 1px #d9d9d9; } .row_borderSolid_bottom { border-bottom: solid 1px #d9d9d9; } .row_borderDotted_top { border-top: dotted 1px #d9d9d9; } .row_borderDotted_topbottom { border-top: dotted 1px #d9d9d9; border-bottom: dotted 1px #d9d9d9; } .row_borderDotted_bottom { border-bottom: dotted 1px #d9d9d9; } .borderDotted_b { border-bottom: dotted 1px #d9d9d9; } .border{ border: 1px solid #d9d9d9; } /***** ROWS - STANDARD *****/ .row, .row_paddingtop_15, .row_paddingtop_10, .row_paddingtop_5, .row_paddingbottom_15, .row_paddingbottom_10, .row_paddingbottom_5, .row_paddingtopbottom_15, .row_paddingtopbottom_10, .row_paddingtopbottom_5 { clear: both; /*display: inline; float: left; position: relative;*/ width: 100%; } .row_paddingtop_15 { padding-top: 15px; } .row_paddingtop_10 { padding-top: 10px; } .row_paddingtop_5 { padding-top: 5px; } .row_paddingbottom_15 { padding-bottom: 15px; } .row_paddingbottom_10 { padding-bottom: 10px; } .row_paddingbottom_5 { padding-bottom: 5px; } .row_paddingtopbottom_15 { padding: 15px 0; } .row_paddingtopbottom_10 { padding: 10px 0; } .row_paddingtopbottom_5 { padding: 5px 0; } .cart_icon { display: inline; width: 10px; height: 10px; padding: 6px 0; float: left; overflow: hidden; } .cart_items { background-image: url(../images/icons/arrow_grey.gif); background-repeat: no-repeat; background-position: right center; display: inline; float: left; font-size: 10px; font-weight: bold; height: 10px; line-height: 10px; padding: 6px 10px 6px 5px; width: auto; } .cart_checkout { color: #7ab800; display: inline; float: left; font-size: 10px; font-weight: bold; height: 10px; line-height: 10px; padding: 6px 5px; width: auto; } #features p.tick { background: transparent url(../images/icons/tick.png) top left no-repeat; /*color: #7ab800; (*/ font-size: 1.2em; margin-bottom: 5px; padding: 2px 5px 8px 35px; } * html #features p.tick { height: 25px; } #features ul { padding-left: 25px; } ul#gamehome_thumb { display: block; height: 180px; list-style: none; margin: 4px; padding: 0px; width: 240px; } #tabs ul#gamehome_thumb { height: auto; float: left; } #tabs ul#gamehome_thumb li { float: left; margin: 0px 10px 10px 0px; } #game_home ul#gamehome_thumb { margin: 0 4px 4px 0; } #achievements{} #achievements .achievements { float: left; margin-bottom: 5px; width: 25%; } #achievements .achievements a.title { clear: both; float: left; } #achievements .achievements d.award_list { float: left; } .inset { border: 1px solid #D9D9D9; /*display: inline; float: right; margin: 0 0 20px 20px; width: 245px;*/ } .inset .title { background: #F2F2F2 none repeat scroll 0 0; color: #4D4D4D; font-size: 1.2em; padding: 5px 10px; } .inset .title a { color: #f78f00;} .inset .title span { font-size: 0.9em; } /*game tab areas */ .comment-area { float: left; padding-bottom: 5px; margin-bottom: 5px; width: 525px; } /*.comment-rating { border-bottom: 1px solid #D9D9D9; border-top: 1px dotted #D9D9D9; padding: 5px 0; margin-bottom: 5px; }*/ .comment-rating { /*background: #f8f8f8; */ border-top: 1px dotted #D9D9D9; /*border-bottom: 1px solid #D9D9D9; margin-bottom: 5px; */ padding: 5px 3px 5px; } #game_comments .comment-rating a { margin-left: 5px; } /*#game_comments .image_frame { width: 50px; }*/ #game_comments .comment-area { width: 375px;} #game-achievements table.achievements { border-collapse: collapse; margin-bottom: 5px; width: 100%; } #game-achievements table.achievements th { text-align: center; } #game-achievements table.achievements td { text-align: center; } /** =game play page **/ #game_play .col_160 { margin-left: 10px; } #game_play .col_160 .panel { margin: 0; } #game_play .col_160 .panel .inner { padding: 5px; } #game_play .col_800{ } #game_play .col_755 { margin-right: 15px; } #flashcontent { background: #1c1d1d; margin: 0 auto; } #flash-play-panel { position: relative; text-align: center; } #flash-play-panel #game_title { background-repeat: no-repeat; background-position: left top; color: #fafafa; display: block; height: 41px; padding: 8px 15px 5px 15px; text-align: left; } * + html #flash-play-panel #game_title { height: 43px; padding-top: 5px; } #flash-play-panel #game_options { background-repeat: no-repeat; background-position: left -53px; clear: both; color: #fff; display: block; font-size: 1.1em; height: 37px; padding: 0 15px; text-align: left; } #free #flash-play-panel #game_title { background-image: url(../images/backgrounds/game-title-free.jpg); } #enhanced #flash-play-panel #game_title, #enhanced #flash-play-panel #game_options { background-image: url(../images/backgrounds/game-title-enhanced.jpg); } #premium_free #flash-play-panel #game_title, #premium_free #flash-play-panel #game_options { background-image: url(../images/backgrounds/game-title-premium-free.jpg); } #premium_full #flash-play-panel #game_title, #premium_full #flash-play-panel #game_options { background-image: url(../images/backgrounds/game-title-premium.jpg); } #flash-play-panel #game_title #game_rating, #flash-play-panel #game_title table.rating{ display: none; } #flash-play-panel #title-area { clear: left; float: left; width: 555px; } #flash-play-panel #game_title h1 { color: #fff; font-size: 1.6em; font-weight: normal; margin: 0; padding: 0; text-transform: none; } #flash-play-panel #title-area.multiplayer { background: url(/images/icons/game_types/multiplayer.png) left 3px no-repeat; padding-left: 25px; width: 530px; } #flash-play-panel #game_title p { } #flash-play-panel #game_title .clear { display: none; } #flash-play-panel #game_title a { color: #fff; } #flash-play-panel #game_title .float_right p { margin-bottom: 3px; margin-top: 2px; text-align: right; text-transform: uppercase; } /** =flashcontentContainer **/ #flash-play-panel #flashcontentContainer { border-width: 1px; border-style: solid; padding: 5px 0; text-align: center; } #free #flash-play-panel #flashcontentContainer, #free .panel { border-color: #ef4123; } #enhanced #flash-play-panel #flashcontentContainer, #enhanced .panel { border-color: #440d6f; } #premium_free #flash-play-panel #flashcontentContainer, #premium_free .panel { border-color: #700033; } #premium_full #flash-play-panel #flashcontentContainer, #premium_full .panel { border-color: #05417f; } #sales-options { border-color: #700033; border-style: solid; border-width: 0 1px; text-align: left; } #sales-options #download-options { background: #f1f1f1; border-left: #c8c8c8 solid 1px; color: #6f6f6f; float: right; padding: 13px; text-align: center; } #flash-play-panel #options-to-play-premium { color: #808080; float: left; padding: 13px; text-align: left; } #flash-play-panel .image_frame{ float: left; margin-right: 13px; } #sales-options #options-to-play-premium .buy-now-area { color: #f78f00; display: inline; float: left; text-align: center; } #sales-options #options-to-play-premium .sign-up-area { color: #0081c8; display: inline; float: left; margin-left: 13px; text-align: center; } #flash-play-panel #game_options p { margin: 0; padding: 13px 0 10px; } #flash-play-panel #game_options p.border-left { border-left: 1px solid #1c1d1d; margin-left: 13px; padding: 0 0 0 13px;} #flash-play-panel #download-options { height: 105px;} #flash-play-panel #download-options p { margin: 0; } #game_play { /*margin-top: 5px;*/} #game_play ul.inner-list { border-top: 1px dotted #D9D9D9; list-style-type: none; margin: 0; padding: 0; } #game_play ul.inner-list li { border-bottom: 1px dotted #D9D9D9; padding: 5px; } #game_play ul.inner-list img { height: 20px; width: 20px; } #game_play ul.inner-list a { color: #555; } #game_play ul.inner-list a:hover{ color: #0081c8; } #game_play ul.inner-list a.image_frame { float: right; height: 20px; margin-left: 5px; overflow: hidden; width: 20px; } #game_play .side-panel { background: #f5f6f7; color: #999; margin-bottom: 10px; padding: 5px; } #game_play .side-panel h2 { color: #999; font-size: 13px; padding: 3px 2px 5px; text-transform: none; } #game_play .side-panel ul.inner-list li { background: #fff; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } #game_play #tab-area ul.game-list li { float: left; margin-left: 9px; height: /*130px*/ 80px; text-align: center; width: 130px; } #game_play #tab-area ul.game-list li .image_frame { display: inline-block; float: none; height: 50px; width: 50px; } #game_play #tab-area ul.game-list li .image_frame img { height: 50px; width: 50px; } #game_play #tab-area ul.game-list li h4 { font-size: 1em; } #game_play #tab-area ul.game-list li .game-description { /*width: 400px;*/ line-height: 1.5em; width: 355px;} /**#game_play #tab-area ul.game-list li .game-description h4 { padding-bottom: 5px; }*/ #game_play #tab-area #hide-show-games ul.game-list li { width: 88px; } #high-scores-tab-area .image_frame { height: 25px; overflow: hidden; width: 25px; } #game_play table.game-info { border: 2px solid #f5f6f7; margin-bottom: 10px; width: 100%; } #game_play table.game-info td{ padding: 3px 5px; } #game_play table.game-info tr.odd td { background-color: #f5f6f7; } #game_play #share-icons a { color: #8a8a8a; text-decoration: none; } #game_play #share-icons a:hover {} #game_play ul#share-icons { list-style-type: none; margin-top: 10px; padding: 0; } #game_play ul#share-icons li { clear: both; margin-bottom: 10px; } #game_play #share-icons .icon { background: url(/images/icons/share-icons.gif) top left no-repeat; display: inline-block; float: left; height: 18px; margin-right: 5px; width: 18px; } #game_play #share-icons #stumble-upon-share a .icon { background-position: -43px -9px; } #game_play #share-icons #stumble-upon-share a:hover .icon { background-position: -10px -9px; } #game_play #share-icons #twitter-share a .icon { background-position: -43px -34px; } #game_play #share-icons #twitter-share a:hover .icon { background-position: -10px -34px; } #game_play #share-icons #facebook-share a .icon { background-position: -43px -59px; } #game_play #share-icons #facebook-share a:hover .icon { background-position: -10px -59px; } #game_play #share-icons #myspace-share a .icon { background-position: -43px -84px; } #game_play #share-icons #myspace-share a:hover .icon { background-position: -10px -84px; } #game_play #share-icons #youtube-share a .icon { background-position: -43px -108px; } #game_play #share-icons #youtube-share a:hover .icon { background-position: -10px -108px; } /* game_play tab styles */ #game_play #tab-area { background: #fff; border-width: 7px 1px 1px; border-style: solid; padding: 13px; zoom: 1; } #game_play #free #tab-area { border-color: #ef4123; } #game_play #enhanced #tab-area { border-color: #440d6f; } #game_play #premium_free #tab-area { border-color: #700033; } #game_play #premium_full #tab-area { border-color: #05417f; } #game_play #tab-area h1 { font-weight: normal; padding-bottom: 5px; } #game_play #free #tab-area h1 { color: #f78f00; } #game_play #enhanced #tab-area h1 { color: #966be7; } #game_play #premium_free #tab-area h1 { color: #dc0e7d; } #game_play #premium_full #tab-area h1 { color: #0081c8; } #game_play #tab-area h1.multiplayer { background: url(/images/icons/game_types/multiplayer.png) left 3px no-repeat; padding-left: 25px; } #game_play #tab-area h2 { font-size: 14px; } /*#game_play #tab-area h2 { font-weight: normal; }*/ #game_play ul.game-list .game-description { overflow: auto; width: auto; } /* game_play tab styles - =comment area */ #game_play .avatar-img, #comments-page .avatar-img { background: url(/images/gamepage/avatar-bg.png) left top no-repeat; display: block; float: left; height: 58px; margin-right: 5px; overflow: hidden; padding-left: 6px; padding-top: 5px; width: 57px; } #game_play .comment-area, #comments-page .comment-area { float: left; line-height: 1.5em; overflow: auto; margin-bottom: 10px; padding: 2px 5px; width: 337px; } #game_play .hide-show .comment-area { width: 315px; } #game_play .rating-area, #comments-page .rating-area { background: url(/images/backgrounds/play-rate-bg.gif) left bottom repeat-x; border-bottom: 1px solid #dedede; border-left: 1px solid #f2f2f2; border-right: 1px solid #e2e2e2; border-top: 1px solid #f8f8f8; float: left; margin-bottom: 5px; padding: 2px 5px; width: 337px; } #game_play .hide-show .rating-area { width: 315px; } #game_play ul.rate, #comments-page ul.rate { float: right; list-style-type: none; padding: 0; } #game_play ul.rate li, #comments-page ul.rate li { background: url(/images/icons/comments/comment-flags.png) 0 -2px no-repeat; border-left: 1px solid #aeaeae; float: left; margin-left: 5px; padding-left: 5px; } #game_play ul.rate li a, #comments-page ul.rate li a { display: block; height: 15px; width: 20px; } #game_play ul.rate li a:focus, #comments-page ul.rate li a:focus { outline: none; } #game_play ul.rate li.thumbs_up, #comments-page ul.rate li.thumbs_up { background-position: 0 -2px; } #game_play ul.rate li.thumbs_up:hover, #game_play ul.rate li.thumbs_up.thumbs_up_on, #comments-page ul.rate li.thumbs_up:hover, #comments-page ul.rate li.thumbs_up.thumbs_up_on { background-position: 0 -34px; } #game_play ul.rate li.thumbs_down, #comments-page ul.rate li.thumbs_down { background-position: -23px -2px; } #game_play ul.rate li.thumbs_down:hover, #game_play ul.rate li.thumbs_down.thumbs_down_on, #comments-page ul.rate li.thumbs_down:hover, #comments-page ul.rate li.thumbs_down.thumbs_down_on { background-position: -23px -34px; } #game_play ul.rate li.flag_abusive, #comments-page ul.rate li.flag_abusive { background-position: -48px -2px; } #game_play ul.rate li.flag_abusive:hover, #game_play ul.rate li.flag_abusive_on, #comments-page ul.rate li.flag_abusive:hover, #comments-page ul.rate li.flag_abusive_on { background-position: -48px -34px; } #game_play ul.rate li.thumbs_up_off, #comments-page ul.rate li.thumbs_up_off { background-position: -48px -34px; } /*ads style */ #ads_ribbon { border: 1px solid #666; background: #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(/css/PIE.htc); padding: 3px; position: relative; text-align: center; } #ads_ribbon img { margin: auto; } .ads_mpu { height: 250px; position: relative; width: 300px; } .ads_skyscraper { text-align: center; } .ads_skyscraper img{ margin-left: auto; margin-right: auto; } .col_800 .leaderboard-area { background: #f2f2f2; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; margin: 10px auto; padding: 10px 0; text-align: center; } .col_800 .leaderboard-area .ads_leaderboard { display: block; height: 90px; margin: auto; width: 728px; overflow: hidden;} table .leaderboard-area { background: #f2f2f2; border: 1px solid #D9D9D9; margin: 5px 0; padding: 5px 0; text-align: center; width: 100%; } /**** =lists ****/ ol.score { list-style-position: inside; padding: 0 0 3px; } ol.score li { display: block; clear: both; float: left; vertical-align: top; width: 100%; } ol.score li a { display: inline; } ol.score li span { float: right; margin-right: 5px; } /** ul.feed */ ul.feed { list-style-type: none; margin: 0; padding: 0; } ul.feed li { border-bottom: 1px dotted #dedede; float: left; margin-bottom: 5px; padding-bottom: 5px; width: 100%; } /* game-list */ ul.game-list { list-style-type: none; margin: 0; padding: 0; } ul.game-list li { border-bottom: 1px dotted #dedede; float: left; margin-bottom: 10px; padding-bottom: 10px; } #hide-show-games ul.game-list li { border-bottom: none; } ul.game-list li .image_frame { float: left; margin: 0 5px 5px 0; overflow: hidden; } ul.game-list .game-description { float: left; width: 510px; } ul#vip.game-list li { border: none; float: left; margin-right: 5px; height: 130px; position: relative; width: 115px; } ul#vip.game-list li .image_frame { background: transparent url(/images/games/100x100/full-version_overlay.png) top left no-repeat; height: 100px; float: left; position: relative; width: 100px; z-index: 100; } ul#vip.game-list li .image_frame img { position: relative; z-index: 50; } ul#vip.game-list li .game_info { height: 20px; clear: both; width: 100px; } ul#vip.game-list li .image_frame .full-version-overlay { background: transparent url(/images/games/100x100/full-version_overlay.png) top left no-repeat; height: 100px; position: absolute; width: 100px; z-index: 100; } #game-holder { text-align: center; width: 100%; } #game-holder #flashcontent { margin: 0 auto; } #members_vip ul.game-list li { border: none; float: left; margin-right: 5px; width: 115px; } #members_vip ul.game-list li .image_frame { height: 100px; float:left; width: 100px; } #game_rating { float: right; } /* Prizes */ #gdn-prizes { /*background: url(/images/competition/Fizzy-Prize-table.png) top left no-repeat; */} #gdn-prizes .quarterly { background: url(/images/competition/quartely-prizes.gif) top right no-repeat; } #gdn-prizes .monthly { background: url(/images/competition/monthly-prizes.gif) top right no-repeat; } .prize-winner { margin-bottom: 10px; margin-top: 105px; width: 100%; } .prize-winner p { line-height: 1.4em; } /*=tables*/ table.border { border: 1px solid #ddd; } table.border thead th { background: #efefef; border-bottom: 1px solid #ddd; font-weight: bold; padding: 5px; text-align: center; } table.border tbody td { padding: 10px 20px; } table.border .border-left { border-left: 1px solid #ddd; } table.border .border-right { border-right: 1px solid #ddd; } table.border .border-bottom { border-bottom: 1px solid #ddd; } table.border p { margin-bottom: 0; } table.info { } table.info th { padding: 5px 10px; } table.info td { padding: 5px 10px; } table.info tbody tr.odd td { background-color: #f5f6f7;} table.game-info { border: 1px solid #f5f6f7; } table.game-info tr.even { background-color: #f5f6f7; } table.rating td { } table.prize-winner thead th { background: #f78f00; color: #fff; font-size: 11px; /*font-weight: bold;*/ padding: 5px 10px; text-transform: uppercase; } table.prize-winner tr { margin-bottom: 10px } table.prize-winner tbody td { color: #555; font-size: 13px; padding: 5px 10px; } table.prize-winner tbody tr.highlight td { /*font-weight: bold;*/ } table.prize-winner tbody tr.odd td { background-color: #fafafa;} table.download_table { border-bottom: 1px solid #ccc; margin: 5px 0 20px; width: 100%; } table.download_table thead th { background: #efefef; border-bottom: 1px solid #ccc; padding: 2px 5px; vertical-align: middle; } table.download_table tbody td { padding: 2px 5px; } /* =register-table */ table#register-table { font-size: 13px; margin: 5px 0 20px; width: 100%; } table#register-table tbody { border-bottom: 1px solid #bdbebe; } table#register-table tbody tr.odd { background: #f5f6f7; } table#register-table thead th { color: #fff; padding: 10px; position: relative; text-align: center; vertical-align: middle; } table#register-table thead th.free-membership-option { background: #f04720 url(/images/backgrounds/table_header_free.gif) top left repeat-x; } table#register-table thead th.free-membership-option span { font-weight: bold; font-size: 16px; } table#register-table thead th.vip-membership-option { background: #0b4b9d url(/images/backgrounds/table_header_premium.gif) top left repeat-x; } table#register-table thead th.vip-membership-option span { background: url(/images/icons/vip-button_20x20.png) top left no-repeat; display: inline-block; font-weight: bold; font-size: 16px; height: 23px; padding-left: 25px; position: relative; } table#register-table thead th .best-offer-ribbon { background: url(/images/members/best-value-ribbon.gif) top right no-repeat; height: 60px; width: 100px; position: absolute; top: -10px; left: 32px; } table#register-table thead th#recommended-top { background: url(/images/backgrounds/table-recommended-top.gif) top left no-repeat; color: #0081c8; } table#register-table tfoot td#recommended-bottom { background: url(/images/backgrounds/table-recommended-bottom.gif) top left no-repeat; color: #0081c8; height: 34px; } /* members-vip table */ #members_vip table#register-table thead th#recommended-top { background-image: url(/images/backgrounds/table-recommended-top2.gif); } #members_vip table#register-table tfoot td#recommended-bottom { background-image: url(/images/backgrounds/table-recommended-bottom2.gif); height: 60px; } #members_vip table#register-table thead th.last { padding: 0 20px 0 10px; } #members_vip table#register-table th.last span { padding-right: 40px; } #members_vip table#register-table thead th .best-offer-ribbon { left: 22px; top: -11px; } table#register-table tbody td { color: #0081c8; padding: 10px; text-align: center; } table#register-table tbody td.last { border-right: 1px solid #bdbebe; } table#register-table tbody .membership-label { border-left: 1px solid #bdbebe; color: #4d4d4d; text-align: right; } table#register-table tbody .free-membership-option { color: #f78f00; } table#register-table tbody .vip-membership-option { background: #f3fbff; } table#register-table tbody tr.odd .vip-membership-option { background: #deeef7; } table#register-table tr.border-top { border-top: 1px solid #bdbebe; } table#register-table .free-membership-option { border-left: 1px solid #f3ad84; } table#register-table .vip-membership-option { border-left: 1px solid #7d9ec9; } table#register-table .recommended-membership-option.vip-membership-option { border-left: 1px solid #226cb2; border-right: 1px solid #226cb2;} table#register-table .tick { background: transparent url(/images/icons/ticks.png) center -86px no-repeat; display: inline-block; height: 25px; margin: 0; width: 27px; } /*ie7 stupid fixes */ * + html table#register-table { table-layout: fixed; } * + html table#register-table thead th#recommended-top, * + html table#register-table tfoot td#recommended-bottom { width: 193px; } * + html #members_vip table#register-table thead th#recommended-top, * + html #members_vip table#register-table tfoot td#recommended-bottom { width: 120px; } * + html table#register-table td#recommended-membership-option { font-size: 10px; } * + html table#register-table tr.border-top td { border-top: 1px solid #bdbebe; } * + html table#register-table tbody .last td { border-bottom: 1px solid #bdbebe; } * + html #members_vip table#register-table thead th.last { padding-top: 10px; } #section_shop #checkout-list table td { vertical-align: middle; } #section_shop table#purchased-games th, #section_shop table#purchased-games td { padding: 5px; } #section_shop table#purchased-games thead th { background: #fafafa; border-bottom: 1px solid #ccc; } #section_shop table#purchased-games tbody th { border-bottom: 1px dotted #ccc; font-weight: bold; margin-bottom: 5px; padding: 10px 0 5px; } #section_shop table#purchased-games td .image_frame { width: 25px; overflow: hidden; } #checklist table { background: #f5f6f7 url(/images/backgrounds/checkbox.png) top right no-repeat; border-bottom: 2px solid #f5f6f7; border-left: 2px solid #f5f6f7; border-right: 2px solid #f5f6f7; color: #555; font-size: 1.1em; width: 100%; } #checklist tbody tr { border-top: 1px solid #fff; } #checklist th { height: 42px; } #checklist td { width: 69px; } #checklist td.feature { background-color: #f5f6f7; padding: 5px; text-align: right; width: 120px; } * + html #checklist td.feature { width: 125px; padding: 5px; } #checklist td.tick { background: transparent url(/images/icons/ticks.png) center -78px no-repeat; height: 42px; width: 69px; } #checklist td.odd.feature { background-color: #e3e4e5; } #checklist tr.sign-up { background-color: #fefefe; } #checklist tr.sign-up td.feature { background: #fefefe url(/images/members/sign-up.gif) -10px 0 no-repeat; } #checklist tr.sign-up td.feature span { display: none; } #checklist a.free_register { background: #fefefe url(/images/members/sign-up.gif) -160px 0 no-repeat; display: block; height: 41px; width: 69px; } #checklist a.free_register:hover { background-position: -160px -41px; } #checklist a.vip_register { background: #fefefe url(/images/members/sign-up.gif) -231px 0 no-repeat; display: block; float:right; height: 41px; width: 69px; } #checklist a.vip_register:hover { background-position: -231px -41px; } #checklist a.vip_register span, #checklist a.free_register span { display: none; } .paypal { background: url(/images/paypal/paypal_logo.gif) 0px 3px no-repeat; border: none; display: inline; float: left; margin-bottom: 10px; padding: 0px 0px 0px 75px; width: 110px; } h2.paypal { background-position: right 0px; padding: 3px 75px 7px 0px; width: auto; } .game_thumb { display: inline; float: left; /*height: 25px;*/ height: 52px; margin-right: 10px; overflow: hidden; position: relative; /*width: 25px; */ width: 52px; } .game_thumb img { height: 50px; width: 50px; } #section_home .game_thumb { } #section_home .latest-games-list ul.inner-list { border-top: 1px dotted #D9D9D9; display: block; float: left; list-style-type: none; margin: 0 0 5px; padding: 0; } #section_home .latest-games-list ul.inner-list li { border-bottom: 1px dotted #D9D9D9; display: block; clear: both; float: left; padding: 5px 0; width: 280px;} #section_home .latest-games-list ul.inner-list img { height: 20px; width: 20px; } #section_home .latest-games-list ul.inner-list a.image_frame { float: left; height: 20px; margin-right: 5px; overflow: hidden; width: 20px; } .game_info { display: inline; float: left; position: relative; } .col_255 .game_info { width: 150px; } .col_320 .game_info { width: 215px; float:none; } #section_home .col_320 .latest-games-list .game_thumb { width: 20px; height: 20px; } #section_home .col_320 .latest-games-list .game_info { width: 240px; } .col_400 .game_info { width: 240px; } #cart_header { background: #fdb54d url(/images/nav/primary/shopping-bg.gif) left bottom repeat-x; color: #fff; display: inline; float: left; /*-webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -moz-border-radius-bottomright: 10px; border-top-right-radius: 10px; border-bottom-right-radius: 10px; behavior: url(/css/PIE.htc);*/ margin: 3px 0 3px 1px; padding: 2px 10px; position: relative; } #cart_header a { color: #fff; } /*#cart_header.full { background: url(/images/icons/cart.gif) top left no-repeat; padding-left: 33px; padding-bottom: 1px; width: 155px } #cart_header.empty { background: url(/images/icons/cart.gif) 0 -33px no-repeat; padding-left: 33px; padding-bottom: 1px; width: 155px }*/ #addthisarea { float: right; margin-right: 10px; } #subscribe-thankyou { background: url(/images/subscription/subscribe-happy-mail.png) 350px top no-repeat; } #feature-link a.left-feature-link { display: block; height: 500px; width: 200px; position: absolute; top: 1px; left: -200px; } #feature-link a.right-feature-link { display: block; height: 500px; width: 200px; position: absolute; top: 1px; right: -200px; } #game-type-list{ font-size: 1.2em; } #game-type-list ul { list-style-type: none; padding: 0; margin-right: 5px; } #game-type-list ul li { /*border-right: 1px solid #ccc; */ float: left; margin-right: 5px; margin-bottom: 5px; padding-right: 5px; white-space: nowrap; } .fbook-connect { background: url(/images/facebook/fbook-connect.gif) top left no-repeat; padding-left: 15px; } .breakout-area { background: #fef8d3; border: 1px solid #ffc795; margin-bottom: 10px; padding: 5px; } /** header_member_panel **/ #header_member_panel .avatar { background: #F2F2F2; border: 1px solid #D9D9D9; display: block; float: left; height: 25px; margin-right: 10px; overflow: hidden; width: 25px; } #header_member_panel #facebook-login-btn { float: left; margin-left: 5px; margin-top: 5px; } /** add to lists.css **/ #header_member_panel ul { list-style-type: none; padding: 0; margin: 5px 0 0; } #header_member_panel ul li { border-right: 1px solid #D9D9D9; float: left; margin-right: 5px; padding-right: 5px; } #header_member_panel ul li ul.inner-list li { border-right: 1px solid #D9D9D9; float: left; margin-right: 5px; min-height: 15px; padding: 0 5px 0 0; } #header_member_panel ul li.last { border: none; float: right; margin-right: 0; padding-right: 0; } #header_member_panel ul li ul.inner-list { margin:0; } #header_member_panel ul li ul.inner-list li.last { border: none; float: left; margin-right: 0; } #header_member_panel ul li#member-panel-user-logged-out { width: 150px; } #header_member_panel ul li#member-panel-user { width: 580px; } #header_member_panel ul li#member-panel-options { width: 290px; } /** VIP copy color ul#vip-user.inner-list .copy_highlight { color: #0081c8; } **/ /*** user area my_account ***/ .info-box { /*background: #f5f6f7; margin-bottom: 10px; */ border-bottom: 1px dotted #dedede; padding: 15px 10px; } #vip.info-box { /*background-color: #e7f7ff; */} .info-box .image_area { background: url(/images/icons/icons-2010-small.png) top left no-repeat; display: block; float: right; height: 75px; margin-left: 5px; overflow: hidden; width: 75px; } #profile.info-box .image_area { background-position: -75px 0; } #facebook.info-box .image_area { background-position: -302px -80px; } #achievements.info-box .image_area { background-position: -301px 0px; } #email.info-box .image_area { background-position: 0 0; } #vip.info-box .image_area { background-position: 2px -76px; } #support.info-box .image_area { background-position: -225px 0; } #avatar.info-box .image_area { background-color: #fff; background: none; } #stats.info-box .image_area { background-position: -150px 0; } #playlist.info-box .image_area { background-position: -85px 0; } #support.info-box { border-bottom: none; } .info-box h3 { float: left; margin: 2px 0; padding: 0; width: 320px; } /* Weekly Competition */ #vip_weekly_comp { background: url(/images/competition/vip/weekly_background.jpg); font-size: 14px; height: 247px; margin: 15px 0; padding: 0 20px 20px; width: 560px; } #vip_weekly_comp .spacer { display: block; height: 60px; width: 600px; } #vip_weekly_comp_small { background: url(/images/competition/vip/weekly_small_background.jpg) left top no-repeat; font-size: 14px; height: 245px; margin: 5px 0 10px; padding: 50px 20px 20px; width: 395px; } .col_320 #vip_weekly_comp_small { background: url(/images/competition/vip/weekly_small_background_320.jpg) right top no-repeat; font-size: 13px; height: 330px; margin: 5px 0 10px; padding: 50px 15px 20px 25px; width: 280px; } #section_members #prizes, #section_offers #prizes { background: url(/images/custom/promo/swords_and_sandals/prizes_bg.jpg) no-repeat; font-size: 14px; height: 368px; margin: 5px 0 0 5px; padding: 95px 20px 20px; } .vip_place { background: url(/images/competition/vip/amazon_gift_card_1.gif); display: block; height: 20px; width: 90px; float: right;} #first.vip_place { background: url(/images/competition/vip/amazon_gift_card_1.gif); width: 92px; } #second.vip_place { background: url(/images/competition/vip/amazon_gift_card_2.gif); width: 122px; } #third.vip_place { background: url(/images/competition/vip/amazon_gift_card_3.gif); width: 102px; } /* Subscription VIP */ .vip_subscription_panel a span { display: none;} .vip_subscription_panel { background-repeat: no-repeat; background-position: 0 20px; color: #FFF; float: left; font-size: 14px; height: 320px; margin-right: 7px; padding: 0 10px; text-align:center; width: 174px; } #vip-trial-sign-up { font-size: 1.1em; text-align: center; } #vip_pass { display: block; height: 50px; width: 180px; } #vip_save { font-size: 20px; font-weight: bold; margin-top: 10px; margin-bottom: 10px; } .vip_price { font-size: 22px; margin-bottom: 0; } #month { display: block; height: 25px; width: 180px; } #vip_1month { background-image:url(/images/subscription/1month_bg.png); } #vip_1month .vip_price { margin-left: 20px;} #vip_1month .vip_price_2 { margin-left: 40px; font-size: 11px; } #vip_6month { background-image:url(/images/subscription/6month_bg.png); } #vip_6month .vip_price { margin-left: 50px;} #vip_6month .vip_price_2 { margin-left: 60px; font-size: 11px; } #vip_12month { background-image:url(/images/subscription/12month_bg.png); margin-right: 9px; } #vip_12month .vip_price { margin-left: 90px;} #vip_12month .vip_price_2 { margin-left: 97px; font-size: 11px; } #section_join .vip_subscription_panel { margin-right: 3px; } #section_my_account .vip_subscription_panel { margin-right: 3px; } #section_join h3 { padding: 0; text-align: left; text-transform: none; margin-bottom: 10px; } #section_my_account h3 { padding: 0; text-align: left; text-transform: none; margin-bottom: 10px; } #section_join #vip_12month .vip_price { margin-left: 85px; } #section_join #vip_6month .vip_price { margin-left: 45px; } #section_my_account #vip_6month .vip_price { margin-left: 45px; } #section_join .button_30 { margin-left: 10px; } #section_my_account .button_30 { margin-left: 10px; } .vip-icon-20x20 { background: url(/images/icons/vip-button_20x20.png) top left no-repeat; display: block; height: 20px; width: 20px; } /*** section stuff ***/ #section_home #game_feature_animation { border: 1px solid #d9d9d9; display: block; float: left; height: 250px; margin-right: 15px; overflow: hidden; width: 300px; } #section_home #news_container { float: left; overflow: hidden; width: 286px; } #section_my_clubhouse ul.inner-list { clear: both; list-style-type: none; margin: 0; padding: 0;} #section_my_clubhouse ul.inner-list li { clear: both; float: left; padding: 3px; } #section_my_clubhouse ul.inner-list li .image_frame { float: left; margin-right: 5px; } #section_my_clubhouse #my_games h4 { border-bottom: 1px dotted #808080; font-size: 12px; padding: 0 0 2px; margin-bottom: 3px; } #section_my_clubhouse #my_games h4 a { color: #808080; } /** Swords_and_sandals section **/ #section_swords_and_sandals #title-area { background: url(/images/custom/backgrounds/swords-and-sandals-page-header.jpg) center top no-repeat; padding-top: 255px; text-align: center; } #section_swords_and_sandals #title-area h1 span { display: none; } #section_swords_and_sandals #title-area h2 { color: #777; font-size: 16px; font-weight: normal; } #section_swords_and_sandals #title-area h3 { color: #777; font-size: 12px; font-weight: normal; } #section_swords_and_sandals .side-panel { background: url(/images/custom/backgrounds/swords-and-sandals-side-panel.jpg) center top no-repeat; color: #4f4f4f; line-height: 18px; font-size: 12px; margin-bottom: 15px; padding: 150px 23px 50px; } #section_swords_and_sandals #facts.side-panel { background-position: center -517px; } #section_swords_and_sandals .side-panel p { margin-bottom: 18px; } #section_swords_and_sandals .side-panel h2 span { display: none; } #section_swords_and_sandals .side-panel ul { list-style-type: none; margin: 10px 0; padding: 0; } #section_swords_and_sandals .side-panel ul li { background: url(/images/custom/icons/swords-and-sandals-list-image.gif) left 6px no-repeat; padding-left: 20px; padding-bottom: 15px; } #shop_sas { background-color: #f5f0d9; padding: 10px 15px;} #shop_sas .right { float: right; text-align: center; width: 140px; } #shop_sas .right .button_30 { float: none; font-size: 14px; margin: 0 auto 5px; padding: 5px 15px; } #section_game_packs #kids h1 { background: url(/images/custom/game-pack/kids-game-pack.jpg) 5px top no-repeat; display: block; height: 358px; margin-top: 20px; width: 100%; } #section_game_packs #kids h2{ color: #ff8c1a; font-size: 24px; } #section_game_packs #kids h3.copy_purple { color: #75439a; font-size: 16px; } #section_game_packs #scary h1 { background: url(/images/custom/game-pack/panic-pack.jpg) 5px top no-repeat; display: block; height: 328px; margin-top: 20px; width: 100%; } #section_game_packs #scary h2 { color: #e32702; font-size: 24px; } #section_game_packs #scary h3.copy_orange { color: #FF8C1A; font-size: 16px; } /* #customised.inner { background: url(/images/custom/halloween/cat_n_pumpkin.png) top right no-repeat; } */ #customised.inner { background: transparent url("/images/custom/santa.jpg") 300px 10px no-repeat; } /* =playlist */ #my_play_lists .game-name { margin-left: 10px; } #my_play_lists .playlist_delete { background: url(/images/icons/delete_game.png); background-repeat: no-repeat; display: inline-block; float: right; height: 23px; margin-right: 10px; margin-top: 3px; width: 22px; } #my_play_lists .playlist_delete:hover { background-position: bottom; } #my_play_lists ul { float: left; list-style: none; padding: 0; margin: 10px 0; } #my_play_lists li { line-height: 30px; float: left; padding: 0; width: 285px; } #my_play_lists a, #my_play_lists a:visited { color: #333; text-decoration: none;} #my_play_lists a:hover { color: #FF8C1A; } #my_play_lists .row_a { background-color: #e3e4e5; } #my_play_lists .row_b { background-color: #f5f6f7; } a#add_to_playlist, a#remove_from_playlist { background: url("/images/icons/add_game.png") no-repeat scroll 65px top transparent; color: #f78f00; display: inline-block; font-size: 13px; height: 20px; position: absolute; padding-left: 25px; padding-top: 3px; right:0; text-align: right; text-decoration: none; width: 150px; } a#remove_from_playlist { background-image: url(/images/icons/delete_game.png); background-position: 25px top; } a#add_to_playlist:hover, a#remove_from_playlist:hover { background-position: 65px bottom; color: #0081C8; } #tabs a#add_to_playlist, #tabs a#remove_from_playlist { float: right; margin-top: 3px; position: relative; z-index: 100; } #tabs #tab-area a#add_to_playlist, #tabs #tab-area a#remove_from_playlist { float: left; } #tabs .tooltip { background: #fff; padding: 3px; border: 1px solid #ccc; margin-top: 6px; } #my_play_lists h2 a, #my_play_lists h2 a:visited { color: #999; text-decoration: none;} #my_play_lists h2 a:hover { color: #666; } /** link styles **/ /***** LINKS *****/ /*** Text ***/ a, a:visited { color: /*#f78f00 */ #444; text-decoration: none; } a:hover { color: #0081c8; /*text-decoration: underline;*/ } h1 a, h2 a, h3 a, h4 a, h5 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited { text-decoration: none; color: #999;} h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { text-decoration: none; color: #666;} a.copy_premium:visited { /*color: #0c489b; */ color: #0081C8; } a.link_arrow, a.link_arrow:visited { background: url(/images/flavas/one/icons/arrow_off.gif) right 4px no-repeat; color: #f78f00; padding-right: 7px; white-space: nowrap; } a.link_arrow:hover { background: url(/images/flavas/one/icons/arrow_on.gif) right 4px no-repeat; color: #01a02c; } a.link_arrow_back, a.link_arrow_back:visited { background: url(/images/icons/link_arrow_back.gif) left -9px no-repeat; padding-left: 7px; } a.link_arrow_back:hover { background-position: left 4px; } a.link_arrow_premium, a.link_arrow_premium:visited { background: url(/images/icons/link_arrow_premium.gif) right 4px no-repeat; color: #0081C8; padding-right: 7px; white-space: nowrap; } a.link_arrow_premium:hover { background-position: right -9px; color: #01a02c; } a.link_white { color: #fff; text-decoration: none; } a.link_white:visited { color: #fff; } a.link_white:hover { color: #fff; text-decoration: underline; } a.link_grey, a.link_grey:visited { color: #4d4d4d; text-decoration: none; } a.link_grey:hover { text-decoration: underline; } a.vip_play_now { background: url(/images/flavas/one/icons/arrow_vip_off.gif) right 4px no-repeat; color: #006fbc; padding-right: 7px; white-space: nowrap } a.vip_play_now:hover { background: url(/images/flavas/one/icons/arrow_on.gif) right 4px no-repeat; color: #01a02c; } /*** Sorting Links ***/ a.link_sortDown, a.link_sortDown:visited { background: url(/images/flavas/one/icons/arrow_down.gif) no-repeat right 5px; color: #ffa01a; font-weight: normal; padding-right: 11px; text-decoration: none; } a.link_sortDown:hover { text-decoration: underline; } a.link_sortUp, a.link_sortUp:visited { background: url(/images/flavas/one/icons/arrow_up.gif) no-repeat right 5px; color: #ffa01a; font-weight: normal; padding-right: 11px; text-decoration: none; } a.link_sortUp:hover { text-decoration: underline; } /*** Images ***/ a.image_frame, .image_frame { background-color: #f2f2f2; border: 1px solid #d9d9d9; display: block; } a.image_frame:hover, a.image_frame:hover { border: solid 1px #0081c8; } a.image_frame.width_25, .image_frame.width_25 { width: 25px; height: 25px; overflow: hidden; } /* link styles */ a.gdn { background: url(/images/icons/gdn_16x16.png) top left no-repeat; padding: 3px 0 3px 18px; } a.gdn span { display: none; } a.vip { background: url(/images/icons/member_types/vip_13.gif) top left no-repeat; padding: 0px 0 3px 25px; } a.vip span { display: none; } a.vip-member-25 { background: url(/images/icons/member_types/vip-icon-25x25.png) top left no-repeat; display: block; height: 25px; width: 25px; } a.vip-member-25 span { display: none; } /* user icons*/ a.about, a.add, a.comment, a.download, a.edit, a.email, a.favourites, a.lightbulb , a.play_now, a.twitter, a.stats { background: url(/images/icons/user-icons-vertical.png) top left no-repeat; border: none; color: #ccc; padding: 1px 0 2px 20px; } a.about:hover, a.add:hover, a.comment:hover, a.download:hover, a.edit:hover, a.email:hover, a.favourites:hover, a.lightbulb:hover , a.play_now:hover, a.twitter:hover, a.stats:hover { color: #0081c8; } a.about span, a.add span, a.comment span , a.download span, a.edit span , a.email span , a.favourites span , a.lightbulb span , a.play_now span, a.twitter span, a.stats span { display: none; border: none; } a.comment { background-position: 0 2px; } a.comment:hover { background-position: -180px 2px; } a.email { background-position: 0 -43px; } a.email:hover { background-position: -180px -43px; } a.stats { background-position: 0 -88px; } a.stats:hover { background-position: -180px -88px; } a.favourites { background-position: 0 -133px; } a.favourites:hover { background-position: -180px -133px; } a.edit { background-position: 0 -178px; } a.edit:hover { background-position: -180px -178px; } a.lightbulb { background-position: 0 -359px; } a.lightbulb:hover { background-position: -180px -359px; } a.add { background-position: 0 -223px; } a.add:hover { background-position: -180px -223px; } a.twitter { background-position: 0 -390px; } a.twitter:hover { background-position: -180px -390px; } a.download { background-position: 0 -450px; } a:hover.download { background-position: -180px -450px; } a.play_now { background-position: 0 -540px; } a.play_now:hover { background-position: -180px -540px; } a.share { background-position: 0 -480px; } a:hover.share { background-position: -180px -480px; } /*a.twitter_btn, a.facebook_btn { background: url(/images/icons/fb_t_icons.gif) left -35px no-repeat; display: block; font-size: 1.1em; height: 20px; margin-bottom: 3px; margin-right: 3px; padding-left: 25px; }*/ a.twitter_btn, a.facebook_btn { background: url(/images/icons/fb_t_icons.gif) right -35px no-repeat; color: #8a8a8a; display: block; font-size: 1em; height: 17px; padding-right: 22px; } a.facebook_btn { background-position: right top; } a.twitter_btn:hover, a.facebook_btn:hover { color: #0081c8; } a.facebook_btn { background-position: right top; } #flash-play-panel a.twitter_btn, #flash-play-panel a.facebook_btn { color: #fff; } a.join-now { background: url(/images/members/join-now.gif) left top no-repeat; display: block; height: 70px; width: 205px; } a.join-now span { display: none; } a.join-now:hover { background-position: 0 -70px; } a.upgrade { background: url(/images/members/upgrade.gif) left top no-repeat; display: block; height: 70px; width: 205px; } a.upgrade span { display: none; } a.upgrade:hover { background-position: 0 -70px; } a.buy-from-app-store { background: url(/images/custom/iphone/buyfromappstore.jpg) top left no-repeat; height: 80px; margin-bottom: 10px; width: 320px; display: block; } #header_member_panel a.sign-up_btn, #header_member_panel a.upgrade_btn { background: url(/images/forms/sign-up-button.gif) left -2px no-repeat; display: block; height: 27px; width: 140px; } #header_member_panel a.upgrade_btn { background-position: left -59px; } #header_member_panel a.sign-up_btn span, #header_member_panel a.upgrade_btn span { display: none; } #header_member_panel a.sign-up_btn:hover, #header_member_panel a.upgrade_btn:hover { background-position: left -31px; } #header_member_panel a.sign-up_btn:focus, #header_member_panel a.upgrade_btn:focus { outline: none; } #subscribe-thankyou { background: url(/images/subscription/subscribe-happy-mail.png) 350px top no-repeat; } #feature-link .left-feature-link { /*background: url(../images/custom/backgrounds/vip_comp_left.png) right top no-repeat;*/ display: block; height: 650px; left: -188px; position: absolute; top: 0; width: 180px; } /*#feature-link .left-feature-link a:focus , #feature-link .right-feature-link a:focus { outline: none; }*/ #feature-link .right-feature-link { /*background: url(../images/custom/backgrounds/vip_comp_right.png) left top no-repeat; */ display: block; height: 650px; position: absolute; right: -188px; top: 0; width: 180px; } /*#feature-link .left-feature-link a { display: block; height: 430px; width: 130px; float: right;} #feature-link .right-feature-link a { display: block; height: 430px; width: 150px; float: left;}*/ a#ijust-want-free-membership-btn { background: url(/images/backgrounds/ijust-want-free-membership-btn2.png) left top no-repeat; display: block; height: 33px; width: 231px; } a#ijust-want-free-membership-btn:hover { background-position: 0 -38px; } a#ijust-want-free-membership-btn span { display: none; } a#vip-1monthtrial { background: url(/images/members/vip-1monthtrial.png) left top no-repeat; display: inline-block; height: 47px; width: 645px; } a#vip-1monthtrial:hover { background-position: left -48px; } a#vip-1monthtrial span { display: none; } a.play_btn, a.download_btn, a.buy_btn, a.sign_up_btn { background: url(/images/buttons/play-options_btns.png) left top no-repeat; display: inline-block; height: 28px; } a.play_btn span, a.download_btn span, a.buy_btn span, a.sign_up_btn span { display: none; } a.play_btn { width: 89px; } a.play_btn:hover { background-position: 0 -40px; } a.download_btn { background-position: 0 -93px; width: 137px; } a.download_btn:hover { background-position: 0 -133px; } a.buy_btn { background-position: -196px 0; width: 83px; } a.buy_btn:hover { background-position: -196px -40px; } a.sign_up_btn { background-position: -196px -93px; width: 113px; } a.sign_up_btn:hover { background-position: -196px -133px; } /* play page buttons*/ #game_play a.buy-btn, #game_play a.sign-up-btn, #game_play a.vip-sign-up-btn, #game_play a.vip-membership-sign-up-btn, #game_play a.download-btn, #game_play a.download2-btn { background: url(/images/buttons/sales-btns.png) top left no-repeat; display: block; height: 28px; text-indent: -1000px; overflow: hidden; } #game_play a.buy-btn { width: 124px; } #game_play a.buy-btn:hover { background-position: 0 -30px; } #game_play a.sign-up-btn { background-position: -722px 0px; width: 111px; } #game_play a.sign-up-btn:hover { background-position: -722px -30px; } #game_play a.vip-sign-up-btn { background-position: -146px 0; width: 120px; } #game_play a.vip-sign-up-btn:hover { background-position: -146px -30px; } #game_play a.vip-membership-sign-up-btn { background-position: -431px 0px; width: 282px; } #game_play a.vip-membership-sign-up-btn:hover { background-position: -431px -30px; } #game_play a.download2-btn, #game_play a.download-btn { background-position: -283px 0px; width: 134px; } #game_play a.download2-btn:hover, #game_play a.download-btn:hover { background-position: -283px -30px; } /*#game_play a.buy-btn span, #game_play a.sign-up-btn span, #game_play a.vip-sign-up-btn span, #game_play a.vip-membership-sign-up-btn span, #game_play a.download-btn span { display: none; }*/ #flash-play-panel #download-options a#win-download-version, #flash-play-panel #download-options a#mac-download-version { background: url(/images/icons/game_types/game-options.png) right top no-repeat; display: inline-block; height: 40px; width: 29px; } #flash-play-panel #download-options a#win-download-version { background-position: left top; } #flash-play-panel #download-options a#win-download-version span, #flash-play-panel #download-options a#mac-download-version span{ display: none; } #flash-play-panel #game_options a { background: url(/images/buttons/game-option-btns.png) left top no-repeat; display: block; height: 37px; } #flash-play-panel #game_options a span { display: none; } #flash-play-panel #game_options a.buy-now { background-position: -100px 8px; width: 100px; } #flash-play-panel #game_options a.buy-now:hover { background-position: -100px -26px; } #flash-play-panel #game_options a.sign-up { background-position: 0 8px; width: 97px; } #flash-play-panel #game_options a.sign-up:hover { background-position: 0 -26px; } #flash-play-panel #game_options a.vip-sign-up { background-position: -218px 8px; width: 100px; } #flash-play-panel #game_options a.vip-sign-up:hover { background-position: -218px -26px; } #flash-play-panel #game_options a.download { background-position: -335px 8px; width: 95px; } #flash-play-panel #game_options a.download:hover { background-position: -335px -26px; } #game_play a.button_tab { background: url(/images/buttons/button_tab_a.png) right top no-repeat; color: #fff; display: inline-block; font-size: 1.1em; line-height: 2.4em; height: 30px; padding-right: 15px; width: auto; } #game_play a.button_tab:hover { background-position: right -28px; color: #444; cursor: hand; text-decoration: none; } #game_play a.button_tab span { background: url(/images/buttons/button_tab_span.png) left top no-repeat; display: block; height: 30px; padding-left: 15px; } #game_play a.button_tab:hover span{ background-position: left -28px; } .download-game-icon { background: url(/images/icons/game_types/download.png) left top no-repeat; display: inline-block; height: 30px; width: 27px; } .download-game-icon span { display: none; } .download-game-icon:hover { background-position: left -32px; } .user-vip-icon { background: url(/images/icons/member_types/vip_13.gif) top right no-repeat; display: inline-block; height: 13px; padding-right: 22px; } a.sign_up_btn:hover { background-position: -196px -133px; } .game-pack-kids-buy { background: url(/images/buttons/game-pack-kids-buy.gif) left top no-repeat; color: #808080; display: block; float: right; font-size: 12px; font-weight: bold; height: 54px; padding-top: 63px; padding-left: 113px; width: 143px; } .game-pack-kids-buy:hover { background-position: 0 -130px; color: #808080; text-decoration: none; } .game-pack-kids-buy .line-through { color: #C00; text-decoration: line-through; } #thirdsense_small_logo { background: url(/images/3rdsense-logo.png) left top no-repeat; display: inline-block; overflow: hidden; height: 15px; margin: 0 3px; text-indent: -1000px; vertical-align: middle; width: 80px; } a.button, a.button_24, a.button_30, a.button_50, input.form_button, input.form_button_60x23, .form_standard #submit { /* fallback*/ background: #f78f00; /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f78f00), to(#ef4123)); /* Safari 5.1, Chrome 10+*/ background: -webkit-linear-gradient(top, #f78f00, #ef4123); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f78f00, #ef4123); /* IE 10*/ background: -ms-linear-gradient(top, #f78f00, #ef4123); /* Opera 11.10+*/ background: -o-linear-gradient(top, #f78f00, #ef4123); border-right: 1px solid #bf730f; border-bottom: 1px solid #b83519; border-top: 1px solid #eeba00; color: #fff; display: inline-block; font-size: 11px; font-weight: bold; margin-right: 5px; margin-bottom: 5px; box-shadow: 1px 1px 1px #efefef; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/PIE.htc); padding: 4px 15px 5px; position: relative; text-decoration: none; white-space: nowrap; } a.button_30. input.form_button, input.form_button_60x23, .form_standard #submit { padding: 7px 15px; } a.button_50 { font-size: 16px; padding: 10px 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } a.button:hover, a.button_24:hover, a.button_30:hover, a.button_50:hover, input.form_button:hover, input.form_button_60x23:hover, .form_standard #submit:hover { /* fallback*/ background: #0081c8; /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0081c8), to(#0c489b)); /* Safari 5.1, Chrome 10+*/ background: -webkit-linear-gradient(top, #0081c8, #0c489b); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #0081c8, #0c489b); /* IE 10*/ background: -ms-linear-gradient(top, #0081c8, #0c489b); /* Opera 11.10+*/ background: -o-linear-gradient(top, #0081c8, #0c489b); border-bottom-color: #083a79; border-right-color: #02659b; border-top-color: #59bee5; cursor: pointer; } /***** SUB NAVIGATION - CONTENT AREA *****/ #subnav_box { width: 170px; height: auto; position: relative; float: left; } /*** Subnav List ***/ #subnav { padding: 10px; } #subnav ul { margin: 0; padding: 0; list-style-type: none; } #subnav li { margin: 0; padding: 0; } /*** Subnav Buttons ***/ #subnav li a { background: url(../images/flavas/one/icons/arrow_off.gif) 133px 12px no-repeat; border-bottom: 1px solid #d9d9d9; color: #444; display: block; font-weight: normal; padding: 7px 10px 9px 10px; text-decoration: none; width: 123px; } #subnav li a:hover { color: #999; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; } #subnav li.on a { color: #999; background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; } #subnav li#top a { background: url(../images/flavas/one/icons/arrow_off.gif) 143px 5px no-repeat; padding-top: 0px; } #subnav li#top a:hover { background: url(../images/flavas/one/icons/arrow_on.gif) 133px 5px no-repeat; } #subnav li#top.on a { background: url(../images/flavas/one/icons/arrow_on.gif) 133px 5px no-repeat; } #subnav li#bottom a { padding: 7px 10px 2px 10px; border: none; } #subnav li#bottom a:hover { background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; } #subnav li#bottom.on a { background: url(../images/flavas/one/icons/arrow_on.gif) 133px 12px no-repeat; } /***** NEW BUTTONS a.button_24 { display: block; height: 24px; color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 12px; background: transparent url(../images/flavas/one/buttons/button_24_a.png) no-repeat scroll top right; float: left; } a.button_24 span { display: block; line-height: 10px; padding: 7px 0px 7px 12px; background: transparent url(../images/flavas/one/buttons/button_24_span.png) no-repeat; } a.button_24:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } a.button_24:hover span { background-position: bottom left; } a.button_24:visited { outline: none; color: #FFFFFF; } *****/ a.button_24grey { display: block; height: 24px; color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 12px; background: transparent url(../images/flavas/one/buttons/button_24grey_a.png) no-repeat scroll top right; float: left; } a.button_24grey span { display: block; line-height: 10px; padding: 7px 0px 7px 12px; background: transparent url(../images/flavas/one/buttons/button_24grey_span.png) no-repeat; } a.button_24grey:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } a.button_24grey:hover span { background-position: bottom left; } a.button_24grey:visited { outline: none; color: #FFFFFF; } /* a.button_30 { display: block; height: 30px; color: #FFFFFF; font-size: 13px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 15px; background: transparent url(../images/flavas/one/buttons/button_30_a.png) no-repeat scroll top right; float: left; } a.button_30 span { display: block; line-height: 10px; padding: 10px 0px 10px 15px; background: transparent url(../images/flavas/one/buttons/button_30_span.png) no-repeat; } a.button_30:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } a.button_30:hover span { background-position: bottom left; } a.button_30:visited { outline: none; color: #FFFFFF; } a#download.button_30 { background: transparent url(../images/flavas/one/buttons/button_30_a_download.png) no-repeat scroll top right; padding-right: 35px;} a#download.button_30:hover { background-position: bottom right; } */ a.button_30grey { display: block; height: 30px; color: #FFFFFF; font-size: 13px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 15px; background: transparent url(../images/flavas/one/buttons/button_30grey_a.png) no-repeat scroll top right; float: left; } a.button_30grey span { display: block; line-height: 10px; padding: 10px 0px 10px 15px; background: transparent url(../images/flavas/one/buttons/button_30grey_span.png) no-repeat; } a.button_30grey:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } a.button_30grey:hover span { background-position: bottom left; } a.button_30:visited { outline: none; color: #FFFFFF; } /* a#blue.button_30 { background: transparent url(../images/flavas/one/buttons/button_30_a_blue.png) no-repeat scroll top right; } a#blue.button_30 span { background: transparent url(../images/flavas/one/buttons/button_30_span_blue.png) no-repeat; } a#blue.button_30:hover { background-position: bottom right; } a#blue.button_30:hover span { background-position: bottom left; } a.button_30.float_none { float: none; } a.button_50 { display: block; height: 50px; color: #FFFFFF; font-size: 21px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 25px; background: transparent url(../images/flavas/one/buttons/button_50_a.png) no-repeat scroll top right; float: left; } a.button_50 span { display: block; line-height: 30px; padding: 10px 0px 10px 25px; background: transparent url(../images/flavas/one/buttons/button_50_span.png) no-repeat; } a.button_50:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } a.button_50:hover span { background-position: bottom left; } a.button_50:visited { outline: none; color: #FFFFFF; } */ a#win-os.button_50 { background: url(../images/icons/win-mac-buttons.gif) right -108px no-repeat; padding-right: 60px; } a#win-os.button_50:hover { background-position: right -158px; } a#mac-os.button_50{ background: url(../images/icons/win-mac-buttons.gif) right -2px no-repeat; padding-right: 60px; } a#mac-os.button_50:hover { background-position: right -52px; } a#win-os.button_50 span, a#mac-os.button_50 span { padding-left: 20px; } /***** IMAGE BUTTONS *****/ a.button_buynow { background: url(../images/members/buy_sign_buttons.gif); display: block; height: 43px; width: 97px; } a.button_buynow:hover { background-position: bottom left; } /***** IMAGE BUTTONS *****/ a.button_buynow { background: url(../images/members/buy_sign_buttons.gif); display: block; height: 43px; width: 97px; } a.button_buynow:hover { background-position: bottom left; } a.button_signup { background: url(../images/members/buy_sign_buttons.gif); background-position: top right; display: block; height: 43px; width: 97px; } a.button_signup:hover { background-position: bottom right; } a.button_signup_border { background: url(../images/members/signup__button.png); background-position: top right; display: inline-block; height: 49px; margin-left: 4px; width: 103px; } a.button_signup_border:hover { background-position: bottom right; } a.button_signup_border span { display: none; } a.button_signup_free_border { background: url(../images/members/signup_free_button.png); background-position: top right; display: inline-block; height: 49px; margin-left: 4px; width: 103px; } a.button_signup_free_border:hover { background-position: bottom right; } a.button_signup_free_border span { display: none; } /***** FOOTER NAV *****/ .footer_link a, .footer_link a:visited { display: inline; height: 15px; font-size: 10px; color: #FFFFFF; line-height: 14px; text-transform: uppercase; border: solid 1px #e55c2e; background-color: #ff794c; margin: 7px 5px 0px 0px; padding: 0px 3px 0px 3px; float: right; } .footer_link a:hover { color: #FFFFFF; text-decoration: none; border: 1px solid #FFFFFF; } /***** PAGINATION *****/ .pagenumber a, .pagenumber a:visited { height: 16px; line-height: 15px; font-size: 10px; font-weight: normal; color: #7D7D7D; text-transform: uppercase; background-color: #EBEBEB; border:1px solid #C8C8C8; margin:0 2px 0 2px; padding:0px 5px 0px 5px; float: right; } .pagenumber a:hover { color: #FFFFFF; text-decoration: none; background-color:#ff6633; border:1px solid #cc5229; } .pagenumber_on a, .pagenumber_on a:visited { height: 16px; line-height: 15px; font-size: 10px; font-weight: normal; color: #FFFFFF; background-color:#0081C8; border:1px solid #0c489b; margin:0 2px 0 2px; padding:0px 5px 0px 5px; float: right; } .pagenumber_on a:hover { color: #FFFFFF; text-decoration: none; background-color:#ff6633; border:1px solid #cc5229; } .pagenumber_off { height: 16px; line-height: 15px; font-size: 10px; font-weight: normal; color: #afafaf; text-transform: uppercase; background-color: #FFFFFF; border:1px solid #C8C8C8; margin:0 2px 0 2px; padding:0px 5px 0px 5px; float: right; cursor: default; } /***** COMMON STYLING *****/ /*** Set Container and Basic Styles ***/ #main_nav { clear: both; background: #eeeeef url(../images/nav/primary/nav-bg.gif) left bottom repeat-x; /*-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; behavior: url(/css/PIE.htc);*/ border-bottom: 1px solid #919191; display: block; font-size: 13px; height: 31px; line-height: 21px; margin-bottom: 0px; padding: 0 10px; position: relative; z-index: 550; box-shadow: 1px 1px 0 #aaa; } /*** Float List, Remove Margin, Remove Padding, Remove Bullets ***/ #main_nav ul { list-style: none; float: left; margin: 2px 0; padding: 0; } #main_nav ul li.nav-item { border-bottom: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid #555; float: left; padding-right: 1px; } #main_nav ul#nav li.nav-item:hover { } #main_nav ul li a.nav-link { border: 1px solid transparent; display: block; color: #555; padding: 2px 9px; position: relative; text-decoration: none; z-index: 600; } #main_nav ul li:hover a.nav-link, #main_nav ul li a.nav-link:hover, #main_nav ul li a.nav-link.selected { color: #fff; background: #0081c8; border-top-color: #555; border-left-color: #555; border-right-color: #555; } #main_nav ul li.non-hover .nav-link:hover { border-bottom-color: #555; } #main_nav ul li.non-hover .nav-link.selected:hover { border-bottom-color: transparent; } #main_nav ul li .nav-link.drop-down span { background: url(/images/nav/primary/drop-down-icon.png) right -33px no-repeat; display: block; padding-right: 11px; } #main_nav ul li:hover .nav-link.drop-down span, #main_nav ul li .nav-link.drop-down:hover span { background: #0081c8 url(/images/nav/primary/drop-down-icon.png) right 5px no-repeat; } #main_nav ul li .nav-link span.sticky { background: url(/images/nav/primary/drop-down-sticky-icon.png) right -34px no-repeat; padding-right: 11px; } #main_nav ul li .nav-link:hover span.sticky, #main_nav ul li .nav-link.selected span.sticky { background: #0081c8 url(/images/nav/primary/drop-down-sticky-icon.png) right 4px no-repeat; } /*** Hide Secondary Nav ***/ #main_nav ul li .nav_hover { /* fallback*/ background: #0081c8; /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0081c8), to(#0c489b)); /* Safari 5.1, Chrome 10+*/ background: -webkit-linear-gradient(top, #0081c8, #0c489b); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #0081c8, #0c489b); /* IE 10*/ background: -ms-linear-gradient(top, #0081c8, #0c489b); /* Opera 11.10+*/ background: -o-linear-gradient(top, #0081c8, #0c489b); border: 1px solid #555; display: none; font-size: 13px; padding: 5px; position: absolute; top: 28px; width: auto; z-index: 500; } /*** Position Secondary Nav and Show on Hover ***/ #main_nav ul li:hover .nav_hover { display: block; } /*#main_nav ul li .nav_left { background: url(../images/nav/primary/nav_LR.gif) top left no-repeat; height: 1% } #main_nav ul li .nav_right { background: #474747 url(../images/nav/primary/nav_LR.gif) top right no-repeat; margin-left: 2px; } #main_nav ul li .nav_center { background: #464646 url(../images/nav/primary/nav_grad.gif) top left repeat-x; margin-right: 1px; padding-right: 1px; padding-bottom: 5px; padding-top: 5px; }*/ #main_nav ul li ul { border-right: 1px dotted #aaa; display: inline; display: block; float: left; margin: 0; padding: 0 0px 0 5px; } #main_nav ul li ul li { float: none; margin: 0 5px 0 0; } #main_nav ul li ul li a { color: #fff; display: block; min-width: 84px; padding: 2px 5px; text-decoration: none; /*white-space: nowrap;*/ width: 120px; } * + html #main_nav ul li ul li a{ padding: 5px 10px; } #main_nav ul li ul a:hover { background: url(../images/nav/primary/white-transparent.png) repeat; } #main_nav ul li ul a:focus { outline: none; } /*#main_nav ul li:hover ul a { border-color: transparent; padding: 4px 20px 4px 10px; min-width: 84px; }*/ #main_nav ul li ul.last { margin-right: 0; border-color: transparent; } #main_nav ul li ul.full-width li { border-bottom: 1px dotted #aaa; height: auto; padding: 0; margin-bottom: 5px; } #main_nav ul li ul.full-width li a { margin: 0; width: 270px; } #main_nav ul li ul.full-width li.gdn a span { background-image: url(/images/icons/gdn_16x16.png); background-position: 0 center; background-repeat: no-repeat; display: block; border: none; padding: 0 0 0 23px; } #main_nav #member-area { float: right; } #main_nav #member-area a#profile_btn #nav-avatar { border-color: #1970b8; } #main_nav #member-area a#profile_btn:hover #nav-avatar { border-color: #8C8C8C; } #main_nav #member-area #nav-avatar span { } #main_nav #member-area #nav-avatar img { border: 1px solid #555; vertical-align: middle; } /** login hover - click action thats different from the other nav items */ #main_nav #member-area ul li#nav-login #login-panel { display: none; } #main_nav #member-area ul li#nav-login:hover #login-panel .nav_hover, #main_nav #member-area ul li#nav-login #login-panel .nav_hover { display: block; left: -620px; width: 880px; z-index: 300; } /* + html #main_nav #member-area ul li#nav-login a.nav-link.selected { margin-right: -5px; } */ /** profile hover - click action thats different from the other nav items */ #main_nav #member-area ul li#nav-profile #member-panel-area { display: none; } #main_nav #member-area ul li#nav-profile:hover #member-panel-area .nav_hover, #main_nav #member-area ul li#nav-profile #member-panel-area .nav_hover { display: block; left: -182px; width: 400px; z-index: 300; } /***** FORM_STANDARD *****/ /*** Form Row - Default and Error ***/ .form_standard .form_row, .form_standard .form_row_error, .form_standard .form_row_approved { margin: 0 0 10px 0; } /*** Form Field ***/ .form_standard .form_field { margin: 0 10px 0 0; } /*** Label ***/ .form_standard label { margin: 0 0 2px 0; } /*** Input, Select and Textarea ***/ .form_standard input, .form_standard select, .form_standard textarea { margin: 0 5px 0 0; overflow: hidden; padding: 2px 3px; } /*** Checkbox Layout - Label and Input Styles ***/ .form_standard .form_row .form_field_checkbox input { display: inline; margin: 0 5px 0 0; padding: 0; } .form_standard .form_row .form_field_checkbox label { display: inline; } .form_standard .form_field .radio_options { white-space: nowrap; } /*** Note and Error ***/ .form_standard .form_note, .form_standard .form_error { margin: 2px 0 0 0; } /***** FORMS - ELEMENTS *****/ form { margin: 0; padding: 0; } /*** Form Row - Default and Error ***/ .form_row, .form_row_error, .form_row_approved, .form_row_checking { clear: left; display: block; float: left; width: 100%; } /*** Field ***/ .form_field { display: inline; float: left; } /*** Label - Default and Error ***/ label { color: #8fcc14; display: block; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; } .form_row_error label { color: #ff7841; } .form_row_approved label { color: #8fcc14; } /*** Input, Select and Textarea - Default ***/ input, select, textarea { background-color: #f2f2f2; border: 1px solid #d9d9d9; color: #666; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 13px; } input[type="checkbox"] { background: none; border: none; } /*** Input, Select and Textarea - Error ***/ .form_row_error input, .form_row_error select { background-color: #ffe3bf; border: 1px solid #ff7841; color: #ff7841; } /*** Input, Select and Textarea - Approved ***/ .form_row_approved input, .form_row_approved select { background-color: #ddff9a; border: 1px solid #8fcc14; color: #8fcc14; } /*** Form Note - Default ***/ .form_note { width: 100%; position: relative; float: left; clear: both; } /*** Form Note - Error ***/ .form_error { clear: both; color: #ff6426; float: left; position: relative; width: 100%; } /*** Form Note - Aproved ***/ .form_approved { clear: both; color: #8fcc14; float: left; position: relative; width: 100%; } /*** Form Standard - Form Button input.form_button, input.form_button_60x23 { border: none; cursor: pointer; color: #FFF; margin: 0; outline: none; text-decoration:none; } input.form_button { width: 150px; height: 30px; padding:0 0 1px 0; background: url(../images/flavas/one/buttons/form_150x30_off.gif) no-repeat; } input.form_button:hover { background: url(../images/flavas/one/buttons/form_150x30_on.gif) no-repeat; } input.form_button_60x23 { width: 60px; height: 23px; padding: 0 0 3px; background: url(../images/flavas/one/buttons/form_60x23_off.gif) no-repeat; } input.form_button_60x23:hover { background: url(../images/flavas/one/buttons/form_60x23_on.gif) no-repeat; } ***/ /*#game_play .form_button, #comment_form .form_button { background: url(/images/buttons/form_button_game_comment.png) left top no-repeat; height: 30px; width: 93px; } #game_play .form_button:hover, #comment_form .form_button:hover { background-position: left -28px; color: #444; }*/ /***** FORM - GAMES LIST *****/ form#user-playlist, .form_gameslist, .form_gamescats { float: left; margin: 0 0 5px 0; padding: 0; } form#user-playlist select, .form_gameslist select, .form_gamescats select { background-color: #FFF; color: #808080; font-size: 11px; margin: 0px; padding: 2px; width: 160px; } /***** SPECIFIC COMMENT FORM STYLES *****/ #comment_form input#title { background: #f8f8f8; border: 1px solid #c8c8c8; margin-right: 0; width: 97%; } #comment_form textarea#comment { background: #f8f8f8; border: 1px solid #c8c8c8; height: 50px; margin-right: 0; overflow: auto; width: 97%; } #comment_form .form_row { width: 100%; } #comment_form .form_field { margin: 0; width: 100%; } #comment_form label { color: #808080; } #comment_form #submit { float: right; font-size: 1em; } #tabs textarea { height: 100px; width: 98%; } #tabs input[type="text"]{ width: 98%; } #tabs #embedForm input[type="text"]{ overflow: none; } #gdn.form_standard input[type="file"]{ float: right; background #333; } .paypal .form_standard input { background: none; border: none; margin: 0; padding: 0px; } #subscribe-form { background: url(/images/subscription/subscribe-area.png) 0 0 no-repeat; color: #444; float: right; height: 271px; padding: 15px; position: relative; width: 270px; } #subscribe-form .subscribe input[type="text"] { background: #fff; border: none; color: #aaa; font-size: 16px; left: 20px; padding: 3px; position: absolute; top: 115px; width: 84%; } #subscribe-form input:focus { outline: none; } #subscribe-form .subscribe p { font-size: 1.1em; line-height: 1.4em; } #subscribe-form .subscribe input[type="submit"] { background: url(/images/subscription/subscribe-button.gif) 0 0 no-repeat; border: none; color: #fff; cursor: pointer; font-size: 1.5em; height: 42px; position: absolute; right: 10px; top: 155px; width: 125px; } #subscribe-form .subscribe input[type="submit"]:hover { background-position: 0 -45px; } #subscribe-form label { color: #f36c0e; } #subscribe-form .unsubscribe { border-top: 1px dashed #f36c0e; font-size:11px; position: absolute; top: 210px; width: 90%; padding-top: 10px; } #subscribe-form .unsubscribe input[type="text"] { background: #fff; border-color: #999; font-size: 11px; margin-right: 5px; padding: 2px; width: 160px; } #subscribe-form .unsubscribe input[type="submit"] { background: #f36c0e; border: none; color: #fff; cursor: pointer; font-size: 11px; padding: 2px; } #subscribe-form .unsubscribe p { margin-bottom: 5px; } #subscribe-form .unsubscribe label { font-size: 11px; margin-bottom: 5px; } /** = buy_form **/ #buy_form { width: 430px; } #buy_form .cvn .form_field { background: url(/images/shop/cvn.gif) 250px 10px no-repeat; } /**Member Panel**/ #login-panel .form_standard { /*clear: both;*/ float: left; padding: 5px 10px } * + html #login-panel .form_standard { padding-top: 5px; } #login-panel label { color: #fff; font-size: 12px; float: left; margin-right: 10px; margin-top: 5px; } #login-panel label#remember-password { text-align: left; width: auto; } #login-panel input { background: #fff; border: 1px solid #999; float: left; margin-top: 5px;} #login-panel input[type="text"], #login-panel input[type="password"] { font-size: 11px; margin-right: 15px; width: 100px; } #login-panel input[type="checkbox"] { margin-top: 8px; } #login-panel input#remember-checkbox { background: none; border: none; } * + html #login-panel input#remember-checkbox { margin-top: 5px; padding: 0px; } #login-panel input#login { background: transparent url(/images/forms/login-button.png) left -2px no-repeat; border: 0; display: inline-block; float: left; height: 27px; margin: 1px 5px; padding: 0; width: 80px; } #login-panel input#login:hover { background-position: left -41px; cursor: pointer; } #login-panel a.forgot_password { color: #fff; display: block; float: left; height: auto; margin: 6px 2px; text-decoration: underline; } #login-panel a.forgot_password:hover { color: #8FCC14; } .cart_subscription { font-size: 11px; margin-bottom: 5px; vertical-align:top; } .cart_subscription label { } .cart_subscription input { margin-right: 5px; } /*** ie fixes for sign up forms ***/ * html form label { color: #808080;} * html form { color: #808080; display: block; height: 50px; } /*** Search bar ***/ form#cse-search-box { /*background: url(/images/backgrounds/search-bg.gif) center left no-repeat; */ float: left; display: inline; margin: 0 5px; /*height: 30px; padding-top: 10px; padding-left: 10px;*/ } form#cse-search-box input { display: inline-block; float: left; } form#cse-search-box input#q { background: #fff; font-size: 11px; font-style: italic; height: 15px; padding: 2px 4px; width: 130px; } form#cse-search-box input.sa { background: transparent url(/images/buttons/search-btn.gif) right top no-repeat; border: none; color: #fff; font-weight: bold; line-height: 21px; height: 22px; text-transform: uppercase; padding-bottom: 1px; width: 30px; } form#cse-search-box input.sa:hover { background-position: right -22px; } /*#search-results #search-area { background: url(/images/backgrounds/search-bg-panel.gif) left top repeat-x; } */ #search-results h3#search-main { float: left; margin-right: 10px; padding-top: 12px; } #search-results #cse-search-box { float: left; width: 195px; } .gsc-completion-container { position: relative; z-index: 20; } .yui-overlay { border: solid 1px #81b812; background-color: #a1e517; position: relative; padding: 10px; } .yui-overlay .hd { font-weight: bold; border-top: 1px solid #81b812; border-right: 1px solid #81b812; border-bottom: 1px dotted #C8C8C8; border-left: 1px solid #81b812; background-color: #FFF; padding: 5px; } .yui-overlay .bd { font-weight: bold; border-right: 1px solid #81b812; border-bottom: 1px dotted #C8C8C8; border-left: 1px solid #81b812; background-color: #FFF; padding: 10px; } .yui-overlay .ft { text-align: right; border-right: 1px solid #81b812; border-bottom: 1px solid #81b812; border-left: 1px solid #81b812; background-color: #FFF; padding: 5px; } .yui-overlay a { cursor: pointer; } /* Starbox.css Part of http://www.nickstakenburg.com/projects/starbox/ */ .starbox .stars { background: #ccc; } .starbox .rated .stars { background: #dcdcdc; } .starbox .rated .hover .stars { background: #ccc; } /* Rated Game - Inactive*/ .starbox .colorbar { background: #ffd11a; } /* Rated Game - Hover*/ .starbox .hover .colorbar { background: #a1e517; } /* Rated Game - Rated*/ .starbox .rated .colorbar { background: #ffd11a; } .starbox .rated .hover .colorbar { background: #f63; } .starbox .ghost { background: #a1a1a1; } .starbox .indicator { clear: both; } .starbox .dotted .stars, .starbox .dotted .hover .stars, .starbox .dotted .rated .stars, .starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; } .starbox .dotted .colorbar, .starbox .dotted .hover .colorbar, .starbox .dotted .rated .colorbar, .starbox .dotted .rated .hover .colorbar { background: #000; } .starbox .dotted .ghost { background: #666; } .starbox .pointy .colorbar { background: #ffcc1c; } .starbox .pointy .hover .colorbar { background: #ff9231; } .starbox .inverse .stars { float: right; } .starbox .inverse .indicator { clear: both; display: block; text-align: right; } /***** BODY *****/ #gdn { background: url(/images/gdn/backgrounds/body2.gif) top center repeat-y; background-color: #808080; } #gdn a, #gdn a:visited { color: #8fcc14; text-decoration:none; } #gdn a:hover { color: #ff8c1a; text-decoration: underline; } #gdn span.logo_gdn{ float:right; width:100px; height:54px; background:url(/images/gdn/icons/gdn-logo-small.png); margin-bottom:5px; } #gdn h1.pop_up { width:320px;} #gdn .copy_highlight {color: #ff8c1a;} #gdn .copy_highlight_green {color: #8fcc14;} #gdn .copy_code { color: #000; font-family: "Courier New", Courier, monospace; background: #f0f0f0; padding: 2px 10px;} #gdn a.button, #gdn a.button_24, #gdn a.button_30, #gdn a.button_50, #gdn input.form_button, #gdn input.form_button_60x23, #gdn .form_standard #submit { /* fallback*/ background: #afe713; /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#afe713), to(#65be00)); /* Safari 5.1, Chrome 10+*/ background: -webkit-linear-gradient(top, #afe713, #65be00); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #afe713, #65be00); /* IE 10*/ background: -ms-linear-gradient(top, #afe713, #65be00); /* Opera 11.10+*/ background: -o-linear-gradient(top, #afe713, #65be00); border:none; color: #fff; } #gdn a.button:hover, #gdn a.button_24:hover, #gdn a.button_30:hover, #gdn a.button_50:hover, #gdn input.form_button:hover, #gdn input.form_button_60x23:hover, #gdn .form_standard #submit:hover { /* fallback*/ background: #f78f00; /* Safari 4-5, Chrome 1-9*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f78f00), to(#ef4123)); /* Safari 5.1, Chrome 10+*/ background: -webkit-linear-gradient(top, #f78f00, #ef4123); /* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f78f00, #ef4123); /* IE 10*/ background: -ms-linear-gradient(top, #f78f00, #ef4123); /* Opera 11.10+*/ background: -o-linear-gradient(top, #f78f00, #ef4123); text-decoration: none;} /***** NEW BUTTONS *****/ #gdn a.button_24 { /*display: block; height: 24px; color: #FFFFFF; font-size: 11px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 12px;*/ /*background: transparent url(/images/gdn/buttons/button_24_a.png) no-repeat scroll top right;*/ /*float: left;*/ } #gdn a.button_24 span { /*display: block; line-height: 10px; padding: 7px 0px 7px 12px; background: transparent url(/images/gdn/buttons/button_24_span.png) no-repeat;*/ } #gdn a.button_24:hover { /*color: #FFFFFF; text-decoration: none; background-position: bottom right;*/ } #gdn a.button_24:hover span { /*background-position: bottom left;*/ } #gdn a.button_24:visited { /*outline: none; color: #FFFFFF; */} /* #gdn a.button_30 { display: block; height: 30px; color: #FFFFFF; font-size: 13px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 15px; background: transparent url(/images/flavas/gdn/button_30_a.png) no-repeat scroll top right; float: left; } #gdn a.button_30 span { display: block; line-height: 10px; padding: 10px 0px 10px 15px; background: transparent url(/images/flavas/gdn/button_30_span.png) no-repeat; } #gdn a.button_30:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } #gdn a.button_30:hover span { background-position: bottom left; } #gdn a.button_30:visited { outline: none; color: #FFFFFF; } #gdn a.button_50 { display: block; height: 50px; color: #FFFFFF; font-size: 21px; font-weight: normal; text-align: center; text-decoration: none; padding-right: 25px; background: transparent url(/images/gdn/buttons/button_50_a.png) no-repeat scroll top right; float: left; } #gdn a.button_50 span { display: block; line-height: 30px; padding: 10px 0px 10px 25px; background: transparent url(/images/gdn/buttons/button_50_span.png) no-repeat; } #gdn a.button_50:hover { color: #FFFFFF; text-decoration: none; background-position: bottom right; } #gdn a.button_50:hover span { background-position: bottom left; } #gdn a.button_50:visited { outline: none; color: #FFFFFF; } #gdn a.button_50_off { background: transparent url(/images/gdn/buttons/button_50_off_a.png) no-repeat scroll top right; color: #FFFFFF; display: block; float: left; font-size: 21px; font-weight: normal; height: 50px; text-align: center; text-decoration: none; padding-right: 25px; } #gdn a.button_50_off span { background: transparent url(/images/gdn/buttons/button_50_off_span.png) no-repeat; display: block; line-height: 30px; padding: 10px 0px 10px 25px; } #gdn a.button_50_off:hover { color: #FFFFFF; text-decoration: none; } #gdn a.button_50_off:hover span { } #gdn a.button_50_off:visited { outline: none; color: #FFFFFF; } */ #gdn a.button_50_gls { background: transparent url(/images/gdn/buttons/button_50_gls.png) no-repeat scroll top right; color: #FFFFFF; display: block; float: left; font-size: 11px; font-weight: normal; height: 50px; text-decoration: none; width: 300px; } #gdn a.button_50_gls span { display: block; line-height: 15px; padding: 25px 0px 10px 60px; height:10px; } #gdn a.button_50_gls:hover { color: #FFFFFF; text-decoration: none; background-position: bottom; height: 50px; } #gdn a.button_50_gls:hover span { background-position: bottom; } #gdn a.button_50_gls:visited { outline: none; color: #FFFFFF; } #gdn a.button_50_sdk { background: transparent url(/images/gdn/buttons/button_50_sdk.png) no-repeat scroll top right; color: #FFFFFF; display: block; float: left; font-size: 11px; font-weight: normal; height: 50px; text-decoration: none; width: 300px; } #gdn a.button_50_sdk span { background: transparent url(/images/gdn/buttons/button_50_sdk.png) no-repeat; display: block; line-height: 15px; padding: 25px 0px 10px 60px; } #gdn a.button_50_sdk:hover { color: #FFFFFF; text-decoration: none; background-position: bottom; } #gdn a.button_50_sdk:hover span { background-position: bottom; } #gdn a.button_50_sdk:visited { outline: none; color: #FFFFFF; } /* #gdn input.form_button { background:transparent url(/images/gdn/buttons/form_150x30_on.gif) no-repeat scroll 0 0; height:30px; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; padding:0 0 1px; width:150px; } #gdn input.form_button:hover { background:transparent url(/images/flavas/one/buttons/form_150x30_off.gif) no-repeat scroll 0 0; height:30px; -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; padding:0 0 1px; width:150px; } */ /*** COLUMNS ***/ #gdn .col_320 { margin-left: 5px; } /***** HEADER *****/ #header_wrapper_dev { width: 960px; height: 112px; position: relative; left: 15px; float: left; clear: both; } /*** Banner ***/ #header_banner_dev { width: 960px; height: 112px; background: url(/images/backgrounds/banner.gif) no-repeat; position: relative; float: left; clear: both; } .header_logo_dev { width: 230px; height: 112px; position: relative; float: left; clear: both; } /*** Primary Nav ***/ #header_nav_dev { width: 960px; height: 30px; background: url(/images/primarynav/back.gif) no-repeat #81B812; position: relative; float: left; clear: both; } #header_member_panel_gdn { width: 970px; height: auto; position: relative; padding-bottom:15px; float: left; clear: both; background: url(/images/gdn/panels/member_panel_back.jpg) left bottom no-repeat; } #crumb_gdn { display:inline; float:left; font-size:10px; padding:0 0 0 5px; } #crumb_gdn .breadcrumb_end { font-weight:normal; float: left; color:#ffffff; margin-top: 5px; } /***** FOOTER *****/ #footer_wrapper_dev { width: 960px; height: auto; text-align: center; background: url(/images/primarynav/back.gif) no-repeat #81B812; position: relative; left: 15px; float: left; clear: both; } /***** GAME STATUS *****/ .dev_gameStatus_active { height: 12px; color: #FFFFFF; text-align: center; border: solid 1px #81b812; background-color: #a1e517; padding: 1px; } .dev_gameStatus_registered { height: 12px; color: #FFFFFF; text-align: center; border: solid 1px #cc7014; background-color: #ff8c1a; padding: 1px; } .dev_gameStatus_deactivated { height: 12px; color: #FFFFFF; text-align: center; border: solid 1px #cc501f; background-color: #ff6426; padding: 1px; } .dev_gameStatus_submitted { height: 12px; color: #FFFFFF; text-align: center; border: solid 1px #cc7014; background-color: #ff8c1a; padding: 1px; } /***** OVERALL LAYOUT STYLES *****/ /*** Width set in header include - changes depending on display of sky ***/ #wrapper_gdn { height: auto; margin: 0 auto; /* overflow: auto;*/ position: relative; width: 970px; } /***** HEADER *****/ #header_wrapper_gdn { clear: both; float: left; height: auto; width: 970px; } /*** Logo ***/ .header_logo_gdn { float: left; height: 130px; position: relative; width: 200px; } /** Text Scroller **/ .header_text_scroller_gdn { float: right; height: 70px; margin-top: 40px; margin-right: 15px; overflow: hidden; width: 405px; } /*** Banner ***/ .header_banner_gdn { background:url(/images/gdn/backgrounds/header.gif) left top no-repeat; clear: both; float: left; height: auto; position: relative; width: 970px; } /* Nav */ .header_nav_gdn { background: url(/images/gdn/nav/back.png) no-repeat; clear: both; float: left; height: 36px; padding: 0px 5px; width: 960px; } #gdn #content_wrapper { float: left; height: auto; padding-bottom: 15px; position: relative; width: 960px; /* overflow: auto;*/ } /*** Page Include Styles ***/ #gdn #page { clear: both; float: left; height: 24px; left: 15px; position: relative; width: 960px; } #gdn #breadcrumb-area { color: #fff; } #gdn .breadcrumb_link { background: transparent url(..//images/gdn/icons/arrow_grey.gif) right center no-repeat; display: inline; float: left; font-size: 10px; height: 10px; line-height: 10px; padding: 6px 10px 6px 5px; width: auto; } /***** FOOTER *****/ #footer_gdn { background: url(/images/gdn/backgrounds/footer.png) no-repeat; clear: both; color: #FFF; float: left; height: 36px; line-height: 35px; margin-top: 5px; padding: 5px 20px; width: 930px; } #footer_gdn a, #footer_gdn a:visited { color: #fff; text-decoration: none; } #footer_gdn a:hover { color: #ff8c1a; text-decoration: underline; } /***** PANELS & INSETS *****/ /** new panel styles **/ /* panel styles #gdn .panel_top, #gdn .panel_bottom , #gdn .panel_top_left, #gdn .panel_top_right, #gdn .panel_bottom_left , #gdn .panel_bottom_right { background-image: url(/images/backgrounds/gdn_panel_white.gif); min-height: 1px; height: 13px; } #gdn .panel_top {background-position:left -27px;} #gdn .panel_middle_left, #gdn .panel_middle_right { background-image: url(/images/backgrounds/gdn_panel_white_RL.gif); } * html #gdn .panel_middle_left { background: #fff; } #gdn .tab_panel_top_left { background: #8d8d8d url(/images/backgrounds/gdn_panel_white_tab-corner.gif) no-repeat scroll 1px top; width: 7px; } * + html #gdn .tab_panel_top_left { background-position: 2px top; } #gdn .panel_middle { background: #fff; padding: 5px; } #gdn #tabs .panel_middle { background: #fff url(/images/gdn/backgrounds/panel_tab_middle.gif) right top repeat-y; padding: 0px; } #gdn #tabs .panel_middle .ui-tabs-panel{ padding: 5px; } #gdn #tabs .panel_bottom { background: url(/images/gdn/backgrounds/panel_tab_bottom.gif) right 0px no-repeat; } #gdn .panel_top_tab { background-color: transparent; } #gdn .panel_middle_left{ padding: 0 0 0 20px; } #gdn .panel_middle_right { padding: 0 20px 0 0; } #gdn .panel_bottom_left { background-position: left -14px; } #gdn .panel_bottom_right { background-position: right -14px ; }*/ #gdn .panel_top_tab { background: #fff; height: auto; } /*** Common Styles for Panels & Insets ***/ #gdn .inset_320_greyR5_top, #gdn .inset_320_greyR5_middle, #gdn .inset_320_greyR5_content, #gdn .inset_320_greyR5_bottom { display: block; position: relative; float: left; clear: both; } /* inset-panel*/ #gdn .inset_panel_top, #gdn .inset_panel_bottom { background-image: url(/images/gdn/backgrounds/panel_light_grey.png); background-repeat: repeat-x; height: 10px; } #gdn .inset_panel_top { background-position: left -30px; } #gdn .inset_panel_bottom { background-position: left -46px;/* margin-bottom: 10px;*/ } #gdn .inset_panel_top_left, #gdn .inset_panel_top_right, #gdn .inset_panel_bottom_left , #gdn .inset_panel_bottom_right { background-image: url(/images/gdn/backgrounds/panel_light_grey.png); background-repeat: no-repeat; display: block; height: 10px; width: 10px; } /*.panel_top_left { background-position: left top; }*/ #gdn .inset_panel_top_right { background-position: right top; float: right; } #gdn .inset_panel_bottom_left { background-position: left -16px; float: left; } #gdn .inset_panel_bottom_right { background-position: right -16px; float: right; } #gdn .inset_panel_middle { background: #f2f2f2; /*padding: 10px 5px; */} #gdn .inset_panel_middle .inner { padding: 2px 10px; } #gdn .inset_panel_middle_left { background: url(/images/gdn/backgrounds/panel_light_grey_RL.png) left top repeat-y; min-height: 1px; padding: 0 0 0 10px; } #gdn .inset_panel_middle_right { background: url(/images/gdn/backgrounds/panel_light_grey_RL.png) right top repeat-y; min-height: 1px; padding: 0 10px 0 0; } /*** Widths and Backgrounds for Individual Panels & Insets ***/ /****** TABLE STYLES ******/ #gdn table tr.row_a { background-color: #f0f0f0; } #gdn table tr.row_b { background-color: #fff; } #gdn table.padded3 td { padding: 3px; } #gdn table.game-revenue { width: 100%; } #gdn table.game-revenue td { padding: 2px; vertical-align: top; } #gdn table.game-revenue th { padding: 2px; vertical-align: bottom; white-space: nowarap; } #gdn table.game-revenue .tophead th { font-weight: bold; } #gdn table.game-revenue th.border_B { border-bottom: 1px dotted #ddd; padding-bottom: 3px; } #gdn table.game-revenue thead { font-size: 10px; text-transform: uppercase; } #gdn ul.list { list-style-type: none; padding: 5px 0; } #gdn ul.list li { background: url(/images/gdn/icons/fizzy-gdn-bullet.gif) left 1px no-repeat; padding-bottom: 4px; padding-left: 20px; margin-left: 15px; } /***** COMMON STYLING *****/ /*** Set Container and Basic Styles ***/ #gdn .menu { position: relative; width: 970px; height: 36px; font-size:11px; z-index:10; } /*** Primary Nav Link - Default Styles ***/ #gdn .menu ul li a, #gdn .menu ul li a:visited { display: block; width: 168px; height: 36px; overflow:hidden; } #gdn .menu ul li.Home a, #gdn .menu ul li.Home a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(/images/gdn/nav/home.png) repeat-y; } #gdn .menu ul li.Games a, #gdn .menu ul li.Games a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(/images/gdn/nav/games.png) repeat-y; } #gdn .menu ul li.Account a, #gdn .menu ul li.Account a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(/images/gdn/nav/account.png) repeat-y; } #gdn .menu ul li.Support a, #gdn .menu ul li.Support a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(/images/gdn/nav/support.png) repeat-y; } #gdn .menu ul li.Fizzy a, #gdn .menu ul li.Fizzy a:visited { display: block; width: 168px; height: 36px; overflow:hidden; background: url(/images/gdn/nav/fizzy.png) repeat-y; } #gdn .menu ul li.Admin a, #gdn .menu ul li.Admin a:visited { display: block; width: 120px; height: 36px; overflow:hidden; background: url(/images/gdn/nav/admin.png) repeat-y; } /*** Float List, Remove Margin, Remove Padding, Remove Bullets ***/ #gdn .menu ul { padding:0; margin:0; list-style: none; } #gdn .menu ul li { float:left; position:relative; } /*** Hide Secondary Nav ***/ #gdn .menu ul li ul {display: none;} /***** SPECIFIC TO NON-IE BROWSERS *****/ /*** Primary Nav Link Hover ***/ #gdn .menu ul li.Home:hover a { background: url(/images/gdn/nav/home.png) 0 36px repeat-y; } #gdn .menu ul li.Games:hover a { background: url(/images/gdn/nav/games.png) 0 36px repeat-y; } #gdn .menu ul li.Account:hover a { background: url(/images/gdn/nav/account.png) 0 36px repeat-y; } #gdn .menu ul li.Support:hover a { background: url(/images/gdn/nav/support.png) 0 36px repeat-y; } #gdn .menu ul li.Fizzy:hover a { background: url(/images/gdn/nav/fizzy.png) 0 36px repeat-y; } #gdn .menu ul li.Admin:hover a { background: url(/images/gdn/nav/admin.png) 0 36px repeat-y; } /*** Position Secondary Nav and Show on Hover ***/ #gdn .menu ul li:hover ul { display:block; position:absolute; top:36px; left:0; width:126px; } /*** Secondary Nav Link to Tertiary Nav ***/ #gdn .menu ul li:hover ul li a.hide { background: #000000; color:#fff;} #gdn .menu ul li:hover ul li:hover a.hide { background: #FF0000; color:#000; } /*** Hide Tertiary Nav ***/ #gdn .menu ul li:hover ul li ul { display: none; } /*** Secondary Nav Link - Default and Hover ***/ #gdn .menu ul li.Home:hover ul li a, #gdn .menu ul li.Games:hover ul li a, #gdn .menu ul li.Account:hover ul li a, #gdn .menu ul li.Support:hover ul li a, #gdn .menu ul li.Fizzy:hover ul li a { display: block; width: 156px; padding-left: 10px; height: 30px; color: #fff; text-decoration: none; font-size: 11px; text-align: left; line-height: 30px; border-bottom: 1px solid #4d4d4d; border-right:1px solid #4d4d4d; border-left:1px solid #4d4d4d; background-image: none; background-color: #666; } #gdn .menu ul li.Admin:hover ul li a { display: block; width: 110px; padding-left: 10px; height: 30px; color: #fff; font-size: 11px; text-align: left; line-height: 30px; border-bottom: 1px solid #4d4d4d; border-right:1px solid #4d4d4d; border-left:1px solid #4d4d4d; background-image: none; background-color: #666; } #gdn .menu ul li:hover ul li a:hover { background:#999; text-decoration:none; } /*** Position Tertiary Nav and Show on Hover ***/ #gdn .menu ul li:hover ul li:hover ul { display:block; position:absolute; left:168px; top:0;} #gdn .menu ul li:hover ul li:hover ul.left { left:-168px; } /***** PAGINATION *****/ #gdn .pagenumber a, #gdn .pagenumber a:visited { height: 16px; line-height: 15px; font-size: 10px; font-weight: bold; color: #7D7D7D; text-transform: uppercase; background-color:#FFFFFF; border:1px solid #C8C8C8; margin:0 2px 0 2px; padding:0px 5px 0px 5px; float: right; } .pagenumber a:hover { color: #FFFFFF; text-decoration: none; background-color:#ff6633; border:1px solid #cc5229; } #gdn .pagenumber_on a, #gdn .pagenumber_on a:visited { height: 16px; line-height: 15px; font-size: 10px; font-weight:bold; color: #FFFFFF; background-color:#a1e517; border:1px solid #81b812; margin:0 2px 0 2px; padding:0px 5px 0px 5px; float: right; } #gdn .pagenumber_on a:hover { color: #FFFFFF; text-decoration: none; background-color:#ff6633; border:1px solid #cc5229; } #gdn .pagenumber_off { height: 16px; line-height: 15px; font-size: 10px; font-weight: bold; color: #afafaf; text-transform: uppercase; background-color: #FFFFFF; border:1px solid #C8C8C8; margin:0 2px 0 2px; padding:0px 5px 0px 5px; float: right; cursor: default; } .modal-overlay { position:fixed; top:0; right:0; bottom:0; left:0; height:100%; width:100%; margin:0; padding:0; background:#000; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; z-index:101; } .modal-window { background-color: #000; position:absolute; display: block; margin:0; padding:0; z-index:102; } .close-window { position:absolute; width:21px; height:21px; right:-6px; top:-6px; background: url(../images/flavas/one/icons/close_overlay_off.gif) no-repeat scroll right top; text-indent:-999px; overflow:hidden; cursor:pointer; z-index:9999; } .close-window:hover { background: url(../images/flavas/one/icons/close_overlay_on.gif) no-repeat scroll right top; } * html .modal-overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); } * html .modal-window { position:absolute; } /*new gmae play page lights out*/ #lights-overlay.lights-out { background: #111; right: 0; bottom: 0; left: 0; height: 100%; margin: 0; opacity:.75; filter: alpha(opacity=75); -moz-opacity: 0.75; padding: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 101; } #flashcontent { position: relative; z-index: 70/*103*/; } #user-bar { z-index: 105; } a.lightbulb { position: relative; z-index: 102; } #user-panel { z-index: 110; } table#play-game-table { position: relative; /*z-index: 104;*/ } /*#lights-overlay.lights-out #flash-play-panel { color: #ccc; }*/ div#fancy_overlay { position:absolute; top: 0; left: 0; z-index: 90; width: 100%; background-color: #333; } div#fancy_loading { position: absolute; height: 40px; width: 40px; cursor: pointer; display: none; overflow: hidden; background: transparent; z-index: 100; } div#fancy_loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background: transparent url(../../images/jquery/fancy/fancy_progress.png) no-repeat; } div#fancy_close { position: absolute; top: -12px; right: -12px; height: 30px; width: 30px; background: transparent url(../../images/jquery/fancy/fancy_closebox.png) ; cursor: pointer; z-index: 100; display: none; } div#fancy_content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; margin: 0; z-index: 96; } #fancy_frame { position: relative; width: 100%; height: 100%; display: none; } img#fancy_img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border:0; padding: 0; margin: 0; z-index: 92; } div#fancy_title { position: absolute; bottom: -35px; left: 0; width: 100%; z-index: 100; display: none; } div#fancy_title table { margin: 0 auto; } div#fancy_title div { color: #FFF; font: bold 12px Arial; padding-bottom: 2px; } td#fancy_title_left { height: 32px; width: 15px; background: transparent url(../../images/jquery/fancy/fancy_title_left.png) repeat-x; } td#fancy_title_main { height: 32px; background: transparent url(../../images/jquery/fancy/fancy_title_main.png) repeat-x; } td#fancy_title_right { height: 32px; width: 15px; background: transparent url(../../images/jquery/fancy/fancy_title_right.png) repeat-x; } div#fancy_outer { position: absolute; top: 0; left: 0; z-index: 90; padding: 18px 18px 58px 18px; margin: 0; overflow: hidden; background: transparent; display: none; } div#fancy_inner { position: relative; width:100%; height:100%; border: 1px solid #444; background: #000; } a#fancy_left, a#fancy_right { position: absolute; bottom: 10px; height: 100%; width: 35%; cursor: pointer; background-image: url(data:image/gif;base64,AAAA); z-index: 100; } a#fancy_left { left: 0px; } a#fancy_right { right: 0px; } a#fancy_left:hover { background: transparent url(../../images/jquery/fancy/fancy_left.gif) no-repeat 0% 100%; } a#fancy_right:hover { background: transparent url(../../images/jquery/fancy/fancy_right.gif) no-repeat 100% 100%; } #fancy_bigIframe, #fancy_freeIframe { position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; } div#fancy_bg { display: none; } div.fancy_bg { position: absolute; display: block; z-index: 70; } div.fancy_bg_n { top: -18px; width: 100%; height: 18px; background: transparent url(../../images/jquery/fancy/fancy_shadow_n.png) repeat-x; } div.fancy_bg_ne { top: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(../../images/jquery/fancy/fancy_shadow_ne.png) no-repeat; } div.fancy_bg_e { right: -13px; height: 100%; width: 13px; background: transparent url(../../images/jquery/fancy/fancy_shadow_e.png) repeat-y; } div.fancy_bg_se { bottom: -18px; right: -13px; width: 13px; height: 18px; background: transparent url(../../images/jquery/fancy/fancy_shadow_se.png) no-repeat; } div.fancy_bg_s { bottom: -18px; width: 100%; height: 18px; background: transparent url(../../images/jquery/fancy/fancy_shadow_s.png) repeat-x; } div.fancy_bg_sw { bottom: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(../../images/jquery/fancy/fancy_shadow_sw.png) no-repeat; } div.fancy_bg_w { left: -13px; height: 100%; width: 13px; background: transparent url(../../images/jquery/fancy/fancy_shadow_w.png) repeat-y; } div.fancy_bg_nw { top: -18px; left: -13px; width: 13px; height: 18px; background: transparent url(../../images/jquery/fancy/fancy_shadow_nw.png) no-repeat; } .ui-rater>span { vertical-align: top; } .ui-rater-starsOff, .ui-rater-starsOn {display: inline-block; height: 18px; background:url(/images/jquery/rater/stars.png) 0 0 repeat-x; } .ui-rater-starsOff, .ui-rater-starsOn {_background:url(/images/jquery/rater/stars.gif) 0 0 repeat-x; } .ui-rater-starsOn { display: block; max-width: 90px; top: 0; background-position: 0 -36px;} .ui-rater-starsHover { background-position: 0 -18px!important; } /* game ratings **/ #game_play.overlayRating, #game_play #game_rating { float: none; } #game_home .overlayRating , #game_home #game_rating { float: right; } #game_play table.rating td { text-align: left; } #game_home table.rating td { text-align: right; } #game_play #game_title #rating { float: left; } #game_play #game_title #my_rating { display: none; } #overlayRating { float: right; } #game_play #game_title .rating-result { float: right; padding: 3px; } #game_play #game_title .title { display: none; } #game_play #game_title #rating-login { display: none; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 78%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ---------------------------------- .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; }*/ /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; outline: none; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; outline: none; } /*.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; }*/ .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; outline: none; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } /* Icons ----------------------------------*/ /* states and images .ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); } .ui-state-default .ui-icon { background-image: url(images/ui-icons_888888_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_cd0a0a_256x240.png); }*/ /* positioning .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; }*/ /* removed for user bar overlay .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; }*/ /* Misc visuals ----------------------------------*/ /* Corner radius .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; } */ /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; } .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; } .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Dialog ---------------------------------- .ui-dialog { position: relative; padding: .2em; width: 300px; } .ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; overflow: visible; width: auto; } .ui-dialog .ui-resizable-se { bottom: 3px; height: 14px; right: 3px; width: 14px; } .ui-draggable .ui-dialog-titlebar { cursor: move; }*/ /* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }/* Resizable ---------------------------------- .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}*/ /* Slider ----------------------------------*/ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; } .ui-slider-horizontal { height: .8em; } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Tabs ----------------------------------*/ .ui-tabs { /*padding: .2em;*/ zoom: 1; margin: 5px 5px 10px; } .ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; margin: 0.2em 0.4em 0; } .ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .1em 0 0; padding: 0; } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; } #game_home .ui-tabs .ui-tabs-panel, #game_play .ui-tabs .ui-tabs-panel { padding: 0px; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs .ui-tabs-nav { margin: 5px 0 -1px -2px; padding: 0; } .ui-tabs .ui-tabs-nav li { background: none; border: none; font-size: 1.5em; } .ui-tabs .ui-tabs-nav li a { background: transparent url(/images/nav/tab-left.png) left -1px no-repeat; border: none; color: #fff; padding: 0px 0 0px 9px; } .ui-tabs .ui-tabs-nav li a span { background: transparent url(/images/nav/tab-right.png) right -1px no-repeat; display: block; height: 19px; float: left; padding: 5px 9px 2px 0; } #gdn .ui-tabs .ui-tabs-nav li a { background: transparent url(/images/gdn/nav/tab-left-green.png) left -102px no-repeat; } #gdn .ui-tabs .ui-tabs-nav li a span { background: transparent url(/images/gdn/nav/tab-right-green.png) right -102px no-repeat; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li a:hover { background-position: left -1px; color: #8FCC14; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a:hover span, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span, .ui-tabs .ui-tabs-nav li a:hover span { background-position: right -1px; text-decoration: none; } .ui-tabs .ui-tabs-nav li a:hover { background-position: left -53px; color: #fff; text-decoration: none; } .ui-tabs .ui-tabs-nav li a:hover span { background-position: right -53px; } .ui-tabs .ui-tabs-panel { display: block; } .panel_top_tab { background: transparent url(/images/flavas/one/panels/panel_tab_top.gif) top right no-repeat; height: 9px; margin: 0; width: 100%; } #gdn .panel_top_tab { /*background: url(/images/gdn/backgrounds/panel_tab_top.gif) top right no-repeat; */ border-top: none; border-radius: 0px 0px 12px 12px; } #gdn .ui-tabs .ui-tabs-nav { margin: 5px 0 0 0; } #gdn .ui-tabs .ui-tabs-nav li { margin: 0 .2em 0 0;} #gdn .ui-tabs .ui-tabs-nav li a { background-position: left -53px ; color: #fff; } #gdn .ui-tabs .ui-tabs-nav li a span { background-position: right -53px ; } #gdn .ui-tabs .ui-tabs-nav li a:hover { background-position: left -102px; text-decoration: none; } #gdn .ui-tabs .ui-tabs-nav li a:hover span { background-position: right -102px; } #gdn .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { background-position: left -1px ; color: #888; } #gdn .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: right -1px ; } .ui-tabs .panel_middle { padding: 0; } .ui-tabs .panel_middle .panel_middle { padding: 1px; } /*------ GDN Datepicker ------*/ #gdn #ui-datepicker-div.ui-widget-content { -moz-background-clip: border; -moz-background-inline-policy: continuous; -moz-background-origin: padding; background: transparent url(../../images/jquery/user-bar/grey-transparent.png) repeat; border: 1px solid #4D4D4D; color: #FFF; } /* Component containers ----------------------------------*/ #ui-datepicker-div .ui-datepicker-header.ui-widget-header { background: #A1E517; border: 1px solid #81B812; color: #808080; font-size:10px; line-height: 1.1em; text-transform: uppercase; } #gdn #ui-datepicker-div .ui-datepicker th { color:#FFFFFF; font-weight: normal; font-size:10px; line-height:1.1em; text-align:center; text-transform:uppercase; } #gdn #ui-datepicker-div .ui-state-default { background: #808080; border: 1px solid #4D4D4D; text-align:center; width: 18px; } #gdn #ui-datepicker-div a.ui-state-default { color: #FFFFFF; } #gdn #ui-datepicker-div a.ui-state-default:hover { color: #FFFFFF; background: #FF8C1A; } #gdn .ui-datepicker-next ui-corner-all a { background:#FF0000; } #gdn #ui-datepicker-div .ui-icon { width: 16px; height: 16px; background-image: url(../../images/jquery/ui-icons_ffffff_256x240.png); } #gdn #ui-datepicker-div .ui-icon-circle-triangle-w { background-position: -80px -192px;} #gdn #ui-datepicker-div .ui-icon-circle-triangle-e { background-position: -48px -192px; } #gdn #ui-datepicker-div .ui-datepicker-prev-hover { } #gdn #ui-datepicker-div .ui-datepicker-next-hover { } #gdn #ui-datepicker-div .ui-datepicker-prev { left: 2px; left: auto; } #gdn #ui-datepicker-div .ui-datepicker-next { right: 2px; } /* .tooltip{ background:#ccc; border: 1px solid #333; position: absolute; top: 0; left: 0; z-index: 3; display: none; } */ /* .tooltip{ position: absolute; top: 0; left: 0; z-index: 300; display: none; } */ /* 2010 game stuff - TABS */ #game_play .ui-tabs { margin: 5px 0 10px; } #game_play .ui-tabs .ui-tabs-nav { margin: 0; } #game_play .ui-tabs .ui-tabs-nav li { margin-right: 4px; } #game_play .ui-tabs .ui-tabs-nav li a { background-position: 0 -1px; color: #646868; padding: 0 0 0 6px; } #game_play .ui-tabs .ui-tabs-nav li a span { background-position: right -1px; height: 25px; padding: 9px 10px 0 4px; } /* orange tab */ #game_play .ui-tabs .ui-tabs-nav li a:hover, #game_play .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; background-position: 0 -236px; } #game_play .ui-tabs .ui-tabs-nav li a:hover span, #game_play .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: right -236px; } /* purple tab */ #game_play #enhanced .ui-tabs .ui-tabs-nav li a:hover, #game_play #enhanced .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; background-position: 0 -119px; } #game_play #enhanced .ui-tabs .ui-tabs-nav li a:hover span, #game_play #enhanced .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: right -119px; } /* pink tab */ #game_play #premium_free .ui-tabs .ui-tabs-nav li a:hover, #game_play #premium_free .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; background-position: 0 -177px; } #game_play #premium_free .ui-tabs .ui-tabs-nav li a:hover span, #game_play #premium_free .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: right -177px; } /* blue tab */ #game_play #premium_full .ui-tabs .ui-tabs-nav li a:hover, #game_play #premium_full .ui-tabs .ui-tabs-nav li.ui-tabs-selected a { color: #fff; background-position: 0 -60px; } #game_play #premium_full .ui-tabs .ui-tabs-nav li a:hover span, #game_play #premium_full .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span { background-position: right -60px; } /**extra tab style **/ #game_play .ui-tabs .ui-tabs-nav li a#competition-tab { color: #f78f00; } #game_play .ui-tabs .ui-tabs-nav li a#competition-tab:hover span, #game_play .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#competition-tab span { color: #fff; } #game_play .ui-tabs .ui-tabs-nav li a#download-tab { color: #009027; } #game_play .ui-tabs .ui-tabs-nav li a#download-tab:hover, #game_play .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#download-tab { color: #fff; } #game_play .ui-tabs .ui-tabs-nav li a#vip-tab { color: #0081c8; } #game_play .ui-tabs .ui-tabs-nav li a#vip-tab:hover, #game_play .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#vip-tab { color: #fff; } #game_play .ui-tabs .ui-tabs-nav li a#enhanced-tab { color: #966be7; } #game_play .ui-tabs .ui-tabs-nav li a#enhanced-tab:hover, #game_play .ui-tabs .ui-tabs-nav li.ui-tabs-selected a#enhanced-tab { color: #fff; } /** tab icons **/ #game_play .ui-tabs .ui-tabs-nav li a#download-tab .icon, #game_play .ui-tabs .ui-tabs-nav li a#fizzy-tab .icon, #game_play .ui-tabs .ui-tabs-nav li a#shop-tab .icon, #game_play .ui-tabs .ui-tabs-nav li a#vip-tab .icon { background: transparent url(/images/icons/game_types/game-option-icons.png) -2px -272px no-repeat; float: left; height: 25px; margin-left: -2px; margin-top: 5px; padding: 0; width: 23px; } #game_play .ui-tabs .ui-tabs-nav li a#download-tab .icon { background-position: -2px -272px; } #game_play .ui-tabs .ui-tabs-nav li a#fizzy-tab .icon { background-position: -2px 0px; } #game_play .ui-tabs .ui-tabs-nav li a#shop-tab .icon { background-position: -2px -92px; } #game_play .ui-tabs .ui-tabs-nav li a#vip-tab .icon { background-position: -2px -181px; } /*hide n show */ #game_play .ui-tabs .hide-show-area { background: transparent url(/images/backgrounds/hide-show-bg.gif) left bottom repeat-x; padding-bottom: 10px; } #game_play .ui-tabs a.hide-show { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; display: block; padding: 0 10px 5px; } #game_play .ui-tabs a.hide-show:hover { text-decoration: none; } #game_play .ui-tabs a.hide-show:focus { outline: none; } #game_play .ui-tabs #tab-area a.hide-show h2 { background: transparent url(/images/icons/open-close-arrow.gif) right 5px no-repeat; color: #6e7171; font-size: 12px; padding-top: 5px; } #game_play .ui-tabs #tab-area a.hide-show:hover h2 { background-position: right -75px; color: #f36c0e; } #game_play .ui-tabs div.hide-show { border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; padding: 0 10px 10px; } /************************************************ JCAROUSEL LITE ************************************************/ /*#list { height:130px; width:880px; margin:30px auto; }*/ .premium-game-list { color: #555; float: left; left: -5000px; overflow: hidden !important; position: relative; visibility: hidden; } #header .premium-game-list a { color: #0081c8; } .premium-game-list ul { height: 65px; } .premium-game-list ul li { border-right: 1px solid #d5d6d7; border-left: 1px solid #fff; height: 55px; margin: 0; padding: 5px; width: 157px; overflow:auto; } .premium-game-list ul li img { cursor: pointer; display: block; height: 50px; width: 50px; /*padding-top: 3px;*/ } #premium-games-list .prev { cursor: pointer; float: left; height: 65px; width: 26px; } #premium-games-list .prev:hover { background: url(/images/members/arrow-hover.gif) 6px 20px no-repeat; } #premium-games-list .next { cursor: pointer; float: right; height: 65px; width: 25px; } #premium-games-list .next:hover { background: url(/images/members/arrow-hover.gif) 1px -48px no-repeat; } /************************************************ CAPTIFY CAPTION ************************************************/ .caption-top, .caption-bottom { background: #555; color: #f2f2f2; cursor: default; font-size: 11px; padding: 2px; text-align: center; } .caption-top { border-width: 0px; } .caption-bottom { border-width: 0px; } .caption a, .caption a { background: #555; border: none; text-decoration: none; padding: 2px; } .caption a:hover, .caption a:hover { background: #f2f2f2; } /** customised for header **/ #premium-games-list { background: #dedede url(/images/members/premium-games-area.gif) top left no-repeat; height: 90px; position: relative; width: 728px; } #premium-leader-header { color: #fff; height: 20px; /*font-weight: bold; */ padding: 4px 10px 0 117px; } /*#premium-leader-header span { background: url(/images/icons/member_types/vip_13.gif) top left no-repeat; padding: 0px 0 0px 30px; display: inline; font-weight: normal; float: right; }*/ #premium-game-list-overlay-left { background: url(/images/members/premium-leaderboard-overlay-left.png) top left repeat-y; height: 65px; left: -1px; top: 0; position: absolute; width: 10px; z-index: 1000; } #premium-game-list-overlay-right { background: url(/images/members/premium-leaderboard-overlay-right.png) top right repeat-y; height: 65px; position: absolute; right: -1px; top: 0; width: 10px; z-index: 1000; } #premium-games-list .premium-game-list ul li p { margin-bottom: 0; } #premium-games-list .image_frame { float: left; margin-bottom: 5px; margin-right: 5px; overflow: hidden; } #premium-games-list .premium-game-list .game_info { float: left; width: 118px; } #premium-games-list .topborder { border-top: 1px dotted #ccc; clear: both; margin-top: 2px; padding-top: 3px; } /** =iPhone Screenshot **/ #iphonescreenshot-holder { background: #ececec url(/images/custom/iphone/iphone.jpg) center 10px no-repeat; margin-bottom: 15px; height: 420px; position: relative; } #iphonescreenshot-holder .iPhonePrev, #iphonescreenshot-holder .iPhoneNext { color: #797979; float: left; margin: 190px 46px auto; } #iphonescreenshot-holder .iPhonePrev:hover, #iphonescreenshot-holder .iPhoneNext:hover { color: #ff8c1a; text-decoration: none; } #iphonescreenshot-holder .iPhonePrev span, #iphonescreenshot-holder .iPhoneNext span { background: url(/images/custom/iphone/scroll-arrows.gif) 0 0 no-repeat; display: block; height: 18px; width: 15px; } #iphonescreenshot-holder .iPhonePrev span { background-position: 0px -1px; } #iphonescreenshot-holder .iPhoneNext span { background-position: -23px -1px; } #iphonescreenshot-holder .iPhonePrev:hover span { background-position: 0px -22px; cursor: pointer; } #iphonescreenshot-holder .iPhoneNext:hover span { background-position: -23px -22px; cursor: pointer; } #iphonescreenshot { float: left; height: 320px; margin: 44px 109px; overflow: hidden!important; position: relative;width: 480px; } #iphonescreenshot ul { list-style-type: none; padding: 0; } /** facebook social graph on game play page **/ #facebook_friends-title { background: #161717; color: #fff; width: 100%; } #free #facebook_friends-title { border-bottom: 1px solid #ef4123; } #enhanced #facebook_friends-title { border-bottom: 1px solid #440d6f; } #premium_free #facebook_friends-title { border-bottom: 1px solid #700033; } #premium_full #facebook_friends-title { border-bottom: 1px solid #05417f; } #facebook_friends-title p { background: url(/images/icons/facebook-noborder.gif) 20px center no-repeat; padding: 5px 5px 5px 40px; margin: 0; } #facebook_friend_scores { width: 730px !important; } #facebook_friends_scores_placeholder { background: #090a0a url(/images/gamepage/facebook-social-graph-bg.png) left top repeat-x; border-style: solid; border-width: 0 1px 1px; color: #eee; padding: 5px 15px; position: relative; } #free #facebook_friends_scores_placeholder { border-color: #ef4123; } #enhanced #facebook_friends_scores_placeholder { border-color: #440d6f; } #premium_free #facebook_friends_scores_placeholder { border-color: #700033; } #premium_full #facebook_friends_scores_placeholder { border-color: #05417f; } #facebook_friends_scores_placeholder .friendsPrev, #facebook_friends_scores_placeholder .friendsNext { background: transparent url(/images/gamepage/facebook-social-arrow.png) left top no-repeat; display: inline-block; float: left; height: 29px; padding-top: 30px; text-align: center; margin-top: 15px; width: 29px; z-index: 200; } #facebook_friends_scores_placeholder .friendsPrev { background-position: 0 0; left: -1px; } #facebook_friends_scores_placeholder .friendsPrev:hover { background-position: 0 -88px; cursor: pointer; } #facebook_friends_scores_placeholder .friendsNext { background-position: -29px 0; right: -1px; } #facebook_friends_scores_placeholder .friendsNext:hover { background-position: -29px -88px; cursor: pointer; } #facebook_friends_scores_placeholder #social-graph-area { display: inline-block; float: left; height: 75px; margin: 0px 12px; overflow: hidden !important; position: relative; width: 642px; } #facebook_friends_scores_placeholder ul { display: inline-block; float: left; height: 60px; } /*width on li defines with of social graph space*/ #facebook_friends_scores_placeholder ul li { list-style-type: none; float: left; height: 75px; width: 162px; } .facebook-friends-info { border: 1px solid #0c0c0c; background: #090a0a url(/images/gamepage/facebook-social-graph-bg.png) left top repeat-x; margin-right: 5px; padding: 2px 4px 4px; } #facebook_friends_scores_placeholder .avatar-area { border: 1px solid #d9d9d9; display: inline-block; float: left; height: 50px; margin-right: 7px; margin-top: 2px; width: 50px; } #facebook_friends_scores_placeholder .avatar-area .fizzy-avatar { display: none;} #facebook_friends_scores_placeholder .avatar-area:hover .fizzy-avatar { height: 50px; width: 50px; } #facebook_friends_scores_placeholder .avatar-area .facebook-avatar { display: block; } #facebook_friends_scores_placeholder .avatar-area:hover .facebook-avatar { display: none; }