/* ==============
   GLOBAL STYLES
   ============== */

/* WEB FONT FOR LANDING PAGES */
@font-face {
    font-family: 'oswaldbook';
    src: url('oswald-regular-webfont.eot');
    src: url('oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald-regular-webfont.woff') format('woff'),
         url('oswald-regular-webfont.ttf') format('truetype'),
         url('oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'proximanova-bold';
    src: url('proximanova-bold-webfont.eot');
    src: url('proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-bold-webfont.woff') format('woff'),
         url('proximanova-bold-webfont.ttf') format('truetype'),
         url('proximanova-bold-webfont.svg#proximanova-bold') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'proximanova-light';
    src: url('proximanova-light-webfont.eot');
    src: url('proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-light-webfont.woff') format('woff'),
         url('proximanova-light-webfont.ttf') format('truetype'),
         url('proximanova-light-webfont.svg#proximanova-light') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'proximanova-regular';
    src: url('proximanova-regular-webfont.eot');
    src: url('proximanova-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-regular-webfont.woff') format('woff'),
         url('proximanova-regular-webfont.ttf') format('truetype'),
         url('proximanova-regular-webfont.svg#proximanova-regular') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'proximanova-semibold';
    src: url('proximanova-semibold-webfont.eot');
    src: url('proximanova-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-semibold-webfont.woff') format('woff'),
         url('proximanova-semibold-webfont.ttf') format('truetype'),
         url('proximanova-semibold-webfont.svg#proximanova-semibold') format('svg');
    font-weight: normal;
    font-style: normal;


}
@font-face {
    font-family: 'proxima_nova_rgbold_italic';
    src: url('proximanova-boldit-webfont.eot');
    src: url('proximanova-boldit-webfont.eot?#iefix') format('embedded-opentype'),
         url('proximanova-boldit-webfont.woff2') format('woff2'),
         url('proximanova-boldit-webfont.woff') format('woff'),
         url('proximanova-boldit-webfont.ttf') format('truetype'),
         url('proximanova-boldit-webfont.svg#proxima_nova_rgbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* WEB FONTS FOR THE INTERNAL PAGES */
@font-face {
    font-family: 'open_sansregular';
    src: url('opensans-regular-webfont.eot');
    src: url('opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-regular-webfont.woff') format('woff'),
         url('opensans-regular-webfont.ttf') format('truetype'),
         url('opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansbold';
    src: url('opensans-bold-webfont.eot');
    src: url('opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('opensans-bold-webfont.woff') format('woff'),
         url('opensans-bold-webfont.ttf') format('truetype'),
         url('opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.accent-bg,
.accent-bg th  { color:#fff !important; background:#2c2e75 !important }

.page{overflow:hidden }
body { font-family:'open_sansregular', arial; font-size:14px; line-height:1.5; background:#fff; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none }
.landing body { font-family: 'proximanova-bold', arial }

a { color:#2e9a59; text-decoration:none }
a:hover { color:#2e9a59; text-decoration:none }

h1,h2,h3,h4,h5,h6,b,strong { font-family:'open_sansbold', arial; font-weight:normal }

h1 { font-size:24px; color:#2e9a59 }
h2 { font-size:21px; color:#2e9a59 }
h3 { font-size:18px }
h4 { font-size:16px }
h5 { font-size:14px }
h6 { font-size:13px }

.mainbody { padding:10px; background:#fff }
.landing .mainbody { padding:0; background:none }

.box-title { height:20px; line-height:20px; margin-bottom:0; padding:5px 10px; border-bottom:5px solid #233a75; font-family:'oswaldbook',arial; font-weight:normal; text-transform:uppercase; background:#9b1d22; color:#fff; border-radius:3px 3px 0 0 }

.select-dropdown { position:relative; min-width:150px; max-width:300px; font-family:arial; background:#fff; margin-bottom:10px; border:1px solid #000; border-radius:5px; z-index:2 }
.select-dropdown > .selection { display:block; position:relative; text-decoration:none }
.select-dropdown > .selection span { display:block; padding:0 10px; margin-right:30px; line-height:30px; text-decoration:none }
.select-dropdown > .selection:after { content:""; display:block; width:0; height:0; position:absolute; right:10px; top:50%; margin-top:-3px; border-style:solid; border-width:6px 6px 0; border-color:#333 transparent transparent  }
.select-dropdown.active > .selection:after { border-color:transparent transparent #333; border-width:0 6px 6px }
.select-dropdown ul, 
.select-dropdown li { margin:0; padding:0; list-style:none }
.select-dropdown ul { display:none; position:relative; left:0; right:0; top:23px; max-height:200px; overflow:auto; border-radius:0 0 5px 5px }
.select-dropdown.active ul { display:block; }
.select-dropdown li { display:block; padding:0 10px; height:25px; line-height:25px; color:#444; background:#EEE; position:relative; cursor:pointer } 
.select-dropdown li.selected { display:none }
.select-dropdown li:hover { background:#1a2e6e; color:#FFF }

/* SCHEDULE */
.schedule-boxscore { height:525px; overflow:auto; background:url(/images/setup/row_bg.png) repeat}
.schedule-boxscore .event-box {  padding:15px;font-size:16px; position:relative; overflow:hidden; border-bottom:1px solid #4d50a9; color:#fff ; text-transform:uppercase}
.schedule-boxscore .event-info{ max-width:440px}
.schedule-boxscore .date { float:left; }
.schedule-boxscore .sport-status { display:block; padding:0 10px; }
.schedule-boxscore .sport:before{content:"/"; padding:0 10px;color:#fff; font-size:16px; line-height:16px  }
.schedule-boxscore .team { margin-top:5px;font-family: 'proximanova-light';  }
.schedule-boxscore .team:first-child { margin-top:0 }
.schedule-boxscore .team .va, 
.schedule-boxscore .team .team-name { display:inline-block; vertical-align:top }
.schedule-boxscore .team .team-name { max-width:80% }
.schedule-boxscore .status,
.schedule-boxscore .result { float:right }
.schedule-boxscore .neutral-site{ display:none }
.schedule-boxscore .links{ position:absloute; right:0px;}
.schedule-boxscore .links span{ display:none}
.schedule-boxscore .links a:before{ font-family: "GlyphIcons"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; color:#fff; margin:0px 5px }
.schedule-boxscore .links a[href*="boxscores"]:before { content:'\e838' }
.schedule-boxscore .links a[href*="preview"]:before { content: '\e832' }
.schedule-boxscore .links a[href*="live stats"]:before { content: '\e833' }
.schedule-boxscore .links a[href*="directions"]:before { content: '\e834' }
.schedule-boxscore .links a[href*="tickets"]:before { content: '\e835' }
.schedule-boxscore .links a[href*="recap"]:before { content: '\e836' }
.schedule-boxscore .links a[href*="results"]:before { content: '\e837' }
.schedule-boxscore .links a[href*="audio"]:before { content: '\e839' }
.schedule-boxscore .links a[href*="video"]:before { content: '\e83b' }
.schedule-boxscore .links a[href*="photos"]:before { content: '\e83c' }

/* IMAGE ROTATOR */
.image-rotator { position:relative }
.image-rotator .slider { position:relative; overflow:hidden }
.image-rotator .items { position:relative; width:2000% }
.image-rotator .item { float:left; width:5% }
.image-rotator .image { position:relative; padding-top:43% }
.image-rotator .image img { position:absolute; top:0; left:0; width:100%; height:100% }
.image-rotator .image span { display:none }
.image-rotator .navi { position:relative; padding-top:10px; width:135px; margin:0 auto}
.image-rotator .control { position:relative; display:inline-block; vertical-align:top; width:11px; height:11px; background:transparent; margin:0 2px; text-indent:-9999px; cursor:pointer;  border-radius:13px;border:2px solid #fff }
.image-rotator .control.active { background:#fff }
.image-rotator .thumb { position:relative; display:none  }
.image-rotator .prev,
.image-rotator .next,
.image-rotator .pp { display:none }

/* TOP STORIES */
.top-stories-row{position:relative;background: url(/images/setup/bg_row_2.jpg) no-repeat 50% 50%; background-size: cover; padding:5px 0 20px }

.top-stories { max-width:1000px; margin:0 auto; padding:20px 0px 10px; font-family: 'proximanova-semibold' }
.top-stories .row { margin:20px 0 0 -20px }
.top-stories .row:first-child { margin-top:0 }
.top-stories .row:last-child{ margin-bottom:10px}
.top-stories .story { width:33.32%; float:left; padding-left:20px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.top-stories .thumb { position:relative; padding-top:59%; overflow:hidden; background:#000 }
.top-stories .thumb > a { position:absolute; left:0; right:0; top:0 }
.top-stories .thumb img { width:100%;min-height:190px; vertical-align:middle } 
.top-stories .details { position:relative; min-height:70px; padding:10px 20px; background:#fff; border-bottom:5px solid #2c2e75 }
.top-stories .title { display:block; color:#636375; font-size:18px; line-height:24px; font-family: 'proximanova-semibold'}
.top-stories .back-to-top { display:none }
.top-stories .date, .top-stories .leadin,.top-stories .links { display:none }
.top-stories .buttons{ margin-top:10px}
.top-stories .load-more { display:block; width:200px; height:45px; line-height:45px; text-align:center; margin:0 auto; text-transform:uppercase; font-size:20px;color:#2c2e75; border:4px solid #2c2e75; background:#fff}

.site-footer .footer-sponsor{ padding:20px 0px}
.site-footer .footer-logos ul{ margin:0; padding:0}
.site-footer .footer-logos li:first-child{margin-left:0px }
.site-footer .footer-logos li{list-style: none;display: inline-block;vertical-align: top;margin-left: 90px}
.site-footer .footer-wording{ color:#fff; font-size:16px; font-family: 'proximanova-regular'; padding:15px 0px }
.site-footer .footer-wording span{display:block; padding:10px 0px}

.navbar-image ul,
.navbar-image li{ list-style:none; padding:0; margin:0}
.navbar-image li img{ vertical-align:middle;}

.navbar-watchlisten li{ display:inline-block }

.navbar-banner { text-align:center; margin-bottom:25px }

.social-links ul { list-style:none; margin:0 }
.social-links li { float:left; margin-left:10px }
.social-links li .text { position:absolute; left:-9999px }
.social-links li a { display:block; width:20px; height:20px; text-align:center; padding:5px; line-height:20px; color:#fff; background:#309a5a; border-radius:100% }
.social-links li a:hover { color:#309a5a; background:#252765 }


/*-------------------------------------------------------------------- 
  SITE SPECIFIC COLORS FOR INTERNAL PAGES 
  --------------------------------------------------------------------*/

/*Default Table Styles*/
 
 .article-text table{
  margin-bottom: 30px;
  width: 100%;
  border:none;
}

.article-text table th,
.article-text table td{
  text-align: left;
  padding: 5px 20px 5px 10px;
  vertical-align: top;
  border:none
}

.article-text table th{
  font-weight: 500;
  vertical-align: middle;
}

.article-text table.twoColTable td{
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.article-text table.threeColTable td{
  width: 33.3333%;
  padding-left: 10px;
  padding-right: 10px;
}

.article-text table.fourColTable td{
  width: 25%;
  padding-left: 10px;
  padding-right: 10px;
}

.article-text table tr:nth-child(odd) td{
  background-color: #f4f4f4;
}

/*#content table th:nth-child(even){
  background-color: #f4f4f4;
}*/

.article-text table td:nth-child(even){
  /* background-color: #f4f4f4; */
}

.article-text table tr:nth-child(odd) td:nth-child(even){
  /* background-color: #e9e9e9; */
}

.article-text table p{
  padding-bottom: 0;
}

.article-text table img.right, .article-text table img.left{
  margin-bottom: 0;
}


/* Repsponsive Tables
  Max width before this PARTICULAR table gets nasty
  This query will take effect for any screen smaller than 760px
  and also iPads specifically.
  */
  @media only screen and (max-width: 760px),
  (min-device-width: 768px) and (max-device-width: 1024px)  {

    /* Force table to not be like tables anymore */
   .article-text table, 
     .article-text thead, 
    .article-text tbody, 
     .article-text th, 
     .article-text td, 
      .article-text tr {
      display: block;
    }

    /* Hide table headers (but not display: none;, for accessibility) */
     .article-text thead tr {
      position: absolute;
      top: -9999px;
      left: -9999px;
    }

     .article-text tr { 
    border: 1px solid #ccc; 
    }

     .article-text td {
      /* Behave  like a "row" */
      border: none;
      border-bottom: 1px solid #eee;
      position: relative;
      padding-left: 50%;
      width:92%
    }

    .article-text td:before {
      /* Now like a table header */
      position: absolute;
      /* Top/left values mimic padding */
      top: 6px;
      left: 6px;
      width: 45%;
      padding-right: 10px;
      white-space: nowrap;
    }
  }

/* STAFF DIRECTORY */
.staff-directory th { background:#2E9A59; color:#fff }

/* ROSTER */
.roster table td { padding:5px 10px }
.roster .roster-header { background:#2e9a59; color:#fff }
.roster .roster-header a { color:#fff }
.roster tr:nth-child(even) td { background:#f5f5f5 }

/* SCHEDULE */
.schedule-list table th { background-color:#2e9a59; color:#fff }

/* STATS */
.stats-wrapper { width:100% }
.stats-wrapper .stats-quarter-box { width:auto }
.stats-wrapper th { background:#2e9a59 }
.stats-wrapper th,
.stats-wrapper td { font-size:14px; padding:5px }
	
/* BIO */
.bio-wrap .head { background:#2e9a59; color:#fff }
.bio-wrap .head a { color:#fff }

/* NEWS */
.default-headlines p {border-bottom:1px solid #eee; padding-bottom:1.5em;}
.default-headlines .date {font-weight:600;}

#mainbody .banner-image {margin-bottom: 1em; position: relative; float: right; width: 50%; padding-left: 1.55em; padding-top: 3.21em;}

/* ==============
   MEDIA QUERIES
   ============== */
   
/*Column Styles for internal pages*/

.column, .columns { position: relative; padding-left: 1.25em; padding-right: 1.25em; width: 100%; float: left;}

.large-4 { position: relative; width: 20.33333%; background:#eee; margin-right: 1.5em; margin-bottom:1.5em; padding: 1em;}

@media only screen and (min-width: 768px) {
.large-4 {position: relative;}
}
@media only screen {
.column, .columns {position: relative;padding-left: 1em;padding-right: 1em;float: left;}
}

@media only screen and (max-width: 767px) {.large-4.columns {width:91%;margin-right:3em !important;}
}

@media only screen and (min-width:1024px) {.large-4.columns {min-height:201px !important;}
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .large-4.columns {width:95.7%;margin-right:3em !important;max-height:150px !important;}
    .large-4.columns ul {margin-left:0px;}
    .large-4.columns li {display:inline-block;padding-right:1.5em;}
    .large-4.columns img {display:none;}
}

/* ==============
   MEDIA QUERIES
   ============== */

/*---------------------------------------------------------------- 
  COMMON STYLES FOR MOBILE AND TABLET 
  ----------------------------------------------------------------*/

@media only screen and (min-width:0px) and (max-width:1023px) {

body { padding:0; background:none }
#page{ background: #292B71}
.body-container{ padding:0px 5px}

.site-header { position:relative; background:#2c2e75}
.site-header .site-title { margin:0 }
.site-header .site-title a { display:block; height:115px; text-indent:-9999px; background:url(/images/setup/header_tablet.png) no-repeat 50% 50% }

.site-header .site-text , .site-header .site-logo, .site-header .site-hashtag, .twitter_link, .sponsor_hdr{ display:none}

.content-row .content-col1, .calendar_hdr{ display:none}
.content-row .content-col2{ width:70%; margin:0 auto}

.site-footer { padding:0px; text-align:center; background: url(/images/setup/bg_row_2.jpg) no-repeat 50% 50%; background-size: cover; }
.site-footer .footer-logos li{margin-left: 45px}
.site-footer .footer-wording{ padding:0px}

.mobile-menu-bar { display:block; padding:5px; background:#309A5A}
.mobile-menu-bar ul { list-style:none; padding:0; margin:0 }
.mobile-menu-bar > ul { float:right }
.mobile-menu-bar li { float:left; margin-left:5px }
.mobile-menu-bar li a { display:block; height:35px; padding: 0 10px; text-align:center; font-size:14px; line-height:35px; color:#444; text-transform:uppercase; text-decoration:none; white-space:nowrap; color:#fff; border-radius:3px }
.mobile-menu-bar li a:hover,
.mobile-menu-bar li a.active { background:#2B3076; color:#fff; text-decoration:none } 

.search-bar { display:none; width:100%; padding:10px; position:relative; background:#CCC; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.search-bar.active { display:block }
.search-bar input[type="text"] { width:100%; height:25px; padding:0 30px 0 10px; border:none; background:#F5F5F5; box-shadow:0 0 3px #999; border-radius:3px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box  }
.search-bar .submit { width:30px; height:23px; border:none; overflow:hidden; background:none; position:absolute; right:10px; top:10px; border-radius:0 3px 3px 0 }
.search-bar .submit span { display:none }
.search-bar .submit i:before { display:block; width:100%; height:23px; line-height:25px; text-align:center; color:#333; margin:0 }

.dropnav { display:none; font-family:'oswaldbook', arial; background:#333 }
.dropnav.active { display:block }
.dropnav .nav > .submenu { display:none }
.dropnav .nav > a,
.dropnav .submenu a { display:block; padding:0 10px; height:34px; line-height:34px; color:#fff; position:relative }
.dropnav .submenu .has-submenu > a { color:#fff; text-transform:none; background:#000 }
.dropnav li { border-bottom: solid 1px #292929; border-top: 1px solid #434343 }
.dropnav .submenu.level1 li { border-top:solid 1px #363636; border-bottom:solid 1px #494949 }
.dropnav li:first-child { border-top:none !important }
.dropnav li:last-child { border-bottom:none !important }
.dropnav li.active { border-bottom:none !important }
.dropnav .submenu.level1 .has-submenu { border:none !important }
.dropnav .has-submenu.active + li { border-bottom:none !important }
.dropnav .nav.has-submenu > a:after { content:""; width:0; height:0; border-style:solid; border-color:#777 transparent transparent; border-width:0.4em 0.4em 0; position:absolute; right:1em; top:50%; margin-top:-0.2em }
.dropnav .nav.has-submenu.active > a:after { border-color:transparent transparent #fff; border-width:0 0.4em 0.4em }
.dropnav .has-submenu.active > .submenu { display:block; background:#444 }
.dropnav .submenu-title { display:none }

.secondary-nav { font-family:'oswaldbook', arial; background:#fff; color:#2c2e75; margin-bottom:10px}
.secondary-nav h1 { position:relative; margin:0; padding:10px; font-size:20px; color:#2c2e75; font-weight:normal }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { display:none; padding:10px; margin:0 10px 10px; background:#000; background:rgba(0,0,0,0.6); border-radius:3px }
.secondary-nav.active > div > ul { display:block }
.secondary-nav h1:after { content:""; width:0; height:0; border-style:solid; border-color:#2c2e75 transparent transparent; border-width:8px 8px 0; position:absolute; right:10px; top:50%; margin-top:-4px }
.secondary-nav.active h1:after { border-color:transparent transparent #2c2e75; border-width:0 8px 8px }
.secondary-nav li a { display:block; padding:5px 0; color:#fff; text-transform:none }
.secondary-nav .has-nav > a { display:none }

.tabs-wrapper .tabs { display:none }
.tabs-wrapper .tab_title { display:block; height:30px; line-height:30px; margin-bottom:0; padding:0 10px; border-bottom:5px solid #309A5A; text-transform:uppercase; background:#34488F; color:#fff }
.tabs-wrapper .tab_title:hover { color:#fff; text-decoration:none }
.tabs-wrapper .pane { display:block !important }

.sponsors-slider { padding:5px; text-align:left }
.sponsors-slider:before { content:"Sponsors"; display:block; height:40px; line-height:40px; text-align:center; font-size:20px; text-transform:uppercase; color:#fff; background:#309A5A; border-radius:3px }
.sponsors-slider .items { position:static; width:auto; margin-left:-5px }
.sponsors-slider .item { display:block; width:100% }
.sponsors-slider .next,
.sponsors-slider .prev,
.sponsors-slider .navi,
.sponsors-slider .item.cloned,
.sponsors-slider .image.cloned,
.sponsors-slider .image img { display:none }
.sponsors-slider .image { display:block; float:left; width:100%; margin:5px 0 0; text-decoration:none }
.sponsors-slider .image:nth-child(even) { float:right }
.sponsors-slider .image span { display:block; height:40px; line-height:40px; padding:0 10px; margin-left:5px; text-transform:uppercase; background:#fff; border-radius:3px; box-shadow:0 0 10px rgba(0,0,0,0.4) inset }
.sponsors-slider .image span:after { content:"\00bb"; float:right; font-size:22px }

.image-rotator .next, 
.image-rotator .prev { position:absolute; display:block; left:10px; top:50%; margin-top:-15px; width:30px; height:30px; cursor:pointer; text-align:center; overflow:hidden }
.image-rotator .next { left:auto; right:10px }
.image-rotator .prev:before { content:"\00ab"; display:block; font-size:30px; line-height:30px; color:#fff; background:#292B71 }
.image-rotator .next:before { content:"\00bb"; display:block; font-size:30px; line-height:30px; color:#fff; background:#292B71 }

.stories_hdr {display:block; height:40px; line-height:40px; text-align:center; font-size:20px; text-transform:uppercase; color:#fff; background:#309A5A; border-radius:3px}
.schedule-boxscore .event-box:nth-child(n+6) { display:none }

.top-stories .title{ font-size:16px}

.schedule .title { margin-bottom:10px }
.schedule .team-record .titles > div,
.schedule .team-record .data > div { padding:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box }
.schedule .table .titles { display:none }
.schedule .team-record .titles  { display:block; color:#fff; overflow:hidden; padding:5px 5px 0 }
.schedule .team-record .item { padding:5px}
.schedule .team-record { text-align:center; margin-bottom:10px; border-top:solid 1px #CCC; border-bottom:solid 1px #CCC }
.schedule .team-record .titles > div,
.schedule .team-record .data > div { width: 23%; text-align:center; color:#fff; margin:0 1%; float:left; background:#333; border-radius:3px }
.schedule .team-record .titles > div { background:#333; color:#fff }
.schedule .opponent { width: 70%; float:left }
.schedule .result { width: 30%; float:right; text-align:right }
.schedule .item { padding:10px }
.schedule .item.even { background-color:#eee }
.schedule .item .data { position:relative }
.schedule .item .data:before,
.schedule .item .data:after { content: " "; display:table }
.schedule .item .data:after { clear:both }
.schedule .item .date { height:25px; line-height:25px; margin:-10px -10px 10px; padding:0 10px; background:#333; color:#fff }     
.schedule .item .time { height:25px; line-height:25px; color:#fff; position:absolute; right:0; top:-10px }    
.schedule .conf-teams-container { width:100% }
.schedule .conf-teams-container .opponent { width:80%; float:left }
.schedule .conf-teams-container .result { width:20%; float:right }
.schedule .more { display:block !important }
.schedule .more strong { font-weight:normal }
.schedule .more a { display:inline-block; vertical-align:top; text-decoration:none }
.schedule .more a:after { content:"\00BB"; padding:0 5px 0 4px }
.schedule .arrow { display:none }

.bios .profile { overflow:hidden; color:#fff; background:#333; position:relative; padding: 10px 10px 10px 110px;}
.bios .icon { position:absolute; right:31px; bottom:-4px }
.bios .images { width: 100px; padding-top:50px; float:left; margin-left: -110px; text-align:center; position:relative }
.bios .photo img { border: 2px solid #333 }
.bios .number { font-size:20px; line-height: 40px; position:absolute; left:5px; right: 5px; top:0; font-weight: bold;}
.bios .texts .name { font-size:1.2em; padding:5px 10px; margin-bottom:10px;background:#333; color:#fff; border-radius:3px }
.bios .data { line-height:20px }
.bios .profile .texts .icon { text-align: right; padding: 0 31px 0 0; position:relative; top:3px }
.bios .details { color:#444; text-align:left; padding:10px; margin:0 }

div[id="results"] .tabs .tab { display:none }
div[id="results"] .panel:before { content:""; display:block; height:30px; line-height:30px; padding:0 10px; text-transform:uppercase; color:#FFF; background:#333 }
div[id="results"]  #tab-1:before { content:"Yesterday" }
div[id="results"]  #tab-2:before { content:"Today" }
div[id="results"]  #tab-3:before { content:"Tomorrow" }
div[id="results"] h4 { height:25px; line-height:25px; padding:0 10px; font-weight:normal; margin:0 }
div[id="results"] .event  { padding:10px }
div[id="results"] .date:first-child { background:#000; color:#fff }
div[id="results"] .sport {  background:#333; color:#fff }
div[id="results"] .team-result { float:right }

div[id="headlines"] .new { margin-top:15px; padding:10px; border:1px solid #fff; background:#f5f5f5; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; box-shadow:0 0 5px rgba(0,0,0,0.4) }
div[id="headlines"] .new:first-child { margin-top:0 }
div[id="headlines"] .new .links { margin-bottom:5px }
div[id="headlines"] .new .text { display:block; margin-top:5px; font-size:12px; color:#444 }
div[id="headlines"] .new .title a { font-size:16px;  text-transform:uppercase }

.social-links { position:static; background:#000; padding:5px 0; text-align:center }
.social-links ul { display:inline-block;vertical-align:top }

}

/*----------------------------------------------------------
  ADJUSTMENTS FOR TABLET LANDSCAPE  
  ----------------------------------------------------------*/

@media only screen and (min-width:601px) and (max-width:1023px) {


}

/*---------------------------------------
  ADJUSTMENTS FOR MOBILE  
  ----------------------------------------*/

@media only screen and (min-width:0px) and (max-width:767px) {

.site-header .site-title { margin:0 144px 0 0 }
.site-header .site-title a { height:80px; text-indent:-9999px; background:url(/images/setup/header_mobile_wide.png) no-repeat 5px 50% }

.mobile-menu-bar { position:absolute; right:5px; top:22px; padding:0; background:none }
.mobile-menu-bar li a { background:#333 }
.mobile-menu-bar li span { display:none }

.top-stories-row{position:relative;background: url(/images/setup/bg_row_.jpg) no-repeat 50% 50%; background-size: cover; padding:30px 0 20px }
.top-stories { padding-bottom:0; overflow:hidden }
.top-stories .row { margin:0 }
.top-stories .row:first-child .story:first-child { margin-top:0 }
.top-stories .story { width:100%; margin-top:10px; padding:0; background:#fff }
.top-stories .story .thumb { float:left; position:relative; z-index:2; width:40%; padding-top:0 }
.top-stories .story .thumb a { position:static }
.top-stories .story .details { padding:10px; overflow:hidden; border-bottom:0px solid #2C2E75}
.top-stories .buttons { padding:10px 0; text-align:center }
.top-stories .buttons a { position:static; float:left; width:49%; font-size:18px;height:30px; line-height:30px; padding:5px 0; margin:0; text-transform:uppercase; background:#fff; color:#2C2E75; border-radius:3px; border:0px solid #2C2E75  }
.top-stories .buttons .back-to-top { display:block; float:right }

.content-row .content-col2{ display:none}


}

@media only screen and (min-width:0px) and (max-width:600px) {
  
.site-footer .footer-logos li{ display:block;margin-left: 0px}
}

/*------------------------------------------------------
  ADJUSTMENTS FOR MOBILE PORTRAIT  
  -------------------------------------------------------*/

@media only screen and (min-width:0px) and (max-width:479px) {
  
.site-header .site-title a { background-position:5px 50%; background-size:93% auto } 


.top-stories .story .thumb { float:none; width:100% } 

}


/*-----------------------------------------
  DESKTOP SPECIFIC STYLES 
  -----------------------------------------*/

@media only screen and (min-width:1024px) {

.page {position: relative; z-index: 2;  background: url(/images/setup/bg_row_1.jpg) no-repeat 50% 120px #124d93; background-size: 2000px auto }
.internal-page .page{position: relative;  background: url(/images/setup/bg.jpg) no-repeat 50% 120px #2c2e75}

.wrapper { padding:0px; margin:0px auto }
.mainbody { min-height:500px; padding: 2.55em; padding-top:1.95em; position:relative}
.landing .mainbody { min-height:0; padding:0 }
.internal-page .body-container { max-width:1292px; margin:0 auto}
.internal-page .mainbody{ margin-top:10px;}

#header{ height:200px}

.site-header { position:relative; z-index:3;  background:#2c2e75; border-bottom:5px solid #2e9a59 }
.site-header>div{ max-width:1000px; margin:0 auto; position:relative}
.site-header .site-text { text-align:center; margin:0 }
.site-header .site-text a { display:block; color:#fff;  font-family: 'proximanova-light'; font-size:15px; text-transform:uppercase; padding:5px 0px 8px; letter-spacing:10px; word-spacing:8px }
.site-header .site-logo { text-align:center; margin:0 auto; width:545px }
.site-header .site-logo a { display:block; width:467px;height:90px; text-indent:-9999px; background:url(/images/setup/master_sprite.png) no-repeat -263px 0  }
.site-header .site-hashtag { margin:0; position:absolute;  top:58px; right:22px }
.site-header .site-hashtag a { display:block; width:262px;height:29px; text-indent:-9999px; background:url(/images/setup/master_sprite.png) no-repeat -729px 0  }
.site-header .site-title { text-align:center; margin:0; position:absolute; left:-53px; top:43px }
.site-header .site-title a { display:block; height:163px; width:264px; text-indent:-9999px; background:url(/images/setup/master_sprite.png) no-repeat 0px 0  }

.mobile-menu-bar, .search-bar { display:none }

.site-footer { padding:20px 0 10px; text-align:center; background:#2c2e75  }

.content-row { margin-top:0px }

.content-row .content-col1 { width:62.2%; float:left }
.content-row .content-col2 { width:36%; float:right; position:relative }

.content-row > .container{max-width:1000px; margin:0 auto }
.carousel-row{ padding:5px 0px 60px}
.top-stories-row .banner{ text-align:center; margin-bottom:20px}
.cr-row{position:relative;background: url(/images/setup/bg_row_2-03.jpg) no-repeat 50% 50%; background-size: cover;padding:30px 0 20px}
.sponsor-row{position:relative;background-color:#fff; background-size: cover;padding:30px 0 20px }

.sponsor_hdr{ font-family: 'proxima_nova_rgbold_italic';color:#2c2e73; font-size:25px; text-transform:uppercase}

.stories_hdr{ width:192px;  position:relative;font-family: 'proxima_nova_rgbold_italic';color:#2c2e75; font-size:25px; text-transform:uppercase; background:#fff; height:70px; line-height:70px; margin-bottom:28px}
.stories_hdr:after{content: ""; top: 0px;  content: ""; position: absolute; right: -20px;  border: 70px solid transparent;    border-right-width: 20px;    border-top-color: #fff;  border-left: none;}
.stories_col{ position: absolute;  float: left;   width: 27%;   background: #fff;   height: 70px}

.calendar_hdr{ width:192px;  position:relative;font-family: 'proxima_nova_rgbold_italic';color:#fff; font-size:25px;  margin-top:-70px; text-transform:uppercase; background:#309a5a; height:70px; line-height:70px;margin-bottom:28px}
.calendar_hdr:after{content: "";  top: 0px;  content: "";  position: absolute;  right: -20px;  border: 70px solid transparent;  border-right-width: 20px;  border-top-color: #309A5A;border-left: none;}
.calendar_col{ position: absolute; top:-40px;float: left; width: 27%; background: #309A5A;  height: 70px}

/* NAVIGATION */

.right_div{width: 73.5%;float: right;box-sizing: border-box;background:url(/images/setup/global_nav_bg.png) no-repeat; background-size:cover;height: 40px}
.dropnav { position:relative; font-family: 'proximanova-bold'; height:40px; margin:0 auto; z-index:2 }
.dropnav ul, .dropnav li { list-style:none; padding:0; margin:0 }
.dropnav >ul{ width:800px; padding-left:45px}
.dropnav .nav { float:left}
.dropnav .nav > a { display:block; height:40px; padding:0 10px; font-size:14px; line-height:40px; text-decoration:none; color:#fff; text-transform:uppercase }
.dropnav .nav:hover > a { color:#2c2e75 }
.dropnav .nav > .submenu { display:none; position:absolute; left:40px; top:40px; right:0;  padding:25px 30px; white-space:nowrap; width:717px; height:320px; background:url(/images/setup/dropdown_bg.png) repeat-x}
.dropnav .nav:hover > .submenu { display:block }
.dropnav .submenu a { display:block; white-space:nowrap; text-decoration:none; font-size:14px; color:#2c2e75 }
.dropnav .submenu a:hover{ color:#2e9a59}
.dropnav .submenu .has-submenu > a { font-size:24px; text-transform:uppercase; color:#2e9a59; cursor:default;font-family: 'proximanova-light' }
.dropnav .submenu ul,
.dropnav .submenu .has-submenu { display:inline-block; vertical-align:top; min-width:150px; margin-left:55px }
.dropnav .submenu ul:first-child,
.dropnav .submenu .has-submenu:first-child { margin-left:0 }
.dropnav .level2 li a{ border-bottom:1px solid #e6e6e6; padding:5px 0px}

.internal-page .secondary-nav{ max-width:1290px;}
.secondary-nav { position:relative; max-width:1000px; margin:0 auto; color:#2c2e75; background:#fff;font-family: 'proximanova-bold' }
.secondary-nav>div{ padding:12px 15px}
.secondary-nav h1 { float:left; margin-bottom:0; color:#2c2e75; font-size:25px; font-weight:normal;font-family: 'proximanova-bold';text-transform:uppercase }
.secondary-nav ul { list-style:none; padding:0; margin:0 }
.secondary-nav > div > ul { float:right; margin-top:5px; font-size:16px}
.secondary-nav li { float:left }
.secondary-nav li a { color:#2E9A59; text-decoration:none }
.secondary-nav li a:hover { color:#2c2e75; text-decoration:none }
.secondary-nav li:before { content:" "; padding:0 10px }
.secondary-nav li:first-child:before,
.secondary-nav .has-nav li:before { display:none }
.secondary-nav .has-nav { position:relative }
.secondary-nav .has-nav > ul { display:none; z-index:2;position:absolute; right:0; padding:10px; background:#000; background:rgba(0,0,0,0.8); border-radius:5px 0 }
.secondary-nav .has-nav:hover > ul { display:block }
.secondary-nav .has-nav li { float:none }
.secondary-nav .has-nav li a { display:block; min-width:100px; white-space:nowrap }


/* TABS */
.tabs-wrapper[id="social-tabs"] .tab1  { width:38%;box-sizing:border-box }
.tabs-wrapper[id="social-tabs"] .tab2  { width:62%; box-sizing:border-box }
.tabs-wrapper[id="social-tabs"] .tab_title { display:none }
.tabs-wrapper[id="social-tabs"] .tab a { position:relative; display:block; height:70px; line-height:70px; padding:0 8px; text-align:center; text-transform:uppercase; font-size:24px; font-family: 'proxima_nova_rgbold_italic'; background:#252765; color:#fff }
.tabs-wrapper[id="social-tabs"] .tab a.active { z-index:2; color:#fff; background:#309a5a }
.tabs-wrapper[id="social-tabs"] .tab1 a.active:after { content:""; position:absolute; right:-15px; top:0; border:70px solid transparent; border-right-width:15px; border-top-color:#309a5a; border-left:none }
.tabs-wrapper[id="social-tabs"] .tab2 a.active:after { content:""; position:absolute; left:-15px; bottom:0; border:70px solid transparent; border-left-width:15px; border-bottom-color:#309a5a; border-right:none }
.tabs-wrapper[id="social-tabs"] .tab a:hover { text-decoration:none }
.tabs-wrapper[id="social-tabs"] .pane {background:#fff}
.tabs-wrapper[id="social-tabs"] .pane .overflow { height:456px; padding:0px; overflow:hidden }
.tabs-wrapper .panes { position:relative; overflow:hidden }
.tabs-wrapper .pane { display:block !important; position:absolute; left:0; right:0; top:-9999px; background:#eee }
.tabs-wrapper .pane.active { position:static}


/*SPONSOR-SLIDER */
.sponsors-slider { position:relative; padding:10px 0px 20px}
.sponsors-slider .slider { position:relative; overflow:hidden }
.sponsors-slider .items { position:relative; width:2000% }
.sponsors-slider .item { float:left; width:5% }
.sponsors-slider .image { display:block; float:left }
.sponsors-slider .image img { width:100%; vertical-align:top }
.sponsors-slider .image span { display:none }
.sponsors-slider .next, 
.sponsors-slider .prev {display:none }
.sponsors-slider .navi{ height: 15px;padding: 10px;  text-align: center}
.sponsors-slider .navi a{ display:inline-block; vertical-align:top; width:10px; height:10px; margin:0 4px; border:2px solid #2c2e73; border-radius:10px; cursor:pointer}
.sponsors-slider .navi a.active { background:#2c2e73 }

.navbar-watchlisten li{ margin-left:35px }
.navbar-watchlisten li:first-child{ margin-left:0 }

.twitter-feed { color:#444; background:#fff } /* for a darker theme, we can have inverse styles */
.twitter-feed .tweet .info { position:relative; padding:15px 15px 50px }
.twitter-feed .tweet .userinfo { min-height:40px; border-bottom:1px solid #eee; padding-bottom:10px; margin-bottom:10px }
.twitter-feed .tweet .userinfo a { text-decoration:none }
.twitter-feed .tweet .userinfo .icon { position:absolute; right:10px; top:10px; font-size:1.6em; line-height:1; color:#eee }
.twitter-feed .tweet:hover .userinfo .icon { color:#4ec2dc }
.twitter-feed .tweet .logo { float:left; max-width:40px; margin-right:10px }
.twitter-feed .tweet .logo img { vertical-align:middle }
.twitter-feed .tweet .title { display:block; font-size:1.1em; font-weight:700; color:#444 }
.twitter-feed .tweet .username { display:block; font-size:0.9em }
.twitter-feed .tweet .text { display:block; font-size:1.2em; line-height:1.4 }
.twitter-feed .tweet .thumb { margin-top:10px }
.twitter-feed .tweet .thumb img { vertical-align:middle }
.twitter-feed .tweet .links { position:absolute; left:15px; right:15px; bottom:5px; line-height:35px }
.twitter-feed .tweet .links a { margin-right:20px; font-size:1.2em; color:#ccc }
.twitter-feed .tweet .links a .text { position:absolute; left:-9999px; top:-9999px }
.twitter-feed .tweet .links a:focus,
.twitter-feed .tweet .links a:hover { color:#444 }
.twitter-feed .tweet .date { float:right; font-size:0.9em; font-weight:700 }

.twitter-feed.list .feed { height:490px; border:1px solid #eee; overflow:auto }
.twitter-feed.list .head { padding:10px 15px }
.twitter-feed.list .head h1 { margin:0; font-size:26px; font-weight:400; line-height:30px }
.twitter-feed.list .tweet .info { border-top:1px solid #eee }

.social-links { position:absolute; right:115px; top: 87px }

}
@media screen and (min-width: 1400px) {
.right_div{ width:67.5%}

}