/* links in nav bar */
.nav a {
  color: #e3e3e3;
}

/* as originally comped, i'd have to retheme at a deeper level than i want right now. ~winborn */
.bread-crumb a:link{font-size:10px;color:#525252;font-weight:normal;text-decoration:underline;}
.bread-crumb a:visited{font-size:10px;color:#525252;font-weight:normal;text-decoration:underline;}
.bread-crumb a:hover{font-size:10px;color:#0043B9;font-weight:normal;text-decoration:none;}
.bread-crumb a:active{font-size:10px;color:#0043B9;font-weight:normal;}
  
/* without this, the header is pushed over a few pixels. TODO: investigate. ~winborn */
.util-content { overflow: hidden; }

#content {
  float:left;
  padding-right:8px;
  width:627px;
  overflow: hidden;
}

/* TODO: make this have a header & footer, so the image expands */
#node #content,
#news #content {
  background:url('node_bg_top.gif') no-repeat top left;
  width: 627px;
}

/* SUZI does node theming */
#node .page-content,
#news .page-content {
  background:url('node_bg_mid.gif') repeat-y;
  margin: 20px 0 0 0;
  padding: 0 0 0 0;
}

#node .node,
#news .node {
  background:url('node_bg_btm.gif') no-repeat bottom;
  padding: 0 10px 10px 10px;
}

#node .node .title,
#news .node .title {
  margin: -10px 0 0 0;
}

#node .node .nodelinkspager,
#news .node .nodelinkspager {
  background:url('page_bar.gif') no-repeat;
  width:599px;
  height:24px;
}

.maincontent {
  padding:12px 8px 0px 12px;
}

#content .backlink {
  float:left;
  padding-left:4px;
  font-size:9px;
  color:#0385ff;
}

#content .title {
  clear:left;
  padding-top:12px;
  padding-bottom:7px;
  padding-left:3px;
  font-size:21px;
}

.node .submitted {
  clear:left;
  padding-top:2px;
  padding-bottom:7px;
  padding-left:3px;
  color:#525252;
}

.node .content,
.node .taxonomy,
.node .links {
  clear:left;
  font-size:12px;
  line-height:18px;
  padding-left:3px;
}

.comment_wrapper {
  clear: both;
}

.comment .picture {
  float:left;
}
.comment .posted {
  padding-left:12px;
}

.comment .comment-title {
  float:left; padding-left:12px
}

.comment {
  padding: 12px 4px 23px 14px;
  line-height: 14px;
}

/* comments on nodes */
#node .mod-bg-comments,
#news .mod-bg-comments {
  background-image:url('mod_bg_comments.gif');
  background-repeat:no-repeat;
  background-position:top;
  width:627px;
  height:auto;
  padding: 5px 0 0 0;
  margin-bottom: 20px;
}
#node .comments,
#news .comments {
  background-image:url('mod_bg_comments.gif');
  background-repeat:no-repeat;
  background-position:bottom;
}

#node .comment_wrapper,
#news .comment_wrapper {
  clear: both;
  padding-top: 12px;
  background: transparent url('node_bg_comment_mid.gif') repeat-y;
  margin: 0 0 0 0;
}

#node .comment_wrapper .picture,
#news .comment_wrapper .picture {
  float:left;
  width:60px;
  margin:0 0 0 14px;
}
#node .comment_wrapper .comment,
#news .comment_wrapper .comment {
  line-height:14px;
  margin: 0 4px 0 80px;
  padding: 0 0 0 0;
  width:530px;
}
#node .comment_wrapper .comment .posted,
#news .comment_wrapper .comment .posted {
  padding-left:0;
}

#node .comment_wrapper .comment .comment-title,
#news .comment_wrapper .comment .comment-title {
  float:none; padding-left:0;
}


#section-title {
  clear:left;
  padding-bottom:7px;
  background-image:url(section_title_bg.gif);
  background-repeat:no-repeat;
  width:950px;
  height:40;
}

#section-title .section-title-padding {
  padding-left:12px; padding-top:0px;
}

/* search bar */
#search_form input {
  border: none;
}

/* old alerts */
.alerts .mod-dot-bg-314 {
  height:43px;
}

/* news block */

/* SUZI new news */
/* news block frontpage */
#front .news .mod-hdr-blue-314 {
background-image:url(mod_hdr_red.gif );
background-repeat:no-repeat;
background-position:top;
width:309px;
height:26px;
}

#front .news .news-mid {
  background:url('vert_mod_dot_309.gif') repeat-y left;
  width:300px;
  height: auto;
  padding:5px;
}
#front .news .news-link {
  float:left;
  padding-bottom:5px;
  padding-left:3px;
  width:220px;

}
#front .news .buttonArchiveButton {
  background:url('mod_news_btm.gif');
  background-repeat:no-repeat;
  width:309px;
  height:20px;
  margin-top: -1px;
  margin-bottom: 0;
}
#front .news .news-hor-div {
  width: 290px;
}

/* news block default */
.news .news-mid {
  background:url('vert_mod_dot_314.gif') repeat-y left;
  width:314px;
  height: auto;
}
.news .news-date {
  float:left;
  padding-left:2px;
  color:#0043b9;
  font-weight: bold;
}
.news .news-link {
  float:left;
  padding-bottom:5px;
  padding-left:3px;
  width:245px;
}
.news .buttonArchiveButton, #block-views-alerts .block-footer {
  background:url('mod_news_bottom_314.gif');
  background-repeat:no-repeat;
  width:314px;
  height:19px;
  margin-top: -1px;
  margin-bottom: 6px;
}
.news .news-item-wrapper {
  padding-top:3px;
}
.news .news-link a:link, .news .news-link a:visited, .news .news-link a:active {
  color:#000000;
  text-decoration:none;
  display: block;
  width: 220px;
}
.news .news-link a:hover {
  color:#1D86E7;
}

/* end SUZI new */

.news .mod-hdr-blue-314 .newstitle-padding {
  padding-left:10px;
}

.news .mod-hdr-blue-314 .newstitle {
  background-image: url(hdr_news.gif);
  background-repeat: no-repeat;
  width: 36px;
  height: 26px;
}

.block .content,
.news .content {
  xpadding:4px 4px 0px 4px;
}

.news .news-hor-div-wrapper {
  clear: left;
  text-align: center;
}

.news .news-hor-div
{
  background-image: url(hor_div.gif);
  width: 295px;
  height: 1px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.buttonArchiveButton {
  background:url('mod_news_bottom_314.gif');background-repeat:no-repeat;width:314px;height:19px;
}

.block-mlg_profile {
  background-image:url('block-header-narrow.png'); background-repeat:no-repeat; background-position:top;
  width: 254px;
}

#profile-page-content,
.block-mlg_profile .content {
  background-color: #eaeaea;
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-image: url(block-content-top.png);
  background-repeat: repeat-x;
  padding: 6px;
}

.profile-username h2 {
  margin: 0 0 6px 0;
}

.profile-info,
.profile-avatar {
  background-color: white;
  float: left;
  border: 1px solid #d7d7d7;
  padding: 8px;
  height: 138px;
  overflow: hidden;
}

.profile-about {
  background-color: white;
  border: 1px solid #d7d7d7;
  padding: 8px;
  margin-top: 5px;
}

.profile-avatar {
  width: 110px;
  text-align: center;
}

.profile-info {
  margin-left: 5px;
  width: 89px;
}

ul.profile-contact {
  list-style-type: none;
  list-style-image: none;
  padding: 0;
  margin-bottom: 5px;
}

ul.profile-contact li {
  list-style-type: none;
}

.block-mlg_profile .block-header {
  height: 26px;
  width: 100%;
}

.block-mlg_profile .block-header h2 {
  margin-left: 10px;
}

/* Leahy/Langridge Method for image replacement, at http://www.mezzoblue.com/tests/revised-image-replacement/ */
#block-mlg_profile-0 .block-header h2 {
  padding: 26px 0 0 0;
  overflow: hidden;
  background-image: url(block-header-data.png);
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:26px;
}

#block-mlg_profile-9 .block-header {
  display: none;
}

#block-mlg_profile-9 .content {
  background-image: none;
}

#block-mlg_profile-9 .content .module {
  padding: 0 8px;
  border: 1px solid #d7d7d7;
  background: white;
}


.block-mlg_profile {
  margin-top: 12px;
}

#block-mlg_profile-0, #block-mlg_profile-9 {
  margin-top: 0;
}

/* needs to be a space below the user's profile nav */
#block-mlg_profile-6 {
  margin-top: 0;
  margin-bottom: 12px;
}

#xblock-views-mlg_news {
  background-image:url('mod_hdr_blue_314.gif'); background-repeat:no-repeat; background-position:top;
  width: 315px;
}

#blog-header {
  background-image: url('blog-header.png'); background-repeat: no-repeat; background-position: top;
  width: 671px;
  height: 25px;
}

#block-views-mlg_news h2.title {
  margin-left: 10px;
  padding: 26px 0 0 0;
  overflow: hidden;
  background-image: url(hdr_news.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:26px;
  }

#block-views-mlg_news .content {
  background-image: url(vert_mod_dot_314.gif);
  padding:4px 4px 0px 4px;
}

#block-views-mlg_news .content ul li {
   list-style-type: none;
   padding: 3px;
   display: inline;
}

.view-item-mlg_news .view-data-node_created {
  color:#0043b9;
  font-weight: bold;
  float: left;
}

.view-item-mlg_news .view-data-node_title {
  float:left; padding-bottom:10px; padding-left:3px; width:245px;
}

/* front page */

/* vert-ads were pre-pended with .panel-mlg2_mod2-middle -- need to see if they still need that... */
.vert-ad {
  float:left; padding-right:4px;
}

.vert-ad .bg {
   width:151px; height:275px;
}

.vert-ad .padding {
  padding-top:6px; padding-left:6px;
}

.vert-ad .img-border {
  width:137px; height:159px;
}

.vert-ad .text-content {
  padding: 5px 8px;
}

.panel-mlg2_mod1 .vert-ads {
  margin-left: 4px;
}
/* from suzi - make sure this block ID will stick else hide this for all right col blocks on homepage */
/* fixes video block align */
#block-block-35 .block-header {
  display: none;
}

/* alerts block - front page */
#front #block-views-alerts {
  background-image:url('mod_hdr_red.gif');
  background-repeat:no-repeat;
  background-position:top;
  width:309px;
  margin-bottom:6px;
}
#front #block-views-alerts .view-alerts {
  background-image:url('vert_mod_dot_309.gif');
  background-repeat:repeat-y;
  width:309px;
}
#front #block-views-alerts .block-footer {
  background-image:url('mod_alert_bottom_309.gif');
  background-repeat:no-repeat;
  background-position:bottom;
  width:309px;
  height:11px;
  float: left;
  margin-top: -12px;
}

/* alerts block - default */
#block-views-alerts {
  background-image:url('mod_hdr_red_bg.gif');
  background-repeat:no-repeat;
  background-position:top;
  width:314px;
  margin-bottom:6px;
}
#block-views-alerts .block-header {
  position:relative;
  padding-left:20px;
  background-image:url('mod_hdr_alearts.gif');
  background-repeat:no-repeat;
  left:8px;
  width:49px;
  height:26px;
}
#block-views-alerts .view-alerts {
  background-image:url('vert_mod_dot_314.gif');
  background-repeat:repeat-y;
  width:314px;
}
#block-views-alerts .block-footer .noobie-footer {
  background-image:url('mod_alert_bottom_314.gif');
  background-repeat:no-repeat;
  background-position:bottom;
  width:314px;
  height:11px;
  float: left;
  margin-top: -12px;
}
#block-views-alerts .item-list {
  padding: 3px 0 3px 0;
  margin: 0 8px 0 8px;
}
#block-views-alerts ul li {
  list-style:none;
  list-style-image:none;
  line-height: 14px;
  background: url('hor_div_lg.gif') no-repeat bottom;
  padding: 3px 0 4px 0;
  margin: 0 0 0 0;
}
#block-views-alerts .view-item {
  background:url('red_arrow.gif') no-repeat 0px 4px;
  padding: 0 0 0 7px;
}

#block-views-alerts li a:link, #block-views-alerts li a:visited, #block-views-alerts li a:active {
  color:#000000;
  text-decoration:none;
  display: block;
  width: 280px;
}
#block-views-alerts li a:hover {
  color:#F33838;
}

/* noobie blog block - default */
.noobie-header {
  background-image:url('blogs-new-to-the-blogs.png');
  background-repeat:no-repeat;
  background-position:top;
  width:314px;
  height:27px;
}

.noobie {
  background-image: url(vert_mod_dot_314.gif);
  padding: 4px 4px 4px 4px;
}

.noobie-footer {
  background-image:url('mod_alert_bottom_314.gif');
  background-repeat:no-repeat;
  background-position:bottom;
  width:314px;
  height:11px;
}

/* video page */

.title-bar {
  clear:left; padding-bottom:7px; background-image:url(section_title_bg.gif); background-repeat:no-repeat;width:950px; height:40px;
}

.title-bar .padding {
  padding-left:12px; padding-top:0px;
}

.title-bar .padding .image {
  background-repeat: no-repeat;
  height: 40px;
}

#panel-video .title-bar .padding .image {
  background-image: url(page_bar_video.gif);
  width: 59px;
}

#panel-videoondemand .title-bar .padding .image {
  background-image: url(page_bar_vod.gif);
  width: 170px;
}

#panel-mlgvideo .title-bar .padding .image {
  background-image: url(page_bar_mlgvideo.gif);
  width: 105px;
}

#panel-olt .title-bar .padding .image {
  background-image: url(page_bar_olt.gif);
  width: 224px;
}

#panel-pro-circuit .title-bar .padding .image {
  background-image: url(boost_mobile_hdr.gif);
  width: 506px;
}

#panel-pros-pros .title-bar .padding .image {
  background-image: url(pros_hdr.gif);
  width: 55px;
}
#panel-pros-teams .title-bar .padding .image {
  background-image: url(proteams_hdr.gif);
  width: 111px;
}
#panel-2007procircuit-1 .title-bar .padding .image {
  background-image: url(hdr_event_2007charlotte.gif);
  width: 436px;
}
#panel-2007procircuit-2 .title-bar .padding .image {
  background-image: url(hdr_event_2007meadowlands.gif);
  width: 473px;
}
#panel-2007procircuit-3 .title-bar .padding .image {
  background-image: url(hdr_event_2007dallas.gif);
  width: 427px;
}
#panel-2007procircuit-4 .title-bar .padding .image {
  background-image: url(hdr_event_2007chicago.gif);
  width: 397px;
}
#panel-2007procircuit-5 .title-bar .padding .image {
  background-image: url(hdr_event_2007orlando.gif);
  width: 408px;
}

.panel-mlg2_mod1 .block-banner .content,
.panel-mlg2_mod2 .block-banner .content {
  background-image:url('mod_ad_large.gif');background-repeat:no-repeat;width:314px;height:275px;
  padding: 6px 0 0 6px;
  clear: right;
}

.panel-mlg2_mod1 .block-banner .content .ad,
.panel-mlg2_mod2 .block-banner .content .ad {
  width: 300px; height: 250px;
  border-top:1px solid #b7b7b7; border-left:1px solid #b7b7b7;border-right:1px solid #e6e6e6;
}

#landingHeader {
  height: 240px;
  /* _height: 250px; */
  background: #aaa url(hdr_landing.jpg) no-repeat;
  margin-bottom: 10px;
  position: relative;
  padding-top: 10px;
}

#landingHeader h2 {
  position: relative;
  margin: 7px;
  padding: 0;
  font: 36px "Trade Gothic", tahoma, Arial, Helvetica, sans-serif;
  color: #fff;
  bottom: 0;
  left: 0;
  top: 0;
  float: none;
  line-height: .95;
  border-bottom: none;
}
#landingHeader h2 strong {
  font-size: 48px;
  font-weight: normal;
  display: block;
  text-transform: uppercase;
  }

#landingHeader p.text {
  float: none;
  margin: 7px;
  color: #fff;
  width: 250px;
}
#landingHeader ul {
  float: none;
  margin: 7px;
  padding: 0;
}
#landingHeader ul li a {
  color: #1594c9;
  background-color: #fff;
  font-size: 9px;
  text-decoration: none;
  padding: 0 2px;
}

#video-landing-page {
  float: left;
}

#video-landing-page .search-button {
  float:right; padding-top:2px; padding-left:4px; padding-right:7px;
}

#video-landing-page .search-button a {
  display: block;
  width: 20px;
  padding: 21px 0 0 0;
  overflow: hidden;
  background-image: url(btn_search_blue.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:21px;
}

#video-landing-page .search-input {
  padding-top:3px;padding-right:0px;float:right;
}

#video-landing-page .search-input input {
  width:150px;height:16px;
}

#video-landing-page .mod-hdr-blue-lg .mod-hdr-btn a {
  display: block;
  width: 19px;
  padding: 20px 0 0 0;
  overflow: hidden;
  background-image: url(btn_upload.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:20px;
}

#video-landing-page .video-post {
  float:left; padding:18px 0px 0px 16px;
  height:176px;
}

#video-landing-page .vidtitle {
  height: 2em;
  overflow: hidden;
}

/* pro-circuit page */

/* without this, some images have this weird padding around them, at least in FF */
/* however, some images need to be inline. TODO: find all occurences, and maybe generalize */

.mod-content_boost img,
.mod-bg-red img,
.mod-content img,
.video-content img,
.standings table img,
.mod-dot-bg-314 img {
  display: block;
}

/* except the arrow links... */
.feature2 a img,
.alert img {
display: inline;
}

.standings td.hor-dots img {
  width: 293px;
}

.panel-mlg2_mod1 {
  overflow: hidden;
}

.panel-mlg2_mod1-title_bar {
}

.panel-mlg2_mod1-left-col {
  float: left;
  width: 628px;
  margin-right:8px;
  overflow: hidden;
}

.panel-mlg2_mod1-right-col {
  float: left;
  width: 314px;
  overflow: hidden;
}

#profile .panel-mlg2_mod1-right-col, #blog .panel-mlg2_mod1-right-col {
  width: 676px;
}

#profile .panel-mlg2_mod1-left-col, #blog .panel-mlg2_mod1-left-col {
  width: 262px;
}

#backto-url-button {
  width: 11px;
  height: 11px;
  float:left;
}

#backto-url-button a {
  display: block;
  padding: 11px 0 0 0;
  overflow: hidden;
  background-image: url(btn_arrow_back.gif);
  background-repeat: no-repeat;
  height: 0px !important;
  height /**/:11px;
}

#profile-header {
  height: 184px;
  overflow: hidden;
}

#block-mlg_profile-6 .block-header {
  width: 54px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-manage.gif'); background-repeat: no-repeat; background-position: top;
}

#block-mlg_profile-0 .block-header {
  width: 54px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-profile.gif'); background-repeat: no-repeat; background-position: top;
}

/* custom block 1 */
#block-mlg_profile-1 .block-header {
  width: 97px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-customblock.gif'); background-repeat: no-repeat; background-position: top;
}

/* custom block 2 */
#block-mlg_profile-2 .block-header {
  width: 97px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-customblock.gif'); background-repeat: no-repeat; background-position: top;
}

/* custom block 2 */
#block-mlg_profile-2 .block-header {
  width: 97px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-customblock.gif'); background-repeat: no-repeat; background-position: top;
}

/* my buddies block */
#block-mlg_profile-3 .block-header {
  width: 77px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-myfriends.gif'); background-repeat: no-repeat; background-position: top;
}

/* my buddies block */
#block-mlg_profile-4 .block-header {
  width: 126px;
  height: 25px;
  margin-left: 14px;
  background-image: url('block-header-myfriendsblogs.gif'); background-repeat: no-repeat; background-position: top;
}

.profile-content, .profile-blog {
  margin: 8px;
  padding: 8px;
  background-color: white;
  border: 1px solid #d7d7d7;
}

.profile-content .header-image {
  text-align: center;
}

#profile-page-content h2.title a,
#profile-page-content a {
  text-decoration: underline;
}

#profile-page-content .blog-date {
  display: inline;
  font-weight: normal;
}

/* profile/blog comments */

.blog-comments .mod-bg-comments {
  background: transparent;
  height: auto;
}

.blog-comments .mod-bg-comments .comment_wrapper {
  border: 1px solid #d7d7d7;
  background: #eaeaea;
}

.comment_wrapper {
  margin-bottom: 3px;
}

.blog-comments .comment {
  padding: 4px;
}

/* SUZI new styles */
.blog-comments .comment_wrapper {
  padding-top: 10px;
}

.blog-comments .comment_wrapper .picture {
  float:left;
  width:60px;
  margin:0 0 0 14px;
}

.blog-comments .comment_wrapper .comment {
  line-height:14px;
  margin: 0 4px 0 80px;
  padding: 0 0 0 0;
  width:530px;
}

.blog-comments .comment_wrapper .comment .posted {
  padding-left:0;
}

.blog-comments .comment_wrapper .comment .comment-title {
  float:none; padding-left:0;
}
/* end SUZI new styles */


.teaser, .search-results {
  border: 1px solid #d7d7d7;
  margin: 5px;
  padding: 4px;
}

.search-results {
  background: #eaeaea;
}

.search-results dt {
  background: white;
  border: 1px solid #d7d7d7;
  padding: 0 5px;
  margin-bottom: 4px;
}


/* pro-circuit event pages */

#panel-2007procircuit-1 .title-bar .padding .image {
  background-image: url(hdr_event_2007charlotte.gif);
  width: 436px;
}
#panel-2007procircuit-2 .title-bar .padding .image {
  background-image: url(hdr_event_2007meadowlands.gif);
  width: 473px;
}
#panel-2007procircuit-3 .title-bar .padding .image {
  background-image: url(hdr_event_2007dallas.gif);
  width: 427px;
}
#panel-2007procircuit-4 .title-bar .padding .image {
  background-image: url(hdr_event_2007chicago.gif);
  width: 397px;
}
#panel-2007procircuit-5 .title-bar .padding .image {
  background-image: url(hdr_event_2007orlando.gif);
  width: 408px;
}
#panel-blogs .title-bar .padding .image {
  background-image: url(mlg-blogs-header.gif);
  width: 408px;
}
#panel-gallery .title-bar .padding .image {
  background-image: url(page_bar_image_galleries.gif);
  width: 180px;
  border: 0; margin: 0; padding: 0;
}

/* blogs/index page */


.blog-listing-block {
  border-left: 1px solid #d7d7d7;
  border-right: 1px solid #d7d7d7;
  background-image: url(blog-listing-bg.png);
  background-repeat: repeat-x;
  background-color: #d5d5d5;
  padding: 34px 34px 14px 34px;
  width: 557px;
  overflow: hidden;
}

.blog-listing {
  float: left;
  width: 271px;
  height: 65px;
  overflow: hidden;
  margin: 0 7px 7px 0;
}

.blog-listing .avatar {
  float: left;
  margin-right: 12px;
}

.blog-listing .videoLink {
  margin: 0;
  padding: 0; margin-top:7px;
}

.blog-listing .videoLink a {
  text-decoration: underline;
}

.blog-listing .content p {
margin: 0; padding: 0;
  height: 18px;
  overflow: hidden;
}

.blog-listing .info {
  float: left;
}
.blog-listing .comments-count {
  float: right;
}

.blog-listing-block-footer {
  width: 100%;
  height: 20px;
  background-image: url(blog-listing-footer.png);
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.blog-listing-block-header {
  width: 100%;
  height: 27px;
  background-repeat: no-repeat;
}

#blog-listing-block-mostRecent-header {
  background-image: url(blogs-most-recent.png);
}
#blog-listing-block-featuredBlog-header {
  background-image: url(blogs-featured-blogs.png);
}
#blog-listing-block-mostPost-header {
  background-image: url(blogs-most-discussed.png);
}

/* login-account/help/store links at top */
.user-link-tab-image {
  float:left;padding-right:4px;
  text-align: center;
}

.tab-bg {
  text-align: center;
  color: #777;
}

.tab-item {
  padding: 2px 8px 0 8px;
}

.tab-content, .tab-wrapper {
  margin: 0 auto;
}

.tab-wrapper {
  text-align: center;
  width: auto;
  height: 22px;
  float: left;
}

.tab-wrapper a img {
  border: 0;
}

#user-link-tab-store {
  *width: 82px;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */



.related_nodes {width:600px;}
.related_nodes h2 {margin:0; padding:0; background-image:url(supplement_header.gif); width:594px; text-transform:uppercase; color:#fff; font-weight:bold; font-size:14px; padding:4px 0 4px 6px;}
.related_nodes h3 {margin:0; padding:0; background-color:#eee; color:#900; font-weight:bold; font-size:12px; padding:4px 0 4px 4px; border:1px dotted #ccc; border-top:0;}
.related_nodes ul {margin:0; padding:0;}
.related_nodes ul li {display:inline; list-style-image:none; font-family:"Lucida Grande",Arial,Helvetica,Tahoma;}
.related_nodes ul li.alt a {background-color: #f5f5f5;}
.related_nodes ul li a:link, .related_nodes ul li a:visited, .related_nodes ul li a:active {display:block; padding:3px; border:1px dotted #ccc; border-top:0; font-size:11px; color:#000; width:592px; overflow:hidden; height:20px;}
.related_nodes ul li a:hover {display:block; padding:3px; border:1px dotted #ccc; border-top:0; font-size:11px; color:#fff; background-color:#377eff;}
.related_nodes span.related_node_date {display:inline; color:#0042bb; font-weight:bold; font-size:11px;}
.related_nodes ul li a:hover span.related_node_date {color:#fff;}


#get_better {background-color:#000; color:#fff; border:1px solid #999; width:606px;}
#get_better a {color:#09f;}
#get_better .related_nodes {background-color:#000 !important; width:604px;}
#get_better .related_nodes h2 {width:600px; background:#333 none; border-top:2px solid #666; border-bottom:2px solid #666;}
#get_better .related_nodes span.related_node_date {color:#fff;}
#get_better .related_nodes ul li.alt a {background-color:#222 !important; width:598px;}
#get_better .related_nodes ul li a:hover {background-color:#09f !important;}
#get_better .related_nodes ul li a:link, .related_nodes ul li a:visited, .related_nodes ul li a:active {color:#09f; border-color:#666; width:598px;}
#get_better .related_nodes ul li a:hover {color:#fff; border-color:#666; width:598px;}

#get_better_header {background-color:#000; color:#fff; width:606px; padding:0; margin:0;}
#get_better_header img {padding:0; margin:0; display:inline; border:0;}
#get_better_breadcrumbs {padding:3px;}
#get_better_breadcrumbs a {color:#09f;}

.node-supplement {
clear:both;
padding:0;
width:600px;
line-height:1em;
}
.node-supplement .sup-hdr {
background-image:url(supplement_header.gif);
background-position:left top;
background-repeat:no-repeat;
width:600px;
}
.node-supplement .sup-hdr .sup-title {
clear:left;
color:#fff;
font-weight:bold;
font-size:14px;
padding:8px 0 9px 8px;
margin:0;
text-transform:uppercase;
}
.node-supplement .sup-content {
line-height: 14px;
font-size: 12px;
}
.node-supplement .sup-content p {
padding:6px 0 4px 10px;
font-weight:bold;
color:#900;
clear:both;
margin:0;
font-size:12px;
background-color: #eee;
border-style: dotted;
border-width: 0 1px 1px 1px;
border-color: #ccc;
}
.node-supplement .sup-item-feature {
padding:4px 0 0 10px;
}
.node-supplement .sup-item-feature-title {
font-size:18px;
font-weight:bold;
line-height:24px;
}
.node-supplement .sup-item-feature .thumb {
padding:0 8px 8px 0;
}
.node-supplement .sup-item-wrapper {
padding-top: 2px;
border-style: dotted;
border-width: 0 1px 1px 1px;
border-color: #ccc;
}
.node-supplement .buttonArchiveButton {
background:transparent url(supplement_bottom.gif) no-repeat scroll 0%;
height:19px;
width:600px;
}
.node-supplement .sup-item {
clear:both;
font-size:12px;
padding:4px 0 4px 10px;
}
.node-supplement .sup-item-date {
color:#0043B9;
float:left;
font-weight:bold;
padding-left:10px;
}
.node-supplement .sup-item-link {
float:left;
padding-bottom:5px;
padding-left:3px;
}
.node-supplement .sup-item-link a:link,
.node-supplement .sup-item-link a:visited,
.node-supplement .sup-item-link a:active {
color:#000000;
text-decoration:none;
}
.node-supplement .sup-item-link a:hover {
color:#1D86E7;
}
.node-supplement .sup-item-byline {
font-size:10px;
color:#888;
padding:0px 0 4px 10px;
font-weight:normal;
}
.node-supplement .sup-item a:link,
.node-supplement .sup-item a:visited,
.node-supplement .sup-item a:active {
font-weight:bold;
color:#000000;
text-decoration:none;
}
.node-supplement .sup-item a:hover {
color:#1D86E7;
}
.node-supplement .sup-div-wrapper {
clear:left;
text-align:center;
}
.node-supplement .sup-div {
height:1px;
margin:0pt auto;
}

.related {
  padding-top: 10px;
  background-color: #FFF;
}

.related-content {
  padding:2px 4px 0px 4px;
}

.related .mod-bg-related {
  color:#525252;
  padding-top: 4px;
}

.related-label {
  float:left;
  padding-left: 12px;
  padding-top: 3px;
}

.related-link {
  float:left;
  padding-top: 2px;
  padding-left: 3px;
}

.related .dots-wrapper {
  padding-top:18px;padding-left:7px;
}

.related .hor-dots {
  width:611px;
}
/* images for the event headers */
#panel-procircuit-charlotte .title-bar .padding .image {
  background-image: url(hdr_event_2007charlotte.gif);
  width: 436px;
}
#panel-procircuit-meadowlands .title-bar .padding .image {
  background-image: url(hdr_event_2007meadowlands.gif);
  width: 473px;
}
#panel-procircuit-dallas .title-bar .padding .image {
  background-image: url(hdr_event_2007dallas.gif);
  width: 427px;
}
#panel-procircuit-chicago .title-bar .padding .image {
  background-image: url(hdr_event_2007chicago.gif);
  width: 397px;
}
#panel-procircuit-orlando .title-bar .padding .image {
  background-image: url(hdr_event_2007orlando.gif);
  width: 408px;
}
#event-nav-halo {width:201px; height:64px; background-image:url('event_hdr_halo.gif');background-repeat:no-repeat;text-align:center;vertical-align:bottom;}
#event-nav-r6 {width:201px; height:64px; background-image:url('event_hdr_r6.gif');background-repeat:no-repeat;text-align:center;vertical-align:bottom;}
#event-nav-gow {width:201px; height:64px; background-image:url('event_hdr_gow.gif');background-repeat:no-repeat;text-align:center;vertical-align:bottom;}
#event-nav-sr {width:201px; height:64px; background-image:url('event_hdr_sr.gif');background-repeat:no-repeat;text-align:center;vertical-align:bottom;}
/* end of images for event headers */
/* Start footer sponsor bar  */
.sponsorbar {position: relative;clear: both;}
.footer_bg1  {background-image: url(foot_pres_bg1.gif); background-position: center; background-repeat: repeat-x; width: 948px; height: 43px; border: solid 1px #dbdbdb;}
.footer_presented_by  {padding-left:65px; float: left;vertical-align: middle;}
.footer_powered_by  {padding-right: 4px;float: right;vertical-align: middle;}
.footer_bg2  {background-image: url(foot_newsl_bg2.gif); background-position: center;background-repeat: repeat-x; width: 948px; height: 21px; border: solid 1px #272727;}
.footer_subscribe a{padding-right: 10px;font-family: arial;font-size: 11px;  color: #fff;font-weight: bold;float: right;padding-top: 3px;}
.footer_subscribe_box {font-size: 12px;border: inset 1px #404040;color: #fff;font-weight:bold; text-decoration: underline;}
.footer_bg3  {background-color: #fff; background-image: url(foot_links_bg3.gif);background-position: center; background-repeat:repeat-x; width: 950px;height: 150px; background-position: top; }
.footer_list {font-family: Tahoma, arial, sans-serif;font-size: 11px;color: #4c4c4c;padding-top: 10px;padding-left: 20px;float:left;width: 130px; text-align: left;}
.footer_list ul{margin-left: -8px; margin-top: 0px;color: #0042bb;font-size: 11px;}
.footer_list a{text-decoration: underline;color: #0042bb; }
.footer_list a:hover{text-decoration: none;  }
.footer_pclogo {padding-left: 12px;float: left;vertical-align: middle;}
/* end footer sponsor bar  */

/* sidebar  */
#sidebar_wrap {margin: 0px 10px 10px 10px; width: 165px;display: inline;float: right;border: 1px solid #0042bb;}
#sidebar_head {background: #0042bb; color:#ffffff; font-weight: bold; padding: 3px 12px;}
#sidebar {list-style: none;padding: 3px 12px;}
#sidebar li {margin: 0;}
#sidebar li a {text-decoration: none;}
#sidebar li a:hover {text-decoration: underline;}
#sidebar li.last {background: none;}

/*live coverage scoreboards */
.pc_scoreboard {
    width: 604px;
    border: 1px solid #E8ECEE;
}
.pc_scoreboard ul {
    background: #E8ECEE;
    position: relative;
    height: 20px;
    padding: 0px;
    margin: 0px;
}
.pc_scoreboard ul li{
    float: left;
    list-style-type: none;
	list-style-image:url(none);
    border-right: 1px solid #E8ECEE;
    width: 74px;
    #width: 74px;
    height: 20px;
    padding-left: 5px;
}
.pc_scoreboard_11 ul li{
    width: 34px;
    #width: 34px;
}
.pc_scoreboard.ul li:first-child{
    width: 225px;
}
.pc_scoreboard ul li.w{ 
    text-align: center;
    font-weight: bold;
}
.pc_scoreboard ul li.l{
    text-align: center;
}
.pc_scoreboard ul li.u{
    background-color: #E8ECEE;
    color: #666;
    text-align: center;
}

.pc_scoreboard ul li.oddball{
    background-color: #E8ECEE;
    background-image: url(oddball.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pc_scoreboard ul li.koth{
    background-color: #E8ECEE;
    background-image: url(koth.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pc_scoreboard ul li.slayer{
    background-color: #E8ECEE;
    background-image: url(slayer.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pc_scoreboard ul li.ctf{
    background-color: #E8ECEE;
    background-image: url(ctf.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pc_scoreboard ul li.ex{
    background-color: #E8ECEE;
    background-image: url(ex.png);
	background-repeat: no-repeat;
	background-position: center;
}
.pc_scoreboard ul li.final_l{
    border-right: none;
    text-align: center;
}
.pc_scoreboard ul li.final{
    border-right: none;
    text-align: center;
	font-weight: bold;
}
ul.pc_score_header li.first, ul.pc_score_w li.first, ul.pc_score_l li.first{
    width: 108px;
    #width: 108px;
    padding-left: 16px;
}
ul.pc_score_header li{
    background-color: #E8ECEE;
    font-weight: bold;
}
ul.pc_score_w {
    background: url(winner_arrow.png) no-repeat #FBFBFD;
}
ul.pc_score_l {
    background: #FBFBFD;
    border-bottom: 1px solid #E8ECEE;
}
.pc_top{
    padding: 5px;
    border: none;
    font-weight: bold;
    width: 596px;
    #width: 604px;
    background-color: #D5DCE0;
}
.pc_desc{
    border-top: 1px solid #D5DCE0;
    padding: 5px;
}