/************** NEUTRALISE THE BROWSERS *******************/
* { margin: 0; padding: 0; }
img { border: none; }

/************** HTML ELEMENTS *****************************/
body {
  background: url(/images/setup/page_bg.jpg) repeat-x left top #450000;
}

h1,h2,h3,div,td {
    font-family: verdana, geneva, sans-serif;
    font-size: 11px;
    line-height: 15px;
    margin: 0px;
    padding: 0px;
}

h1,h2,h3,h4,p {
  margin-bottom: 15px;
}

img {
   border: 0px;
   margin: 0px;
}

p {
    font-family: verdana, geneva, sans-serif;
    font-size: 12px;
    line-height: 18px;
}


form {
  margin: 0px;
}


.photo {
  float: right;
  padding: 5px;
  background-color: #FFFFFF;
}


a {
  font-size: 11px;
  color: #00427c;
}

a:hover {
  color: #d00000;
}

#printer {
  padding: 1px;
  font-size: 10px;
  color: #;
  text-align: right;
}

h1 {
  color: #D00000;
  line-height: 130%;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

h2 {
  color: #00427c;
  text-transform: uppercase;
}

.caption-head {
  display: block;
}

.separator {
  height: 2px;
  background: url(/images/setup/separator.gif) repeat-x left top;
}

/************** STRUCTURAL ELEMENTS ***********************/
#wrapper {
  width: 1020px;
  margin: 0 auto;
  background: url(/images/setup/wrapper_bg.gif) repeat-y left top;
}
#l-shadow {
  width: 1020px;
  background: url(/images/setup/l_shadow.jpg) no-repeat left top;
}
#r-shadow {
  width: 1020px;
  background: url(/images/setup/r_shadow.jpg) no-repeat right top;
}
#content-container {
  width: 1000px;
  background: #161616;
  margin: 0 auto;
  overflow: hidden;
}
.design {
  width: 990px;
  padding: 0 5px;
  border-top: solid 5px #161616;
  border-bottom: solid 5px #161616;
  background: url(/images/setup/design_bg.gif) repeat-y left top;
  overflow: hidden;
}

#sectionHeader {
  float: right;
}

#mainbody {
  width: 785px;
  padding: 10px;
  float: left;
  margin-left: 5px;
  background: #fff;
  overflow: hidden;
}
#leftcol {
  width: 180px;
  float: left;
  overflow: hidden;
}
#rightcol {
  width: 300px;
  float: left;
  margin-left: 5px;
  overflow: hidden;
}
#header-wrapper {
  width: 1000px;
  height: 278px;
  overflow: hidden;
}
#header {
  width: 1000px;
  height: 250px;
  background: url(/images/setup/header-bgTM-new.jpg) no-repeat left top;
  overflow: hidden;
}
a.home-link {
  display: block;
  width: 400px;
  height: 250px;
  float: left;
}
#h-logos-container {
  width: 580px;
  height: 240px;
  padding-top: 10px;
  padding-left: 20px;
  float: right;
  overflow: hidden;
}
#h-logos-container a {
  display: block;
  width: 120px;
  height: 110px;
  float: left;
  margin-right: 25px;
  margin-bottom: 10px;
  text-align: center;
  font-family: arial;
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  line-height: 13px;
}
#h-logos-container a img {
  display: block;
  margin-bottom: 4px;
}
#h-logos-container a:hover {
  color: #fdedae;
}
#footer {
  width: 946px;
  height: 194px;
  padding: 23px 27px;
  background: #262626;
  overflow: hidden;
}
.footer-text {
  width: 332px;
  height: 155px;
  padding-right: 12px;
  float: left;
  color: #fff;
  background: url(/images/setup/footer_sep.jpg) no-repeat right top;
  font-size: 11px;
}
.footer-text a {
  color: #fff;
}
#footer-logos {
  float: left;
  margin-left: 45px;
  overflow: hidden;
}
#footer-logos a {
  float: left;
  margin-right: 15px;
  margin-bottom: 14px;
}

/********** COUNTDOWN CLOCK **********/
#countdown {
  width: 280px;
  padding: 8px 10px;
  background: #00529b;
  color: #fff;
  text-align: center;
  overflow: hidden;
}

#countdown .container {
  width: 238px;
  margin: 0 auto;
  padding-top: 12px;
  overflow: hidden;
}

#countdown .timerem {
  width: 47px;
  height: 26px;
  padding: 8px 0;
  background: url(/images/setup/timerem_bg.jpg) no-repeat left top;
  float: left;
  margin-left: 10px;
}

#countdown .timerem span.time {
  display: block;
  text-align: center;
  color: #fff;
  font-family: 'trebuchet MS', arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 16px;
}

#countdown .timerem span.timecap {
  display: block;
  text-align: center;
  color: #fff;
  font-family: arial;
  font-weight: bold;
  font-size: 10px;
  line-height: 10px;
}

/*************** NAVIGATION **********************************/
.leftnav {
  margin-bottom: 5px;
}
.leftnav a {
  display: block;
  height: 16px;
  padding: 4px 10px;
  font-family: arial;
  font-size: 12px;
  line-height: 16px;
  color: #fff;
  background: #00529b;
  text-decoration: none;
}
.leftnav a:hover, .leftnav a.current {
  background: #2a2a80;
}
.leftnav a.current {
  font-weight: bold;
}
.leftnav .sep {
  height: 2px;
  background: url(/images/setup/leftnav_underline.gif) no-repeat right top #00529b;
  overflow: hidden;
}
.leftnav-secondary a {
  padding: 4px 12px;
  background: #2891ee;
}
.leftnav-secondary a:hover, .leftnav-secondary a.current {
  background: #00427c;
}
.leftnav-secondary a.current {
  font-weight: bold;
}
.leftnav-secondary .sep {
  height: 2px;
  background: url(/images/setup/leftnav_secondary_underline.gif) no-repeat right top #2891ee;
  overflow: hidden;
}
#navbar-buttons-rcol a {
  display: block;
  margin-bottom: 5px;
}

/************ HEADLINES **********/
#news-stories {
  width: 500px;
  height: 221px;
  background: #333;
  overflow: auto;
}
.news-story-container {
  width: 465px;
  padding: 12px 0;
  margin-left: 10px;
  overflow: hidden;
}
.news-story-date {
  display: block;
  width: 55px;
  float: left;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}
.news-story {
  display: block;
  width: 410px;
  float: left;
  font-family: arial;
  font-weight: bold;
  font-size: 13px;
  color: #fff;
  text-decoration: none;
}

#headlines-featured {
  width: 500px;
  margin-bottom: 5px;
  background: #333;
  overflow: hidden;
}
.headlines-featured {
  width: 480px;
  padding: 14px 10px;
  overflow: hidden;
}
.headlines-featured img {
  display: block;
  float: left;
  border: solid 5px #484848;
/*  width: 152px;  height: 228px; */
}

/************ TESTING HEADLINES LAYOUT *****************/
.headlines-featured-nocrop {
  width: 480px;
  padding: 14px 10px;
  overflow: hidden;
  background-color: blue;
}
.headlines-featured-nocrop img {
  display: block;
  float: left;
  border: solid 5px #484848;
}
/************ TESTING HEADLINES LAYOUT *****************/


.featured-container {
  width: 300px;
  float: left;
  margin-left: 10px;
}
.featured-date {
  display: block;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #999;
}
.featured-title {
  display: block;
  font-family: arial;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  line-height: 20px;
}
.featured-story {
  display: block;
  margin: 0;
  padding: 0;
  font-family: arial;
  font-size: 12px;
  color: #fff;
}
.featured-story a {
  font-family: arial;
  font-size: 9px;
  color: #878787;
  text-decoration: none;
}
.featured-story a:hover {
  color: #fff;
}

#featured-athletes {
  width: 285px;
  padding: 15px 0 15px 15px;
  background: #00529b;
  overflow: hidden;
}

.featured-athlete {
  width: 130px;
  float: left;
  margin-right: 11px;
  overflow: hidden;
}

.featured-athlete img {
  border: solid 5px #5d5858;
  margin-bottom: 5px;
}

.featured-athlete a.athlete-name,
.featured-athlete a.college-name {
  display: block;
  text-align: center;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

.featured-athlete a.college-name {
  font-weight: normal;
  font-size: 10px;
}

.featured-athlete a.athlete-name:hover,
.featured-athlete a.college-name:hover {
  color: #901023;
}

#potw {
  width: 471px;
  padding: 26px 0 26px 29px;
  margin-bottom: 5px;
  background: #333;
  overflow: hidden;
}

.potw {
  width: 130px;
  float: left;
  margin-right: 25px;
  text-align: center;
  overflow: hidden;
}

.potw img {
  border: solid 5px #5d5858;
  margin-bottom: 5px;
}

.potw span {
  font-family: arial;
  font-size: 10px;
  color: #fff;
  display: block;
  text-align: center;
}

.potw span.potw-name {
  font-size: 12px;
  font-weight: bold;
}

.potw a {
  font-family: arial;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
}

/******* TAB CONTENT **********/
#tablist {
  width: 300px;
  height: 38px;
  clear: both;
  overflow: hidden;
}

#tablist a {
  display: block;
  height: 38px;
  float: left;
  background-image: none;
  background-position: left top;
  background-repeat: no-repeat;
}

a.tab1 { width: 104px; }
a.tab2 { width: 106px; }
a.tab3 { width: 90px; }

#tabcontentcontainer {
  width: 300px;
  margin-bottom: 5px;
  color: #fff;
  background: #161616;
  overflow: hidden;
}

.tabcontent {
  display: none;
  width: 280px;
  height: 248px;
  padding: 10px;
  overflow: auto;
}

#sc1 { background: #e51937; }
#sc2 { background: #00529b; }
#sc3 { background: #595959; }

/****** generic classes ******/
.ui-tabs .ui-tabs-hide {
     display: none;
}

.ui-tabs {
  position: relative;
}

.ui-tabs .ui-tabs-nav, ui-tabs .ui-tabs-nav li {
  margin: 0;
  padding: 0;
  list-style: none;
}

.ui-tabs .ui-tabs-nav {
  clear: both;
}

.ui-tabs .ui-tabs-nav li {
  float: left;  
}

.ui-tabs .ui-tabs-panel {
  color: #fff;
}

/********* specific tabs classes ***************/
#ui-tabs-ssr {
  width: 300px;
}

#ui-tabs-ssr .ui-tabs-nav li a {
  display: block;
  height:38px;
  float: left;
  text-decoration: none;
  background-image: none;
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

#ui-tabs-ssr-anchor1 {  width: 104px; }
#ui-tabs-ssr-anchor2 { width: 106px; }
#ui-tabs-ssr-anchor3 { width: 90px; }

#ui-tabs-ssr .ui-tabs-panel {
  width: 280px;
  height: 248px;
  padding: 10px;
  margin-bottom: 5px;
  clear: both;
  overflow: auto;
}

#ui-tabs-ssr-content1 { background: #e51937; }
#ui-tabs-ssr-content2 { background: #00529b; }
#ui-tabs-ssr-content3 { background: #565656; }

/*********************************************************/

#ui-tabs-aotw {
  width: 500px;
}

#ui-tabs-aotw .ui-tabs-nav {
  height: 38px;
  padding-left: 152px;
  background: url(/images/setup/aotw_tabs_header.jpg) no-repeat left top;
}

#ui-tabs-aotw .ui-tabs-nav li a {
  display: block;
  width: auto;
  padding: 0 5px;
  float: left;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  line-height: 38px;
}

#ui-tabs-aotw .ui-tabs-nav li a:hover,
#ui-tabs-aotw .ui-tabs-nav li.ui-state-active a {
  background: url(/images/setup/tab_active_anchor.gif) repeat-x left top;
}

#ui-tabs-aotw .ui-tabs-panel {
  width: 500px;
  background: #333;
  margin-bottom: 5px;
}

#ui-tabs-aotw .ui-tabs-panel a {
  color: #d41733;
  text-decoration: underline;
}

#ui-tabs-aotw .ui-tabs-panel a:hover {
  text-decoration: none;
}

/************ BRIEF STANDINGS **************/
.briefstats-table {
}

.briefstats-header {
  color: #FFFFFF;
  text-align: center;
  font-weight: bold;
}

.briefstats-row0 td{
  color: #FFFFFF;
  padding: 4px;
}

.briefstats-row1 td {
  color: #FFFFFF;
  padding: 4px;
}

.briefstats-label {
  font-size: 12px;
}

.briefstats-label a{
  color: #FFFFFF;
  text-decoration: none;
}

.briefstats-label a:hover {
  color: #d00000;
}

.briefstats-field {
  text-align: center;
}

/********** STANDINGS **********/

table.stats-table {
  border-width: 0px;
  border-collapse: collapse;
  width:100%;
}

table.stats-table td {
  padding: 1px 4px;
  width:100%;
}

tr.stats-header td {
  background-color: #00427c;
  padding-right: 0px;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10px;
  width:100%;
}


td.stats-team a {
  color: #d00000;
  font-weight: bold;
  font-size: 11px;
}


td.stats-team a:hover {
  color: #00427c;
}

td.stats-field {
  color: #000000;
  text-align: center;
  font-size: 11px;
}

td.conf-label  {
  background-color: #333333;
  font-weight: bold;
  font-size: 10px;
}

td.conf-field {
  background-color: #00427c;
  color: #ffffff;
  text-align: center;
  font-size: 11px;
}


/********** SCHEDULE **********/
table.schedule {
  width: 785px;
}

.schedule-data {
  width: 500px;
}

.schedule-header {
  background-color: #00427c;
  color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
}

tr.schedule-header td {
  padding: 5px;
}

tr.schedule-row td {
    padding: 2px;
}

tr.schedule-row0 td {
    background-color: #c1c1c1;
    padding: 2px;
}
tr.schedule-row1 td {
    background-color: #;
    padding: 2px;
}
/********* STATS ***********/
.stats-wrapper {
  color: #000;
  background: #FFF;
}

.stats-wrapper th {
  background: #00427c;    /* set the primary color here */
  color: #fff;
}

.stats-wrapper a {    /* set the link color here */
  color: #333;
  text-decoration: underline;
}

.stats-wrapper a:hover {    /* set the link color here */
  color: #000;
}