.tiny { width: 1px !important; height: 1px !important; } .unity_appearance { width: 259px; height: 443px; background: #fff; border: 1px solid #c1baba; } .unity_proshop { width: 230px; height: 430px; background: #fff; } /* Text Buttons */ .text_button { padding: 3px 20px; color: #fff; font-weight: bold; text-transform: uppercase; -moz-box-shadow: 1px 1px 5px #333; -webkit-box-shadow: 1px 1px 5px #333; } a.text_button.red { background: url('/img/buttons/bg_button_red.png') center center repeat-x; } a.text_button.red:hover { background: url('/img/buttons/bg_button_red_hover.png') center center repeat-x; } a.text_button.green { background: url('/img/buttons/bg_button_green.png') center center repeat-x; } a.text_button.green:hover { background: url('/img/buttons/bg_button_green_hover.png') center center repeat-x; } .text_button.grey { background: url('/img/buttons/bg_button_grey.png') center center repeat-x; } /* Hovering greyed out buttons makes them seem clickable a.text_button.grey:hover { background: url('/img/buttons/bg_button_grey_hover.png') center center repeat-x; } */ a.text_button.white { background: url('/img/buttons/bg_button_white.png') center center repeat-x; color: #4b4a4a; padding: 5px 10px; -moz-box-shadow: 1px 1px 2px #333; -webkit-box-shadow: 1px 1px 2px #333; } a.text_button.white:hover { background: url('/img/buttons/bg_button_white_hover.png') center center repeat-x; } a.text_button.blue { background: url('/img/buttons/bg_button_blue.png') center center repeat-x; } a.text_button.blue:hover { background: url('/img/buttons/bg_button_blue_hover.png') center center repeat-x; } /* Pagination */ .pagination { width: 86px; overflow: hidden; } .pagination.has_links { width: 230px; overflow: hidden; } .pagination .links { display: none; } .pagination.has_links .links { display: block; text-align: center; } .pagination .find_me { width: 53px; height: 22px; background: url('/img/home/bg_find_me.png') no-repeat; text-align: center; margin: 0 5px 0 0; } .pagination .find_me a { color: #666; display: block; line-height:22px; } .pagination .find_me a:hover { color: #333; } .pagination .find_me, .pagination .prev, .pagination .next, .pagination .links { float: right; } .pagination .links { width: 85px; height: 22px; line-height: 22px; } .pagination .links a { font-weight: bold; color: #666; padding: 0 2px} .pagination .links a:hover { color: #333; } .pagination .links a.selected { color: #050; } .pagination .prev a, .pagination .next a { display: block; width: 43px; height: 22px; text-indent: -9999px; background: url('/img/navigation/pagination_sprites.png') no-repeat; } .pagination .prev a { background-position: 0px 0px; } .pagination .next a { background-position: -43px 0px; } .pagination .prev a:hover { background-position: 0px -22px; } .pagination .next a:hover { background-position: -43px -22px; } .pagination .prev.disabled a { background-position: 0px -44px; } .pagination .next.disabled a { background-position: -43px -44px; } .pagination .disabled a { cursor: default; } /* Refer a friend buttons */ .invite_friend .action { display: block; background: url('/img/buttons/refer_a_friend.png') no-repeat; text-indent: -9999px; float: left; } .invite_friend .action.email { width: 97px; height: 36px; background-position: -135px -2px; margin-bottom:8px; margin-top:3px; } .invite_friend .action.email:hover { background-position: -135px -45px; } .invite_friend p { display: block; color: #000; text-align: center; font-size: 13px; font-weight: bold; margin: 6px 0 0 0; } .invite_friend .fb_connect { width: 117px; height: 34px; background: url('/img/buttons/refer_a_friend.png') -1px -2px no-repeat; padding: 5px 0 0 11px; margin: 2px 5px 0 1px; float: left; } .invite_bar { height: 48px; background: #19435b; margin: 2px 3px 8px 2px; width:663px; overflow: hidden; } .invite_bar h1 { width: 200px; float: left; color: #fff; height: 48px; line-height: 48px; text-indent: 8px; font-size: 16px; text-transform: uppercase; } .invite_bar .invite_friend { width: 233px; float: right; padding: 1px 2px 0; } /* modal window */ #modal-wrapper { width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; overflow: hidden; background: url('/img/globals/modal/bg.png'); z-index: 1000; } #modal-window { width: 820px; height: 460px; position: fixed; top: 50%; left: 50%; margin: -235px auto auto -425px; z-index: 1001; padding: 7px; border: 7px solid #444A40; background-color: #eee; -moz-border-radius: 12px; -webkit-border-radius: 12px;} #modal-window .content { background-color: #eee; padding: 0px; } #modal-window .content iframe { background-color: #eee; width: 100%; height: 456px; border: none; border-collapse: collapse; } #modal-window .modal-close { width: 32px; height: 32px; position: absolute; top: -20px; right: -20px; z-index: 1002; } /* survey modal window */ #survey_window { width: 440px; height: 353px; position: fixed; top: 50%; left: 50%; margin: -235px auto auto -225px; z-index: 1001; padding: 5px; border: 1px solid #444a40; background-color: #444a40; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #survey_window .content { border: 8px solid #eee; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #fff; } #survey_window .content .inner_wrapper { background: #fff url('/img/backgrounds/survey_modal_bg.gif') no-repeat top center; padding: 20px 20px 0; } #survey_window .content .inner_wrapper p span { font-size: 14px; font-weight: bold; color: #1f4918; display: block; margin-bottom: 6px; } #survey_window .content .inner_wrapper p { font-size: 12px; line-height: 18px; margin-bottom: 6px; padding: 0; } #survey_window .content iframe { margin-top: 30px; width: 100%; height: 220px; border: none; border-collapse: collapse; } /* new user window */ #newuser .component_header h2 { font-size: 16px !important; } .newuser_image { width: 820px; height: 400px; background: url('/img/newuser/welcome_modal_bg.jpg') no-repeat; } .newuser_image .copy { width: 395px; height: 150px; line-height: 1.55em; color: #fff !important; position: relative; top: 133px; left: 45px; font-size: 13px; text-shadow: 0px 0px 10px #000; } .newuser_image .copy h1 { font-size: 40px; letter-spacing: -.05em; color: #fff; } .newuser_image .copy p { margin: 0 0 10px 0; } #newuser .playbutton { width: 239px; height: 50px; position: relative; left: 120px; top: 167px; } #newuser .playbutton a { display: block; height: 50px; text-indent: -9999px; background: url('/img/newuser/playnow_button.png') 0px 0px no-repeat; } #newuser .playbutton a:hover { background: url('/img/newuser/playnow_button.png') 0px -50px no-repeat; } /* Top right links and sub nav area */ .top-bar { width: 960px; margin: 0px auto; height: 112px; color: white; } .top-bar .wrapper { float: right; } .top-bar .content { display: block; padding: 0 17px 0 0; } .top-bar a { color: white; } .top-bar .content ul { width: 100%; } .top-bar .content ul li { display: block; float: left; height: 30px; width: auto; } .top-bar .content ul li.left { background: url('/img/navigation/bg_top_bar.png') left top no-repeat; } .top-bar .content ul li.center { background: url('/img/navigation/bg_top_bar.png') center top no-repeat; } .top-bar .content ul li.right { background: url('/img/navigation/bg_top_bar.png') right top no-repeat; } .top-bar .content ul li.over { background: #20391c } .top-bar .content ul li span { display: block; height: 18px; } .top-bar .content ul li.left span { padding: 3px 20px 0 30px; border-right: 1px solid #2e5029; } .top-bar .content ul li.center span { padding: 3px 20px 0 20px; border-right: 1px solid #2e5029; border-left: 1px solid #82977e; } .top-bar .content ul li.right span { padding: 3px 30px 0 20px; border-left: 1px solid #82977e; } .top-bar .content ul li ul { display: none; width: 140px; position: absolute; z-index: 101; margin: 1px 0 0 0; } .top-bar .content ul li ul li { float: none; height: 15px; padding: 7px; text-align: center; background: #20391c; border-bottom: 1px solid #4d6149; } /* New User Welcome Bar */ .welcome_bar { display: none; width: 100%; height: 82px; background: url('/img/backgrounds/newUserBar.png') top center no-repeat; position: relative; } .welcome_bar .content { width: 650px; position: absolute; top: 27px; left: 105px; } .welcome_bar h2 { color: #1f4918; } .welcome_bar h4 { color: #666; font-weight: normal; } .welcome_bar .actions { width: 200px; position: absolute; top: 28px; left: 765px; } .welcome_bar .UserButton_text { padding: 5px 18px; } .welcome_bar .close a { color: #b42617; font-weight: bold; padding: 5px 10px; } /*Page Header */ .page_header { border-bottom: 1px solid #b3b3b3; padding: 1px; z-index: 3; } .page_header .wrapper { padding: 5px 10px 0; position: relative; } .page_header h2 { font-size: 18px; color: #333; text-shadow: 0 1px 0 #e2e0d2; } .page_header p { width: 500px; line-height: 18px; } .with_section_nav .wrapper { padding-bottom: 0; } .page_header h2.breadcrumb a { color: #757369; text-decoration: none; } .page_header span.current { margin-left: 10px; padding-left: 27px; background: url('/img/globals/sprites_icons.png') no-repeat 0 -410px; } .page_header span.previous { margin-left: 10px; padding-left: 27px; background: url('/img/globals/sprites_icons.png') no-repeat 0 -436px; } .component.wrapper { padding: 10px; overflow: hidden; } /* Component - Header */ .component_header_thin { height: 46px; background: url('/img/globals/bg_component_header.png') no-repeat; } .component_header_thin h2 { float:left; padding-left:13px; padding-top:10px; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #fff; line-height: 29px; } .component_header_thin .page_buttons { float:right; color:#fff; padding-right:16px; padding-top:12px; } .component_body_thin { padding: 8px; position: relative; background: url('/img/globals/bg_component_body.png') repeat-y; } .component_footer_thin { height:40px; padding: 8px; background: url('/img/globals/bg_component_footer.png') no-repeat; } .component_footer_thin_alt { height:50px; padding: 8px; background: url('/img/globals/bg_component_alt2_footer.png') no-repeat; } .component_footer_thin .page_buttons { float:right; color:#000; } .component_header_med { height: 36px; background: url('/img/globals/bg_component_header_med.png') no-repeat; } .component_header_med h2 { float:left; padding-left:13px; padding-top:10px; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #fff; line-height: 29px; } .component_header_med .page_buttons { float:right; color:#fff; padding-right:16px; padding-top:12px; } .component_body_med { padding: 8px; position: relative; background: url('/img/globals/bg_component_body_med.png') repeat-y; } .component_footer_med { height:47px; padding-left: 8px; padding-right:12px; margin-top:-2px; padding-top:12px; background: url('/img/globals/bg_component_footer_med.png') no-repeat; } .component_footer_alt_med { height:24px; background: url('/img /globals/bg_component_alt_footer_med.png') no-repeat; } .component_footer_med .page_buttons { float:right; color:#000; } .component_header_wide { height: 47px; background: url('/img/globals/bg_component_header_wide.png') no-repeat; } .component_header_wide h2 { float:left; padding-left:13px; padding-top:10px; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #fff; line-height: 29px; } .component_header_wide .UserSearch { float:left; padding-left:13px; padding-top:10px; } .component_header_wide .page_buttons { float:right; color:#fff; padding-right:16px; padding-top:12px; } .component_body_wide { padding: 8px; position: relative; background: url('/img/globals/bg_component_body_wide.png') repeat-y; } .component_footer_wide { height:59px; padding-left: 8px; padding-right:12px; padding-top:12px; background: url('/img/globals/bg_component_footer_wide.png') no-repeat; } .component_footer_alt_wide { padding-left: 8px; padding-right:12px; padding-top:12px; background: url('/img/globals/bg_component_alt_footer_wide.png') no-repeat; } .component_footer_wide .page_buttons {padding-top:5px; float:right; color:#000; } .component_header_full { height: 53px; background: url('/img/globals/bg_component_header_full.png') no-repeat; } .component_header_full h2 { float:left; padding-left:17px; padding-top:16px; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #fff; line-height: 29px; } .component_header_full .page_buttons { float:right; color:#fff; padding-right:16px; padding-top:19px; } .component_header_full .sorting { float:left; color:#fff; padding-left:16px; padding-top:12px; } .component_body_full { padding: 8px 14px; background: url('/img/globals/bg_component_body_full.png') repeat-y; } .component_footer_full { height:59px; padding: 8px; background: url('/img/globals/bg_component_footer_full.png') no-repeat; } .component_footeralt_full { height:29px; background: url('/img/globals/bg_component_alt_footer_full.png') no-repeat; } .component_footer_full .page_buttons { float:right; color:#000; padding-top:9px;} .component_footer_full .sorting { float:left; color:#000; padding-left:16px; } .component_header_red { height: 31px; background: url('/img/globals/bg_component_header_red.png') repeat-x; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-radius-topleft: 3px; -webkit-border-radius-topright: 3px; radius-topleft: 3px; radius-topright: 3px; border-left: 1px solid #c6c6c6; border-top: 1px solid #c6c6c6; border-right: 1px solid #c6c6c6; } .component_header_red h2 { float:left; font-weight: bold; font-size: 13px; text-transform: uppercase; color: #333; line-height: 29px; text-indent: 8px; } .component_footer.green { background: #324b29; border-left: 1px solid #324b29; border-right: 1px solid #324b29; border-bottom: 1px solid #324b29; } .component_header.green { background: url('/img/globals/bg_component_header_green.png') repeat-x; border-left: 1px solid #000; border-top: 1px solid #000; border-right: 1px solid #000; } .component_header.green h2 { float:left; color: #fff; } .component_body.green { background: #3c5931 url('/img/globals/bg_component_corner_green.png') top right no-repeat; border-left: 1px solid #3c5931; border-right: 1px solid #3c5931; border-bottom: 2px solid #182911; color: #fff; } /* Sidebar tabs Structures */ .tabsHeader li { cursor: pointer; } .tabsHeader li.selected { cursor: default; } .tabsContainer.green .tabsHeader { width: 101%; position: absolute; top: -34px; left: -1px; border-bottom: 3px solid #4b6521; overflow: hidden; } .tabsContainer.green .tabsHeader li { height: 31px; padding: 0px 10px; float: left; color: white; line-height: 34px; border-radius-topright: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-radius-topleft: 3px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; } .tabsContainer.green .tabsHeader li.selected { background: url('/img/backgrounds/bg_component_tabs_green.png') repeat-x; } /* Full column width tabs */ .col_tabs ul { height: 42px; } .col_tabs li { float: left; margin: 11px 4px 0 0; } .col_tabs a { padding: 9px 20px 9px 14px; background: url('/img/backgrounds/tab_unselected.png') center center repeat-x; border: 1px solid #496e3b; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #eee; } .col_tabs a:hover { background: url('/img/backgrounds/tab_unselected_hover.png') center center repeat-x; } .col_tabs a.selected { padding: 9px 20px 15px 14px; background: url('/img/backgrounds/tab_selected.png') bottom center repeat-x; color: #333; border: none; cursor: default; } /* Panels */ .panel { border: 1px solid #c1baba; background-color: #fff; position: relative; } .panel h1 a { color: #333; text-shadow: 0 1px 0 #fff; text-decoration: none; } .panel .content { border-top: 1px solid #c1baba; margin-top: 1px; } .panel .content .wrapper { height: 100%; background-color: #eee; border: 1px solid #fff; } .with_header .header {border-top: 4px solid #2B4826; text-align: center; background: url('/img/dynamic_card/login_gradient.gif') repeat-x top left; } .with_header .header h1 { padding: 15px 0; text-align: center; text-shadow: 0 1px 0 #fff; } /* Sidebar - CTA */ .sidebar_cta { float: left; width: 200px; padding-left: 10px; } /* Component Listings */ ul.listing { width: 100%; height: 100%; overflow: hidden; } ul.listing li { border-bottom: 1px solid #999; margin: 0px; overflow: hidden; padding: 5px; } ul.listing li .wrapper { float: left; padding: 5px 0; } /* Global Slider Styles */ #Slider .panel_wrapper { position: relative; overflow: hidden; } #Slider .panels { position: relative; } #Slider .panels li { display: block; float: left; } #Slider .pages { width: 35px; padding: 3px 0 0 0; text-align: center; } #Slider .pages a { display: block; float:left; width: 16px; height: 16px; background: url('/img/globals/slider_pages.png') 0px -20px no-repeat; overflow: hidden; text-indent: -9999px; cursor: pointer; } #Slider .pages a:hover { background: url('/img/globals/slider_pages.png') 0px -40px no-repeat; } #Slider .pages a.selected { background: #333; cursor: default; background: url('/img/globals/slider_pages.png') 0px 0px no-repeat; } #Slider .page_buttons { float: none !important; text-align: center; } #Slider .panels_nav { margin: -2px 0 0 -1px; } #Slider .panels_nav li { width: 300px; margin: 0 auto; padding: 8px; } #Slider a.page_next { text-indent: -8px; } #Slider a.page_prev { text-indent: 16px; } /* Profile - New Paging */ .paging { background: #fff url('/img/buttons/UserButton_gradient.png') repeat-x right bottom; display: block; height: 30px; border-top: 1px solid #ddd; overflow: hidden; } .paging .paginator { margin: 5px 5px 0 0 ; } .pageinator_wrapper { width: 936px; padding-top: 5px; border-top: 1px solid #7c7c7c; margin: 0 auto; display: block; } .paginator { display:none; color: #606060; float: right; margin-top: 8px; } .paginator span.text { float: left; line-height: 22px; margin: 0px 10px; text-align:center; } .paginator .pagePrevious { float: left; cursor: pointer; display: block; width: 22px; height: 22px; background: url(/img/globals/sprities_pagination_arrows.png) 0px 0px no-repeat; } .paginator .pagePrevious_disabled { cursor: default; background-position: 0 -21px; } .paginator .pageNext { float: left; cursor: pointer; display: block; width: 22px; height: 22px; background: url(/img/globals/sprities_pagination_arrows.png) no-repeat -23px 0; } .paginator .pageNext_disabled { cursor: default; background-position: -23px -22px; } /* Edit Forms */ .edit_form { } .edit_form .wrapper { background-color: #f2f2f2; width: 100%; height: 100%; overflow: hidden; padding: 20px 0; } .edit_form input.inputtext, .edit_form textarea.inputtext { width: 440px; } .edit_form textarea.inputtext { height: 200px; overflow: visible; } .edit_form dl { margin: 10px auto; width: 600px; overflow: hidden; } .edit_form dl dt { float: left; clear: left; margin-right: 10px; width: 140px; } .edit_form dl dt small { color: #999; padding-left: 5px; } .edit_form dl dd { float: left; } .edit_form .UserSubmit { width: 597px; } .edit_form .error_message { padding: 5px 10px; } /* Component Shadows */ .component_shadow { background-image: url('/img/globals/component_shadows.png'); background-repeat: no-repeat; padding-bottom: 10px; } /* sidebar text component */ .sidebar_text_component { width: 100%; height: 100%; overflow: hidden; } .sidebar_text_component h3 { border-bottom: 1px solid #7c7c7c; padding-bottom: 3px; } .sidebar_text_component p{ border-top: 1px solid #fff; padding-top: 3px; } .sidebar_text_component ul.admins { border-top: 1px solid #fff; padding-top: 3px; } .sidebar_text_component ul.admins li { color:#2D4C28; list-style-image: none; list-style-position: outside; list-style-type: disc; margin-left: 20px; padding: 3px 0; } /* Profiles */ #profile_persistant { float: left; width: 235px; position: relative; top: -30px; z-index: 9998; } #profile_persistant .component_shadow { background-position: 0 bottom; } #profile_persistant .profile_image { border: 1px solid #ddd; padding: 5px; background-color: #fff; display: block; height: 180px; display: block; } #profile_persistant .profile_image .wrapper { width: 100%; height: 100%; background: url('/img/globals/panel_gradient.png') repeat-x top left; } #profile_persistant .profile_image .wrapper img { padding-top: 10px; width: 160px; margin: 0 auto; display: block; } #profile_components .best_scores, #profile_components .tournament_settings { overflow: hidden; } #profile_components a { font-weight: bold; } #profile_components .best_scores dl.profile_component_header { padding: 5px; border-bottom: 1px solid #7c7c7c; font-weight: bold; } #profile_components .best_scores dl, #profile_components .tournament_settings dl { overflow: hidden; padding: 5px; } #profile_components .best_scores dt, #profile_components .tournament_settings dt { float: left; clear: left; width: 145px; } #profile_components .best_scores dd, #profile_components .tournament_settings dd { float: right; text-align: right; width: 35px; } #profile_components .tournament_settings dd { width: 150px; } /* Experience Bars Components ------------------------------------ */ .level_bar { width: 100%; background: url('/img/backgrounds/divider_green_inset.png') repeat-x; } .level_bar .bar { width: 291px; height: 26px; background: #f5f5f5 url('/img/profile/bg_progress_bar.png') no-repeat; margin: 0 auto; padding: 2px; } .level_bar .bar .inner { height: 21px; width: 0%; background: url('/img/profile/bg_progress_fill_yellow.png') center left repeat-x; } .level_bar.cash .bar .inner { background: url('/img/profile/bg_progress_fill_green.png') center left repeat-x; padding-top:1px; } .level_bar dl { width: 94%; height: 20px; overflow: hidden; display: block; padding: 10px 8px 5px; } .level_bar dt { width: 37%; float: left; } .level_bar dd { width: 63%; float: right; text-align: right; padding-right: 3px; font-weight:bold;} /* Widget */ .profile_widget dl { line-height: 27px; padding: 1px 0; overflow: hidden; border-bottom: 1px solid #bfbfbf; } .profile_widget dt, .profile_widget dd { height: 28px; float: left; } .profile_widget dt { clear: left; padding-left: 5px; width: 100%; height: 20px; } .profile_widget dd { padding-right: 5px; width: 100%;} /* Widget - Header */ .profile_widget dl.header { background: url('/img/backgrounds/green_header.gif') repeat-x 0 0; color: #fff; margin-top: 2px; padding-bottom: 0px; font-weight: bold; line-height: 28px; height: 28px; width:247px; } .profile_widget dl.header dt, .profile_widget dl.header dd { background-color: transparent; } /* Widget - Content */ .profile_widget dd span { width: 100%; display: block; font-weight: bold; font-size: 18px; text-indent: 30px; } .profile_widget span.count { font-weight: bold; } .profile_widget span.profile_icon { margin-right: 5px; } /* Widget - Button */ .profile_widget .widget_button { background-color: #eee; border-bottom: 1px solid #BFBFBF; } .profile_widget .widget_button .button_wrapper { text-align: center; padding-bottom: 10px; } .profile_widget .UserButton { width: 183px; } .profile_widget .UserButton_text { text-align: center; padding: 4px 4px 5px; } #profile_components ul.listing li { padding: 5px 0; } #profile_components ul.listing .icon_thumb { margin-right: 5px; } #profile_components ul.listing li a.user_name { float: left; margin-top: 10px; } #profile_components ul.listing li span.UserButton { position: relative; left: 50px; } #profile_persistant .UserActions { float: left; } #profile_persistant .profile_image span { background: url('/img/globals/icon_shadows.png') no-repeat 0 bottom; } /* Profile - Overview Stats Components */ .profile_overview_stats h3 { padding: 5px 0 5px 15px; color: #2D4C28; border-bottom: 1px solid #7c7c7c; cursor: pointer; background: url('/img/globals/sprites_icons.png') no-repeat -3px -366px; } .profile_overview_stats h3.open { background: url('/img/globals/sprites_icons.png') no-repeat -3px -385px; } .profile_overview_stats .statSegment { border-top: 1px solid #fff; border-bottom: 1px solid #7c7c7c; } .profile_overview_stats dl { padding: 4px 15px; overflow: hidden; } .profile_overview_stats dl dt { float: left; } .profile_overview_stats dl dd { float: right; } /*Profile Comments */ .profile_comments ul.listing li h3 { background-color: #e0e0e0; padding: 5px 0; } .profile_comments ul.listing li h3 em { font-size: 11px; font-style: italic; } .profile_comments ul.listing li { padding: 0 0 5px; position: relative; } .profile_comments ul.listing li .icon_thumb { margin: 5px 10px 0 5px; } .profile_comments ul.listing li .wrapper { width: 390px; } .profile_comments ul.listing li .wrapper p { line-height: 18px; } .profile_comments ul.listing li .wrapper span.meta { display: block; width: 100%; font-style: italic; color: #999; padding-top: 5px; } /* Objectives - Banner */ .objectives_banner { border: 1px solid #bfbfbf; padding: 1px; background-color: #fff; overflow: hidden; } .objectives_banner .wrapper { background-color: #eeeeee; border-top: 3px solid #2b4826!important; padding-top: 0!important; overflow: hidden; width: 696px!important; float: none!important; } .objectives_banner .banner_swappable { position: relative; width: 551px!important; height: auto!important; border-top: 1px solid #fff; padding: 4px; border-right: 1px solid #fff; margin-right: 1px!important; background-color: #eeeeee; } .objectives_banner .banner_swappable img.course_image { position: relative; width: 551px; display: block; margin: 0 auto; } .objectives_banner .banner_swappable .course_information { display: none; position: absolute; top: 25px; left: 20px; font-size: 12px; min-width: 400px; height: 62px; background: url('/img/backgrounds/course_selected_bg.png') no-repeat 80px 0; } .objectives_banner .banner_swappable .course_information span.icon { display: block; height: 89px; left: -3px; position: absolute; top: -14px; } .objectives_banner .banner_swappable .course_information h1 { font-size: 20px; width: 100%; color: #fff; position: absolute; left: 95px; top: 9px; } .objectives_banner .banner_swappable .course_information p { font-size: 12px; width: 100%; color: #fff; position: absolute; left: 95px; top: 35px; } .objectives_banner .mastery_swappable { text-align: center; font-weight: bold; text-shadow: 0 1px 0 #fff; padding-top: 7px; width: 134px!important; height: auto!important; border-top: 1px solid #fff; border-left: 1px solid #fff; background: #fff url('/img/globals/panel_gradient.png') repeat-x scroll left top; } .objectives_banner .mastery_swappable img.mastery_tag { display: block; width: 70px; margin: 0 auto 3px; } .objectives_banner .mastery_swappable span.mastery_percent { display: block; width: 100%; font-size: 30px; margin-bottom: 9px; } .objectives_progress_bar { display: block; padding-bottom: 10px; border-bottom: 1px solid #7c7c7c; height: 40px; } .bar_container { border-width: 0 1px 1px; border-style: none solid solid; border-color: #BFBFBF; padding: 5px; position: relative; } .bar_container .inner_bar { width: 0%; max-width: 662px; height: 26px; position: absolute; background: url('/img/my_golfer/objectives_progress_bar.png') repeat-x right -30px; top: 6px; left: 6px; z-index: 5; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .bar_container ul { width: 662px; height: 26px; overflow: hidden; border: 1px solid #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: #626262 url('/img/my_golfer/objectives_progress_bar.png') no-repeat 0 0; } .bar_container ul li { float: left; display: block; position: relative; z-index: 12; overflow: hidden; } .bar_container ul li h3 { color: #fff; text-shadow: 0 1px 0 #333; line-height: 26px; position: relative; text-align: center; width: 100%; z-index: 12; border-left: 1px solid #393939; border-right: 1px solid #575757; } .bar_container ul li.guest_member { width: 16%; } .bar_container ul li.guest_member h3 { border-left: none!important; } .bar_container ul li.course_member { width: 24%; } .bar_container ul li.course_pro { width: 28%; } .bar_container ul li.course_champion { width: 32%; } .bar_container ul li.course_legend { width: 32%; } .bar_container ul li .inner_bar { width: 0%; height: 26px; position: absolute; background: url('/img/my_golfer/objectives_progress_bar.png') repeat-x 0 -30px; top: 0; left: 0; z-index: 3; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .bar_container ul li.mastery { width: 100%; text-align: center; } .bar_container ul li.mastery h3 { border: 0 none; } .bar_container ul li.completed .inner_bar { background-position: 0 -30px!important; z-index: 10; } /* Objectives - Panels */ ul.objectives_listing { } ul.objectives_listing li { position: relative; display: block; width: 320px; height: 103px; float: left; border: 1px solid #bfbfbf; padding: 4px; margin: 10px 8px 5px 0; background-color: #fff; } ul.objectives_listing li.start { } ul.objectives_listing li .objective_content { overflow: hidden; padding: 15px; height: 72px; background: #fff url('/img/globals/panel_gradient.png') repeat-x 0 bottom; } ul.objectives_listing li .objective_content .objective_description { width: 225px; float: left; } ul.objectives_listing li .objective_content p { height: 28px; padding: 3px 0; margin-bottom: 5px; border-bottom: 1px solid #393939; font-size: 11px; color: #333333; } ul.objectives_listing li .rewards { display: block; padding: 3px 0 0; } ul.objectives_listing li .amount { font-weight: bold; } ul.objectives_listing li .component_shadow { display: none; background-position: -1740px 0; position: relative; top: 5px; left: 0; } ul.objectives_listing li.completed .objective_content { background-color: #549336; color: #fff; } ul.objectives_listing li .ribbon { top: 0; right: 0; background-image: url('/img/my_golfer/objective_complete_ribbon.png'); width: 69px; height: 69px; } /* CTA */ .cta {width: 212px; height: 100px; margin: 30px; background: url('/img/buttons/cta.png') no-repeat 0 -50px} .cta a {display: block; height:50px; background:url('/img/buttons/cta.png') no-repeat 0 50px; text-align: center; text-decoration:none} .cta a span{font-size:18px; font-weight:bold; text-transform:uppercase; color:#FFF; display: none; padding-top:15px;} .cta a:hover {background:url('/img/buttons/cta.png') no-repeat 0 0; text-decoration:none} /* Directed Experience Bar */ #directed_experience { margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } #directed_experience .inner { -moz-border-radius: 4px; -webkit-border-radius: 4px; } #directed_experience ul { position: relative; height: 55px; background-image: url('/img/globals/de_sprite.png'); background-repeat: no-repeat; background-position: bottom right; } #directed_experience ul li { position: absolute; float: left; display: block; background-image: url('/img/globals/de_sprite.png'); background-repeat: no-repeat; height: 54px; } #directed_experience ul li a { background-image: url('/img/globals/de_sprite.png'); background-repeat: no-repeat; color: #999; text-decoration: none; display: block; height: 42px; } #directed_experience ul li.current a { color: #333; text-shadow: 0 1px #fff; } #directed_experience ul li a { cursor: default; } /* Unselected State - cap */ #directed_experience ul li.cap{ background-position: 0 0; padding: 0 0 0 3px; } #directed_experience ul li.cap a { background-position: right 0; padding: 12px 30px 0 8px; } /* Selected State - cap - current */ #directed_experience ul li.cap.current { background-position: 0 -108px; } #directed_experience ul li.cap.current a { background-position: right -108px; } /* Unselected State - tail */ #directed_experience ul li.tail{ background-position: 0 -54px; padding: 0 0 0 22px; } #directed_experience ul li.tail a { background-position: right -54px; padding: 12px 30px 0 9px; } /* Selected State - tail - current */ #directed_experience ul li.tail.current, #directed_experience ul li.tail.hover { background-position: 0 -162px; } #directed_experience ul li.tail.current a, #directed_experience ul li.tail.hover a { background-position: right -162px; } #directed_experience ul li.tail.current { background-position: 0 -162px; } #directed_experience ul li.tail.current a { background-position: right -162px; } #directed_experience ul li.tail.current, #directed_experience ul li.tail.hover { background-position: 0 -162px; } #directed_experience ul li.tail.current a, #directed_experience ul li.tail.hover a { background-position: right -162px; } #directed_experience ul li.forward.hover { background-position: 0 -54px; cursor: default; } #directed_experience ul li.forward.hover a { background-position: right -54px; cursor: default; color: #999; } /* Unselected State - tail - red_action */ #directed_experience ul li.tail.red_action { background-position: 0 -270px; padding: 0 0 0 20px; } #directed_experience ul li.tail.red_action a { background-position: right -270px; padding: 12px 30px 0 17px; cursor: pointer; } #directed_experience ul li.tail.red_action a h1 { color: #fff; line-height: 31px; text-shadow: 0 1px #000; font-size: 15px; text-align: center; } /* Unselected State - tail - red_action - current */ #directed_experience ul li.tail.red_action.current, #directed_experience ul li.tail.red_action.hover { background-position: 0 -216px; } #directed_experience ul li.tail.red_action.current a, #directed_experience ul li.tail.red_action.hover a { background-position: right -216px; } /* Unselected State - tail - grey_action */ #directed_experience ul li.tail.grey_action { background-position: 0 -378px; padding: 0 0 0 20px; } #directed_experience ul li.tail.grey_action a { background-position: right -378px; padding: 12px 30px 0 17px; cursor: default; } #directed_experience ul li.tail.grey_action a h1 { color: #fff; line-height: 31px; text-shadow: 0 1px #000; font-size: 15px; } /* Unselected State - tail - grey_action - current */ #directed_experience ul li.tail.grey_action.current { background-position: 0 -324px; } #directed_experience ul li.tail.grey_action.current a { background-position: right -324px; } ul.single_w_red .cap { width: 720px; top: 0; left: 0; } ul.single_w_red .cap h1 { line-height: 31px; font-size: 15px; text-indent: 5px; } ul.single_w_red .tail.red_action { width: auto; top: 0; right: 14px; } /* Critical Flow Steps - No Button */ ul.triple li { width: 297px; } ul.triple li.step_one { left: 0; top: 0; } ul.triple li.step_two { left: 286px; top: 0; } ul.triple li.step_three { left: 591px; top: 0; } /* Critical Flow Steps - Red Button */ ul.four_w_red li { width: 232px; } ul.four_w_red li.step_one { left: 0; top: 0; } ul.four_w_red li.step_two { left: 222px; top: 0; } ul.four_w_red li.step_three { left: 464px; top: 0; } ul.four_w_red li.red_action, ul.four_w_red li.grey_action { width: 164px; top: 0; right: 14px; text-align: center; } ul.four_w_red li.grey_action a { cursor: default; } /* Critical Flow Steps - Grey & Red Button */ ul.three_w_greyred .cap { width: 572px; } ul.three_w_greyred .cap h1 { line-height: 31px; font-size: 15px; text-indent: 5px; } ul.three_w_greyred li.red_action { width: 164px; top: 0; right: 14px; } ul.three_w_greyred li.grey_action { left: 562px; top: 0; } ul.three_w_greyred li.grey_action h1 { font-size: 12px!important; } ul.three_w_greyred li.tail.red_action a { padding: 12px 10px 0 0!important; } /* Directed Experience Header */ #de_page_header { padding: 0px; display: none; } #de_page_header .ContentWhite { margin: 10px 10px 0; } /* Switched to margin here so pages with no DE header don't get a 10px border at the top of the page */ #de_page_header .DoubleBorder { -moz-border-radius: 4px; -webkit-border-radius: 4px; } #de_page_header ul { position: relative; height: 52px; padding: 5px 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #666; } #de_page_header ul li { display: block; background: url('/img/globals/de_sprite.png') no-repeat -1px -434px; height: 54px; position: relative; float: left; padding: 0 0 0 3px; } #de_page_header ul li span.de_doors{ background: url('/img/globals/de_sprite.png') no-repeat right -434px; display: block; height: 42px; padding: 11px 10px 0 10px; } #de_page_header h1 { color: #333333; text-shadow: 0 1px 0 #E2E0D2 } #de_page_header i { font-style: normal; margin: 0 5px; font-size: 14px; } /* Directed Suggestions - 3 boxes */ ul#directed_suggestions { overflow: hidden; } ul#directed_suggestions li { width: 300px; display: block; float: left; padding: 0 5px 0 0; } ul#directed_suggestions li.middle { margin: 0 10px; } ul#directed_suggestions .content { } ul#directed_suggestions li img { background-color: #fff; border: 1px solid #ddd; padding: 3px; margin: 0 auto; width: 270px; display: block; margin-bottom: 10px; } ul#directed_suggestions .suggestion_btn { margin-top: 5px; } ul#directed_suggestions .suggestion_btn .UserButton_text { padding: 5px 20px; } ul#directed_suggestions h3 { text-align: center; height: 30px; } /* Bookend Components Globals =gtg ----------------------------------------*/ .listingsComponentBookend { border: 1px solid #bababa; height: 40px; padding: 1px; background: #fff url('/img/globals/UserButton_gradient.png') repeat-x right bottom; } .listingsComponentBookend .green_bar { height: 2px; width: auto; background-color: #435D39; } .listingsComponentBookend h2 { font-size: 14px; letter-spacing: -1px; text-shadow: 0 1px #fff; line-height: 40px; text-indent: 12px; } .listingsComponentBookend ul { width: 650px; margin: 0 auto; height: 25px; overflow: hidden; padding-top: 8px; } .listingsComponentBookend ul li { float: left; } .listingsComponentBookend li h2 { line-height: 24px; text-indent: 0; } .listingsComponentContent { border: 1px solid #bababa; margin: 1px 0; border-bottom: 0 none; } .listingsComponentContent ul li { padding: 10px 12px 10px; overflow: hidden; border-top: 1px solid #fff; border-bottom: 1px solid #bababa; } .listingsComponentContent ul li .listing_body { float: left; padding: 9px 0 0; } .listingsComponentContent ul .listing_header { font-size: 12px; font-weight: bold; } .listingsComponentContent ul h3 { font-size: 13px; } .listingsComponentContent ul li em { font-weight: bold; } .listingsComponentContent .noResults { border-bottom: 0 none; padding: 0; } .listingsComponentContent .noResults .inner { padding: 40px; } .listingsComponentContent .error_message, .listingsComponentContent .error_message p { margin: 0; } ul.actions { float: right; padding: 15px 0 0; } ul.actions li { border: 0; margin: 0; padding: 0; float: left; display: block; overflow: visible; } ul.actions li .UserButton { width: 79px; text-align: center; } /* Paging =p ----------------------------------------*/ .page_buttons span, .page_buttons a { display: block; height: 24px; line-height: 24px; text-decoration: none!important; } .page_buttons span { float: left; text-align: center; width: 98px; } .page_buttons a { background-image: url('/img/globals/paging_arrows.png'); background-repeat: no-repeat; width: 70px; } .page_buttons a.page_prev { background-position: 0 -24px; float: left; text-indent: 29px; } .page_buttons a.page_prev:hover { background-position: 0 -48px; } .page_buttons a.page_next { background-position: -70px -24px; float: right; text-indent: 14px; } .page_buttons a.page_next:hover { background-position: -70px -48px; } .page_buttons a.disabled { color: #999; cursor: default; } .page_buttons a.page_prev.disabled, .page_buttons a.page_prev.disabled:hover { background-position: 0 -72px; } .page_buttons a.page_next.disabled, .page_buttons a.page_nextdisabled:hover { background-position: right -72px; } .page_buttons .find_me { width: 70px; height: 24px; float: left; background-position: 0 -120px; text-align: center; line-height: 24px; } .pagingLoader { width: 100%; height: 380px; position: relative; border-bottom: 1px solid #b2b2b2; } .pagingLoader span { background: url('/img/globals/spin_loading.gif') no-repeat 0 0; padding-left: 30px; position: absolute; left: 40%; top: 45%; font-weight: bold; } /* Report user\group button */ .report { margin-top: 30px; margin-top: 30px; display: none; } #group_overview .report { display: block; } .report h4 { background: url('/img/globals/sprites_icons.png') no-repeat 3px -348px; border: 0 none; padding-left: 25px; } .report h4 a { color: #333; } /*Component Tabs*/ .tabsContainer .tabsPages .tabPage { display:none; }