/**********************************************************************
* Main Content
**********************************************************************/
/* background images are set inline according to page/athlete */
#content_wrapper{
background-color:#000;
background-repeat:no-repeat;
margin:0 auto;
min-height:677px;
position:relative;
width:1250px;
}
#crew_name{
background-repeat:no-repeat;
float:right;
height:146px;
margin:33px 0 0;
text-indent:-9999px;
width:676px;
}
/**********************************************************************
* Navagation
**********************************************************************/
#icon_navigation{
float:right;
margin-top:31px;
width:330px;
}
#icon_navigation li{
display:block;
float:left;
}
#icon_navigation li a{
background:url('/lib/images/crew/icons.gif') 0 0 no-repeat;
display:block;
height:0;
padding-top:31px;
width:62px;
}
#icon_navigation li a.shoes{
background-position:0 0;
}
#icon_navigation li a.pics{
background-position:-62px 0;
}
#icon_navigation li a.videos{
background-position:-124px 0;
}
#icon_navigation li a.stats{
background-position:-186px 0;
}
#icon_navigation li a.extras{
background-position:-248px 0;
}
#icon_navigation li a.shoes:hover,
#icon_navigation li a.shoes.selected{
background-position:0 -31px;
}
#icon_navigation li a.pics:hover,
#icon_navigation li a.pics.selected{
background-position:-62px -31px;
}
#icon_navigation li a.videos:hover,
#icon_navigation li a.videos.selected{
background-position:-124px -31px;
}
#icon_navigation li a.stats:hover,
#icon_navigation li a.stats.selected{
background-position:-186px -31px;
}
#icon_navigation li a.extras:hover,
#icon_navigation li a.extras.selected{
background-position:-248px -31px;
}
/**********************************************************************
* Tabs
**********************************************************************/
#content_tabs{
display:none;
float:right;
margin-top:10px;
}
#content_tabs li{
display:inline;
}
/* Required by hrzAccordian */
.container {
width:100%;
}
.contentContainer {
float:right;
overflow:hidden;
width:0px;
}
.handle{
float:right;
width:32px;
}
/* ********************* */
#content_tabs h2{
background:url('/lib/images/crew/tabs.png') no-repeat;
cursor:pointer;
float:right;
height:310px;
text-indent:-9999px;
width:32px;
}
#content_tabs h2#shoes_tab{
background-position:0 0;
}
#content_tabs h2#pics_tab{
background-position:-32px 0;
}
#content_tabs h2#videos_tab{
background-position:-64px 0;
}
#content_tabs h2#stats_tab{
background-position:-96px 0;
}
#content_tabs h2#extras_tab{
background-position:-127px 0;
}
#content_tabs h2#ending_tab{
background:url('/lib/images/crew/tab-stop.gif') no-repeat 0 -1px;
width:41px;
}
/* default pink */
#content_tabs .handleOver h2#shoes_tab,
#content_tabs .handleSelected h2#shoes_tab{
background-position:-161px 0;
}
#content_tabs .handleOver h2#pics_tab,
#content_tabs .handleSelected h2#pics_tab{
background-position:-193px 0;
}
#content_tabs .handleOver h2#videos_tab,
#content_tabs .handleSelected h2#videos_tab{
background-position:-225px 0;
}
#content_tabs .handleOver h2#stats_tab,
#content_tabs .handleSelected h2#stats_tab{
background-position:-257px 0;
}
#content_tabs .handleOver h2#extras_tab,
#content_tabs .handleSelected h2#extras_tab{
background-position:-288px 0;
}
/* grey */
#content_tabs.grey .handleOver h2#shoes_tab,
#content_tabs.grey .handleSelected h2#shoes_tab{
background-position:-320px 0;
}
#content_tabs.grey .handleOver h2#pics_tab,
#content_tabs.grey .handleSelected h2#pics_tab{
background-position:-353px 0;
}
#content_tabs.grey .handleOver h2#videos_tab,
#content_tabs.grey .handleSelected h2#videos_tab{
background-position:-385px 0;
}
#content_tabs.grey .handleOver h2#stats_tab,
#content_tabs.grey .handleSelected h2#stats_tab{
background-position:-417px 0;
}
#content_tabs.grey .handleOver h2#extras_tab,
#content_tabs.grey .handleSelected h2#extras_tab{
background-position:-448px 0;
}
/**********************************************************************
* Content
**********************************************************************/
#content_tabs .tab_content{
background-image:url('/lib/images/crew/tab-bg.gif');
background-repeat:repeat-x;
float:right;
overflow:hidden;
width:652px;
}
/* Inner content */
#content_tabs #shoes{
background-color:#fff;
background-image:none;
height:310px;
padding:0;
}
#content_tabs #pics{
background-color:#c7c7c7;
background-image:url('/lib/images/crew/tab-bg-pics.gif');
height:306px;
padding:4px 0 0;
}
#content_tabs #videos{
background-color:#b0b0b0;
background-image:url('/lib/images/crew/tab-bg-video.gif');
height:295px;
padding:15px 0 0;
}
#content_tabs #stats{
background-color:#898989;
height:286px;
padding:24px 0 0;
}
#content_tabs #extras{
background-color:#5c5c5c;
height:278px;
padding:32px 0 0;
}
#divider{
float:left;
width:0;
}
/**********************************************************************
* Content - Shoes
**********************************************************************/
#shoe_preview{
float:left;
width:230px;
}
#shoe_preview h3{
color:#77b800;
font-size:22px;
padding:12px 0;
}
.grey #shoe_preview h3{
color:#77b800;
}
#shoe_preview a{
color:#b0b0b0;
display:block;
font-size:12px;
padding-bottom:2px;
}
#shoe_preview img{
display:block;
height:195px;
margin:0 auto;
width:195px;
}
#shoes #divider{
border-left:1px solid #d9d9d9;
height:276px;
margin:19px 0 0;
}
#shoe_thumbs{
float:left;
height:298px;
margin:10px 0 0;
overflow:hidden;
padding:0 5px;
width:405px;
}
#shoe_thumbs img{
height:95px;
padding:0 15px;
width:95px;
}
/**********************************************************************
* Content - Pics
**********************************************************************/
#pic_preview{
float:left;
width:230px;
}
#pic_preview h3{
color:#cb2a54;
font-size:22px;
padding:12px 0;
}
.grey #pic_preview h3{
color:#77b800;
}
#pic_preview p{
color:#787878;
display:block;
font-size:12px;
padding-bottom:10px;
}
#pic_preview img{
display:block;
height:195px;
margin:0 auto;
width:195px;
}
#pics #divider{
border-left:1px solid #d2d2d2;
border-right:1px solid #a9a9a9;
height:278px;
margin:16px 0 0;
}
#pic_thumbs{
float:left;
height:285px;
margin:15px 0 4px;
overflow:hidden;
padding:0 10px;
width:395px;
}
#pic_thumbs img{
height:85px;
padding:3px;
width:85px;
}
/**********************************************************************
* Content - Videos
**********************************************************************/
#video_preview{
float:left;
width:230px;
}
#video_preview h3{
color:#cb2a54;
font-size:22px;
padding:12px 0;
}
.grey #video_preview h3{
color:#fff;
}
#video_preview p{
color:#787878;
font-size:12px;
padding-bottom:10px;
}
#video_preview p#vid_thumb{
padding:22px 20px 0 10px;
text-align:center;
}
#video_preview p#vid_desc{
color:#333;
padding:22px 20px 0;
text-align:right;
}
#videos #divider{
border-left:1px solid #bfbfbf;
border-right:1px solid #969696;
height:272px;
margin:11px 0 0;
}
#video_thumbs{
float:left;
height:279px;
margin:9px 0 7px;
overflow:hidden;
padding:0 10px;
width:395px;
}
#video_thumbs img{
height:85px;
padding:2px;
width:85px;
z-index:1;
}
/**********************************************************************
* Content - Stats
**********************************************************************/
#stat_preview{
float:left;
width:180px;
}
#stat_preview h3{
color:#fff;
font-size:22px;
padding:12px 0;
}
#stat_preview p{
font-size:13px;
padding-left:5px;
}
#stat_preview a{
color:#99c94e;
display:block;
padding:10px 0 5px;
text-decoration:underline;
}
#stat_preview a:hover{
color:#cb2a54;
}
#stats #divider{
border-left:1px solid #9f9f9f;
border-right:1px solid #757575;
height:254px;
margin:16px 4px 0;
}
#stat_info{
float:left;
height:257px;
padding:15px 10px 0;
width:442px;
}
#stat_info.onthefield{
background:url('/lib/images/crew/stats-onthefield.png') no-repeat 0 15px;
}
#stat_info.offthefield{
background:url('/lib/images/crew/stats-offthefield.png') no-repeat 0 15px;
}
#stat_info a{
display:block;
float:left;
font-size:18px;
font-weight:700;
height:27px;
padding-top:14px;
}
#stat_info a#onfield{
color:#99C94E;
margin-right:4px;
padding-left:15px;
width:138px;
}
#stat_info a#offfield{
color:#646262;
padding-left:20px;
width:144px;
}
#stat_info p{
color:#fff;
font-size:13px;
padding:10px;
}
#stat_info.offthefield p.onfield{
display:none;
}
#stat_info.onthefield p.offfield{
display:none;
}
/**********************************************************************
* Content - Extras
**********************************************************************/
#extras img{
display:block;
padding-bottom:10px;
}
#extras p{
font-size:15px;
}
#extras a{
color:#fff;
}
#extras a:hover{
text-decoration:underline;
}
#extra_wallpapers{
float:left;
padding:30px 0 0 20px;
}
#extra_wallpapers .wallpaper{
float:left;
width:180px;
}
#extras #divider{
border-left:1px solid #7B7B7B;
border-right:1px solid #323232;
height:250px;
margin:15px 20px 0;
}
#extra_audio{
float:left;
padding:30px 0 0 20px;
}
#extra_wallpapers .audio{
float:left;
width:180px;
}
/**********************************************************************
* Popup - Pics
**********************************************************************/
#TB_ImageOff{
background-color:#fff;
border:4px solid #99e444;
}
#TB_window img#TB_Image {
margin:10px;
}
#TB_caption {
padding-top:10px;
}
#TB_closeWindow a{
background:url('/lib/images/tb_img_close.png') no-repeat;
height:18px;
right:20px;
top:-22px;
width:71px;
}
#TB_secondLine{
background:transparent url('/lib/images/tb_img_pager.png') no-repeat scroll 0 0;
color:#99e444;
font-size:13px;
height:33px;
line-height:33px;
margin:0 auto;
position:relative;
text-align:center;
width:131px;
}
#TB_secondLine a{
height:33px;
top:0;
width:33px;
}
#TB_next a{
right:0;
}
#TB_prev a{
left:0;
}
/**********************************************************************
* Popup - Videos
**********************************************************************/
#TB_window.tb_video #TB_ajaxWindowTitle{
color:#aaa;
display:block;
left:52px;
top:26px;
}
#TB_window.tb_video #TB_closeWindowButton{
height:30px;
left:609px;
top:19px;
width:40px;
}
#video{
background-image:url('/lib/images/crew/popup-video-viewer.png');
height:353px;
padding:50px 0 0;
text-align:center;
width:699px;
}
/**********************************************************************
* Popup - Videos
**********************************************************************/
#people_choose{
height:399px;
left:50%;
margin-left:-329px;
margin-top:-180px;
position:absolute;
top:50%;
width:661px;
}
#people{
background:url('/lib/images/crew/popup-choosesomeone.png') no-repeat;
height:349px;
padding:50px 30px 0;
width:601px;
}
#people #athletes{
padding:47px 0 0 30px;
height:100px;
}
#people #artists{
padding:72px 0 0 30px;
}
#people ul{
float:left;
}
#people ul li{
float:left;
width:125px;
}
#people a{
color:#5b5b5b;
display:block;
font-size:14px;
font-weight:700;
line-height:25px;
text-align:center;
}
#people a img{
display:block;
margin:0 auto;
}
#people a.football{
background:url('/lib/images/crew/athlete-football.gif') no-repeat center 0;
}
#people a.soccer{
background:url('/lib/images/crew/athlete-soccer.gif') no-repeat center 0;
}
#people a.runner{
background:url('/lib/images/crew/athlete-runner.gif') no-repeat center 0;
}
/**********************************************************************
* Crew bar
**********************************************************************/
#crew_bar{
background:transparent url('/lib/images/crew/bottom-bar-bkg.png') repeat-x;
margin:0 auto;
height:54px;
width:1250px;
}
#crew_menu{
color:#fff;
float:left;
font-family:Arial;
font-size:26px;
padding:8px 0 0 17px;
}
#crew_menu span{
font-size:30px;
font-weight:700;
padding:0 20px;
}
#crew_menu a{
color:#fff;
}
#crew_menu a:hover{
color:#cb2a54;
}
#crew_signup{
color:#fff;
float:right;
font-size:11px;
padding:12px 20px 0 0;
}
#alert_email{
background:url('/lib/images/crew/input-bkg.gif') no-repeat;
border:0;
color:#6a6a6a;
font-size:10px;
height:24px;
margin:1px 10px 0;
padding:6px 2px 0 4px;
vertical-align:middle;
width:165px;
}
#alert_submit{
margin:1px 0 0;
vertical-align:middle;
}