/* Settings Basic Global Resets */ * { margin: 0; padding: 0; } body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td { margin: 0; padding: 0; } a img, img { border: 0 none; } ul, ol, li { list-style: none; } /* Default body bg color == #192b2e */ body { height: 100%; color: #333; font-size: 68%; overflow-x: hidden; font-family: arial,verdana,tahoma,sans-serif; direction: ltr; background: #fff url("/img/backgrounds/page_backing.jpg") top center fixed no-repeat; } html > body { font-size: 11px; } body#iframe_content { background: none!important; } /* Type Basics */ h1 { font-size: 14px; } h2 { font-size: 13px; } h3 { font-size: 12px; } h4, h5, h6 { font-size: 11px; } em { font-style: normal; } a { text-decoration: none; color: #2d4c28; outline: none; cursor: pointer; } a:hover { text-decoration: none; } input { border: 1px solid #b3b3b3; padding: 3px; } textarea { resize: none; } .clear { clear: both; display: block; } .sectionSpacer { } .section_spacer { margin: 8px 0; } .section_divider { width: 656px; height: 17px; position: relative; left: -7px; } /* This is specific to the logged in homepage, need to globalize this */ .bottomSpacer { margin-bottom: 15px; } .left {float:left;} .right {float:right;} .center { text-align:center; } .hidden {display:none; } .button_wrapper {padding: 6px 12px 8px 17px; } .top_spacer { height: 145px; } .disabled { cursor: default; } .text_red { color: #b62617 !important; } .text_darkgrey { color: #333333 !important; } .text_lightgrey { color: #666666 !important; } .text_green { color: #1f4918 !important; } .collapse_minus { width:13px; height:13px; float:left; margin:6px 6px; background: url('/img/globals/collapse.png') 0px 0px; } .collapse_plus { width:13px; height:13px; float:left; margin:6px 6px; background: url('/img/globals/collapse.png') 0px 13px; } /*Column widths*/ .col_full { width:968px; } .col_med { } .col_wide { width:670px; margin-left:8px; } .col_thin { width:270px; } /* Logo & Banner */ #top_bar { width: 100%; height: 170px; position: relative; } #top_bar .top_nav { position:relative; width:980px; left:20px; height:30px; background:url('/img/backgrounds/top_nav.jpg') repeat-x; } #top_bar .top_nav .top_nav_left { float:left; } #top_bar .top_nav .top_nav_left li { float:left; } #top_bar .top_nav .top_nav_right { float:right; } #top_bar .top_nav .top_nav_right li { float:right; } #top_bar .top_nav li { color:#fff; height:25px; padding: 10px 10px; } #top_bar .top_nav a:link, #top_bar .top_nav a:visited { color:#fff; } #top_bar .top_bg { position:relative; width:980px; left:20px; height:153px; background:url("/img/backgrounds/header.jpg"); } #logo_home { width: 400px; margin-left:16px; } #top_banner { width: 660px; height: 88px; background: url('/img/backgrounds/bg_top_banner.png') 0px 10px no-repeat; left:15px; position:relative;} /* Top Banner */ #slideLeft, #slideRight { height: 22px; position: absolute; top: 40px; } #slideLeft { right: 655px; } #slideRight { left: 644px; } .slide_left, .slide_right { display: block; width: 22px; height: 22px; } .slide_left { background: url('/img/home/arrows_banners.png') 0px 0px no-repeat; } .slide_right { background: url('/img/home/arrows_banners.png') 0px -22px no-repeat; } .homeBanner { width: 640px; height: 78px; overflow: hidden; position: absolute; top: 21px; left:6px; } .homeBanner #Slider { width: 640px; } .homeBanner .fb_connect { width: 941px; height: 102px; display: block; overflow: hidden; } .homeBanner .fb_connect img { cursor: pointer; } .homeBanner #Slider .pages a { background: url('/img/globals/slider_pages_white.png') 0px -20px no-repeat; } .homeBanner #Slider .pages a:hover { background: url('/img/globals/slider_pages_white.png') 0px -40px no-repeat; } .homeBanner #Slider .pages a.selected { background: url('/img/globals/slider_pages_white.png') 0px 0px no-repeat; } .homeBanner #Slider .panels_nav { height: 25px; background: #2b4223 url('/img/globals/panel_pages_green_bg.jpg') no-repeat; border: 1px solid #000; } .homeBanner #Slider .panels_nav li { width: auto; margin: 0 auto; padding: 0px; } .homeBanner #Slider .panels_nav li span { display: inline-block; margin: 0 auto; float: none; width: auto; } /* Points icons */ .points_green { color: #1f4918; padding: 0 0 0 18px; background: url('/img/icons/points_green.png') 0px 1px no-repeat; } .points_grey { color: #666666; padding: 0 0 0 18px; background: url('/img/icons/points_grey.png') 0px 1px no-repeat; } /* Overrides for the tutorial layout */ body#tutorials { background-color: #f0f0f0; background-image: none; border-top: none; } /* Main Layout */ #main { width: 1020px; position: relative; left: 50%; margin-left: -510px; } #page_wrapper { width: 1020px; position: relative; font-size: 12px; } #site_content.subnav_adjustment { position:relative; top:-17px;} #masthead { width: 960px; height: 80px; position: relative; } #site_content { width: 960px; min-height:600px; position: relative; left: 29px; } .site_top { width: 100%; height: 45px; background: url('/img/newuser/site_top.png') 1px 0 no-repeat; position: absolute; top: -45px; } /* masthead */ #masthead .inner { width: 960px; left:35px; height: 70px; position: relative; top: 14px; background:url("/img/backgrounds/playercard.png") no-repeat; } /* #masthead h3, #masthead h5 { } #masthead h3 { font-size: 15px; font-weight: bold; } #masthead h5 { font-size: 11px; color: #bdc78b; text-transform: uppercase; line-height: 11px;} */ #masthead .page_image {width: 81px; height: 70px;float: left;} #masthead .page_image img { width: 80px; margin-left:2px; margin-top:-13px; } #masthead .page_title { float: left; width:195px; font-size:12px; font-weight:bold; color:#285a00; } #masthead .page_title div { font-weight:bold; padding-top:21px; text-align:center; } #masthead h4 { padding-top:21px; font-size:12px; font-weight:bold;} #masthead .page_level { float:left; width:153px; color:#285a00; text-align:center; } #masthead .page_cash { float:left; width:88px; text-align:center; } #masthead .page_xp { float:left; width:100px; text-align:center;} #masthead .page_points { float:left; padding-left:9px ;width:137px;} #masthead .page_points .my_real_wallet_balance { float:left; } #masthead .page_points .add_points { float:right; padding-right:3px; padding-top:13px; } #masthead .page_notifications { float:left; width:105px; } #masthead .page_notifications .message_count { padding-top:23px; min-width:26px; float:right; padding-right:12px; text-align:center; font-weight:bold; color:yellow; } #masthead .page_inbox { float:left; width:84px; } #masthead .page_inbox .message_count { padding-top:23px; min-width:26px; float:right; padding-right:14px; text-align:center; font-weight:bold; color:yellow; } #masthead.DE .page_image { width: 91px; height: 78px; top: 15px; position: relative; } #masthead.DE .page_image .overlay { width: 91px; height: 78px; background: url('/img/globals/bg_de_icons.png') no-repeat; } #masthead.DE .page_title { top: 17px; } #masthead.DE .icon { display: block; width: 69px; height: 56px; position: absolute; top: 11px; left: 11px; background: url('/img/globals/de_icons.png') no-repeat; } #masthead.DE .icon.courses { background-position: 0 0; } #masthead.DE .icon.leaderboards { background-position: 0 -56px; } #masthead.DE .icon.groups { background-position: 0 -112px; } #masthead.DE .icon.proshop { background-position: 0 -168px; } #masthead.DE .icon.tournaments { background-position: 0 -168px; } #masthead.DE .icon.mygolfer { background-position: 0 -224px; } #masthead.DE .icon.mygolfer img { position: relative; left: 16px; width: 36px; height: 34px; } #masthead.DE .icon.search { background-position: 0 -280px; } #masthead.DE .icon.thecut { background-position: 0 -336px; } #masthead.DE .icon.gameguide { background-position: 0 -392px; } #masthead.DE .icon.messages { background-position: 0 -560px; } #masthead.DE .icon.mygallery { background-position: 0 -672px; } #masthead.DE h5 { font-size: 14px; } #masthead sub { position: relative; top: -8px; } /* Column Layout */ .cols_2 .col_mid { padding: 2px 0 0 0; min-height: 600px; overflow: hidden; } .cols_2 .col1 { width: 682px; height: auto; position: relative; float: left; } .cols_2 .col2 { width: 262px; height: auto; position: relative; float: right; right: 12px; } .cols_1 .col_top { height: 17px; background: url('/img/backgrounds/bg_1col_top.png') no-repeat; } .cols_1 .col_btm { height: 17px; background: url('/img/backgrounds/bg_1col_bottom.png') no-repeat; } .cols_1 .col_mid { background: url('/img/backgrounds/bg_1col_stretch.png') repeat-y; min-height: 600px; } .cols_1 .col1 { width: 936px; height: auto; position: relative; left: 18px; overflow: hidden; } .cols_1.green .col_top { height: 17px; background: url('/img/backgrounds/bg_1col_green_top.png') no-repeat; } .cols_1.green .col_btm { height: 17px; background: url('/img/backgrounds/bg_1col_green_bottom.png') no-repeat; } .cols_1.green .col_mid { background: url('/img/backgrounds/bg_1col_green_stretch.png') repeat-y; min-height: 600px; } #site_content.cols_1 { left: 25px; } /* TODO: Delete #main { width: 100%; height: 100%; } #main .site_wrapper { width: 980px; height: auto; margin: 0 auto; overflow: hidden; } .page_wrapper { width: 956px; height: auto; min-height: 600px; padding-bottom: 80px; overflow: hidden; border-style: solid; border-width: 1px 2px 0 2px; border-color: #fff; background-color: #eeeeee; display: block; margin: 0 auto; z-index: 1; position: relative; top: 1px; } */ .state_guest, .state_subscriber { display:none; } /* Ribbons */ .ribbon { display: block; width: 55px; height: 60px; text-indent: -999px; overflow: hidden; position: absolute; background: url('/img/ribbons/sprite_ribbons.png') no-repeat 0 0; z-index: 10; } .ribbon.completed { top: 0; right: 0; } /* Shadow below entire sections */ .sectionShadow { width: 100%; height: 24px; background: url('/img/globals/section_shadow.png') no-repeat; } /* Flash */ #flash dl { display: block; text-align: center; padding: 50px; } #flash { margin-top: -1px; } /* Inputs */ input { font-size: 11px; font-family: 'Helvetica Neue',helvetica,arial,sans-serif; border: 0 none; } label, input.inputcheckbox { vertical-align: middle; cursor: pointer; } textarea.inputtext, input.inputtext, input.inputpassword { border: 1px solid #b3b3b3; padding: 4px 3px 3px; width: 142px; background: #FFFFFF url(/img/dynamic_card/bg_login_input.gif) repeat-x 0 0; } #passwordField_decoy { color: #333; } select { padding: 2px; border: 1px solid #7c7c7c; font-size: 11px; font-family: 'Helvetica Neue',helvetica,arial,sans-serif; } /* Play Now Button */ .play_button { float: right; width: 269px; height: 93px; overflow: hidden; position: absolute; right: 18px; top: 30px; } #PlayNow a { display: block; width: 269px; height: 93px; } #PlayNow.status_play a { background: url('/img/buttons/playnow.png') 0px 0px no-repeat; } #PlayNow.status_play a:hover { background: url('/img/buttons/playnow.png') 0px -93px no-repeat; } #PlayNow.status_setup a { background: url('/img/buttons/playnow.png') 0px -186px no-repeat; cursor: default; } #PlayNow.status_ingame a { background: url('/img/buttons/playnow.png') 0px -279px no-repeat; cursor: default; } #PlayNow.status_resume a { background: url('/img/buttons/playnow.png') 0px -372px no-repeat; cursor: default; } /* TODO: Delete .gameGuide_button { float: right; width: 172px; height: 46px; overflow: hidden; margin-right: 10px; margin-top: 30px; } .gameGuide_button a { display: block; width: 100%; height: 100%; background: url('/img/buttons/gameguide.png') 0px 0px no-repeat; } .gameGuide_button a:hover { background-position: 0 -46px; } */ /* Search */ .UserSearch.component_header { overflow: hidden; } .UserSearch h2 { width: 400px; float: left; line-height: 22px; } .UserSearch .wrapper { float: right; overflow: hidden; display: block; margin-right: 20px; } .UserSearch .wrapper input { width: 150px; padding: 3px 4px; float: left; border-color: #d3d3d3; border-width: 1px 0 1px 1px; border-style: solid; } .UserSearch .wrapper a { float: left; } .UserSearch .wrapper img { vertical-align: middle; } .UserSearch .wrapper .UserButton_text { padding: 1px 4px 0; } /* Comments */ .UserComment{ border-bottom: 1px solid #777; padding: 10px 0; margin: 0 auto; } .UserComment .wrapper { width: 380px; margin: 0 auto; } .UserComment input { width: 300px; padding: 6px 4px; float: left; border-color: #d3d3d3; border-width: 1px 0 1px 1px; border-style: solid; } /* Buttons */ .UserButton { display: inline-block; background-image: url('/img/buttons/UserButton_gradient.png'); background-position: bottom right; background-repeat: repeat-x; border: 1px solid #b3b3b3; text-align:center; } .UserButton_text { color: #fff; font-weight: bold; text-shadow: 0 1px 0 #000; display: block; cursor: pointer; overflow: visible; background-color: transparent; width: auto; padding: 7px 10px 5px; border: 1px solid #fff; } a.UserButton_text:hover { text-decoration: none; } .UserButton_blue { background-color: #063970; } .UserButton_red { background-color: #b62617; } .UserButton_green { background-color: #1f4918; } .UserButton_green:hover { background-color: #466821; } .UserButton_white { background-color: #fff; } .UserButton_white .UserButton_text { color: #333; text-shadow: 0 1px 0 #fff; } .UserButton_white:hover { background-color: #d5d5d5; background-image: none; } .UserButton_selected { background-color: #1f4918; color: #fff; text-shadow: 0 1px 0 #333; } .UserButton_selected a.UserButton_text { color: #fff; text-shadow: 0 1px 0 #333; cursor: default; } .UserButton_disabled { background-color: #fff; color: #999; text-shadow: 0 1px 0 #fff; } .UserButton_disabled a.UserButton_text { color: #999; text-shadow: 0 1px 0 #fff; cursor: default; } .UserButton_teeoff { background-color: #1f4918; } .UserButton_teeoff :hover {} .UserButton_teeoff a.UserButton_text:hover { color: #fff; text-shadow: 0 1px 0 #333; background-color: #688665; } .UserButton_alignRight { float: right!important; } .UserButton_alignLeft{ float: left!important; } .UserButton_spacer { margin-left: 10px; } .UserSubmit { border-top: 1px solid #b3b3b3; padding: 10px 0 0; margin: 0 auto; } .UserSubmit .UserButton_text { padding: 5px 5px 4px; } .UserComment .UserButton_text { padding: 6.5px 11px 6px; } .UserButton.flush { border: none; width: 100%; text-align: center; height: 32px; } .UserButton.flush .UserButton_text { padding: 7px 4px 8px; font-size: 12px; } .UserButton_finished { background-color: #1f4918; } .UserButton_finished :hover { background-color: #1f4918!important; background-image: url('/img/buttons/UserButton_gradient.png'); background-position: bottom right; background-repeat: repeat-x; } .UserButton_finished .UserButton_text:hover { color: #fff; text-shadow: 0 1px 0 #333; cursor: default; } /* -OLD- Green glossy button */ a.GlossyButton { display: inline-block; height: 32px; color: white; text-align: center; line-height: 32px; background: url('/img/playerhub/btn_green.png') top left no-repeat; text-transform: uppercase; font-weight: bold; } a.GlossyButton span { zoom: 1; background: url('/img/playerhub/btn_green.png') top right no-repeat; display: block; padding: 0px 30px; margin-right: -16px; } a.GlossyButton:hover { background: url('/img/playerhub/btn_green.png') 0px -32px no-repeat; text-decoration: none; } a.GlossyButton span:hover { background: url('/img/playerhub/btn_green.png') right -32px no-repeat; } /* New gradient buttons */ a.gradient_button { display: inline-block; font-size: 13px; font-weight: bold; } a:hover.gradient_button { text-decoration: none; } a.gradient_button span.text { display: inline-block; text-align: center; padding: 5px 20px; background: url('/img/globals/round_gradient.png') repeat-x; } a.gradient_button.red { border: 1px solid #421814; background: #bc493e; color: #fff; } a:hover.gradient_button.red { background: #db4234;} a.gradient_button.red span.text { border: 1px solid #ff927c; text-shadow: 0 1px 0 #421814; } a.gradient_button.white { border: 1px solid #999; background: #fff; color: #333; } a:hover.gradient_button.white { background: #f5f5f5;} a.gradient_button.white span.text { border: 1px solid #fff; text-shadow: 0 1px 0 #fff; } a.gradient_button.green { border: 1px solid #122511; background: #295e33; color: #333; } a:hover.gradient_button.green { background: #638f6c; } a.gradient_button.green span.text { color: #fff; text-shadow: 0 1px 0 #000; border: 1px solid #75aa80; background-position: top center; } /* Gradients */ .top_shadow { border-top: 1px solid #bbb; margin: 3px 0 0 0; background: url('/img/globals/top_shadow.png') repeat-x; } /* UserActions */ .UserActions { float: right; display: inline-block; } .UserActions a { display: block; background-image: url('/img/globals/sprites_icons.png'); background-repeat: no-repeat; padding: 4px 4px 4px 25px; } .UserActions a.join_group { background-position: 4px -160px; } .UserActions a.promote { background-position: 4px -160px; } .UserActions a.already_favorite { background-position: 6px 3px; } .UserActions a.leave { background-position: 4px -14px; } .UserActions a.remove { background-position: 4px -14px; } .UserActions a.edit { background-position: 4px -345px; } .UserActions a.send_message { background-position: 4px -120px; } .UserActions a.add_friend { background-position: 4px -101px; } .UserActions a.reply { background-position: 4px -138px; } .UserActions a.success { background: none; padding-left: 7px; padding-right: 8px; cursor: default; } .UserActions a.help { background-position: 3px -500px; text-indent: -9999px; overflow: hidden; padding: 0; width: 25px; height: 20px; } /* Global text colors */ .text_red { color: #b62617 !important; } .text_darkgrey { color: #333333 !important; } .text_lightgrey { color: #666666 !important; } .text_green { color: #1f4918 !important; } /* Points icons */ .points_green { color: #1f4918; padding: 0 0 0 18px; background: url('/img/icons/points_green.png') 0px 1px no-repeat; } .points_grey { color: #666666; padding: 0 0 0 18px; background: url('/img/icons/points_grey.png') 0px 1px no-repeat; } /* New gradient buttons */ a.gradient_button { display: inline-block; font-size: 13px; font-weight: bold; } a:hover.gradient_button { text-decoration: none; } a.gradient_button span.text { display: inline-block; text-align: center; padding: 5px 20px; background: url('/img/globals/round_gradient.png') repeat-x; } a.gradient_button.red { border: 1px solid #421814; background: #bc493e; color: #fff; } a:hover.gradient_button.red { background: #db4234;} a.gradient_button.red span.text { border: 1px solid #ff927c; text-shadow: 0 1px 0 #421814; } a.gradient_button.white { border: 1px solid #999; background: #fff; color: #333; } a:hover.gradient_button.white { background: #f5f5f5;} a.gradient_button.white span.text { border: 1px solid #fff; text-shadow: 0 1px 0 #fff; } /* Processing button */ .gradient_button.processing { background: #eaeaea; color: #666; border: 1px solid #b3b3b3; } .gradient_button:hover.processing { background: #eaeaea; cursor: default; } .gradient_button.processing span { padding: 3px 0 0 0; } .gradient_button.processing img { margin: 3px 0 0 0; } /* Gradients */ .top_shadow { border-top: 1px solid #bbb; margin: 3px 0 0 0; background: url('/img/globals/top_shadow.png') repeat-x; } /* double border -- white to grey */ .DoubleBorder { border: 1px solid #fff; zoom:1; } /* zoom:1; fixes the dreaded IE 3px margin bug*/ .DoubleBorder > .inner { border: 1px solid #dbdbdb; padding: 4px; } /* double border -- grey to white */ .WhiteBorder { border: 1px solid #b2b2b2; } .WhiteBorder > .inner { border: 4px solid #fff; } .ContentWhite { background-color: #fff; } .HideByDefault { display: none } /* Striping */ .stripped { background: url('/img/globals/striped.png'); } /* Shadow Divider */ .shadow_divider { width: 938px; height: 20px; margin: 0 auto; background: url('/img/globals/shadow_divider.png') no-repeat; } /* Warning Message */ .warning_message { background-color: #debe42; border: 1px solid #a68e31; display: none; padding: 20px 10px; text-align: center; margin: 0 0 10px 0; } /* Error Message */ .error_message { background-color: #ffd2d2; border: 1px solid #da2a30; display: none; padding: 20px 10px; text-align: center; margin: 0 0 10px 0; } /* Success */ .success_message { background-color: #bde0b0; border: 1px solid #277909; display: block; padding: 20px 10px; text-align: center; margin: 5px 0; } /* Confirm Message */ .confirm_message { background-color: #b6b5b5; border: 1px solid #cacaca; display: none; padding: 20px 10px; text-align: center; margin: 2px 0; font-weight:bold; } /* Warn Box */ #warn_box { z-index: 9999; width: 100%; height: 128px; position: fixed; top: 0; left: 0; background: url('/img/backgrounds/warn.png') bottom repeat-x; } #warn_box .wb_wrapper { width: 700px; position: relative; margin: 10px auto 0px auto; padding: 8px; background: #fff url('/img/dynamic_card/login_gradient.gif') center bottom repeat-x; } #warn_box .wb_message { width: auto; margin: 0 auto; padding: 10px; background: url('/img/globals/alert.png') left center no-repeat; text-align: center; } #warn_box .wb_close { width: 16px; position: absolute; top: 4px; right: 5px; } /* No Results */ .noResults { display: none; padding: 20px 10px; text-align: center; } .noResults .UserButton { margin-top: 5px; } /* Empty Page Results */ .emptyResult { background: url('/img/backgrounds/emptyResult_logo_bg.gif') 0 0 no-repeat; margin: 20px auto 0; width: 410px; height: 270px; padding-top: 23%; } .emptyResult span { display: block; text-align: center; font-size: 12px; } .emptyResult span.title { font-weight: bold; font-size: 14px; } .emptyResult span.message { margin-bottom: 8px; } .emptyResult span img { margin: 2px 3px 0 0; vertical-align: top; } /* Loading */ .loading_screen{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; display: none; background: #e1e1e1; z-index: 99; } .loading_screen ul{ width: 245px; margin: 50px auto 0 auto; text-align: center;} .loading_screen ul li{ padding: 10px 0; font-weight: bold; font-size: 15px; color: #999;} .loading { display: none; padding: 20px 10px; text-align: center; font-size: 12px; font-weight: bold; } .loading span { background: url('/img/loaders/Loading_EEEEEE.gif') center center no-repeat; margin: 0 auto; padding: 50px 0 0 0; width: 70px; display: block } /* Icons */ .icon_thumb { border: 1px solid #c8c8c8; padding: 2px; background-color: #fff; width: 48px; height: 48px; float: left; clear: left; margin-right: 10px; overflow: hidden; } .icon_thumb img { width: 100%; height: 100%; } .icon_thumb a { padding: 0!important; margin: 0!important; width: 100%; height: 100%; } .mini { width: 30px; height: 30px; overflow: hidden; } /*card */ .dynamic_card#login, .dynamic_card#player_card { height: 43px; margin: 1px auto; z-index: 2; background-color: #2b4826; width: 978px; overflow: visibile; position: relative; } .dynamic_card .wrapper { width: 975px; height: auto; background-color: #fff; position: relative; top: 2px; left: 0px; border: 1px solid #bfbfbf; padding: 1px; } .dynamic_card .wrapper .inner_wrapper { height: 29px; padding: 6px 10px 0px; background: url('/img/dynamic_card/card_sprite.png') repeat-x 0 -4px; overflow: hidden; } .dynamic_card#login h1 { float: left; clear: left; line-height: 24px; } .dynamic_card#login ul.login { height: 25px; width: auto; overflow: hidden; float: left; padding-top: 1px; margin-left: 10px; } .dynamic_card#login ul.login li { float: left; display: block; padding: 0 3px; width: auto; height: 20px; line-height: 12px; } .dynamic_card#login ul.login li.remember input { float: left; width: 13px; height: 13px; line-height: 13px; padding: 0px; margin: 0 3px 0 0; } .dynamic_card#login ul.login li.remember, .dynamic_card#login ul.login li.forgot { padding-top: 6px; margin: 0 5px; } .dynamic_card#login ul.login li.forgot { border-left: 1px solid #bdbfbf; padding-left: 10px; } .dynamic_card#login ul.login li.forgot a {color: #333; } .dynamic_card .UserButton_red { float: right; margin-top: -2px; } .dynamic_card .UserButton_red .UserButton_text { padding: 5px 30px; } .dynamic_card#player_card .inner_wrapper { padding: 6px 6px 0; } #player_card ul.card_display, #player_card ul.card_actions { overflow: hidden; float: left; margin-top: 2px; } #player_card ul.card_actions { float: right; } #player_card ul li { float: left; display: inline-block; border-right: 1px solid #ddd; height: 16px; min-width: 30px; text-align: center; padding: 3px 6px 2px; } #player_card ul li h1 { font-size: 12px; } #player_card .card_image { padding: 0; border: 0 none; float: left; display: inline-block; } #player_card .card_image img { width: 22px; border: 1px solid #ddd; } #player_card ul.card_actions li.round_count { height: 21px; padding: 0 10px 0 0; } #player_card ul.card_actions li.logout { padding: 0px 0px 0px 10px; height: 21px; border-right: 0 none; } #player_card #pointsDisplay { border: none; padding: 3px 0 2px 10px; } #player_card #pointsDisplay span { margin-top:-3px; } /* ToolTip */ .tooltip-wrapper { overflow: hidden; color: #fff; text-align: center; } .tooltip-wrapper .tooltip-copy { background: #424242; margin: 0px; padding: 5px; } .tooltip-wrapper p { text-transform: uppercase; font-size: 9px; } .tooltip-wrapper .arrow { width: auto; height: 6px; background: url('/img/globals/arrow_tooltip.png') center center no-repeat; } /* Base Table */ .table_wrapper { border: 1px solid #c1baba; background-color: #fff; padding: 1px; margin-top: 10px; } table.listings_table { background-color: #eee; width: 582px; } table.listings_table th{ border-bottom: 1px solid #c1baba; padding: 8px 5px; background: #fff url('/img/buttons/UserButton_gradient.png') repeat-x 0 bottom; text-shadow: 0 1px 0 #fff; } table.listings_table td { padding: 5px; text-align: center; } table.listings_table .userName { width: 245px; } table.listings_table .text_left { text-align: left; } .table_actions { border-width: 0 1px 1px; border-style: solid; border-color: #c1baba; background: #fff url('/img/buttons/UserButton_gradient.png') repeat-x 0 bottom; padding: 5px 5px 2px; overflow: hidden; } .table_actions .paginator { margin-top: 0; } /* Columns */ /* TODO: Figure out where this goes .profile.wrapper { width: 690px; float: left; padding: 10px; overflow: hidden; } .left_column { float: left; clear: left; margin-right: 10px; } .right_column { float: left; } .col1 { width: 305px; float: left; } .col2 { width: 305px; float: left; padding: 0 10px; } .col3 { width: 305px; float: left; } */ .left_column { float: left; clear: left; } .right_column { float: right; } ul.four_column_listings { width: 936px; height: 100%; overflow: hidden; padding: 8px 0 0 6px; } ul.four_column_listings li { width: 225px; padding: 0 8px 0 0; float: left; margin: 0 0 20px 0; } /* Site Footer */ #site_footer { width:100%; position: relative; font-size: 11px; color: #fff; } #site_footer .interior { width:1900px; padding-top:18px; position: relative; background:url('/img/backgrounds/footer.jpg'); left: 50%; margin-left: -950px; } #site_footer .content { width: 960px; position: relative; left: 461px; } #site_footer a { color: #fff; } #site_footer .logos { overflow: hidden; width: 870px; margin: 0 auto; } #site_footer .logos li { float: left; background-image: url('/img/logos/footer_logos.png'); background-repeat: no-repeat; height: 177px; } #site_footer .logos li a { width: 100%; height: 100%; text-indent: -9999px; display: block; } #site_footer .logos li.ea { background-position: -10px 0; width: 185px; } #site_footer .logos li.esrb { background-position: -185px 0; width: 210px; } #site_footer .logos li.truste { background-position: -395px 0; width: 240px; } #site_footer .logos li.pegi { background-position: -635px 0; width: 230px; } #site_footer .links { width: 100%; text-align: center; padding-top: 10px; } #site_footer .links li { display: inline; padding: 0 7px 5px 0; } #site_footer .links li.copyright { display: block; padding: 7px 0; text-align: center; } #footer_bottom { width: 1020px; height: 100px; background: url('/img/backgrounds/bg_site_footer_bottom.png') no-repeat; } /* TEMP SALES PAGES */ .sales_wrapper { padding: 0 70px; padding-top: 30px; line-height: 18px; font-size: 12px; background: url('/img/sales/bg.png') no-repeat 0 top; } .featured_wrapper { padding: 0px; background: url('/img/sales/bg_white.png') no-repeat 0 top !important; } .sales_wrapper .left_image { margin-left: -20px; } .feature { width: 100%; margin-bottom: 20px; overflow: hidden; background: url('/img/sales/border_bg.png') no-repeat 380px bottom; } .feature_white { width: 100%; height: 300px; overflow: hidden; } .sales_wrapper h1 { background-image: url('/img/sales/titles.png'); background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; display: block; height: 28px; width: 100%; } .sales_wrapper p { padding-top: 10px; } .sales_wrapper h2 { background-image: url('/img/sales/titles.png'); margin-top: 5px; background-repeat: no-repeat; text-indent: -9999px; overflow: hidden; display: block; height: 20px; width: 100%; } .youwant.feature { background-position: 380px 240px; } .youwant .left_column { width: 47%; } .youwant .right_column { width: 50%; } .youwant .right_column { padding-top: 60px; } .youwant .right_column h1 { background-position: 0 -27px; height: 33px; } .youwant .right_column h2 { background-position: 0 -224px; height: 20px; } .demo.feature { background-position: 380px 240px; } .demo .left_column { width: 47%; } .demo .right_column { width: 50%; } .demo .right_column { padding-top: 60px; } .demo .right_column h1 { background-position: 0 -426px; height: 33px; } .demo .right_column h2 { background-position: 0 -462px; height: 20px; } .facebook_demo { width: 760px; } .facebook_demo .demo.feature { background-position: 380px 240px; } .facebook_demo .demo .left_column { width: 47%; } .facebook_demo .demo .right_column { width: 50%; } .facebook_demo .demo .right_column { padding-top: 60px; } .facebook_demo .demo .right_column h1 { background-position: 0 -426px; height: 33px; } .facebook_demo .demo .right_column h2 { background-position: 0 -462px; height: 20px; } .demo_page .left_column { width: 47%; position: relative; top: 30px; left: 40px; } .demo_page .right_column { width: 342px; float: right; margin-right: 40px; } .demo_page h1 { background-position: 0 -484px; height: 33px; width: 245px; } .demo_page h2 { background-position: 0 -518px; height: 20px; } .golfcourses.feature { background-position: 0 240px; } .golfcourses .right_column { width: 47%; } .golfcourses .left_column { width: 50%; } .golfcourses .left_column { } .golfcourses h1 { background-position: 0 -60px; height: 35px; } .golfcourses .left_column h2 { background-position: 0 -242px; height: 20px; } .tournament.feature { background-position: 380px 200px; } .tournament .left_column { width: 47%; } .tournament .right_column { width: 50%; } .tournament .right_column { } .tournament h1 { background-position: 225px -96px; height: 30px; } .tournament h2 { background-position: 360px -262px; height: 20px; margin-top: 10px; } .tournament .left_up { margin-top: -50px; margin-left: -30px; } .golfer.feature { background-position: 0 290px; } .golfer .left_column { width: 50%; } .golfer .right_column { width: 47%; } .golfer .left_column { padding-top: 50px;} .golfer h1 { background-position: 156px -125px; height: 30px; } .golfer h2 { background-position: 255px -282px; height: 20px; margin-top: 10px; } .golfer .left_up { margin-top: -50px; margin-left: -30px; } .proshop_sales { margin: 30px 0 0 0; } .proshop_sales .right_column { margin-top: -25px; } .proshop_sales .left_column { padding-top: 20px;} .proshop_sales h1 { background-position: 0px -612px; height: 30px; } .proshop_sales h2 { background-position: 0px -650px; height: 20px; } .golflive.feature { background-position: 380px 260px; } .golflive .left_column { width: 47%; } .golflive .right_column { width: 50%; } .golflive .right_column { padding-top: 50px; } .golflive .right_column h1 { background-position: 0 -160px; height: 30px; } .golflive .right_column h2 { background-position: 0 -304px; height: 20px; } .leaderboards.feature { background-position: 380px 260px; } .leaderboards .left_column { width: 47%; } .leaderboards .right_column { width: 50%; } .leaderboards .right_column { padding-top: 50px; } .leaderboards .right_column h1 { background-position: 0 -360px; height: 30px; } .leaderboards .right_column h2 { background-position: 0 -400px; height: 20px; } .community.feature { background-position: 0px 170px; } .community .right_column { width: 47%; } .community .left_column { width: 50%; } .community .left_column { } .community h1 { background-position: 0 -190px; height: 35px; } .community .left_column h2 { background-position: 0 -323px; height: 20px; } #courses_features .cta, #profile_features .cta, #groups_features .cta { position: relative; top: -170px; left: 70px; } #tournaments_features .cta, #play_features .cta, #leaderboards_features .cta { position: relative; top: -170px; right: 70px; float: right; } #play_features .cta { top: -130px; } #leaderboards_features .cta { top: -150px; } #courses_features .feature, #profile_features .feature, #groups_features .feature, #tournaments_features .feature, #play_features .feature, #leaderboards_features .feature { background-image: none; } .cta_demo { width: 178px; height: 50px; position: relative; top: 35px; left: 150px; } .cta_demo a { width: 100%; height: 100%; display: block; background: url('/img/buttons/cta_demo.png') 0px 0px no-repeat; text-indent: -9999px; } .cta_demo a:hover { background: url('/img/buttons/cta_demo.png') 0px -50px no-repeat; } .cta_register { width: 312px; height: 50px; position: relative; top: 35px; left: 75px; } .cta_register a { width: 100%; height: 100%; display: block; background: url('/img/buttons/cta_register.png') 0px 0px no-repeat; text-indent: -9999px; } .cta_register a:hover { background: url('/img/buttons/cta_register.png') 0px -50px no-repeat; } /* Modal Windows */ .modal_container { z-index: 1000; position: absolute; display: none; width: 500px; height: 350px; } .modal { position: relative; width: 100%; height: 100%; border: 7px solid #444a40; background-color: #fff; padding: 8px 8px 7px 8px; -moz-border-radius: 11px; -webkit-border-radius: 11px; -opera-border-radius: 11px; -khtml-border-radius: 11px; border-radius: 11px; } .modal .close, .modal .close_modal { z-index: 1050; display: block; background: transparent url(/img/globals/modal/close.png) no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; position: absolute; top: -20px; right: -20px; } .modal .wrapper { height: 100%; width: 100%; background: #fff; overflow: hidden; } .modal .content { padding: 24px; overflow: hidden; } .model .content h1 { font-size: 27px; color: #333; } .model .content h3 { font-size: 16px; color: #24650b; } .model .content h4 { font-size: 11px; color: #333; } .model .content ul li { font-size: 10px; color: #24650b; padding-bottom: 17px; } a.modal_fb_publish { } #mask { z-index: 999; position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: none; background-color: black; } /* Level icons in varying sizes */ .level-icon-xl { background:url('/img/level_icon/level_icon_base_xl.png') no-repeat; width:48px; height:54px; text-shadow:0 1px #FFFFFF; letter-spacing:-1px; font-size:32px; padding:5px 0 0 0; font-weight:bold; color:#555; text-align:center} .level-icon-l { background:url('/img/level_icon/level_icon_base_l.png') no-repeat; width:38px; height:41px; text-shadow:0 1px #FFFFFF; letter-spacing:-1px; font-size:26px; padding:3px 0 0 0; font-weight:bold; color:#555; text-align:center} .level-icon-m { background:url('/img/level_icon/level_icon_base_m.png') no-repeat; width:28px; height:32px; text-shadow:0 1px #FFFFFF; letter-spacing:-1px; font-size:20px; padding:2px 0 0 0; font-weight:bold; color:#555; text-align:center} .level-icon-s { background:url('/img/level_icon/level_icon_base_s.png') no-repeat; width:18px; height:21px; text-shadow:0 1px #FFFFFF; letter-spacing:-1px; font-size:11px; padding:2px 0 0 0; font-weight:bold; color:#555; text-align:center} /* Safari only */ @media screen and (-webkit-min-device-pixel-ratio:0) { .legal { clear: both; } /* causes the Legal footer links to appear in Safari */ } #modalAutoFan.modal_container { width: 530px; height: 240px; text-align: left; display: none;} #modalAutoFan .modal .wrapper { background-image: url('/img/globals/modal/bg.gif'); background-position: right 0; } #modalAutoFan h2 { font-size: 18px; text-indent: 30px; color: #24650b; padding: 20px 0 0 20px; } #modalAutoFan h1 { font-size: 24px; padding: 0 0 0 20px; } #modalAutoFan .inner_wrapper { padding: 10px 20px 20px; } #modalAutoFan .inner_wrapper .left_column { width: 288px; font-size: 12px; } #modalAutoFan .inner_wrapper .right_column { width: 162px; float: right; margin-right: 5px; } #modalAutoFan ul { padding-left: 20px; margin-bottom: 10px; } #modalAutoFan ul li { list-style-position:outside; list-style-type: disc; margin-top: 6px; line-height: 18px; } #modalAutoFan .UserButton { margin-top: 5px; margin-left: 20px; } .fb_connect .connect img, .fb_connect .invite img { cursor: pointer; } /* Sales - Game Trailer*/ #home_features { background: url('/img/sales/tiger_bg.jpg') no-repeat top center; height: 708px; margin-top: 3px; position: relative; } #home_features .content { position: absolute; top: 98px; right: 21px; width: 666px; } #home_features .UserSubmit_cta { display: inline-block; padding: 3px; background: #fff; border: 1px solid #8e8e8e; text-transform: uppercase; } #home_features .UserSubmit_cta input { display: block; padding-top: 0px; height: 25px; width: 107px; border: 1px solid #421814; background: #ae2516 url('/img/buttons/cta_small.jpg') center no-repeat; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; } #home_features input.input-text { float: left; color: #333; width: 473px; padding: 8px 10px 7px; margin: 0 15px 0 20px; background: #fff url('/img/newuser/form_input.gif') no-repeat left top; border: 1px solid #bababa; font-size: 13px;} #home_features .homeTrailer { margin: 30px 0 0 4px; } /* ------ Critical Flow Modal Overides ------ */ /* Resetting the critical flow modal styles so as not to step on other modals for now. */ /* TODO: This all needs to get globalized */ #global_modal_window { width: 548px; height: auto; position: fixed; text-align: left; border: 7px solid #444a40; padding: 7px; background: #fff; -moz-border-radius: 12px; -webkit-border-radius: 12px; -opera-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; } .modal .close, .close.close_modal { z-index: 1050; display: block; background: transparent url(/img/globals/modal/close.png) no-repeat 0 0; width: 32px; height: 32px; cursor: pointer; position: absolute; top: -15px; right: -15px; } /* Generic Modal Styles */ .modal_heading { width: 100%; height: 35px; } .modal_heading h2 { font-size: 16px; font-weight: bold; line-height: 30px; color: #0e3200; } .modal_background { background: #1f4918; padding: 10px; } .modal_message { width: 508px; height: 167px; } .modal_info { padding: 20px; position: relative; } .message_background { background: #fff url('/img/globals/bg_alert.jpg') no-repeat; } .modal_icon { width: 133px; height: 167px; float: left; } .modal_icon img { position: relative; top: 35px; left: 15px; } .modal_copy, .modal_actions { width: 375px; float: right; text-align: center; } .modal_actions { position: relative; top: 0; right: 0; } .modal_copy { padding: 40px 0 0; } .modal_copy h2 { font-size: 16px; padding: 0 20px; } .modal_actions .gradient_button span, .modal_actions .UserButton a { padding: 5px 25px; font-size: 13px; } .modal_extra, .modal_cancel { padding: 8px; } .modal_cancel { text-align: center; } .modal_container .notification { display: block; } .modal_container .tee_off { display: none; } .modal_background.notification, .modal_background.tee_off { background: url('/img/modal/generic_default_img.jpg') 0 0 no-repeat; } /* Facebook Modal */ #fb_thankyou.modal_container { width: 530px; height: 240px; text-align: left; display: none;} #fb_thankyou .modal { border: 0 none; padding: 0;} #fb_thankyou .modal .close { top: -30px; right: -23px; } #fb_thankyou .modal .wrapper { background: url('/img/globals/modal/bg.gif') no-repeat; background-position: right 0; } #fb_thankyou h2 { font-size: 18px; text-indent: 30px; color: #24650b; padding: 20px 0 0 20px; } #fb_thankyou h1 { font-size: 24px; padding: 0 0 0 20px; } #fb_thankyou .inner_wrapper { padding: 15px 20px 20px; } #fb_thankyou .inner_wrapper .left_column { width: 238px; font-size: 12px; } #fb_thankyou .inner_wrapper .right_column { width: 242px; } #fb_thankyou ul { padding-left: 20px; margin-bottom: 10px; } #fb_thankyou ul li { list-style-position:outside; list-style-type: disc; margin-top: 6px; line-height: 18px; }