/*----------------------------------------------------------------------------------------- d888 `888P .o. 888 88P 888 888 88P oo888oo 888000b 00000 d8b d88b d88b T8888888b 888 .00000. T8o888888 888 88b '888""8P `88 88' 888' `88b 888 d88 88b 888 "888 888 88b 888 `88 88' 888 888 888 888 888 888 888 888 88b 888 Y8P' 888oo88P 888 888 888 888 888 d888b d888b d888b T8b 888 d888b `T0bod0T' o888o o88o T8b 888 T8P d888b Krypton is a generic CSS standard utilized to stream line css production. Inspired by Skeleton V1.1 || http://www.getskeleton.com/ and Html5 Boilerplate || http://html5boilerplate.com/ -----------------------------------------------------------------------------------------*/ /* Table of Content ================================================== #Navigation Styles #Site Styles #Page Styles #Media Queries #Font-Face */ /* #Body Styles ================================================== */ .fontface h3 { color:#333;} a, a:visited { color:#d55e12;} /* #Navigation Styles ================================================== */ .navigation_block { position:absolute; top:107px; height:57px; right:0; display:block; background: url(../images/nav_seperator.png) top right no-repeat; margin: 0 0 0 20px;} #navigation { width:100%; float:left; } #navigation.stable { background:none; padding:0px ;} #navigation_sticky { display:none; border-bottom:4px solid #f37d32; height:65px; background:#092440 url(../images/header_container_bg_tile.jpg) top left repeat-x; padding:0px ; position:absolute; top:0; position: fixed; top: 0px; left:0; width: 100%; z-index:5000; -moz-box-shadow: 0px 0px 4px 0px #ccc; -webkit-box-shadow: 0px 0px 4px 0px #ccc; box-shadow:0px 0px 4px 0px #ccc;} #nav_place { display:block; height:44px; width:100%; float:left; } #nav_mobile { width:100%; color:#656565; display:none; padding: 10px 10px; font-size:16px; font-weight:bold; pointer:cursor;} #nav { width:100%; cursor:pointer; background:transparent; display:block; height:auto; } #navigation_sticky #nav { width:98%; cursor:pointer; background:#092440 url(../images/header_container_bg_tile.jpg) top left repeat-x; display:block; height:auto; padding:10px 20px 10px 0; } #navigation_sticky .sticky_nav_logo { height:65px; width:150px; position:absolute; float:left; background: url(../images/seniorbowl_left_orange.png) center left no-repeat;} #navigation_sticky .sticky_nav_logo a { text-indent:-9999px; height:65px; width:150px; position:absolute; float:left; background: url(../images/seniorbowl_left_orange.png) center left no-repeat;} #nav li { color:#fff; display:block; display:block; float:left; font-weight:bold; padding:0; position:relative; margin:0; background:transparent url(../images/nav_seperator.png) top left no-repeat; height:57px;} #nav li a { font-size:11px; border-radius: 3px; color:#353535; text-decoration:none; text-transform:uppercase; line-height:18px; padding:19px 13px 20px 13px; margin-left:0; display:block; background:none;} .fontface #nav li a { text-shadow: 1px 1px 1px #fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; border-radius: 0; color:#353535; text-decoration:none; text-transform:uppercase; line-height:18px; padding:23px 12px 17px 12px; margin-left:0; display:block; background:none;} .fontface #nav li a#credentials { padding: 23px 9px 17px 8px; } .fontface #nav li:hover a, .fontface #nav li.over a { color:#353535; font-weight:normal; background:#fff; } .fontface #nav li#home a { width:200px; background:none; padding:34px 20px 6px 78px; } .fontface #nav li#home:hover a { width:200px; background:url(../images/nav_seperator.png) top left no-repeat; padding:34px 20px 6px 78px; } #nav li:hover, #nav li.over { display:block; background:none; } #nav li:hover a, #nav li.over a { color:#353535; font-weight:bold; background:#fff; } .ie7 #nav li a { background:transparent; } #navigation_sticky #nav_right { float:right;} #navigation_sticky #nav li { color:#fff; display:block; display:block; float:left; font-weight:bold; padding:0; position:relative; margin:0; background:none; height:57px;} .ie7 #navigation_sticky #nav li { color:#fff; display:block; display:block; float:left; font-weight:bold; padding:0; position:relative; margin:0; background:none; height:37px;} #navigation_sticky #nav li a { font-size:11px; border-radius: 0; color:#fff; text-decoration:none; text-transform:uppercase; line-height:18px; padding:10px 15px 10px 15px; margin-left:0; display:block; background:none;} .fontface #navigation_sticky #nav li a { text-shadow: 1px 1px 1px #03101e; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; border-radius: 3px; color:#fff; text-decoration:none; text-transform:uppercase; line-height:18px; padding:7px 15px 7px 15px; margin-top:8px; margin-left:0; display:block; background:none;} .fontface #navigation_sticky #nav li:hover a, .fontface #nav li.over a { color:#fff; font-weight:normal; background: #12497c; text-shadow:#333;} .fontface #navigation_sticky #nav li#home { display:none;} .fontface #navigation_sticky #nav li#home a { width:185px; background:none; padding:34px 15px 6px 95px; } #navigation_sticky .sticky_nav_date { font-weight:bold; height:65px; width:300px; left:150px; position:absolute; float:left; color:#fff; font-size:24px; padding: 25px 0 0 0; text-shadow: 1px 1px 1px #03101e; } .fontface #navigation_sticky .sticky_nav_date { font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; height:65px; width:300px; left:150px; position:absolute; float:left; color:#fff; font-size:24px; padding: 25px 0 0 0; text-shadow: 1px 1px 1px #03101e; } #navigation_sticky #nav li:hover ul { display:none;} #nav li ul { display:none; } #nav li:hover ul { display:block; position:absolute; background:#fff; width:225px; top:57px; left:0; z-index:1001; margin:0; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px; background:#fff; moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } #nav li:hover ul#menu_about { left:-150px;} #nav li:hover ul#menu_cred { left:-117px;} #nav li:hover ul#menu_media { left:-150px;} #nav li:hover ul#menu_comm { left:0px;} #nav li:hover ul#menu_news { left:0px;} #nav li:hover li a { color:#333;} #nav li li { background:none; height:auto; padding:0; margin:0; background:none; border-top:1px solid #ececec; width:225px;} #nav li li a { color:#656565; text-decoration:none; text-transform:uppercase; padding:8px 15px 8px 15px; display:block;} .fontface #nav li li a { padding:8px 15px 8px 15px; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:14px; font-weight:bold;} .fontface #nav li:hover li a, .fontface #nav li.over li a { color:#333; background:none; font-weight:bold; font-size:13px;} .fontface #nav li:hover li:hover a, .fontface #nav li.over li.over a { color:#fff; text-shadow:none;} #nav li li:hover, #nav li li.over { color:#333; font-weight:bold; background:#f37d32; width:225px;} #nav li li.last_sub:hover, #nav li li.last_sub.over { color:#333; font-weight:bold; background:#f37d32; width:225px; -moz-border-radius-bottomright: 10px; border-bottom-right-radius: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-left-radius: 10px;} #nav li li:hover a { color:#333;} #birthday select { width:auto; float:left; margin-right:10px;} #birthday { width:100%; display:block;} /* #Footer Styles ================================================== */ #footer_holder { position: relative; width: 100%; margin: 0 auto; height:515px; padding: 0; background:#fff; display:block; clear:both;} #footer_outer { position: relative; width: 100%; margin: 0 auto 0 auto; height:515px; padding: 0; background:#002249 url(../images/footer_bg_orange.jpg) repeat-x; } #footer_outer .footer { margin:0 auto ; position: relative; width: 960px; margin: 0 auto; padding: 0;} #footer_outer #footer_wrapper { width:960px; padding:0; display:block; height:350px;} #footer_wrapper .footer_address { font-weight:bold; color:#151515; height:180px; margin:20px 0; padding:0px 0 0 40px; width:198px; border-right:1px solid #d29548; border-left:1px solid #f9c686;} #footer_wrapper .footer_address p { font-size:16px;} #footer_wrapper .footer_address h3 { color:#fff;} #footer_wrapper .address_block { border-top:1px solid #d29548; background: #eea952; float:left; } #footer_wrapper .address_block .map_link { text-transform:uppercase; color:#fff; background:#a94432; padding:7px 10px; border-radius:3px; text-decoration:none;} #footer_wrapper .address_block .map_link:hover { background:#8e382a;} #footer_wrapper .f_row_1 { display:block; float:left; position:relative; border-left:none; width:199px; } #footer_wrapper .f_row_2 { display:block; float:left; position:relative; } #footer_wrapper .f_row_3 { display:block; float:left; position:relative; } #footer_wrapper .f_row_4 { display:block; float:left; position:relative; border-right:none; width:199px; } #footer_wrapper .footer_icon { width:100%; float:left;} #footer_wrapper .footer_icon a { text-align:center; display:block; margin-top:-40px;} #footer_wrapper .footer_heading { } #footer_wrapper .footer_heading h4 { text-align:center; text-shadow: 2px 2px 2px #999071; color:#fff; text-transform:uppercase; font-size:24px; } #footer_wrapper .footer_menu { width:100%; float:left; margin:15px 0 0 150px;} #footer_wrapper .footer_menu li { float:left; } #footer_wrapper .footer_menu li.bullet { color:#a94432; } #footer_wrapper .footer_menu li a { color:#fff; font-weight:bold; padding:10px; font-size:14px; text-decoration:none;} #footer_wrapper .mailinglist_block { float:left; margin-left:315px;} #footer_wrapper input.mailing_list_input { font-size:14px; text-transform:uppercase; float:left; background:#d65741; border-radius:0; border:none; margin:0; color:#fff; height:24px; padding:6px 10px 6px 40px;} #footer_wrapper .mailinglist_submit { float:left; background:#a94432; border-radius:0; border:none; margin:0; height:36px;} #footer_wrapper .copyright_white { width:100%; float:left; color:#fff; text-align:center; font-size:16px; padding:10px 0;} #footer_wrapper .dogwood_white { width:100%; float:left; color:#fff; text-align:center; font-size:11px; padding:10px 0;} #footer_wrapper .dogwood_white a:hover { color:#f37d32;} #footer_wrapper h2.footer_white { color:#333; font-size:22px; line-height:28px; margin: 40px 0 0 13px; text-shadow: 1px 1px 1px #fff;} #footer_wrapper h3.footer_green { color:#5f9f21; font-size:18px; line-height:28px; margin: 40px 0 0 0;} #footer_wrapper h4.footer_white { color:#333; font-size:22px; line-height:18px; margin: 10px 0 0 0; text-shadow: 1px 1px 1px #fff;} #footer_wrapper .copy_logo { height:57px; padding:6px 0 5px 0;} #footer_wrapper .copy_logo p { color:#333; font-weight:bold; font-size:12px;} #footer_wrapper .copy_logo p a { color:#333; font-weight:bold; font-size:12px;} #footer_wrapper .footer_list { margin: 10px 0 0 0;} #footer_wrapper .footer_list li { } #footer_wrapper .footer_list li a { color:#333; text-decoration:none; font-weight:bold; text-shadow: 1px 1px 1px #fff; font-size:12px; } #footer_wrapper p { color:#333; font-size:11px;} #footer_wrapper p a { color:#fff; font-size:12px; text-decoration:none; font-weight:bold;} #footer_wrapper p a:hover { color:#fff;} /* #Footer Styles ================================================== */ #header_container { border-bottom: ; width:100%; height:165px; background:url(../images/header_container_bg_tile_orange.jpg); display:block; -moz-box-shadow: 0px 0px 8px 0px #999; -webkit-box-shadow: 0px 0px 8px 0px #999; box-shadow:0px 0px 8px 0px #999; z-index:1000;} #header_container .container_wrapper { width:960px; height:165px; margin:0 auto; position:relative; background: url(../images/header_container_bg_center_orange.jpg) top center no-repeat;} .container.clickin_container { position: relative; width: 980px; margin: 25px auto 60px auto; padding: 0; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; } .caption_img_wide ul { list-style: disc inside; margin-left:15px;} .caption_img_wide ul li { line-height: 16px; margin-bottom: 4px; } /* #Site Styles ================================================== */ #top_container { margin-bottom:40px;} .container .logo_object { text-align:center; height:120px; float:left; display:block; position:absolute; left:335px; top:5px;} .container .logo_object img { text-align:center; margin-top:0px; } .container #social_icons { top:0: right:0; float:right; clear:none; display:block; font-size:21px; padding:4px 10px 0px 0px; color:#fff; font-weight:bold; text-decoration:none; cursor:pointer; margin:10px 0 0 0;} .container #social_icons a.top_social_icon { width:26px; height:27px; display:block; float:left; text-indent:-9999px;} .container #social_icons a.top_social_icon.email_ico { background: url(../images/social_icon_email.png) center center no-repeat;} .container #social_icons a.top_social_icon.facebook_ico { background: url(../images/social_icon_facebook.png) center center no-repeat;} .container #social_icons a.top_social_icon.twitter_ico { background: url(../images/social_icon_twitter.png) center center no-repeat;} .container #social_icons a.top_social_icon.youtube_ico { background: url(../images/social_icon_youtube.png) center center no-repeat;} .container #social_icons a.top_social_icon.google_ico { background: url(../images/social_icon_google.png) center center no-repeat;} .container .header_object { position:relative; display:block;} .container .masthead_object { text-align:right; height:100px; display:block; float:right;} .container .footer p { font-size:11px;} .container .tagline { margin-top:45px;} .container #slides { display:block; margin-bottom: 40px !important; position:relative; overflow:hidden; } .container #slides img { display:block; height:auto; width:100%; -webkit-box-shadow: 0 0 5px #555; -moz-box-shadow: 0 0 5px #555; box-shadow: 0 0 5px #555;} .container .content_padding { padding:15px;} .container .content_padding2 { padding:0 15px;} .container .content_padding .content_padding2 { padding:0 0px;} .container #bottom_dashed { display:block; height:260px; width:940; background:#f5f5f5; margin:15px 0 100px 10px; position:relative; border-top:6px solid #940042;} .container .bottom_dashed_hd { color:#940042; font-size:30px; padding:30px 30px 10px 30px; text-align:center; } .container #bottom_dashed p { font-size:14px; line-height:30px; color:#333; padding: 0 120px; text-align:center;} .container .stories_link { position:absolute; bottom:0; left:312px; width:317px; text-align:center; display:block; text-shadow: 1px 1px 2px #125673; text-decoration:none; font-weight:bold; color:#fff; font-size:21px; background:#1d7499; padding:15px 0 0 0; height:39px; } .container .img_left { float:left; margin:0 15px 15px 0; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } .container .img_right { float:right; margin:0 0 15px 15px; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } .container .img_left { float:left; margin:0 15px 15px 0; border:5px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow:0px 0px 5px 0px #999; } .container .inset_img_wrap { float:left; margin:0 15px 15px 0; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } .container .inset_img_wrap.inset_img_wrap_right { float:right; margin:0 0 15px 15px;} .container .inset_img_wrap .inset_img_block { float:left; display:block; } .container .inset_img_wrap.caption_img_wide { width:300px; background:#fff;} .container .inset_img_wrap.caption_img_vertical { width:300px; background:#fff;} .container .inset_img_wrap.caption_img_wide .ci_wide { float:right; width:280px; margin:10px; } .container .inset_img_wrap.caption_img_vertical .ci_vertical { float:right; width:150px; margin:10px; } .container .inset_img_wrap.caption_img_vertical .img_caption { background:#f5f5f5; width:96%;} .container .inset_img_wrap.caption_img_wide .img_caption { background:#f5f5f5; width:96%;} .container .inset_img_wrap.caption_img_wide p.img_caption_p { padding:10px 10px 5px 10px; margin-bottom:0; } .container .hall_fame_list { width:280px; float:right; margin: 0 0 15px 15px; background:#dddddd; padding:20px; } .container .inset_img_wrap .img_caption { font-size:12px; clear:both; float:left; display:block; color:#f37d32; padding:5px; font-weight:bold;} .container .inset_img_wrap .img_left { float:left; margin:0; border:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; } .container .inset_img_wrap .img_right { float:right; margin:0; border:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; } .container .watch_list li .watchlist { padding:5px; margin-bottom:10px; float:left; background:#ececec; width:640px; text-decoration:none;} .container .watch_list li .watchlist:hover { background:#999;} .container .watch_list li .watchlist .roster_list_img { height:40px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlist { margin:2px; padding:2px; margin-bottom:1px; float:left; background:#f5f5f5; width:100%; text-decoration:none;} .container .roster_list li .rosterlistprint { margin:2px; padding:2px; margin-bottom:1px; float:left; background:#fff; width:100%; text-decoration:none;} .container .roster_list li .rosterlist:hover { background:#999;} .container .roster_list li .rosterlistprint:hover { background:#999;} .container .roster_list li .rosterlist .roster_list_img { height:30px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlist span { text-align:right; padding:0px 0 0 0; font-size:12px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlistprint span { text-align:right; padding:0px 0 0 0; font-size:12px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlist span.roster_list_number { text-align:left; font-size:12px; width:34px; margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_number { text-align:left; font-size:12px; width:34px; margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_name { text-align:left; font-size:12px; width:150px; margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_name { text-align:left; font-size:12px; width:150px; margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_school { text-align:left; font-size:11px; color:#333;margin: 0 ; } .container .roster_list li .rosterlistprint span.roster_list_school { text-align:left; font-size:11px; color:#333;margin: 0 ; } .container .roster_list li .rosterlist span.roster_list_position { text-align:left; font-size:12px; width:40px;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_position { text-align:left; font-size:12px; width:40px;margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_height { text-align:left; font-size:12px; width:40px;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_height { text-align:left; font-size:12px; width:40px;margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_weight { text-align:left; font-size:12px; width:70px;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_weight { text-align:left; font-size:12px; width:70px;margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_conference { text-align:left; font-size:12px; width:100px;margin: 0 ; } .container .roster_list li .rosterlistprint span.roster_list_conference { text-align:left; font-size:12px; width:100px;margin: 0 ; } .container .roster_list li .rosterlist span.roster_list_school { font-size:12px; width:120px; text-align:left;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_school { font-size:12px; width:120px; text-align:left;margin: 0 ;} .container .roster_list li .rosterlist:hover span { color:#fff;} .container .roster_list li .rosterlistprint:hover span { color:#fff;} .container .roster_list li .rosterlist:hover span.roster_list_school { font-size:12px; color:#fff; } .container .roster_list li .rosterlistprint:hover span.roster_list_school { font-size:12px; color:#fff; } .container .roster_list li .rosterlist .short_desc { float:left; display:block; font-weight:normal; text-align:left; padding:5px; font-weight:12px;} .container .roster_list li .rosterlistprint .short_desc { float:left; display:block; font-weight:normal; text-align:left; padding:5px; font-weight:12px;} .container .roster_list li .rosterlist:hover .short_desc { color:#fff;} .container .roster_list li .rosterlistprint:hover .short_desc { color:#fff;} .container .roster_sort_no { color:darkgrey; font-weight:bold; width:33px; float:left;} .container .roster_sort_name { color:darkgrey; font-weight:bold; width:130px; float:left;} .container .roster_sort_pos { color:darkgrey; font-weight:bold; width:40px; float:left;} .container .roster_sort_ht { color:darkgrey; font-weight:bold; width:40px; float:left;} .container .roster_sort_wt { color:darkgrey; font-weight:bold; width:70px; float:left;} .container .roster_sort_school { color:darkgrey; font-weight:bold; width:120px; float:left;} .container .roster_sort_conf { color:darkgrey; font-weight:bold; width:100px; float:left;} #roster_div { width:100%; overflow:scroll;} #roster_wrapper { min-width:95%;max-width:99%;} .container .watch_list li .watchlist { padding:5px; margin-bottom:10px; float:left; background:#ececec; width:95%; text-decoration:none;} .container .watch_list li .watchlist:hover { background:#999;} .container .watch_list li .watchlist .watch_list_img { height:30px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .watch_list li .watchlist span { text-align:right; padding:5px 0 0 0; font-size:16px; margin-right:15px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .watch_list li .watchlist span.profile_list_name { text-align:left; font-size:20px; width:280px; margin: 0 30px 0 15px;} .container .watch_list li .watchlist div.profile_list_school { text-align:left; font-size:11px; color:#333; margin-top:3px;} .container .watch_list li .watchlist span.profile_list_position { font-size:16px; width:40px;} .container .watch_list li .watchlist span.profile_list_height { font-size:16px; width:40px;} .container .watch_list li .watchlist span.profile_list_weight { font-size:16px; width:40px;} .container .watch_list li .watchlist span.profile_list_conference { font-size:16px; width:80px; margin-right:0;} .container .watch_list li .watchlist span.profile_list_school { font-size:16px; width:120px; margin-left:40px;text-align:left;} .container .watch_list li .watchlist:hover span { color:#fff;} .container .watch_list li .watchlist:hover div.profile_list_school { font-size:11px; color:#fff; margin-top:3px;} .container .watch_list li .watchlist .short_desc { float:left; display:block; font-weight:normal; text-align:left; padding:5px; font-weight:12px;} .container .watch_list li .watchlist:hover .short_desc { color:#fff;} .container .sort_table2 { width:628px; background:#ececec;} .container .sort_table2 tr td { padding:3px 3px 5px 3px; color:#888; font-weight:bold; font-size:14px; text-align:center; border-right:1px solid #ccc;} .container .sort_table2 tr td a { font-size:12px; color:#444;} .container .sort_table2 tr td a.active { font-size:12px; color:#f37d32;} .container .sort_table2 tr td h3 { margin-top:10px;} .container .sort_table { width:628px; background:#ececec;} .container .sort_table tr td { padding:3px 3px 5px 3px; color:#888; font-weight:bold; font-size:14px; text-align:center; border-right:1px solid #ccc;} .container .sort_table tr td a { font-size:12px; color:#444;} .container .sort_table tr td a.active { font-size:12px; color:#f37d32;} .container .sort_table tr td h3 { margin-top:10px;} .container .profile_list li a { padding:10px; margin-bottom:20px; float:left; background:#ececec; width:95%; text-decoration:none;} .container .profile_list li a:hover { background:#555;} .container .profile_list li a .profile_list_img { float:left; color:#333; font-weight:bold; text-decoration:none;} .container .profile_list li a span { padding:10px 0 0 0; font-size:16px; margin-right:15px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .profile_list li a span.profile_list_name { font-size:21px; width:220px; margin: 0 30px 0 15px; line-height:28px;} .container .profile_list li a span.profile_list_position { font-size:16px; width:50px;} .container .profile_list li a span.profile_list_height { font-size:16px; width:50px;} .container .profile_list li a span.profile_list_weight { font-size:16px; width:50px;} .container .profile_list li a span.profile_list_conference { font-size:16px; width:100px;} .container .profile_list li a span.profile_list_school { font-size:16px; width:150px;} .container .profile_list li a:hover span { color:#fff;} .container .sixteen.columns.profile_view_block { float:left; background:#f37d32; margin:0; width:980px;} .container .profile_view_block .profile_view_right_img { float:right;} .container .profile_view_block .profile_view_info { float:left; width:470px; padding:20px 20px 0px 20px;} .container .profile_view_block .profile_view_info h3 .position { display:block; float:left; padding: 0px 10px; margin-right:10px; background:#fff; color:#333; font-size:26px; text-transform:uppercase;} .container .profile_view_block .profile_view_info h3.fullname { color:#fff; line-height:40px; font-size:40px;} .container .profile_view_block .profile_view_info h3.fullname.longname { color:#fff; line-height:30px; font-size:28px;} .container .profile_view_block .profile_view_info h3.fullname.superlongname { color:#fff; line-height:30px; font-size:24px;} .container .profile_view_block .scouters_top { float:left; width:940px; padding:20px 20px 0px 20px;} .container .profile_view_block .scouters_top h3 .position { display:block; float:left; padding: 0px 10px; margin-right:10px; background:#fff; color:#333; font-size:26px; text-transform:uppercase;} .container .profile_view_block .scouters_top h3.fullname { color:#fff; line-height:40px; font-size:40px;} .container .profile_view_block .scouters_top h3.fullname.longname { color:#fff; line-height:30px; font-size:28px;} .container .profile_view_block .scouters_top h3.fullname.superlongname { color:#fff; line-height:30px; font-size:24px;} .container .profile_view_block .scouters_top .top_heading { text-align:center; width:100%;} .container .sixteen.columns.scouters_view_block { float:left; background:#f37d32; margin:0; width:980px;} .container .sixteen.columns.scouters_view_header { background:#fff;} h2.scouters_delight_week_heading { color:#f37d32; text-align:center; text-transform:uppercase; font-size:35px; padding:10px 0 0 0 ;} h2.scouters_delight_week_heading .school_name { color:#333;} h2.scouters_delight_week_heading .school_at { font-size:25px; color:#333} h2.scouters_delight_week_heading .school_record { font-size:22px; color:#333} .container .sixteen.columns .gametime { text-align:center; font-size:14px;} .container .scouter_table .table_vs { font-size:35px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif font-size:45px; font-weight:bold; text-align:center; height:36px; width:45px; position:absolute; float:right; background:#333; padding:8px 6px 2px 6px; top:100px; right:-25px; } .container .scouter_table .player_position { float:left; font-size:21px; font-weight:bold; padding:26px 6px 8px 6px; background:#fff; color:#333; height:38px;} .container .scouter_table .player_info_block { display:block; float:left; padding:10px; } .container .scouter_table .player_info_block .player_name { font-size:26px; padding-bottom:10px;} .container .scouter_table .player_info_block .player_stats { font-size:14px; font-weight:bold;} .container .scouter_table { border-collapse: none; border-spacing: 0; border-bottom:1px solid #ccc;} .container .scouter_table tr td { color:#fff; padding:0 5px; vertical-align:top;} .container .scouter_table tr td h3 { color:#fff;} .container .scouter_table tr td h4 { color:#fff;} .container .scouter_table tr td .record_left { text-align:left; font-weight:bold; font-size:14px;} .container .scouter_table tr td .record_right { text-align:right; font-weight:bold; font-size:14px;} .container .scouter_table tr td .gametime { text-align:center; font-weight:bold; color:#fff; font-size:14px;} .container .scouter_table tr td.player_record_left { width:100%; background:#7f0101; text-align:left; font-weight:bold; font-size:14px; padding:0;} .container .scouter_table tr td.player_record_right { width:100%; background:#7f0101; text-align:right; font-weight:bold; font-size:14px; padding:0;} .container .scouter_table tr td.player_record_left p { margin-bottom:0; font-weight:normal; font-size:12px;} .container .scouter_table tr td.player_record_right p { margin-bottom:0; font-weight:normal; font-size:12px;} .container .scouter_table tr td.player_record_left p b { display:block; background:#333; color:#fff; float:left; font-size:12px; margin-right:5px; text-align:center; padding: 2px 2px; height:21px; width:25px; vertical-align:top; margin-bottom:40px;} .container .scouter_table tr td.player_record_right p b { display:block; background:#333; color:#fff; float:right; font-size:12px; margin-left:5px; text-align:center; padding: 2px 2px; height:21px; width:25px; vertical-align:top; margin-bottom:40px;} .container .scouter_table tr td .player_name { font-weight:bold; } .container .scouter_table tr td.vs-center { text-align:center; color:#fff;} .container .scouter_table tr td.vs-center b { color:#fff;} .container .scouters_block_heading { font-size:16px; font-weight:bold; text-align:center; padding-top:15px; color:#f37d32; } .container .scouters_block_heading .school_name { color:#333; text-transform:uppercase;} .container .scouters_block_heading .school_at { font-size:14px; color:#333} .container .scouters_block_heading .school_record { font-size:22px; color:#333} .container .scouter_table_side .player_position { float:left; font-size:11px; font-weight:bold; padding:5px 0; text-align:center; background:#f37d32; color:#fff; width:30px;} .fontface .container .scouter_table_side .player_position { font-family:'franchiseregular'; font-size:20px; font-weight:normal;} .container .scouter_table_side .player_name { width:115px; display:block; float:left; font-size:14px; padding-bottom:10px; color:#333; font-weight:bold; background:#fff; padding: 3px 0 5px 5px;} .container .scouter_table_side .player_name { width:115px; display:block; float:left; font-size:14px; padding-bottom:10px; color:#333; font-weight:bold; background:#fff; padding: 3px 0 5px 5px;} .fontface .container .scouter_table_side .player_name { font-family:'franchiseregular'; width:115px; display:block; float:left; font-size:20px; padding-bottom:10px; color:#333; font-weight:normal; background:#fff; padding: 3px 0 5px 5px;} .container .scouter_table_side { border-top:1px solid #ececec; border-bottom:1px solid #fff; border-collapse: none; border-spacing: 0; width:300px; margin-left:-15px;} .container .scouter_table_side tr td { color:#fff; padding:0 5px; vertical-align:top;} .container .scouter_table_side .table_vs { font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:21px; font-weight:bold; text-align:center; height:25px; width:25px; position:absolute; float:right; background:#333; padding:4px 6px 2px 6px; top:55px; right:-17px; } .container .match_btn { margin:8px 0 0 75px; padding:6px 10px; color:#fff; background:#333; display:block; float:left; font-weight:bold; text-transform:uppercase; border-radius:3px;} .container .match_btn:hover { background:#f37d32; } .container .scouters_delight_short_desc { font-weight:normal; font-size:12px; color:#333;} .container .scouters_list li a { padding:10px; margin-bottom:20px; float:left; background:#ececec; width:95%; text-decoration:none;} .container .scouters_list li a:hover { background:#555;} .container .scouters_list li a span { padding:10px 0 0 0; font-size:16px; margin-right:15px; color:#333; font-weight:bold; text-decoration:none;} .container .scouters_list li a .scouters_block_heading { font-size:16px; font-weight:bold; text-align:left; padding-top:0px; color:#f37d32; float:left;} .container .scouters_list li a:hover span { color:#fff;} .container .profile_view_block .sc_block { float:left; display:block; width:250px;} .container .profile_view_block .sc_block .sc_info_block { float:left; } .container .profile_view_block .sc_block .profile_view_sc_logo { color:#fff; float:left; padding} .container .profile_view_block .sc_block .profile_view_sc_name { color:#fff; float:left; font-weight:bold; font-size:14px; background:#333; padding:10px 10px 11px 10px;} .container .profile_view_block .sc_block .profile_view_sc_conf { color:#fff; float:left; font-weight:bold; clear:left; background:#333; font-size:14px; padding:5px;} .container .profile_view_block .profile_info_list { float:left;} .container .profile_view_block .profile_info_list li { padding:10px 0; margin-bottom:0; width:250px; color:#fff; font-size:16px; border-bottom:1px dotted #f5f5f5; font-weight:bold;} .container .profile_view_block .profile_info_list li.last { border-bottom:none;} .container .green { color:#75C426;} .container .bullet_list { list-style-type:disc; margin-left: 30px; font-size:12px;} .container .dashed_column { display:block; min-height:500px; margin-top:20px; background:#f5f5f5 url(../images/side_bg_dashed.jpg) top left ; border:none; padding-bottom:50px;} .container .news_block { width:270px; background:#fff; display:block; } .container .content_column { padding-bottom:40px; margin-bottom:0; padding-top:40px; display:block; } .container .sub_column_2 { float:left; width:100%; display:block;} .container .sub_column_2_left { float:left; width:333px; display:block; padding-right:30px;} .container .sub_column_2_right { float:left; width:333px; display:block; padding:0;} .container .sub_column_2_left_wide { float:left; width:440px; display:block; padding-right:30px;} .container .sub_column_2_right_wide { float:left; width:440px; display:block; padding:0;} /* #Page Styles ================================================== */ .container .sixteen.columns.page_title_block { float:left; height:190px; width:980px; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0;} .container .page_title_block h1 { background:#f37d32; padding:12px 25px; top:140px; left:0; position:absolute; color:#fff; font-size: 30px; text-transform:uppercase; line-height:28px; margin: 20px 0 20px 13px; text-shadow: 1px 1px 2px #444; } .fontface .container .page_title_block h1 { background:#f37d32; padding:12px 25px; top:140px; left:0; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:36px; font-weight:normal; margin: 20px 0 20px 13px; } .container .page_title_block .page_title_image { border-bottom:5px solid #15324a;} .container .left_col_nav_title { background:#75C426; display:block; text-decoration:none; padding:6px 7px; color:#fff; font-size:12px; font-weight:bold; } .container .left_col_nav_title.top_title { border-top-left-radius: 5px; border-top-right-radius: 5px;} .container .left_col_nav { margin-top:0px; width:279px; overflow:hidden;border-bottom:1px solid #cbcbcb;} .container .left_col_nav li { width:100%; border-top:1px solid #cbcbcb; background:#efefef; margin:0; } .container .left_col_nav li a { text-transform:uppercase; display:block; text-decoration:none; padding:12px 7px; color:#494949; font-size:12px; font-weight:bold; } .container .left_col_nav li:hover, .container .left_col_nav li.over { border-top:1px solid #cbcbcb; background:#fff; } .container .left_col_nav li:hover a, .container .left_col_nav li.over a { color:#494949; } .container .left_col_nav li:hover ul li a { color:#494949;} .container .left_col_nav li:hover ul li a:hover { color:#fff;} .container .left_col_nav li.lvl1 { background:#ccc; color:#222; } .container .left_col_nav li.lvl1 a { background:#ccc; color:#222; } .container .left_col_nav li.lvl2 ul { display:none;} .container .left_col_nav li.lvl2.show_ul ul { display:block;} .container .left_col_nav li.lvl2.show_ul a { background:#eaeaea; color:#555; border-left:4px solid #75C426;} .container .left_col_nav li:hover.lvl2.show_ul a { color:#555;} .container .left_col_nav li:hover.lvl2.show_ul ul li a { color:#888;} .container .left_col_nav li.lvl2.show_ul ul li a { color:#888; border-left:8px solid #75C426;} .container .left_col_nav li.lvl2.show_ul a.current_link { border-left:8px solid #f37d32; color:#f37d32;} .container .left_col_nav li:hover.lvl2.show_ul a.current_link { background:#fff;} .container .left_col_nav li.lvl2.show_ul ul li { border-top:1px solid #ccc; } .container .left_col_nav li.lvl2.show_ul ul li a:hover { background:#75C426; color:#fff;} .container .left_col_nav li ul { margin:0; } .container .left_col_nav li ul li a { padding-left:20px;} .container .circle_section { position:relative;} .container .home_block { -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; border:1px solid #fff; border-radius:101px; -moz-border-radius:101px; width:202px; height:202px; display:block; overflow:hidden; float:left; background:#f5f5f5; margin:35px 0 25px 10px; cursor:pointer;} .container .store_circle a { background: url(../images/store_pic_home.jpg) center center no-repeat;} .container .fuel_circle a { background: url(../images/fuel_pic_home.jpg) center center no-repeat;} .container .carwash_circle a { background: url(../images/carwash_pic_home.jpg) center center no-repeat;} .container .subway_circle a { background: url(../images/subway_pic_home.jpg) center center no-repeat;} .container .home_block a { text-decoration:none; float:left; border-radius:101px; -moz-border-radius:101px; width:192px; height:192px; border:5px solid #eea952;} .container .home_block_banner a { text-align:center; float:left; position:absolute; top:50px; padding-top:15px; font-size:16px; text-transform:uppercase; height:56px; width:218px; display:block; background:url(../images/pl_banner.png) top center no-repeat; text-decoration:none; font-weight:bold; color:#fff; font-size:14px; margin-top:113px; } .container .home_block:hover span, .container .home_block.over span { background:#457012; cursor:pointer;} .container .location_address { font-weight:bold; color:#151515; margin:10px 0; padding:0px 0 0 15px; width:200px; border-right:1px solid #d29548; border-left:1px solid #f9c686;} .container .location_address p { font-size:16px;} .container .location_address h3 { color:#940042;} .container .location_block { background: #f5f5f5; float:left; } .container .location_block .map_link { text-transform:uppercase; color:#fff; background:#a94432; padding:7px 10px; border-radius:3px; text-decoration:none;} .container .location_block .map_link:hover { background:#8e382a;} .container .location_row_1 { display:block; float:left; position:relative; border-left:none; width:190px; } .container .location_row_2 { display:block; float:left; position:relative; } .container .location_row_3 { display:block; float:left; position:relative; } .container .location_row_4 { display:block; float:left; position:relative; border-right:none; width:190px; } .container .slider_block { margin-top:15px; border-top:5px solid #15324a; padding-bottom:6px; margin-bottom:15px; background:url(../images/slider_bottom.png) bottom center no-repeat;} .container .marquee_right { height:364px; width:320px; float:left; background:#fff;} .container .marquee_right h2.news_ev_heading { margin:0;font-size:30px; padding:10px 10px 10px 10px; color:#fff; background:url(../images/news_heading_orange.png) -8px 0 no-repeat; width:323px; height:48px; float:left;} .container .marquee_right .news_ev_list { width:320px; float:left; height:205px; margin:-15px 0 15px 0;} .container .marquee_right .news_ev_list li { padding:6px 0; margin:0 0 0 4%; float:left; width:90%; border-bottom:1px dotted #0f4a7b;} .container .marquee_right .news_ev_list li a { float:left; width:90%; text-decoration:none; color:#0b385d; } .container .marquee_right .news_ev_list li a:hover { color:#f37d32; } .container .marquee_right .countdown { position:relative; float:left; padding-left:35px; width:265px; height:91px; background: url(../images/countdown_bg_2.jpg) top center no-repeat;} .container .marquee_right .countdown_scroll { position:relative; float:left; padding: 20px 0 0 20px; width:300px; height:91px; background: url(../images/countdown_bg_2.jpg) top center no-repeat;} .container #slider_thumbs { width:630px; float:left; padding:5px; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; } .container #slider_thumbs li { float:left; margin-bottom:0;} .container #slider_thumbs li a { float:left; padding:5px; text-decoration:none; width:147px; display:block;} .container #slider_thumbs li.rslides_here a { background:#f37d32;} .container #slider_thumbs li a img { float:left; } .container #slider_thumbs li a span { float:left; width:143px; font-weight:bold; font-size:11px; padding:2px; color:#fff; background:#143048;} .container .eleven.columns.no_left_margin { margin-left:0;} .container .eleven.columns .index_full_block { margin-top:10px; position:relative; margin-bottom:15px; width:610px; padding:15px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .eleven.columns .index_half_block { height:150px; position:relative; margin-bottom:15px; width:275px; padding:19px 15px 15px 15px; float:right; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .eleven.columns .index_half_block.left_block { float:left;} .container .eleven.columns .news_highlights { margin:15px 0 25px 0; float:left;} .container .eleven.columns .news_highlights li { float:left; width:610px; border-bottom:1px solid #ececec;} .container .news_highlights h4 { font-size:16px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:15px;} .container .news_highlights2 h4 { font-size:16px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:15px;} .container .eleven.columns .news_highlights li a { text-decoration:none;} .container .eleven.columns .news_highlights li a h3 { color:#333; margin-bottom:10px; padding-bottom:0;} .container .eleven.columns .news_highlights li a h4 { font-size:12px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:0;} .container .eleven.columns .news_highlights li a p { color:#333;} .container .eleven.columns .news_highlights li:hover { background:#ececec;} .fontface .container .eleven.columns .news_highlights li a h3 { font-size:26px;} .container .eleven.columns .sm_play_prof { float:left; height:130px; width:100px; margin:-4px 15px 0 0;} .container .eleven.columns .sm_play_prof_desc { line-height:16px; float:left; width:150px; text-decoration:none; } .container .eleven.columns .sm_play_prof_desc span { font-weight:bold; float:left; width:160px; font-size:10px;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_name { font-size:14px; font-weight:bold; color:#333;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_team { font-size:12px; font-weight:bold; background:#ececec; display:block;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_team img { float:left; padding:2px 10px 0 2px;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_home b { font-size:12px;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_weight b { font-size:12px;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_height b { font-size:12px;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_age b { font-size:12px;} .container .eleven.columns .sm_play_prof_desc span.sm_prof_pos { float:none;} .container .eleven.columns a.prof_view_all { position:absolute; bottom:0; right:0; text-decoration:none; font-size:11px; font-weight:bold; float:left; color:#f37d32; padding:5px 10px; display:block; background:#ececec;} .container .eleven.columns a.news_view_all { position:absolute; bottom:0; right:0; text-decoration:none; font-size:11px; font-weight:bold; float:left; color:#f37d32; padding:5px 10px; display:block; background:#ececec;} .container .countdown { } .container .countdown .countdown_numbers { float:left; width:25px; color:#fff; font-size:20px; background:#333; border-radius:3px; margin:5px; padding:5px 10px; border:none; display:inline; } .container .countdown .countdown_numbers.countdown_days { width:30px; } .container .countdown .countdown_block { width:50px; margin:15px 10px 0 0; float:left; display:block; text-align:center; font-weight:bold; text-transform:uppercase;} .container .five.columns.no_right_margin { margin:0 0 0 5px; width:305px;} .container .five.columns .index_side_block { position:relative; margin: 10px 0 15px 0; width:270px; padding:19px 15px 15px 15px; float:right; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .five.columns .index_side_block .vid_img { margin:-29px 0 0 -15px; float:left;} .container .five.columns .index_side_block .vid_link { font-size:16px; color:#333;} .container .five.columns .index_side_block .center_pic { margin:-30px 0 0 -15px;} .fontface .container h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:0; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; margin: 0 0 20px 13px; } .container h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:0; position:absolute; color:#fff; font-size: 30px; text-transform:uppercase; line-height:28px; margin: 0x 0 20px 13px; text-shadow:none; } .fontface .container .index_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:60px; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; margin: 0 0 20px 13px; } .container .index_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:60px; position:absolute; color:#fff; font-size: 30px; text-transform:uppercase; line-height:28px; margin: 0x 0 20px 13px; text-shadow:none; } .container .one-third.column .content_side_block { position:relative; margin: 10px 0 15px 0; width:227px; padding:19px 10px 15px 10px; float:right; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .one-third.column .content_side_block .vid_img { margin:-30px 0 0 -10px; float:left;} .container .one-third.column .content_side_block .vid_link { font-size:16px; color:#333;} .container .one-third.column .content_side_block .center_pic { margin:-15px 0 0 -10px;} .fontface .container .content_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:50px; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; margin: 0 0 20px 13px; } .container .content_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:50px; position:absolute; color:#fff; font-size: 30px; text-transform:uppercase; line-height:28px; margin: 0x 0 20px 13px; text-shadow:none; } .container h4.shorttitle { font-size:12px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:0;} .fontface .container h3.red_title_block.shop_red_title { margin-left:35px;} .fontface .container .content_side_block.side_video_block h3.red_title_block { margin:0;} .container .side_blocks_hide { display:none;} .form_input input { width:80%;} /* Player Invitiations ================================================== */ .container .player_navigation { margin:10px; border-top:3px double #ccc; padding-top:15px;} .container .nav_btns { color:#fff; font-weight:bold; text-align:center; background:#999; font-size:11px; width:120px; float:left; padding:6px; text-transform:uppercase;} .container .nav_btns.next_slide { float:right;} .container .nav_btns:hover { background:#F47D31;} .container .headline_block { margin:0px 10px 30px 10px; border-bottom:3px double #ccc; padding:10px 0;} .fontface .container .headline_block h2.player_title_center { line-height:45px;} .container .player_pic_right { float:right; margin: 0 0 10px 10px; display:block;} .container .player_pic_left { float:left; margin: 10px 10px 10px 0px; display:block;} .container .player_pic_right_tight { float:right; margin: 0 0 0 10px; display:block;} .container .player_pic_left_tight { float:left; margin: 0 10px 0 0px; display:block;} .container .sixteen.columns.orange_title_block { margin-bottom:20px; color:#fff; font-size:26px; padding:15px 0;font-weight:bold; text-align:center; display:block; float:left; width:980px; background:#F47D31; margin:0;} .container .larger_text { font-size:14px;} .container .player_quote { background:#ececec; width:940px; position:relative; padding:10px; color:#333; float:left; display:block; font-size:18px; font-style:italic; margin:15px 0 15px 0;} .container .player_quote.quote_red { background:#F47D31; color:#fff;} .container .player_quote.quote_red2 { margin-top:0; background:#F47D31; color:#fff; width:500px;} .container .player_quote.quote_red3 { margin-top:0; background:#F47D31; color:#fff; width:220px; height:270px;} .container .player_quote.quote_red4 { margin-top:0; background:#F47D31; color:#fff; width:590px; height:98px;} .container .player_quote.quote_red4 p { font-size:13px;} .container .player_quote.quote_red5 { padding-right:100px; margin-top:0; background:#F47D31; color:#fff; width:840px; height:98px;} .container .player_quote.quote_red5 p { font-size:16px;} .container .player_quote.quote_red6 { padding-left:200px; margin-top:0; background:#F47D31; color:#fff; width:740px; height:160px;} .container .player_quote.quote_red6 p { font-size:14px;} .container .player_quote.quote_red7 { margin-top:0; background:#F47D31; color:#fff; width:440px; height:70px;} .container .player_quote.quote_red7 p { font-size:13px;} .container .player_quote.quote_blue1 { margin-top:0; background:#15324a; color:#fff; width:620px; height:127px; padding:10px;} .container .player_quote.quote_blue1 .quote_attribute { padding-top:10px;text-align:left; font-style:normal; font-weight:bold; font-size:14px;} .container .player_quote.quote_blue2 { margin-top:0; background:#15324a; color:#fff; width:620px; height:127px; padding:10px; font-size:14px;} .container .player_quote.quote_blue2 .quote_attribute { padding-top:10px;text-align:left; font-style:normal; font-weight:bold; font-size:14px;} .container .player_quote.quote_blue3 { margin-top:0; background:#15324a; color:#fff; padding:10px; width:420px; height:300px; padding:10px; font-size:14px;} .container .player_quote.quote_blue3 .quote_attribute { padding-top:10px;text-align:left; font-style:normal; font-weight:bold; font-size:16px; line-height:24px;} .container .player_quote p { width:100%; margin-bottom:4px;} .container .player_quote p { width:100%; margin-bottom:4px;} .container .player_quote .quote_attribute { padding-top:0;text-align:left; font-style:normal; font-weight:bold; font-size:12px;} .container .player_quote .quote_attribute.flush_right { padding-top:0;text-align:right; font-style:normal; font-weight:bold; font-size:12px;} .container .player_quote .pic_right { position:absolute; display:block; top:4px; right:4px;} .container .player_quote .pic_left { position:absolute; display:block; top:4px; left:4px;} .container .player_title_center { text-align:center; } .container .side_block_blue { background:#15324a; font-size:16px; } .container .side_block_blue p { padding:20px; color:#fff;} .container .side_block_blue p b { color:#fff;} .container .stacked_block { float:left; clear:left; margin-bottom:10px;} .container .stacked_block p { font-size:16px; } .container .accept_btn { display:block; background:#F47D31; text-align:center; padding:10px 10px; color:#fff; font-size:14px; font-weight:bold; width:350px; margin-left:300px;} .container .accept_btn2 { display:block; background:#F47D31; text-align:center; padding:10px 10px; color:#fff; font-size:14px; font-weight:bold; width:350px; margin: 0 0 0 170px; float:left;} .container .accept_btn3 { display:block; background:#F47D31; text-align:center; padding:10px 10px; color:#fff; font-size:14px; font-weight:bold; width:350px; margin: 0 0 0 55px; float:left;} .container .blue_table { background:#15324a; width:800px; padding-left:30px;} .container .blue_table tr td { color:#fff; padding:2px 8px; font-size:14px; border-top:1px solid #204767;} .container .blue_table tr.heading_row td { font-weight:bold;} .container .draft_table { } .container .draft_table tr td.red_column { background:#F47D31; width:150px; vertical-align:top; padding:10px;} .container .draft_table tr td.red_column h3 { color:#fff; line-height:40px;} .container .learn_table { width:960px; vertical-align:top; margin-left:10px;} .container .learn_table tr td { vertical-align:top; border-collapse:none; border-spacing:none;} .container .eyes_table { width:960px; vertical-align:top; margin-left:10px;} .container .eyes_table tr td { vertical-align:top; border-collapse:none; border-spacing:none;} .container .contact_phil { color:#fff; margin-top:0; background:#15324a; color:#fff; width:460px; height:70px; padding:10px; margin-bottom:20px;} .container .contact_phil strong { color:#fff; font-size:22px;} .container .contact_phil .senior_bowl_logo { margin-right:15px;} .container .contact_phil a { font-weight:bold; font-size:14px;} .container a.player_index_links:hover { color:#15324a;} .container .contact_phil2 { color:#15324a; margin-top:0; background:#ccc; width:440px; height:70px; padding:10px; margin-bottom:20px;} .container .contact_phil2 strong { color:#15324a; font-size:22px;} .container .contact_phil2 .senior_bowl_logo { margin-right:15px;} .container .contact_phil2 a { font-weight:bold; font-size:14px;} .container a.player_index_links:hover { color:#15324a;} .container .border-red { color:red;} .table_float_left { float:left; margin: 0 10px;} span.schedule_topic { font-size:18px; color:#15324a; font-weight:bold;} /* Cycles Plugin CSS ================================================== */ .slider_home { height:362px; width:638px;float: left; display: block; position: relative; } .slider_home h5 { display: inline; color: #fafaf2; } .featured_content { background:#0f2e46; height:90px; width:635px; float: left; margin:-100px 0 0 0px; padding-top: 7px; display: block; position:absolute; top:0 left:0;} .ie7 .featured_content { background:#0f2e46; height:90px; width:635px; float: left; margin:-100px 0 0 0px; padding-top: 7px; display: block; position:relative; top:0 left:0;} .featured_content h3 { color:#fff; padding:10px 0 0 15px;} .featured_content p { color:#fff; padding-left:15px; margin-bottom:5px;} .featured_content a.extra_link { float:left; color:#ede510; font-size:11px; font-weight:bold; text-decoration:none; padding:1px 2px; margin-left:5px;} .featured_content a.extra_link:hover { text-decoration:underline;} .featured_content .links_block { top:70px; position:absolute; left:10px;} .featured_content a h3:hover { color:#ede510;} .img_overflow { height:362px; width:638px; display:block; overflow:hidden;} .btn_rotator { position: absolute; bottom: 4px; right:8px; } .btn_rotator p { font-size: 1.1em; } #divMainSliderNav { position:absolute; bottom:18px; right:20px; z-index:99; background:none;} #divMainSliderNav a { margin: 0 0 0 4px; padding: 1px 2px 2px 2px; background:#fff; text-decoration: none; color: #ffffff; text-indent:-9999px;} #divMainSliderNav a:hover { background: #fff; text-decoration: none; color: #5f554a; text-indent:-9999px;} #divMainSliderNav a.activeSlide { background:#eea851; text-decoration: none; color: #f5f5f5; text-indent:-9999px; border:1px solid #f5f5f5;} #divMainSliderNav a:focus { outline: none; } #divMainSliderNav a span { display:none;} #slider_alt_wrapper { height:362px; width:638px; display:block; background:#fff; position:relative; float:left; padding: 0 0 0 0; margin: 0 0 0 0; border:none;} .news_highlights li a , .news_highlights li a:visited { color:#333;} .news_highlights li a:hover h3 { color:#d55e12;} /* News Slider ================================================== */ .news_section { border-top:none; display:block; width: 320px; margin:15px 0 0 10px ; background:#fff; -moz-box-shadow: 0px 0px 6px 0px #999;-webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow: 0px 0px 6px 0px #999;} .news_section h6.green { display: inline; color: #fff; font-size:12px; padding:0 0 0 15px; margin-top:10px; float:left;} .News_slider_home { width: 280px; height:145px; float: left; display: block; position: relative; margin-top:10px; } .News_slider_home h4 { color: #fff; padding-bottom:10px;} .News_slider_home p { color: #fff; } #News_slider_wrap h6.green { display: inline; color: #fff; } .News_slider_home a { text-decoration:none; padding:10px;} .News_slider_home a .learnmore { display:none; padding:2px 3px 2px 8px; font-size:10px; text-transform:upercase; color:#fff; font-weight:bold; background:#fff; color:#389ac7; width:70px; position:absolute; top:118px; right:-5px;} .News_slider_home a:hover .learnmore { display:block; padding:2px 3px 2px 8px; font-size:10px; text-transform:upercase; color:#fff; font-weight:bold; background:#fff; color:#389ac7; width:70px; position:absolute; top:118px; right:-5px;} #News_slider_wrap Nav { position:absolute; bottom:18px; right:435px; z-index:99; background:none; display:none;} #News_slider_wrap Nav a { margin: 0 0 0 4px; padding: 3px 10px 6px 10px; background:url(../images/leaf_single.png) no-repeat; text-decoration: none; color: #ffffff; text-indent:-9999px;} #News_slider_wrap Nav a:hover { background: #75c426 url(../images/leaf_single.png) no-repeat; text-decoration: none; color: #5f554a; text-indent:-9999px;} #News_slider_wrap Nav a.activeSlide { background:url(../images/leaf_single.png) no-repeat; text-decoration: none; color: #5f554a; text-indent:-9999px; border:1px solid #f5f5f5;} #News_slider_wrap Nav a:focus { outline: none; } #News_slider_wrapNav a span { display:none;} #News_slider { height:145px; width:250px; display:block; background:none; position:relative; float:left; padding: 0 0 8px 15px; margin: 0 0 0 0; } #formtable td { vertical-align: top; padding: 3px; } #formtable td input { width: inherit; } .formcaption { font-weight: bold;} .required { color: red; } /* Directory ================================================== */ #directory_listings { float:left; width:980px; display:block; margin-left:-10px;} #directory_listings .dir_lists { float:left; width:140px; } #directory_listings .dir_lists h3 a { padding:5px 10px; width:100px; float:left; border-bottom:1px solid #0d283f; font-size:18px; color:#fff; text-decoration:none;} #directory_listings .dir_lists ul { height:250px; padding:5px 10px; width:100px; float:left; border-top:1px solid #143a5b; } #directory_listings .dir_lists.dir_first { border-left:none;} #directory_listings .dir_lists.dir_last { border-right:none;} #directory_listings .dir_lists ul li { margin-bottom:0; padding:4px 0;} #directory_listings .dir_lists ul li a { font-size:11px; color:#fff; text-decoration:none;} .countdown { display:none;} .ie7 .countdown_scroll { display:none;} .ie7 .countdown { display:block;} .gallerytitle{ font-weight: bold; font-size: 14px; line-height: 10px; } .gallerydescription { font-style: italic; text-decoration: none; padding-bottom: 10px; } a.photogallery:link, a.photogallery:visited { background-color: white; color: black; text-decoration: none; display: block; height: 200px; width: 190px; float: left; margin: 6px; padding: 15px; } a.photogallery:hover, a.photogallery:active { background-color: #fce08a;} #mygallery { position: relative; } #mygallery a.photogallery img { border: 1px solid black; } .button{ margin-top: 10px; clear: both; display: block; } .albumcaption { color: #444; font-size: 14px; line-height: 18px; padding-bottom: 10px; } p.withmargin { margin: 10px 0px; } div.crop{ width: 190px; height: 130px; overflow: hidden; } @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=3.0.1'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype'); font-weight: normal; font-style: normal; } /* Font Awesome styles ------------------------------------------------------- */ [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; /* sprites.less reset */ display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0; } /* more sprites.less reset */ .icon-white, .nav-pills > .active > a > [class^="icon-"], .nav-pills > .active > a > [class*=" icon-"], .nav-list > .active > a > [class^="icon-"], .nav-list > .active > a > [class*=" icon-"], .navbar-inverse .nav > .active > a > [class^="icon-"], .navbar-inverse .nav > .active > a > [class*=" icon-"], .dropdown-menu > li > a:hover > [class^="icon-"], .dropdown-menu > li > a:hover > [class*=" icon-"], .dropdown-menu > .active > a > [class^="icon-"], .dropdown-menu > .active > a > [class*=" icon-"], .dropdown-submenu:hover > a > [class^="icon-"], .dropdown-submenu:hover > a > [class*=" icon-"] { background-image: none; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } /* makes sure icons active on rollover in links */ a [class^="icon-"], a [class*=" icon-"] { display: inline-block; } /* makes the font 33% larger relative to the icon container */ .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } /* Responsive Slider ====================================*/ .rslides { margin: 0 auto; } .rslides_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .centered-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.7; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("themes.gif") no-repeat left top; margin-top: -45px; } .centered-btns_nav:active { opacity: 1.0; } .centered-btns_nav.next { left: auto; background-position: right top; right: 0; } .transparent-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 0; left: 0; display: block; background: #fff; /* Fix for IE6-9 */ opacity: 0; filter: alpha(opacity=1); width: 48%; text-indent: -9999px; overflow: hidden; height: 91%; } .transparent-btns_nav.next { left: auto; right: 0; } .large-btns_nav { z-index: 3; position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); opacity: 0.6; text-indent: -9999px; overflow: hidden; top: 0; bottom: 0; left: 0; background: #000 url("themes.gif") no-repeat left 50%; width: 38px; } .large-btns_nav:active { opacity: 1.0; } .large-btns_nav.next { left: auto; background-position: right 50%; right: 0; } .centered-btns_nav:focus, .transparent-btns_nav:focus, .large-btns_nav:focus { outline: none; } .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs { margin-top: 10px; text-align: center; } .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li { display: inline; float: none; _float: left; *float: left; margin-right: 5px; } .centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a { text-indent: -9999px; overflow: hidden; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background: #ccc; background: rgba(0,0,0, .2); display: inline-block; _display: block; *display: block; -webkit-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); -moz-box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); box-shadow: inset 0 0 2px 0 rgba(0,0,0,.3); width: 9px; height: 9px; } .centered-btns_here a, .transparent-btns_here a, .large-btns_here a { background: #222; background: rgba(0,0,0, .8); } .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } #slider3 { float:left;} /* Get the bourbon mixin from http://bourbon.io */ /* Reset */ .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .flip-clock-wrapper a { cursor: pointer; text-decoration: none; color: #ccc; } .flip-clock-wrapper a:hover { color: #fff; } .flip-clock-wrapper ul { list-style: none; } .flip-clock-wrapper.clearfix:before, .flip-clock-wrapper.clearfix:after { content: " "; display: table; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper.clearfix { *zoom: 1; } /* Main */ .flip-clock-wrapper { font: normal 11px "Helvetica Neue", Helvetica, sans-serif; -webkit-user-select: none; } .flip-clock-meridium { background: none !important; box-shadow: 0 0 0 !important; font-size: 36px !important; } .flip-clock-meridium a { color: #313333; } .flip-clock-wrapper { text-align: center; position: relative; width: 100%; margin: 10px 10px 10px 0; } .flip-clock-wrapper:before, .flip-clock-wrapper:after { content: " "; /* 1 */ display: table; /* 2 */ } .flip-clock-wrapper:after { clear: both; } /* Skeleton */ .flip-clock-wrapper ul { position: relative; float: left; margin: 5px 3px 5px 2px; width: 30px; height: 35px; font-size: 40px; font-weight: bold; line-height: 90px; border-radius: 6px; background: #000; } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0; width: 100%; height: 100%; line-height: 30px; text-decoration: none !important; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li a { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: visible !important; cursor: default !important; } .flip-clock-wrapper ul li a div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; font-size: 80px; overflow: hidden; outline: 1px solid transparent; } .flip-clock-wrapper ul li a div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li a div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li a div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0, 0, 0, 0.4); } .flip-clock-wrapper ul li a div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 30px; } .flip-clock-wrapper ul li a div.up div.inn { top: 0; } .flip-clock-wrapper ul li a div.down div.inn { bottom: 0; } /* PLAY */ .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper .flip { box-shadow: 0 2px 5px rgba(0, 0, 0, 0.7); } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider { float: left; display: inline-block; position: relative; width: 15px; height: 40px; } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { display: block; background: #323434; width: 6px; height: 6px; position: absolute; border-radius: 50%; box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); left: 5px; } .flip-clock-divider .flip-clock-label { position: absolute; top: -1.5em; right: -86px; color: black; text-shadow: none; } .flip-clock-divider.minutes .flip-clock-label { right: -88px; } .flip-clock-divider.seconds .flip-clock-label { right: -91px; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 30px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } /* SHADOW */ .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .up .shadow { background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(100%, black)); background: linear, top, rgba(0, 0, 0, 0.1) 0%, black 100%; background: -o-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1) 0%, black 100%); background: linear, to bottom, rgba(0, 0, 0, 0.1) 0%, black 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.3s linear both; } /*DOWN*/ .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-active .down .shadow { background: -moz-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, black), color-stop(100%, rgba(0, 0, 0, 0.1))); background: linear, top, black 0%, rgba(0, 0, 0, 0.1) 100%; background: -o-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: -ms-linear-gradient(top, black 0%, rgba(0, 0, 0, 0.1) 100%); background: linear, to bottom, black 0%, rgba(0, 0, 0, 0.1) 100%; -webkit-animation: hide 0.5s 0.3s linear both; -moz-animation: hide 0.5s 0.3s linear both; animation: hide 0.5s 0.2s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } .flip-clock-divider.days .flip-clock-label { right:-67px;} .flip-clock-divider.hours .flip-clock-label { right:-50px;} .flip-clock-divider.minutes .flip-clock-label { right:-54px;} .committee_left { text-align:center; padding:10px; display:block; float:left;} .committee_left h5 { font-size:14px; text-decoration:none; } /* Mobile Navigation ====================================*/ #mobile-navigation { display: none; } @media only screen and (max-width:1024px) { #mobile-navigation { display: none; } #responsive, .search-container { display: none; } #header { z-index: 999; background-color: #171512; height: 79px; margin-top: 0; position: relative; width: 100%; } body { padding-top: 0; } #header #logo { width: 247px; left: 0; right: 0; position: absolute; margin: 0 auto; margin-top: 28px; z-index: 99; } a.menu-trigger { color: #a0a0a0; display: block; font-size: 28px; float: left; background: none; z-index: 100; position: relative; } .search-trigger { color: #a0a0a0; display: block; font-size: 28px; float: right; cursor: pointer; background: #fff; z-index: 100; position: relative; } #menu-search { display: none; } #menu-search input { float: left; box-shadow: none; border: 0; font-size: 16px; color: #aaa; width: 50%; padding: 27px 0 23px 0; } a.menu-trigger, .search-trigger { padding: 25px 30px; } a.menu-trigger { padding-left:20px; } .search-trigger { padding-right:0; } #menu-search input:focus { color: #888; } #menu-search input::-webkit-input-placeholder { color: #a0a0a0; opacity: 1;} #menu-search input::-moz-placeholder { color: #a0a0a0; opacity: 1; } #menu-search input:-ms-input-placeholder { color: #a0a0a0; opacity: 1; } #menu-search input:focus::-webkit-input-placeholder { color: #888; opacity: 1; } #menu-search input:focus::-moz-placeholder { color: #888; opacity: 1; } #menu-search input:focus:-ms-input-placeholder { color: #888; opacity: 1; } .jPanelMenu-panel { -webkit-box-shadow: 3px 0 20px 0 rgba(0, 0, 0, 0.28); box-shadow: 3px 0 20px 0 rgba(0, 0, 0, 0.28); } } #jPanelMenu-menu { background: #092F54; display:none;} #jPanelMenu-menu #current { border-bottom: 1px solid #eee; } #jPanelMenu-menu #current:after, #jPanelMenu-menu .sf-sub-indicator { display: none; } #jPanelMenu-menu ul { margin:0;} #jPanelMenu-menu li a { display:block; padding: 12px 20px !important; font-size:14px; background-color: none; border-bottom: 1px solid #0d4b88; color: #f37d32; font-weight:600; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; outline: none; } #jPanelMenu-menu li li a { color: #fff; } #jPanelMenu-menu li a:hover { background-color:#0a233c; color:#fff; } #jPanelMenu-menu li li a { background-color: none; padding-left: 30px !important; } #jPanelMenu-menu li { margin:0;} /* Accordions & Toggles ====================================*/ .ui-accordion .ui-accordion-header, .trigger a { display: block; cursor: pointer; position: relative; padding: 0; line-height: 26px; outline: none; color: #fff; font-size: 14px; background-color: #333; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.05); -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; padding: 10px 16px; margin-bottom: 0px; border-radius: 3px; } .ui-accordion .ui-accordion-header-active:hover, .ui-accordion .ui-accordion-header-active, .trigger.active a, .trigger.active a:hover { background: #a0a0a0; color: #fff; box-shadow: inset 0px -1px 0px 0px rgba(0,0,0, 0.1); } .ui-accordion .ui-accordion-content, .toggle-container { padding: 0 16px 10px 16px; } .ui-accordion .ui-accordion-content p { margin: 0; } .ui-accordion .ui-accordion-content { } .ui-accordion-icon:before, .ui-accordion-icon-active:before, .toggle-icon:before { font-family:"FontAwesome"; content:""; color: #a0a0a0; font-size: 18px; display: block; float: left; line-height: 25px; margin: 0 8px 0 0; } .toggle-container p { margin: 0; } .ui-accordion-icon-active:before, .trigger.active .toggle-icon:before { content:""; color: #fff; } .faq .toggle-icon:before, .faq .trigger.active .toggle-icon:before { content:""; } #collapsenavigation { display:none; float:left; width:100%; margin-bottom:15px;} .container #navcollapse { margin-top:0px; width:100%; overflow:hidden;border-bottom:1px solid #ececec; background:#f5f5f5;} .container #navcollapse li { width:100%; border-top:1px solid #ccc; background:#f5f5f5; margin:0; } .container #navcollapse li a { text-transform:uppercase; display:block; text-decoration:none; padding:12px 7px 12px 15px; color:#494949; font-size:12px; font-weight:bold; } .container #navcollapse li:hover, .container .left_col_nav li.over { border-top:1px solid #cbcbcb; background:#efefef; } .container #navcollapse li:hover a, .container .left_col_nav li.over a { color:#494949; } .container #navcollapse li:hover ul li a { color:#494949;} .container #navcollapse li:hover ul li a:hover { color:#fff;} .container #navcollapse li.lvl1 { background:#ccc; color:#222; } .container #navcollapse li.lvl1 a { background:#ccc; color:#222; } .container #navcollapse li.lvl2 ul { display:none;} .container #navcollapse li.lvl2.show_ul ul { display:block;} .container #navcollapse li.lvl2.show_ul a { background:#eaeaea; color:#555; border-left:4px solid #75C426;} .container #navcollapse li:hover.lvl2.show_ul a { color:#555;} .container #navcollapse li:hover.lvl2.show_ul ul li a { color:#888;} .container #navcollapse li.lvl2.show_ul ul li a { color:#888; border-left:8px solid #75C426;} .container #navcollapse li.lvl2.show_ul a.current_link { border-left:8px solid #f37d32; color:#f37d32;} .container #navcollapse li:hover.lvl2.show_ul a.current_link { background:#fff;} .container #navcollapse li.lvl2.show_ul ul li { border-top:1px solid #ccc; } .container #navcollapse li.lvl2.show_ul ul li a:hover { background:#75C426; color:#fff;} .container #navcollapse li ul { margin:0; } .container #navcollapse li ul li a { padding-left:20px;} #navcollapse { display:none;} .two-thirds.column.content_column .content_padding { padding-top:40px;} iframe.responsive_video { width:100%;} .container .news_highlights li a { float:left; width:100%;} .partners_list { list-style:none; float:left; display:block;} .partners_list li { list-style:none; float:left; display:block;} .partners_list li a { margin:15px; float:left; display:block;} .container .scouters_player_block { width:50%; float:left; display:block;} .container #scouters_blocks { width:100%; display:block; position:relative;} .container #scouters_blocks .table_vs { top:100px; right:47%; font-size:35px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif font-size:45px; font-weight:bold; text-align:center; height:36px; width:45px; position:absolute; color:#fff; float:right; background:#333; padding:8px 6px 2px 6px; } .container #scouters_blocks .player_position { float:left; font-size:21px; font-weight:bold; padding:26px 6px 8px 6px; background:#fff; color:#333; height:38px;} .container #scouters_blocks .player_info_block { display:block; float:left; padding:10px; } .container #scouters_blocks .player_info_block .player_name { font-size:26px; padding-bottom:10px; font-weight:bold; color:#fff;} .container #scouters_blocks .player_info_block .player_stats { font-size:14px; font-weight:bold; color:#fff;} .container .sixteen.columns.scouters_view_block { float:left; background:#f37d32; margin:0; width:100%;} .container .roster_sort { float:left; margin-right:20px; } .container .profile_select { display:block; float:left; width:32%; } .container .profile_sort { display:block; float:left; width:20%; } .container .scouters_player_block_sm { width:50%; float:left; display:block;} .container #scouters_blocks_sm { width:100%; display:block; position:relative; float: left; background: #f37d32;} .container #scouters_blocks_sm .table_vs { top:-10px; right:44%; font-size:20px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif font-size:20px; font-weight:bold; text-align:center; height:21px; width:25px; position:absolute; color:#fff; float:right; background:#333; padding:2px 6px 6px 6px; } .container #scouters_blocks_sm .player_position { float:left; font-size:12px; font-weight:bold; padding:6px 6px 8px 6px; margin:-40px 0 0 -10px; background:#fff; color:#333; height:16px;} .container #scouters_blocks_sm .player_info_block { display:block; float:left; padding:10px; } .container #scouters_blocks_sm .player_info_block .player_name { font-size:14px; text-align:center; padding-bottom:0; font-weight:bold; color:#fff;} .container #scouters_blocks_sm .player_info_block .player_stats { font-size:14px; font-weight:bold; color:#fff;} .container .sixteen.columns.scouters_view_block_sm { float:left; background:#f37d32; margin:0; width:100%;} .container .roster_sort { float:left; margin-right:10px; } /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 960px) { .container .masthead_object { text-align:center; height:auto; display:block;} p.tagline { margin:10px; } #nav { width:100%; cursor:pointer; background:#444; display:block; height:auto; } } @media only screen and (min-width: 961px) and (max-width: 1024px) { .container p { font-size:14px; line-height:24px; width:90%;} .featured_content { background:#0f2e46; height:130px; width:100%; float: left; margin:-130px 0 0 0px; padding-top: 7px; display: block; position:absolute; top:0 left:0;} .featured_content .links_block { top:100px; position:absolute; left:10px;} } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 960px) { .container .masthead_object { height:auto; display:block;} #nav { width:100%; cursor:pointer; background:#444; display:block; height:auto; } .navigation_block { position:absolute; top:107px; height:57px; left:0; display:block; background: url(../images/nav_seperator.png) top right no-repeat; margin: 0 0 0 20px;} #nav li { color:#fff; display:block; display:block; float:left; font-weight:bold; padding:0; position:relative; margin:0; background:transparent url(../images/nav_seperator.png) top left no-repeat; height:57px;} #nav li a { font-size:11px; border-radius: 3px; color:#353535; text-decoration:none; text-transform:uppercase; line-height:18px; padding:19px 8px 20px 8px; margin-left:0; display:block; background:none;} .fontface #nav li a { text-shadow: 1px 1px 1px #fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:20px; font-weight:normal; border-radius: 0; color:#353535; text-decoration:none; text-transform:uppercase; line-height:18px; padding:23px 22px 17px 22px; margin-left:0; display:block; background:none;} .fontface #nav li a#credentials { padding: 23px 9px 17px 8px; } .fontface #nav li:hover a, .fontface #nav li.over a { color:#353535; font-weight:normal; background:#fff; } .fontface #nav li#home a { display:none; background:none; padding:23px 7px 6px 7px; } .fontface #nav li#home:hover a { background:url(../images/nav_seperator.png) top left no-repeat; padding:23px 7px 6px 7px; } #nav li:hover, #nav li.over { display:block; background:none; } #nav li:hover a, #nav li.over a { color:#353535; font-weight:bold; background:#fff; } .ie7 #nav li a .container .sixteen.columns.page_title_block { float:left; height:190px; width:600px; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0;} .container .eleven.columns { width: 768px; } .container .eleven.columns .index_full_block { margin-top:10px; position:relative; margin-bottom:15px; width:738px; padding:15px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .eleven.columns .index_half_block { height:150px; position:relative; margin-bottom:15px; width:335px; padding:19px 15px 15px 15px; float:right; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .eleven.columns .news_highlights li { float:left; width:738px; border-bottom:1px solid #ececec;} .container .five.columns.no_right_margin { margin:0 0 0 5px; width:768px;} .container .five.columns .index_side_block { position:relative; margin: 10px 0 15px 0; width:210px; padding:19px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .five.columns .index_side_block .vid_img { margin:-29px 0 0 -15px; float:left;} .container .five.columns .index_side_block .vid_img img { width:240px;} .container .five.columns .index_side_block .vid_link { font-size:16px; color:#333;} .container .five.columns .index_side_block.store_box { padding:10px 15px 0 15px; margin: 10px 0 15px 15px;} .fontface .container .index_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:30px; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; margin: 0 0 20px 13px; } .container .five.columns .index_side_block.store_box img { width:240px; margin-top:-10px;} .container .five.columns .index_side_block .center_pic { width:240px; margin:-40px 0 0 -15px; } .container h4.shorttitle { font-size:12px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:0;} .fontface .container h3.red_title_block.shop_red_title { margin-left:0px;} .fontface .container .content_side_block.side_video_block h3.red_title_block { margin:0;} .container .side_blocks_hide { display:none;} #slider3 { width:524px; float:left;} .container .marquee_right { height:264px; width:244px; float:left; background:#fff;} .container .marquee_right .news_ev_list { width:260px; float:left; height:219px; margin:0 0 15px 0;} .container .marquee_right .news_ev_list li { padding:3px 0; margin:0 0 0 4%; float:left; width:90%; border-bottom:1px dotted #0f4a7b;} .container .marquee_right .news_ev_list li a { font-size:11px; line-height:13px; } .container .marquee_right h2.news_ev_heading { margin:0; font-size:24px; padding:6px 10px 6px 10px; color:#fff; background:url(../images/news_heading_orange.png) -8px 0 no-repeat; width:224px; height:28px; float:left;} #slider_alt_wrapper { height:400px; width:538px; display:block; background:#fff; position:relative; float:left; padding: 0 0 0 0; margin: 0 0 0 0; border:none;} .slider_home { height:400px; width:538px;float: left; display: block; position: relative; } .img_overflow { height:400px; width:538px; display:block; overflow:hidden;} .container .logo_object { text-align:center; height:100px; float:left; display:block; position:absolute; left:270px; top:0px;} .container .logo_object img { text-align:center; margin-top:0px; height:100px; } .container .sixteen.columns.page_title_block { float:left; height:150px; width:768px; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0;} .container.clickin_container { position: relative; width: 768px; margin: 25px auto 60px auto; padding: 0; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; } .container .page_title_image { overflow:hidden; width: 768px;} .fontface .container .page_title_block h1 { background:#f37d32; padding:12px 25px; top:100px; left:0; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:36px; font-weight:normal; margin: 20px 0 20px 13px; } .container .left_col_nav li a { text-transform:uppercase; display:block; text-decoration:none; padding:12px 7px; color:#494949; font-size:12px; font-weight:bold; } .container .left_col_nav { margin-top:0px; width:236px; overflow:hidden;border-bottom:1px solid #cbcbcb;} .container .one-third.column .content_side_block { position:relative; margin: 10px 0 15px 0; width:187px; padding:19px 10px 15px 10px; float:right; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .one-third.column .content_side_block .vid_img img { width:207px;} .container .one-third.column .content_side_block h3.red_title_block { left:27px;} .container #directory_listings { display:none;} #footer_outer #footer_wrapper { width:768px; padding:0; display:block; height:150px;} #footer_outer { position: relative; width: 100%; margin: 0 auto 0 auto; height:215px; padding: 0; background:#002249 url(../images/footer_bg_orange.jpg) repeat-x; } #footer_holder { position: relative; width: 100%; margin: 0 auto; height:215px; padding: 0; background:#fff; } #header_container .container_wrapper { width:768px; height:165px; margin:0 auto; position:relative; background: url(../images/header_container_bg_center_orange.jpg) top center no-repeat;} #directory_listings { float:left; width:768px; display:block; margin-left:-10px;} #footer_outer .footer { margin:0 auto ; position: relative; width: 768px; margin: 0 auto; padding: 0;} .container .content_column { display:block; clear:none; padding-top:40px; } .container .img_right { float:right; margin:0 0 15px 15px; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; width:60%;} .container .dashed_column br { display:none;} .container .sixteen.columns.profile_view_block { float:left; background:#f37d32; margin:0; width:768px;} .container .profile_view_block .profile_view_right_img { float:right; width:215px; border:10px solid #fff; margin:20px 20px 0 0 ;} .container .inset_img_wrap_right img { width:100%;} .container .inset_img_wrap_right { min-width:290px;} .container .marquee_right .countdown { position:relative; float:left; padding-left:35px; width:240px; height:91px; background: url(../images/countdown_bg_2.jpg) top center no-repeat;} .container .marquee_right .countdown_scroll { position:relative; float:left; padding: 20px 0 0 10px; width:235px; height:91px; background: url(../images/countdown_bg_2.jpg) top center no-repeat;} .flip-clock-wrapper ul li a div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; color: #ccc; text-shadow: 0 1px 2px #000; text-align: center; background-color: #333; border-radius: 6px; font-size: 20px; } .flip-clock-wrapper ul { position: relative; float: left; margin: 5px 2px 5px 2px; width: 23px; height: 30px; font-size: 30px; font-weight: bold; line-height: 90px; border-radius: 6px; background: #000; } .flip-clock-divider.days .flip-clock-label { right:-57px;} .flip-clock-divider.hours .flip-clock-label { right:-45px;} .flip-clock-divider.minutes .flip-clock-label { right:-44px;} .slider_home { height:362px; width:638px;float: left; display: block; position: relative; } .slider_home h5 { display: inline; color: #fafaf2; } .featured_content { background:#0f2e46; height:130px; width:524px; float: left; margin:-136px 0 0 0px; padding-top: 7px; display: block; position:absolute; top:0 left:0;} .featured_content .links_block { top:90px; position:absolute; left:10px;} .container #slider_thumbs { width:100%; float:left; padding:5px 0px 5px 0; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; } .container #slider_thumbs li { float:left; margin-bottom:0;} .container #slider_thumbs li a { float:left; padding:5px; text-decoration:none; width:147px; margin:0 15px; display:block;} .container #slider_thumbs li.rslides_here a { background:#f37d32;} .container .sixteen.columns.slider_block { width:768px; margin-top:15px; border-top:5px solid #15324a; padding-bottom:6px; margin-bottom:15px; background:url(../images/slider_bottom.png) bottom center no-repeat;} .container .sixteen.columns.slider_block { width:768px; margin-top:15px; border-top:5px solid #15324a; padding-bottom:6px; margin-bottom:15px; background:url(../images/slider_bottom.png) bottom center no-repeat;} .container #scouters_blocks { width:100%; display:block; position:relative;} .container #scouters_blocks .table_vs { top:100px; right:47%; font-size:35px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif font-size:45px; font-weight:bold; text-align:center; height:36px; width:45px; position:absolute; color:#fff; float:right; background:#333; padding:8px 6px 2px 6px; } .container #scouters_blocks .player_position { float:left; font-size:16px; font-weight:bold; padding:26px 6px 8px 6px; background:#fff; color:#333; height:38px;} .container #scouters_blocks .player_info_block { display:inline-block; float:none; padding:10px; } .container #scouters_blocks .player_info_block .player_name { font-size:20px; padding-bottom:10px; font-weight:bold; color:#fff;} .container #scouters_blocks .player_info_block .player_stats { font-size:12px; font-weight:bold; color:#fff; text-wrap:normal;} .container .sixteen.columns.scouters_view_block { float:left; background:#f37d32; margin:0; width:100%;} .container .roster_list li .rosterlist { margin:2px; padding:2px; margin-bottom:1px; float:left; background:#f5f5f5; width:100%; text-decoration:none;} .container .roster_list li .rosterlistprint { margin:2px; padding:2px; margin-bottom:1px; float:left; background:#fff; width:100%; text-decoration:none;} .container .roster_list li .rosterlist:hover { background:#999;} .container .roster_list li .rosterlistprint:hover { background:#999;} .container .roster_list li .rosterlist .roster_list_img { height:30px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlist span { text-align:right; padding:0px 0 0 0; font-size:11px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlistprint span { text-align:right; padding:0px 0 0 0; font-size:11px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .roster_list li .rosterlist span.roster_list_number { text-align:left; font-size:11px; width:34px; margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_number { text-align:left; font-size:11px; width:34px; margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_name { text-align:left; font-size:11px; width:130px; margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_name { text-align:left; font-size:11px; width:130px; margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_school { text-align:left; font-size:11px; color:#333;margin: 0 ; } .container .roster_list li .rosterlistprint span.roster_list_school { text-align:left; font-size:11px; color:#333;margin: 0 ; } .container .roster_list li .rosterlist span.roster_list_position { text-align:left; font-size:11px; width:40px;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_position { text-align:left; font-size:11px; width:40px;margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_height { text-align:left; font-size:11px; width:40px;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_height { text-align:left; font-size:11px; width:40px;margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_weight { text-align:left; font-size:11px; width:40px;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_weight { text-align:left; font-size:11px; width:40px;margin: 0 ;} .container .roster_list li .rosterlist span.roster_list_conference { text-align:left; font-size:11px; width:70px;margin: 0 ; } .container .roster_list li .rosterlistprint span.roster_list_conference { text-align:left; font-size:11px; width:70px;margin: 0 ; } .container .roster_list li .rosterlist span.roster_list_school { font-size:11px; width:100px; text-align:left;margin: 0 ;} .container .roster_list li .rosterlistprint span.roster_list_school { font-size:11px; width:100px; text-align:left;margin: 0 ;} .container .roster_list li .rosterlist:hover span { color:#fff;} .container .roster_list li .rosterlistprint:hover span { color:#fff;} .container .roster_list li .rosterlist:hover span.roster_list_school { font-size:12px; color:#fff; } .container .roster_list li .rosterlistprint:hover span.roster_list_school { font-size:12px; color:#fff; } .container .roster_list li .rosterlist .short_desc { float:left; display:block; font-weight:normal; text-align:left; padding:5px; font-weight:12px;} .container .roster_list li .rosterlistprint .short_desc { float:left; display:block; font-weight:normal; text-align:left; padding:5px; font-weight:12px;} .container .roster_list li .rosterlist:hover .short_desc { color:#fff;} .container .roster_list li .rosterlistprint:hover .short_desc { color:#fff;} .container .roster_sort_no { width:33px; float:left;} .container .roster_sort_name { width:130px; float:left;} .container .roster_sort_pos { width:40px; float:left;} .container .roster_sort_ht { width:40px; float:left;} .container .roster_sort_wt { width:40px; float:left;} .container .roster_sort_school { width:100px; float:left;} .container .roster_sort_conf { width:70px; float:left;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { #mobile-navigation { display: block; } #navigation_sticky { display:none; } .container .masthead_object { height:auto; display:block;} #nav { width:100%; cursor:pointer; background:#444; display:block; height:auto; } #navigation_sticky { display:none;} #nav li { color:#fff; display:block; display:block; float:left; font-weight:bold; padding:0; position:relative; margin:0; background:transparent url(../images/nav_seperator.png) top left no-repeat; height:57px;} #nav li a { font-size:11px; border-radius: 3px; color:#353535; text-decoration:none; text-transform:uppercase; line-height:18px; padding:19px 8px 20px 8px; margin-left:0; display:block; background:none;} .fontface #nav li a { text-shadow: 1px 1px 1px #fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; border-radius: 0; color:#353535; text-decoration:none; text-transform:uppercase; line-height:18px; padding:23px 14px 17px 14px; margin-left:0; display:block; background:none;} .fontface #nav li a#credentials { padding: 23px 9px 17px 8px; } .fontface #nav li:hover a, .fontface #nav li.over a { color:#353535; font-weight:normal; background:#fff; } .fontface #nav li#home a { width:185px; background:none; padding:34px 20px 6px 78px; } .fontface #nav li#home:hover a { width:185px; background:url(../images/nav_seperator.png) top left no-repeat; padding:34px 20px 6px 78px; } #nav li:hover, #nav li.over { display:block; background:none; } #nav li:hover a, #nav li.over a { color:#353535; font-weight:bold; background:#fff; } .ie7 #nav li a { background:transparent; } .container .sixteen.columns.page_title_block { float:left; height:190px; width:600px; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0;} .container .marquee_right { height:264px; width:100%; float:left; background:#fff; margin-top:0px;} .container .marquee_right .news_ev_list { width:100%; float:left; height:auto; margin:5px 0 15px 0;} .container .marquee_right h2.news_ev_heading { font-size:30px; padding:10px 0px 10px 3%; color:#fff; background:#f37d32; width:97%; height:28px; float:left;} #slider_alt_wrapper { height:400px; width:538px; display:block; background:#fff; position:relative; float:left; padding: 0 0 0 0; margin: 0 0 0 0; border:none;} .slider_home { height:400px; width:538px;float: left; display: block; position: relative; } .img_overflow { height:400px; width:538px; display:block; overflow:hidden;} .container .logo_object { text-align:center; height:100px; float:left; display:block; position:absolute; left:170px; top:0px;} .container .logo_object img { text-align:center; margin-top:0px; height:100px; } .container .sixteen.columns.page_title_block { float:left; height:195px; width:100%; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0;} .container.clickin_container { position: relative; width: 100%; margin: 0px auto 0px auto; padding: 0; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; } .container .page_title_image { overflow:hidden; width: 100%;} .container .left_col_nav li a { text-transform:uppercase; display:block; text-decoration:none; padding:12px 7px; color:#494949; font-size:12px; font-weight:bold; } .container .left_col_nav { margin-top:0px; width:236px; overflow:hidden;border-bottom:1px solid #cbcbcb;} .container .one-third.column .content_side_block { position:relative; margin: 25px 0 15px 0; width:187px; padding:19px 10px 15px 10px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .one-third.column .content_side_block .vid_img img { width:207px;} .container .one-third.column .content_side_block h3.red_title_block { left:27px;} .container #directory_listings { display:none;} #footer_outer #footer_wrapper { width:100%; padding:0; display:block; height:150px;} #footer_outer { position: relative; width: 100%; margin: 0 auto 0 auto; height:215px; padding: 0; background:#002249 url(../images/footer_bg_orange.jpg) top center repeat-x; } #footer_holder { position: relative; width: 100%; margin: 0 auto; height:215px; padding: 0; background:#fff; } #header_container .container_wrapper { width:100%; height:107px; margin:0 auto; position:relative; background: url(../images/header_container_bg_center_orange.jpg) top center no-repeat;} #directory_listings { float:left; width:100%; display:block; margin-left:-10px;} #footer_outer .footer { margin:0 auto ; position: relative; width: 100%; margin: 0 auto; padding: 0;} .left_col_nav { display:none;} .navigation_block { display:none;} #header_container { border-bottom: ; width:100%; height:105px; background:url(../images/header_container_bg_tile_orange.jpg); display:block; -moz-box-shadow: 0px 0px 8px 0px #999; -webkit-box-shadow: 0px 0px 8px 0px #999; box-shadow:0px 0px 8px 0px #999; z-index:1000;} #sthoverbuttons { display:none;} .container .dashed_column { min-height:230px; margin-top:20px; background:#f5f5f5 url(../images/side_bg_dashed.jpg) top left ; border:none; padding-bottom:50px;} img.inset_img { width:50%; display:block;} .fontface .container .page_title_block h1 { background:#f37d32; padding:10px 17px; top:-8px; left:0; position:relative; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:30px; font-weight:normal; margin: 0; } .container .content_column { width:100%; padding-bottom:40px; margin-bottom:0; float:left; height:auto; } #footer_holder { float:left; position: relative; width: 100%; margin: 0 auto; height:215px; padding: 0; background:#fff; } #collapsenavigation { display:block;} .container .eleven.columns .news_highlights .img_left { width:40%; float:left; margin:0 15px 15px 0; border:5px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow:0px 0px 5px 0px #999; } .container .eleven.columns .news_highlights li a h3 { color:#333; margin-bottom:10px; padding-bottom:0; } .container .eleven.columns .news_highlights li a h4 { font-size:12px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:0;} .container .eleven.columns .news_highlights li { float:left; width:100%; border-bottom:1px solid #ececec;} table.responsive { margin-bottom: 0; } .pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; overflow: hidden; overflow-x: scroll; border-right: 1px solid #ccc; border-left: 1px solid #ccc; } .pinned table { border-right: none; border-left: none; width: 100%; } .pinned table th, .pinned table td { white-space: nowrap; } .pinned td:last-child { border-bottom: 0; } div.table-wrapper { position: relative; margin-bottom: 20px; overflow: hidden; border-right: 1px solid #ccc; } div.table-wrapper div.scrollable { margin-left: 35%; } div.table-wrapper div.scrollable { overflow: scroll; overflow-y: hidden; } table.responsive td, table.responsive th { position: relative; white-space: nowrap; overflow: hidden; } table.responsive th:first-child, table.responsive td:first-child, table.responsive td:first-child, table.responsive.pinned td { display: none; } #mygallery { margin-top:-60px;} .container .sixteen.columns.profile_view_block { float:left; background:#f37d32; margin:0; width:100%;} .container .profile_view_block .profile_view_right_img { float:right; width:215px; border:10px solid #fff; margin:20px 20px 0 0 ;} .container .profile_stats { display:block; float:left; width:250px;} .container .profile_view_block .profile_view_info .inset_img { width:150px; float:left;} .container .profile_view_block .profile_view_info { float:left; width:60%; padding:20px 20px 0px 20px;} .container .inset_img_wrap_right img { width:100%;} .container .inset_img_wrap_right { min-width:240px;} #top_container { margin-bottom:40px; width:90%;} .countdown_scroll { display:none;} .container .eleven.columns .index_half_block { height:160px; position:relative; margin-bottom:15px; width:44%; padding:19px 15px 15px 15px; float:right; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container #slider_thumbs { width:100%; float:left; padding:5px; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; display:none;} .container #slider_thumbs li { width:22%; margin:1%;} .container #slider_thumbs li a { float:left; padding:5px; text-decoration:none; width:95%; display:block;} .container #slider_thumbs li a img { float:left; width:100%; } .container #slider_thumbs li a span { float:left; width:97%; font-weight:bold; font-size:11px; padding:2px; color:#fff; background:#143048;} .container .eleven.columns .index_full_block { margin-top:10px; position:relative; margin-bottom:15px; width:95%; padding:15px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .five.columns.no_right_margin { margin:0 0 0 5px; width:100%;} .container .five.columns .index_side_block { position:relative; margin: 10px 0 15px 0; width:150px; padding:19px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .five.columns .index_side_block.Sct_block { position:relative; margin: 10px 0 15px 0; width:90%; padding:19px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .five.columns .index_side_block .vid_img { margin:-29px 0 0 -15px; float:left;} .container .five.columns .index_side_block .vid_img img { width:180px;} .container .five.columns .index_side_block .vid_link { font-size:16px; color:#333;} .container .five.columns .index_side_block.store_box { padding:10px 15px 0 15px; margin: 10px 0 15px 15px;} .container .five.columns .index_side_block.store_box img { width:180px; } .container .eleven.columns .sm_play_prof { float:left; height:100px; width:100px; margin:-4px 15px 0 0;} .container .eleven.columns .sm_play_prof_desc { line-height:16px; float:left; width:120px; text-decoration:none; } .container .eleven.columns .sm_play_prof_desc span { font-weight:bold; float:left; width:120px; font-size:10px;} .container .scouters_player_block { width:50%; float:left; display:block;} .container #scouters_blocks { width:100%; display:block; position:relative;} .container #scouters_blocks .table_vs { top:-10px; right:47%; font-size:35px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif font-size:45px; font-weight:bold; text-align:center; height:36px; width:45px; position:absolute; color:#fff; float:right; background:#333; padding:8px 6px 2px 6px; } .container #scouters_blocks .player_position { float:left; font-size:16px; display:block; font-weight:bold; margin-top:-30px; padding:6px 6px 8px 6px; background:#fff; color:#333; height:16px;} .container #scouters_blocks .player_info_block { display:inline-block; float:left; padding:10px; width:90%; } .container #scouters_blocks .player_info_block .player_name { font-size:18px; padding-bottom:5px; font-weight:bold; color:#fff;} .container #scouters_blocks .player_info_block .player_stats { font-size:12px; font-weight:bold; color:#fff; text-wrap:normal;} .container .sixteen.columns.scouters_view_block { float:left; background:#f37d32; margin:0; width:100%;} #slider3 { height:350px; background:#0f2e46 !important; display:block;} #slider3 a { } #slider3 a img { width:100%;} .featured_content { background:#0f2e46; height:140px; width:100%; float: left; margin:-90px 0 0 0px; padding-top: 7px; display: block; position:absolute; top:0 left:0;} .featured_content .links_block { width:90%; top:100px; position:absolute; left:10px;} #slider3 li { height:350px;} .fontface .container .index_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:0px; position:absolute; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:24px; font-weight:normal; margin: 0 0 20px 13px; } .container .index_side_block h3.red_title_block { background:#f37d32; padding:3px 12px; top:-12px; left:0px; position:absolute; color:#fff; font-size: 30px; text-transform:uppercase; line-height:28px; margin: 0x 0 20px 13px; text-shadow:none; } #roster_div { border-top:1px solid #ececec;} #roster_wrapper { min-width:560px;} } @media only screen and (min-width: 480px) and (max-width: 728px) { .container .profile_view_block .profile_view_right_img { display:none;} .container .profile_view_block .profile_view_info { float:left; width:100%; padding:20px 20px 0px 20px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers)*/ @media only screen and (min-width: 480px) and (max-width: 767px) { .container .logo_object { text-align:center; left:0px; right:0; top:0px;} .container .logo_object a { text-align:center; height:100px; margin: 0 auto; display:block;} .container .masthead_object { height:auto; display:block;} .container #navigation { width:100%; float:left; background:#333; } .container #nav_mobile { width:100%; color:#fff; display:block; padding: 10px 10px; font-size:16px; font-weight:bold; pointer:cursor;} .container #nav { width:100%; cursor:pointer; background:#444; height:auto; display:none;} .container #nav li { color:red; display:block; display:inline; float:left; border-bottom:1px solid #666; padding:0; font-weight:bold; position:relative; margin:0; width:inherit;} .container #nav li a { color:#fff; text-decoration:none; font-size:14px; padding:5px 15px 5px 35px; display:block; width:inherit;} .container #nav li:hover { display:block; background:none; } .container #nav li:hover a { color:#fff; font-weight:bold;} .container #nav li ul { display:block; position:relative; background:#888; width:85%; top:0; left:0; z-index:10; margin:0; } .container #nav li:hover ul { display:block; position:relative; background:#888; width:85%; top:0; left:0; z-index:10; margin:0;} .container #nav li li { margin:0; } .container #nav li li a { margin:0; padding:5px 15px 5px 35px;} .container #nav li li:hover { color:#333; font-weight:bold; background:#fff; width:inherit;} .container #nav li li:hover a { color:#333;} #navigation_sticky { display:none;} .container #social_icons { display:none;} .container .eleven.columns .news_highlights .img_left { width:30%; float:left; margin:0 15px 15px 0; border:5px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow:0px 0px 5px 0px #999; } .container .eleven.columns .news_highlights li a h3 { width:100%; color:#333; margin-bottom:10px; padding-bottom:0; } .container .eleven.columns .news_highlights li a h4 { width:100%; font-size:12px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:0;} .container .eleven.columns .news_highlights li { float:left; width:100%; border-bottom:1px solid #ececec;} .one-third.column.dashed_column { display:none;} .container .scouters_player_block_sm { width:50%; float:left; display:block;} .container #scouters_blocks_sm { width:100%; display:block; position:relative; float: left; background: #f37d32;} .container #scouters_blocks_sm .table_vs { top:-10px; right:44%; font-size:20px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif font-size:20px; font-weight:bold; text-align:center; height:21px; width:25px; position:absolute; color:#fff; float:right; background:#333; padding:2px 6px 6px 6px; } .container #scouters_blocks_sm .player_position { float:left; font-size:12px; font-weight:bold; padding:6px 6px 8px 6px; margin:-40px 0 0 -10px; background:#fff; color:#333; height:16px;} .container #scouters_blocks_sm .player_info_block { display:block; float:left; padding:10px; } .container #scouters_blocks_sm .player_info_block .player_name { font-size:14px; text-align:center; padding-bottom:0; font-weight:bold; color:#fff;} .container #scouters_blocks_sm .player_info_block .player_stats { font-size:14px; font-weight:bold; color:#fff;} .container .sixteen.columns.scouters_view_block_sm { float:left; background:#f37d32; margin:0; width:100%;} .container .roster_sort { float:left; margin-right:20px; } } @media only screen and (max-width: 620px) { .container .sixteen.columns.page_title_block { float:left; height:165px; width:100%; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0;} } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .container .logo_object { text-align:center;} .container .logo_object a { text-align:center; height:100px; margin: 0 auto; display:block;} .container .masthead_object { height:auto; display:block;} .container #navigation { width:100%; float:left; background:#333; } .container #nav_mobile { width:100%; color:#fff; display:block; padding: 10px 10px; font-size:16px; font-weight:bold; pointer:cursor;} .container #nav { width:100%; cursor:pointer; background:#444; height:auto; display:none;} .container #nav li { color:red; display:block; display:inline; float:left; border-bottom:1px solid #666; padding:0; font-weight:bold; position:relative; margin:0; width:inherit;} .container #nav li a { color:#fff; text-decoration:none; font-size:14px; padding:5px 15px 5px 35px; display:block; width:inherit;} .container #nav li:hover { display:block; background:none; } .container #nav li:hover a { color:#fff; font-weight:bold;} .container #nav li ul { display:block; position:relative; background:#888; width:85%; top:0; left:0; z-index:10; margin:0; } .container #nav li:hover ul { display:block; position:relative; background:#888; width:85%; top:0; left:0; z-index:10; margin:0;} .container #nav li li { margin:0; } .container #nav li li a { margin:0; padding:5px 15px 5px 35px;} .container #nav li li:hover { color:#333; font-weight:bold; background:#fff; width:inherit;} .container #nav li li:hover a { color:#333;} #navigation_sticky { display:none;} .container .content_column { width:100%; padding-bottom:40px; margin-bottom:0; float:left; height:auto; } .container .logo_object { text-align:center; height:80px; float:left; display:block; position:absolute; left:0px; right:0; top:0px; margin:0 auto;} .container .logo_object img { text-align:center; margin-top:10px; height:80px; } .container .sixteen.columns.page_title_block { float:left; height:200px; width:100%; position:realtive; background:none; border-top:none; margin-bottom:0px; margin-left:0; overflow:hidden;} .container.clickin_container { position: relative; width: 100%; margin: 0px auto 60px auto; padding: 0; background:#f5f5f5; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; } .container .page_title_image { top:0; margin:0; overflow:hidden; float:left; width:768px;} .fontface .container .page_title_block h1 { float:left; width:100%; background:#f37d32; padding:10px 17px; top:0px; left:0; position:relative; color:#fff; font-family:'franchiseregular', Helvetica, Arial, sans-serif; font-size:30px; font-weight:normal; margin: 0; } .container .left_col_nav li a { text-transform:uppercase; display:block; text-decoration:none; padding:12px 7px; color:#494949; font-size:12px; font-weight:bold; } .container .left_col_nav { margin-top:0px; width:236px; overflow:hidden;border-bottom:1px solid #cbcbcb;} .container .one-third.column .content_side_block { position:relative; margin: 25px 0 15px 0; width:187px; padding:19px 10px 15px 10px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .one-third.column .content_side_block .vid_img img { width:207px;} .container .one-third.column .content_side_block h3.red_title_block { left:27px;} .container #directory_listings { display:none;} #footer_outer #footer_wrapper { width:100%; padding:0; display:block; height:150px;} #footer_outer { position: relative; width: 100%; margin: 0 auto 0 auto; height:215px; padding: 0; background:#002249 url(../images/footer_bg_orange.jpg) repeat-x; } #footer_holder { float:left; position: relative; width: 100%; margin: 0 auto; height:215px; padding: 0; background:#fff; } #header_container .container_wrapper { width:100%; height:107px; margin:0 auto; position:relative; background: url(../images/header_container_bg_center_orange.jpg) top center no-repeat;} #directory_listings { float:left; width:100%; display:block; margin-left:-10px;} #footer_outer .footer { margin:0 auto ; position: relative; width: 100%; margin: 0 auto; padding: 0;} .left_col_nav { display:none;} .navigation_block { display:none;} #header_container { border-bottom: ; width:100%; height:105px; background:url(../images/header_container_bg_tile_orange.jpg); display:block; -moz-box-shadow: 0px 0px 8px 0px #999; -webkit-box-shadow: 0px 0px 8px 0px #999; box-shadow:0px 0px 8px 0px #999; z-index:1000;} #sthoverbuttons { display:none;} .container .dashed_column { min-height:260px; margin-top:20px; border-top:1px solid #333; background:#f5f5f5 url(../images/side_bg_dashed.jpg) top left ; border:none; padding-bottom:50px; float:left; width:100%;} .container .img_left { max-width:none; float:left; margin:15px; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } .container .img_right { max-width:none; float:left; margin:0 0 15px 0; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } img.inset_img { width:90%; display:block;} .container .img_left { max-width:100%; float:left; margin:15px; border:5px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow:0px 0px 5px 0px #999; } .container .inset_img_wrap { max-width:none; float:left; margin:15px; border:10px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 6px 0px #999; box-shadow:0px 0px 6px 0px #999; } .container #social_icons { display:none;} .container .eleven.columns .news_highlights li a h3 { width:100%; color:#333; margin-bottom:10px; padding-bottom:0; } .container .eleven.columns .news_highlights li a h4 { width:100%; font-size:12px; text-transform:uppercase; font-weight:bold; color:#f37d32; margin-bottom:0px; padding-bottom:0;} .container .eleven.columns .news_highlights li { float:left; width:100%; border-bottom:1px solid #ececec;} .container .inset_img_wrap.inset_img_wrap_right { float:left; margin:0 15px 15px 0;} .container .inset_img_wrap .img_caption { font-size:12px; clear:both; float:left; display:block; color:#f37d32; padding:5px; font-weight:bold;} .container .inset_img_wrap .img_left { width:100%; float:left; margin:0; border:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; } .container .inset_img_wrap .img_right { display:block; width:100%; height:auto; float:left; margin:0; border:0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow:none; } .container .inset_img_wrap_right { min-width:none;} .container .sixteen.columns.profile_view_block { float:left; background:#f37d32; margin:0; width:100%;} .container .profile_view_block .profile_view_right_img { float:left; width:90%; border:10px solid #fff; margin:0px 10px 10px 10px ;} .container .profile_stats { display:block; float:left; width:100%;} .container .profile_view_block .profile_view_info .inset_img { width:75%; float:left;} .container .profile_view_block .profile_view_info { float:left; width:100%; padding:20px 20px 0px 20px;} .container .profile_view_block .sc_block { float:left; display:block; width:100%;} .container .profile_view_block .sc_block .sc_info_block { float:left; } .container .profile_view_block .profile_view_info h3.fullname { color:#fff; line-height:40px; font-size:40px; width:100%; float:left; padding:10px 0; } .container .profile_view_block .profile_view_info h3.fullname.longname { color:#fff; line-height:30px; font-size:28px;} .container .profile_view_block .profile_view_info h3.fullname.superlongname { color:#fff; line-height:30px; font-size:24px;} .container .profile_view_block .sc_block .profile_view_sc_logo { color:#fff; float:left; padding} .container .profile_view_block .sc_block .profile_view_sc_name { color:#fff; float:left; font-weight:bold; font-size:14px; background:#333; padding:10px 10px 11px 10px;} .container .profile_view_block .sc_block .profile_view_sc_conf { color:#fff; float:left; font-weight:bold; clear:left; background:#333; font-size:14px; padding:5px;} .container .profile_view_block .profile_info_list { float:left; width:90%;} .container .profile_view_block .profile_info_list li { padding:10px 0; margin-bottom:0; width:100%; color:#fff; font-size:16px; border-bottom:1px dotted #f5f5f5; font-weight:bold;} .container .profile_view_block .profile_info_list li.last { border-bottom:none;} .container .mobile_clear { clear:both; width:100%;} .container .eleven.columns .index_half_block { height:160px; position:relative; margin-bottom:15px; width:90%; padding:19px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .eleven.columns .index_full_block { margin-top:10px; position:relative; margin-bottom:15px; width:90%; padding:15px 15px 15px 15px; float:left; -moz-box-shadow: 0px 0px 5px #999; -webkit-box-shadow: 0px 0px 5px #999;box-shadow: 0px 0px 5px #999; background:#f5f5f5 url(../images/top_dashed.jpg) top left repeat-x; } .container .eleven.columns .news_highlights .img_left { height:auto; width:30%; float:left; margin:0 10px 0px 0; border:5px solid #fff; -moz-box-shadow: 0px 0px 4px 0px #444; -webkit-box-shadow: 0px 0px 5px 0px #999; box-shadow:0px 0px 5px 0px #999; } .container .five.columns.no_right_margin { margin:0 0 0 5px; width:100%;} .container .marquee_right .news_ev_list { width:100%; float:left; height:auto; margin:5px 0 15px 0;} .container .prospect_row2 { float:left; display:block;} .container .profile_list li a span.profile_list_position { font-size:14px; width:30px; margin-left:10px;} .container .profile_list li a span.profile_list_height { font-size:14px; width:30px;} .container .profile_list li a span.profile_list_weight { font-size:14px; width:30px;} .container .profile_list li a span.profile_list_conference { font-size:14px; width:70px;} .container .profile_list li a span.profile_list_school { font-size:14px; width:70px;} .container .profile_list li a span.profile_list_name { font-size:18px; width:70%; margin: 0 30px 0 10px; line-height:28px;} .container .profile_list li a span { padding:0px 0 0 0; font-size:16px; margin-right:5px; float:left; color:#333; font-weight:bold; text-decoration:none;} .container .profile_list li a { margin-bottom:10px;} .container .scouters_player_block { width:100%; float:left; display:block;} .container #scouters_blocks { width:100%; display:block; position:relative;} .container #scouters_blocks .table_vs { top:0; right:auto; font-size:35px; font-family:"HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size30px; font-weight:bold; text-align:center; height:36px; width:100%; text-align:center; position:relative; color:#fff; float:right; background:#333; padding:8px 0 2px 0; } .container #scouters_blocks .player_position { margin-top:0; float:left; font-size:16px; font-weight:bold; padding:26px 6px 8px 6px; background:#fff; color:#333; height:38px; width:32px; text-align:center;} .container #scouters_blocks .player_info_block { display:block; float:left; margin-top:-64px; padding: 0 0 0 53px; } .container #scouters_blocks .player_info_block .player_name { font-size:20px; padding-bottom:0px; font-weight:bold; color:#fff;} .container #scouters_blocks .player_info_block .player_stats { width:85%; font-size:12px; font-weight:bold; color:#fff; text-wrap:normal; line-height:14px;} .container .sixteen.columns.scouters_view_block { float:left; background:#f37d32; margin:0; width:100%;} #slider3 { height:300px; background:#0f2e46 !important; display:block;} #slider3 a { } #slider3 a img { width:100%;} .featured_content { background:#0f2e46; height:160px; width:100%; float: left; margin:-50px 0 0 0px; padding-top: 7px; display: block; position:absolute; top:0 left:0;} .featured_content .links_block { width:90%; top:115px; position:absolute; left:10px;} #slider3 li { height:300px;} .container .marquee_right { height:360px; width:100%; float:left; background:#fff; margin-top:0px;} .one-third.column.dashed_column { display:none;} .container .inset_img_wrap.caption_img_wide { width:90%; background:#fff;} .container .inset_img_wrap.caption_img_vertical { position:relative; width:90%; max-width:200px; overflow:hidden; display:block; background:#fff;} .container .inset_img_wrap.caption_img_wide .ci_wide { float:right; width:102px; margin:10px; } .container .inset_img_wrap.caption_img_vertical .ci_vertical { float:right; width:100px; margin:10px; } .container .inset_img_wrap.caption_img_vertical .img_caption { background:#f5f5f5; width:100%;} .container .inset_img_wrap.caption_img_wide .img_caption { background:#f5f5f5; width:100%;} .container .inset_img_wrap.caption_img_wide p.img_caption_p { padding:0; margin-bottom:0; } .container .hall_fame_list { width:230px; float:left; margin: 0 0 15px 0; background:#dddddd; padding:20px; } .watch_list_img { display:none;} .container .profile_select { display:block; float:left; width:100%; } .container .profile_sort { display:block; float:left; width:20%; } .container .watch_list li .watchlist span.profile_list_name { text-align:left; font-size:18px; width:280px; margin: 0 30px 0 15px;} } /* #Font-Face ================================================== */ /* This is the proper syntax for an @font-face file Just create a "fonts" folder at the root, copy your FontName into code below and remove comment brackets */ @font-face { font-family: 'franchiseregular'; src: url('../fonts/franchise-bold-hinted-webfont.eot'); src: url('../fonts/franchise-bold-hinted-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/franchise-bold-hinted-webfont.woff') format('woff'), url('../fonts/franchise-bold-hinted-webfont.ttf') format('truetype'), url('../fonts/franchise-bold-hinted-webfont.svg#franchiseregular') format('svg'); font-weight: normal; font-style: normal; }