@import url("/stylesheets/shared/overview.css");
@import url("/stylesheets/miplet/tz_articles.css");

#top, #activities, #left_column, #top_miplets, 
 #left_miplets, #right_miplets, #right_column { float: left }
#top { 
  overflow: hidden;
  position: relative;
  z-index: 1;
  float: left;
  width: 930px;
  padding: 0;
  height: 355px;
}
#html_content {
  position: relative;
  float: left;
  width: 930px;
  padding: 0;
  height: 355px; 
}
#pro_athletes {
  display: block;
  position: absolute;
  right: 0;
  z-index: 3;
  width: 545px;
  height: 355px;
  background: #000 url(/images/home/pro_athletes_background.jpg) no-repeat 0 0 ;
}
.steve_nash {
  display: block;
  width: 205px;
  height: 355px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;  
}
.steve_nash_foot {
  background: transparent url(/images/home/nash_foot.png) no-repeat 0 0;
  display: block;
  width: 15px;
  height: 32px;
  position: absolute;
  bottom: 0;
  left: -15px;
  z-index: 2;
}
.main_action_item {
  background: transparent url() no-repeat 0 0;  
  display: block;
  width: 321px;
  height: 105px;
  position: absolute;
  top: 10px;
  left: 215px  
}
.join_mip_now { background-image: url(/images/home/buttons/join.png) }
.check_out_team { 
  background-image: url(/images/home/buttons/check_out_makeitpro_team.png);
  top: 30px;
  height: 74px;
}
.pro_button {
  background: transparent url() no-repeat 0 0;
  display: block;
  position: absolute;
  width: 100px;
  height: 105px;
}
.gretchen_bleiler, .ryan_sweeney, .lauren_perkins { top: 122px }
.jessica_mendoza, .bernard_berrian, .protorial { top: 240px }
.gretchen_bleiler, .jessica_mendoza { left: 215px }
.ryan_sweeney, .bernard_berrian { left: 325px }
.lauren_perkins, .protorial { left: 436px }
.gretchen_bleiler { background-image: url(/images/home/buttons/gretchen_bleiler.png) }
.ryan_sweeney { background-image: url(/images/home/buttons/ryan_sweeney.png) }
.lauren_perkins { background-image: url(/images/home/buttons/lauren_perkins.png) }
.jessica_mendoza { background-image: url(/images/home/buttons/jessica_mendoza.png) }
.bernard_berrian { background-image: url(/images/home/buttons/bernard_berrian.png) }
.protorial { background-image: url(/images/home/buttons/protorial.png) }
.protorial-active { background-position: 0 -104px }
#pro_video {
  left: 930px;
  z-index: 8;
  position: absolute;
  display: block;
  width: 930px;
  left: 930px;
  float: left;
  height: 355px;
}
#pro_video_overlay {
  overflow: hidden;
  z-index: 10;
  display: block;
  width: 930px;
  height: 355px;
  position: absolute;
  background: transparent url() no-repeat top left;  
}
#close_pro_video {
  position: absolute;
  top: 5px;
  left: 5px;
  display: block;
  width: 21px;
  height: 61px;
}
#play-area {
  background-color: #000;
  position: absolute;
  top: 29px;
  right: 85px;
  padding-top: 23px;
  display: block;
  width: 320px;
  height: 217px;
  z-index: 6;
}
#action_button {
  position: absolute;
  bottom: 12px;
  right: 80px;
  display: block;
  width: 330px;
  height: 50px;
  background: transparent url() no-repeat 0 0;
}
#pro_video .join_now .steve_nash-button { background-image: url(/images/home/buttons/steve_nash_join_now.png) }
#pro_video .join_now .gretchen_bleiler-button { background-image: url(/images/home/buttons/gretchen_bleiler_join_now.png) }
#pro_video .join_now .johnny_perchak-button { background-image: url(/images/home/buttons/johnny_perchak_join_now.png) }
#pro_video .join_now .lauren_perkins-button { background-image: url(/images/home/buttons/lauren_perkins_join_now.png) }
#pro_video .join_now .jessica_mendoza-button { background-image: url(/images/home/buttons/jessica_mendoza_join_now.png) }
#pro_video .view_profile .protorial-button, #pro_video .join_now .protorial-button { background-image: url(/images/home/buttons/protorial_join_now.png) }
#pro_video .view_profile .steve_nash-button { background-image: url(/images/home/buttons/steve_nash_view_profile.png) }
#pro_video .view_profile .gretchen_bleiler-button { background-image: url(/images/home/buttons/gretchen_bleiler_view_profile.png) }
#pro_video .view_profile .johnny_perchak-button { background-image: url(/images/home/buttons/johnny_perchak_view_profile.png) }
#pro_video .view_profile .lauren_perkins-button { background-image: url(/images/home/buttons/lauren_perkins_view_profile.png) }
#pro_video .view_profile .jessica_mendoza-button { background-image: url(/images/home/buttons/jessica_mendoza_view_profile.png) }
#cached_images {
  overflow: hidden;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0px;
  height: 0px;
}
.pro-text {
  padding: 5px;
  line-height: 115%;
  font-size: 100%;
}
.pro-text p { margin-bottom: 8px }
.jessica_mendoza-text { font-size: 93% }
.jessica_mendoza-text p { margin-bottom: 4px }
#left_column,  #top_miplets { width: 765px }
#left_miplets, #right_miplets { width: 380px }
#right_column { width: 160px }
#left_column, #left_miplets { margin-right: 5px }
#teams_showcase, #groups_showcase {
  margin-right: 0;
  width: 380px;
}
#teams_showcase .bottom, #groups_showcase .bottom {
  padding: 7px;
  width: 366px;
}
.showcase div.team, .showcase div.group { 
  width: 356px;
  margin-bottom: 10px;
}
.members {width: 204px }
.showcase h4 { width: 348px }
.tz_article .browse_all { 
  text-align: right;
  width: 360px;
  padding-top: 5px;
  font-weight: bold;
  border: 0 solid #fff;
  border-top-width: 1px;
}
.browse_all, .see_all {
  float: right;
  font-weight: bold;
  font-size: 93%;
}
#sign_in {
  border-width: 0;
  background-color: #ccc;
  width: 140px;
  padding: 10px;  
  margin-bottom: 5px;
}
#sign_in label { 
  width: 140px;
  text-align: left;
}
#sign_in fieldset { padding: 3px 0 }
#sign_in fieldset, #sign_in input.text, #sign_in fieldset.cookie {
  width: 130px;
  clear: left;
}
#sign_in fieldset.actions, #sign_in fieldset.cookie { 
  padding-left: 0;
  width: 140px;
}
#sign_in ul { margin: 10px 0 0 0 }
.li-reset_password { padding: 3px 0 }
#sign_in fieldset.cookie, #sign_in ul { font-size: 85% }
.skyscraper { border: 1px solid #000 }
#skyscraper_ad { margin-bottom: 5px }