/*
    _/      _/                  _/  _/                           
   _/_/  _/_/    _/_/      _/_/_/      _/    _/  _/_/_/  _/_/    
  _/  _/  _/  _/_/_/_/  _/    _/  _/  _/    _/  _/    _/    _/   
 _/      _/  _/        _/    _/  _/  _/    _/  _/    _/    _/    
_/      _/    _/_/_/    _/_/_/  _/    _/_/_/  _/    _/    _/  

*/

@import url(/media/css/reset-fonts.css);
@import url(/media/css/oocss/core/grid/grids.css);
@import url(/media/css/oocss/core/module/mod.css);
@import url(/media/css/oocss/core/template/template.css);

@font-face {
  font-family: "DIN";
  src: url(/media/fonts/PFDinDisplayPro-Med.eot);
  src: url(/media/fonts/PFDinDisplayPro-Med.ttf) format('truetype');
}


/* TYPOGRAPHY */
h1 { font-size: 150%;}
h2 {text-transform: uppercase; font-family: "DIN", Helvetica, Arial, Sans-Serif;  font-size: 220%; color: #002c55; margin-bottom: 10px; font-weight: 500;}
h3 { font-weight: bold; font-size: 130%; color: #222; margin-bottom: 10px;}
h4 { text-transform: uppercase; font-family: "DIN", Helvetica, Arial, Sans-Serif;  font-size: 140%; line-height: 125%;}
h5 { text-transform: uppercase; color: #3d90c0; font-weight: bold;  }
h6 { text-transform: uppercase; color: #999; font-weight: bold; font-size: 80%; }

/* BASE STYLES */
html { background: url(/media/images/background_pattern.jpg); height: 100%; width: 100%; -webkit-font-smoothing: subpixel-antialiased;}
body { background: url(/media/images/background_image.jpg) center top no-repeat; min-height: 100%;}
img { line-height: 0;}
strong { font-weight: bold; }
em { font-style: italic; }
.page { width: 980px; padding-bottom: 20px; }
.fine { font-size: 80%;}
a { text-decoration: none; cursor: pointer;}
a:hover { text-decoration: none; }
a:visited { color: inherit; }
*:focus { border: 0 !important;}
#glow { position: absolute; width: 980px; height: 163px; left: 0; top: -1px; background: transparent url(/media/images/logo-glow.png) 0px 0px no-repeat; z-index: 1;}

/* HELPER STYLES */
.img { display: block; text-indent: -50000px; overflow: hidden;}
.clearfix { line-height: 1px;height: 1px;width: auto;clear: both; }
.space { margin-bottom: 20px;}
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.bluelink {padding-right: 15px; background: transparent url(/media/images/blue-right-arrow.png)  100% 2px no-repeat; font-size: 90%; text-transform: uppercase; color: #3d90c0 !important; font-weight: bold;}
/* MASTHEAD */
#masthead { padding-top: 15px; position: relative; }
#masthead h1#logo {}
#masthead h1#logo a { background: transparent url(/media/images/masthead.png) 0 0 no-repeat; width: 981px; height: 121px; }

/* NAV */
#nav { margin-top: -17px; position: relative; z-index: 100;}
#nav ul {display: block; width: 100%; border-bottom: 3px solid #ffb821; height: 40px; z-index: 100;}
#nav ul li {display: block; float: left;}
#nav ul li a {display: block; float: left; height: 40px; background: transparent url(/media/images/nav.png) no-repeat;
text-indent: -50000px; overflow: hidden;}

#nav ul li#nav-season a { background: transparent url(/media/images/season-2011.png) 0 21px no-repeat;
width: 104px; }

#nav ul li#nav-news-and-updates a {background-position: 0 0; width: 155px;}
#nav ul li#nav-schedule a { background-position: -155px 0px; width: 110px;}
#nav ul li#nav-tickets a { background-position: -265px 0px; width: 94px;}
#nav ul li#nav-team a { background-position: -359px 0px; width: 82px;}
#nav ul li#nav-camps a { background-position: -441px 0px; width: 90px; }
#nav ul li#nav-cfc-gear a { background-position: -531px 0px; width: 103px; }
#nav ul li#nav-media-gallery a { background-position: -634px 0px; width: 144px; }
#nav ul li#nav-contact a { background-position: -778px 0px; width: 98px; }

#nav ul li#nav-news-and-updates a:hover {background-position: 0 -41px; }
#nav ul li#nav-schedule a:hover { background-position: -155px -41px; }
#nav ul li#nav-tickets a:hover { background-position: -265px -41px;}
#nav ul li#nav-team a:hover { background-position: -359px -41px; }
#nav ul li#nav-camps a:hover { background-position: -441px -41px; }
#nav ul li#nav-cfc-gear a:hover { background-position: -531px -41px; }
#nav ul li#nav-media-gallery a:hover { background-position: -634px -41px; }
#nav ul li#nav-contact a:hover {background-position: -778px -41px; }

body#NewsArchive li#nav-news-and-updates a {background-position: 0 -41px; }
body#NewsArticle li#nav-news-and-updates a {background-position: 0 -41px; }
body#NewsTags li#nav-news-and-updates a {background-position: 0 -41px; }
body#NewsCategories li#nav-news-and-updates a {background-position: 0 -41px; }
body#MatchReport li#nav-news-and-updates a {background-position: 0 -41px;}
body#ContactPage li#nav-contact a { background-position: -778px -41px;}
body#CampsPage li#nav-camps a { background-position: -441px -41px;}
body#TeamPage li#nav-team a { background-position: -359px -41px;}
body#SponsorsPage li#nav-team a { background-position: -359px -41px;}
body#ContentPage li#nav-team a { background-position: -359px -41px;}
body#Player li#nav-team a { background-position: -359px -41px;}
body#TicketsPage li#nav-tickets a { background-position: -265px -41px;}
body#MatchArchive li#nav-schedule a { background-position: -155px -41px;}
body#GearPage li#nav-cfc-gear a { background-position: -531px -41px;}
body#MediaGalleryPage li#nav-media-gallery a { background-position: -634px -41px;}

/* HOME PAGE */
.white { background: #fff;}

.lightblue { background-color: #9ed0ee; padding: 20px; background-image: url(/media/images/lightblue-background-top.png), url(/media/images/lightblue-background-bot.png); background-position: top, bottom; background-repeat: repeat-x;}
.two-thirds { width: 620px; margin-right: 20px; float: left;}
.one-third { width: 300px; float: left; margin-right: 20px;}
.one-third.last { margin-right: 0 !important;}
.one-third .unit { margin-bottom: 10px;}
.callout { line-height: 0 !important;}
.shortunit { padding: 11px 10px; background: #fff; clear: left; margin-bottom: 10px; }
.shortunit h5 { text-transform: uppercase; color: #3d90c0; font-weight: bold; font-size: 85%; margin-top: 2px;}
.shortunit h5.rss a {display: block; text-indent: 20px; background: url(/media/images/rssicon.png) 0 0 no-repeat;}
.shortunit h5.morenews a { display: block; padding-right: 15px; background: url(/media/images/blue-right-arrow.jpg) 100% 2px no-repeat;}
.shortunit h5.morenews a:hover { background-image: url(/media/images/yellow-rarr.png);}
.shortunit h5 a:hover { color: #FFB821;}
.shortunit h5.connected { width: 200px; float: left;}
.shortunit ul.media-icons { float: right; display: block; width: 80px; }
.shortunit ul.media-icons li { float: left;}
.shortunit ul.media-icons li a { display: block; width: 15px; height: 15px; background: url(/media/images/media-icons.png) no-repeat; text-indent: -5000px; overflow: hidden; margin-left: 5px;}
    ul.media-icons li.twitter a { background-position: 0 0;}
    ul.media-icons li.facebook a { background-position: -20px 0;}
    ul.media-icons li.vimeo a { background-position: -40px 0;}
    ul.media-icons li.flickr a { background-position: -60px 0;}


/* PAGINATION */
.pagination { position: relative; text-transform: uppercase; color: #002c55; font-size: 88%; }
.pagination .prev:hover a, .pagination .next:hover a { color: #ffb821;}
.pagination a:hover { color: #ffb821;}
.pagination .current { width: 100%; text-align: center;}
.pagination .prev, .pagination .next { position: absolute; top: 0; display: block;}
.pagination .prev { left: 0; padding-left: 15px; background: url(/media/images/blue-arrow-left.jpg) 2px left no-repeat;}
.pagination .prev:hover { background-image: url(/media/images/yellow-arrow-left.jpg);}
.pagination .next { right: 0; padding-right: 15px; background: url(/media/images/blue-right-arrow.jpg) 2px right no-repeat;}
.pagination .next:hover { background-image: url(/media/images/yellow-arrow-right.jpg);}

/* TABBED INTERFACE */
.tabbed-interface {}
.tabbed-interface ul.tabs { width: 100%; float: left;}
.tabbed-interface ul.tabs li { float: left; padding: 8px 10px; background: #3c90bf; border-bottom: 1px solid #9fd0ee; margin-right: 1px; cursor: pointer; text-transform: uppercase; font-family: "DIN", Helvetica, Arial, Sans-Serif; color: #fff; font-size: 90%;}
.tabbed-interface ul.tabs li:hover { background: #0c669a;}
.tabbed-interface ul.tabs li.selected { background: #fff; color: #3c90bf; border-bottom: 1px solid #fff;}
.tabbed-interface div.panes {float: left; clear: left;}
.tabbed-interface div.panes div.pane {background: #fff; padding: 10px 10px;}
.tabbed-interface div.panes div.pane ul { margin-bottom: 0;}
.tabbed-interface div.panes div.pane ul li { padding: 3px 5px; font-size: 88%;}
.tabbed-interface div.panes div.pane ul li a { color: #333; text-transform: capitalize; }
.tabbed-interface div.panes div.pane ul li a:hover { color: #111; }

.tabbed-interface div.panes div.pane ul.deuce li { width: 120px; float: left;}

/* NEXT MATCH */
.next-match { background: #012c56 url(/media/images/vs.png) 10px 10px no-repeat; padding: 15px 10px 10px;}
.next-match h5 { text-align: center; margin-bottom: 18px;}
.next-match ul.game-info { padding: 8px; width: 130px; float: left; text-align: center;}
.next-match ul.game-info li { color: #012c56;}
.next-match ul.game-info li.day { text-transform: uppercase; font-weight: bold; font-size: 140% !important;}
.next-match ul.game-info li.date { font-weight: bold; font-size: 105% !important;}
.next-match ul.game-info li.time { font-size: 105% !important;}
.next-match ul.game-info li.place { font-size: 90%; font-weight: bold;}
.next-match ul.game-info li.directions a { font-size: 90%; font-weight: bold; color: #ffb821 !important; padding-right: 10px; color: #ffb821; background: transparent url(/media/images/yellow-right-arrow.jpg) 3px right no-repeat;}
.next-match ul.game-info li.full-schedule a { display: block; background: transparent url(/media/images/full-schedule.png) 0 0 no-repeat; text-indent: -5000px; width: 94px; height: 22px; margin: 0 auto;}
.next-match ul.game-info li.full-schedule a:hover { background-position: 0 -23px;}
.next-match .image { width: 120px;}
.next-match img { padding: 10px; width: 90px; margin-top: 10px;}

/* LEAGUE STAN"DIN"GS */
.league-standings .line { background: #012c56; text-align: center; padding: 10px 0; position: relative;}
.league-standings .line h5 {color: #fff; font-size: 125%;}
.league-standings .line .left, .league-standings .line .right { font-size: 80%; color: #3c90c0; position: absolute; top: 15px; text-transform: uppercase; font-weight: bold;}
.league-standings .left { left: 20px; }
.league-standings .right { right: 20px;}
.league-standings .data table { width: 100%; font-size: 80%; text-align: center;}
.league-standings .data table th { background: #3c90bf; color: white; text-transform: uppercase; font-weight: bold; border:1px solid #fff; text-align: center; padding: 8px 0;}
.league-standings .data table td { background: #ddd; color: #333; padding: 2px; border:1px solid #fff; padding: 8px 0; min-width: 15px;}
.league-standings .data table tr.cfc td { background: #a9d8f4;}
.league-standings .data table .tleft { text-align: left; padding-left: 5px;}
.data table th:first-child, .data table td:first-child { border-left: 0;}
.data table th:last-child, .data table td:last-child { border-right: 0;}
.data table tr:last-child td { border-bottom: 0;}
.tabs { width: 300px;}
.nmlsw .pane { min-height: 219px; width: 280px;}
.panes { width: 300px;}


#home-slider { height: 440px; padding: 10px;}
.large-image { float: left; width: 790px; position: relative; line-height: 0px; height: 440px;}
.large-image img { position: absolute; top: 0; left: 0; z-index: 5;}
.large-image .text { position: absolute; bottom: 0px; left: 0; background: transparent url(/media/images/transparent-grey.png) repeat; width: 100%; color: white; line-height: 100%; min-height: 110px; z-index: 10;}
.large-image .text h4 { font-size: 240%; line-height: 120%; color: #ffb821; padding: 20px 20px 10px;}
.large-image .text p { padding: 0 8px 20px 20px; color: #fff; display: inline-block;}
.large-image span.read-more-arrow { display: inline-block; height: 9px; background: transparent url(/media/images/white-right-arrow.png) 0 2px no-repeat;}
.small-images { float: left; width: 170px; cursor: pointer;}
.small-images .text { margin: 0px; height: 110px; position: relative;}
.small-images .text.selected .frame { width: 160px; height: 100px; border: 5px solid #ffb821; position: absolute; top: 0; left: 0;}
.small-images .text.selected .tip { display: block; position: absolute; width: 14px; height: 30px; background: transparent url(/media/images/selected-tip.png) 0 0 no-repeat; left: -13px; top: 40px; z-index: 15;}
.small-images .selected h5 {  }
.small-images .text h5 { position: absolute; bottom: 10px; background:transparent url(/media/images/transparent-grey.png) repeat; color: white; width: 140px; left: 10px;
font-weight: bold; text-transform: uppercase; padding: 5px; font-size: 80%;}
.small-images .text p { display: none;}
.small-images .text span { display: none;}

a { color: #3D90C0;}


body#LivePage div.video, 
body#LivePage div.chat {
    width:49%;
    position:relative;
    float:left;
}
body#LivePage div.chat {
    float:right;
    width:450px;
}

/* NEWS SIDEBAR */
ul.deuce li a.active { color: #FFB821 !important; font-weight: bold;}

/* NEWS ARTICLE PREVIEW */

li.news-preview {background: #fff; margin-bottom: 10px; width: 620px; display: block; min-height: 130px;}
li.news-preview a { display: block; width: 100%; height: 100%;}
li.news-preview img {float: left; margin-right: 20px;}
li.news-preview div { padding: 15px; }
li.news-preview h4 { color: #002c55; }
li.news-preview h4:hover {text-decoration: none;}
li.news-preview p.date { color: #3c90c0; font-size: 77%; margin: 2px 0 10px;}
li.news-preview p { color: #333;}

span.read-more-arrow { display: inline-block; text-indent: -50000px; background: url(/media/images/blue-right-arrow.jpg) center right no-repeat; width: 9px; padding-left: 3px;}

li.news-preview:hover, li.related:hover { background: #ffb821;}
.news-preview:hover p.date, li.related:hover p.date { color: #fff;}
.news-preview:hover span.read-more-arrow, li.related:hover span.read-more-arrow { background: url(/media/images/white-on-yellow-right-arrow.jpg) center right no-repeat;}

li.related {background: #fff; margin-bottom: 0px; width: 620px; display: block; border-bottom: 1px solid #9ED0EE;}
li.related a { display: block; width: 100%; height: 100%;}
li.related div { padding: 15px;}
li.related img {float: left; margin-right: 20px; padding: 10px;}
li.related > div { padding: 15px; }
li.related h4 { color: #002c55; }
li.related h4:hover {text-decoration: none;}
li.related p.date { color: #3c90c0; font-size: 77%; margin: 2px 0 10px;}
li.related p { color: #333;}
li.list-header { padding: 10px; background: white; border-bottom: 1px solid #9ED0EE;}

/* SPONSORS PAGE */
.sponsor { background: #eee; margin-bottom: 10px; float: left; clear: left; width: 100%;}
.sponsor > div { padding: 10px ; float: left; width: 276px; }
.sponsor h3 { text-transform: uppercase; font-size: 160%; color: #002c55;}
.sponsor p { margin: 15px 0 20px 0 !important;}
.sponsor .sponsor-logo { width: 244px; height: 171px; background: white; text-align: center; margin: 10px;}
.sponsor  img { }

/* TICKETS */
.ticket-options { margin-bottom: -20px;}
.ticket-options .ticket { text-align: center; width: 280px; height: 192px; float: left; margin-right: 20px; margin-bottom: 20px; line-height: 0; position: relative; overflow: hidden;}
.ticket-options .ticket dl { display: none;}
.ticket-options .ticket img { position: absolute; left: 0; top: 0; z-index: 5;}
.ticket-options .ticket div.purchase { width: 280px; height: 192px; background: url(/media/images/buy-tickets.png) 0 0 no-repeat; position: absolute; top: 192px; left: 0; z-index: 10; display: block;}
.ticket-options .ticket.even { margin-right: 0px;}
.ticket-options .ticket h3.type {font-size: 90%;}
.ticket-options .ticket h4.price {font-size: 500%; font-family: Helvetica, Arial; color: #3c90c0; font-weight: bold;}
.ticket-options .ticket h4.price span { font-size: 50%;}
.small-print-unit { font-size: 90%; margin-bottom: 10px;}

/* NEWS ARTICLE FEATURED */
.news-feature {background: #fff; margin-bottom: 10px; width: 620px;}
.news-feature h4 { font-size: 175%; }
.news-feature h4 a { color: #002c55; }
.news-feature h4 a:hover {text-decoration: none;}
.news-feature p.date { color: #3c90c0; font-size: 77%; margin: 2px 0 10px;}
.news-feature p { color: #333; font-size: 110%; line-height: 150%; }


/* MATCH REPORT */
div.match-report {}
div.match-report div.team { width: 192px; height: 140px; float: left; text-align: center; position: relative;}
div.match-report div.team img {  height: 114px; }
div.match-report div.team h5 { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center;}
div.match-report div.score { width: 196px; float: left; background: #002c55; padding: 5px;}
div.match-report div.score h4 { text-align: center; color: white; font-size: 120%; margin: 5px 0;}
div.match-report div.score > div { padding: 20px; background: #3c90c0; text-align: center; color: white;}
div.match-report div.score span { width: 100%; display: block; font-weight: bold; text-transform: uppercase;}
div.match-report div.score span.status { color: #a9d8f4; text-align: center; font-size: 120%; }
div.match-report div.score span.numbers { text-align: center; font-size: 250%;}

div.mini-match-report { margin-top: 5px;}
div.mini-match-report div.team { width: 140px; height: 100px; float: left; text-align: center; position: relative;}
div.mini-match-report div.team img {  height: 66px; }
div.mini-match-report div.team h5 { width: 100%; position: absolute; bottom: 0; left: 0; text-align: center; font-size: 80%;}
div.mini-match-report div.score { width: 170px; float: left; background: #002c55; padding: 5px;}
div.mini-match-report div.score h4 { text-align: center; color: white; font-size: 120%; margin: 5px 0;}
div.mini-match-report div.score > div { padding: 20px; background: #3c90c0; text-align: center; color: white;}
div.mini-match-report div.score span { width: 100%; display: block; font-weight: bold; text-transform: uppercase;}
div.mini-match-report div.score span.status { color: #a9d8f4; text-align: center; font-size: 120%; }
div.mini-match-report div.score span.numbers { text-align: center; font-size: 250%;}

/* SOCIAL FEATURES */
div.social { padding: 0px 15px 10px; font-size: 88%; }
div.social hr { line-height: 0; border: 0; border-top: 3px solid #a9d8f4; margin: 10px 0; float: left; width: 100%;}
div.social div.size1of3 { margin-bottom: 10px;}
div.social a { color: #3c90c0;}
#comment-with-facebook a {background-image: url(/media/images/comment-with-facebook.png); background-position: 0% 0%; cursor: pointer; display: block; height: 20px; padding: 0px; width: 172px; float: left; margin-right: 20px;}
#comment-with-facebook a:hover {background-position: 0 100%;}
#comment-with-facebook a span {background-color: transparent; background-image: none !important; border: 0px; display: block; height: 20px; margin: 0px; padding: 0px; text-indent: -9999px; width: 172px;}


/* CONTENT AREAS STYLE */
.content { background: white; margin-bottom: 10px; color: #333;}
.content > div { padding: 15px; }
.content .media {float: left; padding: 10px 10px 15px; position: relative; width: 600px; clear: both;}
.content .media img.hero { width: 600px; }
.content .media img.shield { position: absolute; top: 0;}
.content .media img { width: 600px; }
.content .media embed { position: absolute; top: 10px;}
.content p { margin-bottom: 10px; line-height: 140%;}
.content blockquote { font-size: 125%; line-height: 150%; padding: 0 10px; margin: 10px 0; color: #333; border-left: 5px solid #a9d8f5;}
.content a { color: #002c55; }
.content a:hover { color: #ffb821;}
.content .inset { width: 210px; padding: 20px; background: #eee; float: right; margin-left: 20px; margin-bottom: 10px;}
.content .inset img { margin: -10px 0 10px -10px;}
.content .inset h5 { font-size: 108%; margin-bottom: 3px; }
.content .inset p { margin-bottom: 15px;}
.content .inset { font-size: 88%; color: #333;}
.content .interior { padding: 20px;}
.content .interiorior { padding: 0 20px;}

/* TEAM */
.team h5 { color: #002c55; font-size: 90%; margin-bottom: 5px;}
.team p { color: #333; font-size: 90%; margin-bottom: 20px;}
.team p:last-child { margin-bottom: 0px;}
.profile-batch {}
.profile-batch .profile { width: 180px; height: 200px; background: #ccc; float: left; margin-right: 20px;}
.profile-batch .line { margin-bottom: 20px;}
.profile-batch .line:last-child { margin-bottom: 0px;}
.profile-batch .line .profile:last-child { margin-right: 0px;}
.profile { position: relative; display: block;}
.profile-batch .third { margin-right: 0 !important;}
.profile img { position: absolute; top: 0; left: 0;}
.profile ul { position: absolute; top: 120px; padding: 10px; display: block; color: #333;}
.profile ul li.name { font-weight: bold; font-size: 100%; margin-bottom: 2px;}
.profile ul li.college { font-style: italic; text-transform: capitalize; font-size: 90%;}
.profile ul li.link span { text-transform: uppercase; color: #3c90c0; font-weight: bold; font-size: 80%; display: block; margin-top: 10px; background: url(/media/images/blue-right-arrow.png) 2px right no-repeat; width: 90px;}
.profile .number { position: absolute; top: 70px; left: 10px; font-size: 333%; color: #ffb821 !important; font-weight: bold; }

.profile:hover { background: #ffb821; }
.profile:hover ul { color: #333;}
.profile:hover ul li.link span { color: #fff; background: url(/media/images/white-right-arrow.png) 2px right no-repeat;}

div.roster { padding: 10px;}
div.roster ul.deuce li { width: 120px; float: left;}
div.roster div.elect-container { width: 250px; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; font-size: 88%; letter-spacing: 0.8px;}
div.roster ul.elect-options li { height: 18px; padding: 8px 5px 0 !important; color: #333; }


/* PLAYER PROFILES */
body#Player div.media { min-height: 80px;}
.media .playerinfo { position: absolute; bottom: 15px; left: 10px; width: 600px; height: 74px; background: transparent url(/media/images/transparent-grey.png) repeat;}
.media .playerinfo .number { position: absolute; left: 0px; bottom: 0px; width: 94px; height: 74px; background: #ffb821 url(/media/images/player-number-bg.png) 0 0 no-repeat; text-align: center;}
.media .playerinfo .number span { text-align: center; padding: 8px; display: block; padding: 10px 0; font-size: 360%; font-weight: bold; color: #002c55; text-shadow: 1px 1px 1px #f7cf72;}
.media .playerinfo .name { position: absolute; left: 120px; bottom: 22px;}
.media .playerinfo .name h1 { color: #fff; font-family: Helvetica, Arial; font-size: 150%; font-weight: bold; text-transform: uppercase;}
.media .playerinfo .name h1 span.position { color: #ffb821; font-style: italic;}


/*******************************
           SCHEDULE             
*******************************/
.schedule .interior { position: relative; }
.schedule .legend { position: absolute; top: 17px; right: 19px; text-align: right; }
.schedule .legend h6 { color: #666; font-size: 11px; line-height: 16px; padding: 0 22px 0 0; }
.schedule .legend h6.cfc { background: url(/media/images/schedule_legend_cfc.png) 100% 4px no-repeat; }
.schedule .legend h6.non_cfc { background: url(/media/images/schedule_legend_noncfc.png) 100% 4px no-repeat; }
.schedule h4 { color: #3d90c0; margin-bottom: 10px; font-family: Helvetica, Arial; font-weight: bold;}
.schedule-unit { margin-bottom: 20px; position: relative;}
.schedule-unit:last-child { margin-bottom: 0px;}
.schedule-unit > div { background: #eee; float: left; border-bottom: 1px solid #fff; height: 30px;}
.non_cfc_match > div { background: #d9f3ff; }
.schedule-unit > div > * { padding: 9px;}
.schedule-unit > div > h6 { color: #333; text-transform: none; font-weight: normal; font-size: 88%;}
.schedule-unit .when { width: 90px; border-right: 1px solid #fff;}
.schedule-unit .when h6 span { font-weight: bold;}
  .schedule-unit .when .result { display: none; background: white; padding: 0; width: 62px; height: 52px; margin: 5px auto; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */}
  .schedule-unit .when .result span { color: #3d90c0; font-size: 250%; text-align: center; padding: 5px; font-weight: bold; display: block;}
  .schedule-unit .when .result dl.attendance {display: block; margin-top: 10px; width: 62px; height: 42px; text-align: center; background: white; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; padding-top: 10px;}
  .schedule-unit .when .result dl.attendance dt {text-transform: uppercase; font-weight: bold; font-size: 10px; color: #002C55; }
  .schedule-unit .when .result dl.attendance dd {font-size: 16px; color: #3d90c0; font-weight: bold; margin-bottom: 3px; display: block;}
.schedule-unit .where { width: 115px; border-right: 1px solid #fff; }
  .schedule-unit .where h6 {font-weight: bold;}
.schedule-unit .who { width: 180px; border-right: 1px solid #fff;}
.schedule-unit .what { width: 80px; border-right: 1px solid #fff;}
  .schedule-unit .what h6 span.wl { color:#3c90c0; font-weight: bold; margin-right: 5px;}
  .schedule-unit .what h6 span.score { font-weight: bold;}
  .schedule-unit .what h6 span.time { font-weight: bold; text-align: center; display: block; width: 100%;}
.schedule-unit .why {width: 80px; border-right: 1px solid #fff;}
.schedule-unit .toggle { width: 30px; position: absolute; top: 0; right: 0; border-left: 1px solid #fff; text-align: center; cursor: pointer; }
  .schedule-unit .toggle h6 {font-weight: bold; font-size: 140%; color: #3c90c0; padding: 3px !important;}
.schedule-unit .details { width: 489px; height: 135px; float: right; display: none;}
.schedule-unit .sub-details { width: 489px; height: 35px; float: right; display: none;}
.schedule-unit .promotion { width: 100%; display: none;}
.schedule-unit .promotion p { padding: 7px 10px; font-size: 12px;}
    /* Match Report inside Schedule Unit */
    div.schedule-unit div.match-report div.team { width: 140px; margin-top: 20px;}
    div.schedule-unit div.match-report div.team img { margin-left: 35px; width: 70px;}
    div.schedule-unit div.match-report div.team h6 { float: left; clear: both; text-transform: capitalize; text-align: center; color: #002c55; width: 100%; margin-top: 10px; font-size: 100%;}
    div.schedule-unit div.match-report div.score {width: 150px; margin-top: 10px;}
    div.schedule-unit div.match-report div.score span.time { font-size: 250%; font-weight: normal; text-transform: lowercase; white-space: nowrap;}
    div.schedule-unit div.match-report div.score span.place { font-size: 80%; margin-top: 5px; white-space: nowrap; }
    div.schedule-unit div.match-report div.score > div { padding: 20px; background: #3c90c0; text-align: center; color: white; font-size: 90%;}
    div.schedule-unit div.sub-details div h6 a { color: #666; margin-top: 4px; display: block; background: transparent url(/media/images/gray-right-arrow.png) 100% 2px no-repeat; padding-right: 15px;}
    div.schedule-unit div.sub-details div h6 a:hover { color: #0065a5; background-image: url(/media/images/blue-right-arrow.png) ;}
    div.schedule-unit div.sub-details div.view-report { padding-left: 40px; padding-right: 20px;}
    div.schedule-unit div.sub-details div.watch-highlights {}
    
    /* Schedule Sorting Form */
    .schedule-form { padding: 20px; background: #eee; margin-bottom: 20px;}
    .schedule-form .unit { margin-right: 10px;}
    .schedule-form .unit:last-child { margin-right: 0;}
    .schedule-form input[type=submit] { display: block; width: 125px; height: 26px; background: url(/media/images/sort-schedule.jpg) 0 0 no-repeat; line-height: 0px; border: 0; text-indent: -5000px; overflow: hidden; cursor: pointer;}
    .schedule-form input[type=submit]:hover { background-position: 0 -26px;}


/* CONTACT */
.interior .grid-unit { width: 280px; float: left; background: #eee; margin-right: 20px; height: 176px;}
.interior .clearfix { height: 20px;}
.interior .clearfix:last-child { height: 0px;}
.interior .even { margin-right: 0 !important;}
.interior .grid-unit .grid-unit-interior { padding: 20px;}
.interior .grid-unit h4 { color: #002c55;}
.interior .grid-unit a { color: #3c90c0; }
.interior .grid-unit a.email { padding: 4px 0 8px; display: block; text-decoration: underline;}
.interior .grid-unit p { color: #333; line-height: 140%;}

/* CAMPS */
.grid-unit-third { width: 140px; float: left; background: #eee; margin-right: 20px; height: 110px; padding: 20px;}
.grid-unit-third:last-child { margin-right: 0px;}
.grid-unit-third h3 { text-transform: uppercase; font-size: 115%; color: #002c55; margin-bottom: 10px;}
.grid-unit-third p { color: #333; font-size: 90%;}
.grid-unit-third a.directions { font-size: 80%; width: 75px; font-weight: bold; color: #3d90c0 !important; padding-right: 10px; color: #ffb821; background: url(/media/images/blue-right-pointed-arrow.png) center right no-repeat; display: block; margin-bottom: 10px;}
.grid-unit-space { width: 100%; float: left; clear: both; margin-bottom: 20px;}
dl {}
div.faq h5 { font-weight: bold; color: #3c90c0; font-size: 140%; margin-bottom: 10px; text-transform: none; margin-top: 20px;}
div.faq p { color: #333; font-size: 92%; margin-bottom: 10px;}
div.faq ul li { margin-bottom: 10px; }


/* BELOW THE FOLD */
.greybg { padding: 20px; background: #eaeaea; padding-bottom: 0;}
.greybg .one-third, .widget {   width: 300px; margin-bottom: 10px; float: left;}
.greybg .widget { border: 1px solid #e1e1e1; }
.widget { margin-bottom: 10px; padding-bottom: 7px; }
.widget .line { padding: 0px 15px;}
.widget h5 { padding: 10px 0 7px;}
.widget .line h6 { text-align: right; font-size: 75%; padding: 7px 0 0;}
.greybg a { color: #3D90C0;}

.widget h6 a { padding-right: 15px; background: url(/media/images/grey-arrow.jpg) 2px right no-repeat; color: #999;}

.widget h6 a:hover { color: #3c90c0; background-image: url(/media/images/blue-right-arrow.jpg);}
.widget a.photo-wrapper { display: block; width: 270px; height: 180px;}
.twitterz {}
.twitterz ul {border-bottom: 1px solid #eee;}
.twitterz ul li { border-top: 1px solid #eee; padding: 10px 15px; height: 65px; color: #666;}
.twitterz ul li a { color: #ffb821;}
.twitterz ul li a.timestamp { font-size: 80%; }
.twitterz ul li a:hover { color: #3c90c0; text-decoration: underline;}
.featured-gear-widget a.center {text-align: center; display: block; width: 270px; height: 180px;}
.featured-gear-widget a.center img { max-width: 270px; max-height: 180px;}


.featured-player-widget .player { width: 270px; height: 180px; position: relative;}
.featured-player-widget .playerinfo { width: 270px; height: 31px; position: absolute; bottom: 0; background: transparent url(/media/images/transparent-grey.png) repeat;}
.featured-player-widget .number-box { display: block; width: 45px; height: 31px; background: url(/media/images/number-box-fp-widget.png) 0 0 no-repeat; position: absolute; bottom: 0; left: 0; text-align: center;}
.featured-player-widget .number-box span { display: block; margin-top: 5px; font-weight: bold; color: #333; font-size: 140%; text-shadow: #eee 0px 1px;}
.featured-player-widget h5.info { color: white; margin-left: 55px; font-size: 85%; }
.featured-player-widget h5.info span { color: #ffb821; font-style: italic;}

/* CFC GEAR */
.product-unit { background: #eee; margin-bottom: 10px;}
.product-unit .media { background: #fff; width: 355px; height: 360px !important; min-height: 330px; margin: 10px 0 10px 10px; text-align: center; position: relative; overflow: hidden;}
.product-unit .media img { position: absolute; top: 20px; left: 0; max-width: 370px; }
.product-unit .media .back { display: none; }
.product-unit .media .toggle-back-front { position: absolute; bottom: 10px; left: 50%; margin-left: -35px; width: 70px; height: 23px; text-indent: -5000px; overflow: hidden; background: url(/media/images/toggle-back-front.png) 0 0 no-repeat; display: block; cursor: pointer;}
.product-unit .media .toggle-back-front.back { background-position: 0 -24px;}

.product-unit .interior { padding: 10px; float: left; width: 160px;}
.product-unit .interior h5.title {font-size: 120%; margin-bottom: 10px;}
.product-unit .interior h5.price { color: #ffb821; font-size: 120%; margin-bottom: 10px;}
.product-unit .interior h5.price span { font-size: 60%;}
.product-unit .interior form select { margin-bottom: 10px; }
.product-unit .interior form input[type=submit] { display: block; text-indent: -5000px; overflow: hidden; width: 132px; height: 26px; background: url(/media/images/add-to-gear-bag.jpg) 0 0 no-repeat; border: 0; cursor: pointer; margin-bottom: 10px;}
.product-unit .interior form input[type=submit]:hover { background-position: 0 -26px;}

div.product select {width: 175px;}
h2 span.category { color: #ffb821;}

.gearbag { border-top: 1px solid #ddd; float: left; width: 100%;}
.gearbag .interior { padding: 10px; }
.gearbag h5 { padding-left: 15px; display: block; background: url(/media/images/gearbag-down-arrow.jpg) left 2px no-repeat; cursor: pointer;}
.gearbag h5 span { text-transform: capitalize; color: #ffb821;}
.gearbag h5.closed {background-image: url(/media/images/gearbag-right-arrow.jpg);}
.gearbag .itemlist { border-top: 1px solid #eee; padding: 0;}
  .itemlist .interior { padding: 10px;}
  .itemlist table { width: 270px; margin: 0 auto;}
  .itemlist table td { vertical-align: top; padding-bottom: 10px;}
  .itemlist table td.quantity input { width: 24px; border: 1px solid #a3c0f8; padding: 0 3px; text-align: right;}
  .itemlist table td.item { padding: 0 10px;}
  .itemlist table td.item .item-name { font-weight: bold; color: #666;}
  .itemlist table td.item .item-description {}
  .itemlist table td.price { text-align: right;}
  .itemlist table td.price a { color: blue; text-decoration: underline; font-size: 80%; }

.gearbag .itemtotal { border-top: 1px solid #eee; padding: 0px;}
  .itemtotal .interior { padding: 10px;}
  input.google-checkout { background: url(/media/images/google-checkout.jpg) 0 0 no-repeat; width: 149px !important; height: 33px !important; display: block !important; text-indent: -5000px !important; overflow: hidden; border: 0; line-height: 0; float: right;}

#googlecart-widget, #googlecart-widget-spacer { width: 300px !important;}
#googlecart-widget #googlecart-summary { color: #FFB821;}
#googlecart-widget #googlecart-widget-body { border-left: none !important; border-right: none !important;}
#googlecart-widget #googlecart-widget-head { border-left: 0px !important; border-right: 0px !important; background-color: #fff !important; }
#googlecart-title { text-transform: uppercase; color: #3c90c0; font-size: 12px !important;}

div.googlecart-add-button { display: block; text-indent: -5000px; overflow: hidden; width: 132px !important; height: 26px !important; background: url(/media/images/add-to-gear-bag.jpg) 0 0 no-repeat !important; border: 0; cursor: pointer; margin-bottom: 10px; margin-top: 10px;}
div.googlecart-add-button:hover { background-position: 0 -26px !important;}
/* MEDIA GALLERY */

#mediagal .showcase { width: 940px; height: 540px; position: relative; margin-bottom: 10px; overflow: hidden;}
#mediagal .showcase #ajax-loader { display: block; background: url(/media/images/media-gal-ajax-loader.gif) 0 0 no-repeat; width: 32px; height: 32px; position: absolute; top: 50%; left: 50%; margin-top: -16px; margin-left: -16px;}
#mediagal .showcase img { position: absolute; left: 10px; top: 10px; }

#mediagal .slider { width: 940px; height: 150px; position: relative; overflow: hidden; background: #fff; position: relative;}
#mediagal .slider .larr, #mediagal .slider .rarr { position: absolute; top: 0; width: 42px; height: 150px; background: transparent url(/media/images/mediagal-arrows.png) no-repeat; cursor: pointer; z-index: 20;}
#mediagal .slider .larr {  left: 0;  background-position: 0 0;}
#mediagal .slider .rarr {  right: 0; background-position: -43px 0;}
#mediagal .images { width: 854px; margin-left: 43px; position: relative; height: 150px; overflow: hidden;}
#mediagal .slider ul { height: 150px; width: 10000px; position: absolute; left: 0px; top:10px;}
#mediagal .slider .images ul li { float: left; margin-right: 10px; display: block; width: 204px; height: 128px; border: 1px solid #ccc; overflow: hidden; text-align: center;}
#mediagal .slider .images ul li img { width: 188px;}

#mediagal .video-wrapper { position: absolute; top: 10px; left: 10px;}

/* FOOTER */
#footer { padding: 20px 20px 0; border-top: 3px solid #ffb821; background: url(/media/images/footer-bg-full.jpg) no-repeat; position: relative; height: 231px;}
#footer .logo {padding-left: 9px;}
#footer .npsl {padding: 21px 0 0 32px;}
#footer h5 { color: #ffc821; font-size: 120%; font-family: "DIN", Helvetica, Arial, Sans-Serif; margin-bottom: 10px; font-weight: normal;}
#footer ul { padding: 8px;}
#footer ul li { margin-bottom: 4px;}
#footer ul li a { color: #fff;}
#footer ul li a:hover { color: #ffb821;}
#footer form { padding: 0 20px; position: relative;}
#footer form input[type=text] { width: 250px; padding: 5px 5px; margin-bottom: 10px; outline: 0; border: 0; display: block; font-size: 90%; color: #333; }
#footer form input[type=submit] { display: block; background: url(/media/images/join-up.jpg) 0 0 no-repeat; width: 62px; height: 22px; border: 0; outline: 0; float: right; text-indent: -5000px; overflow: hidden; line-height: 0; cursor: pointer;}
#footer form h6 { color: #ffb821; margin-top: 5px;}

#footer form input.invalid { border: 3px solid #ffb821; padding: 2px;}
#loading { display: none; width: 20px; height: 20px; background: url(/media/images/loading.gif) 0 0 no-repeat; position: absolute; top: 0; right: 20px;}
p.nl-thanks { padding: 0 20px; color: white; }
h5.nl-thanks { padding-left: 20px;}

#footer a.back-to-top { width: 110px; height: 25px; background: transparent url(/media/images/back-to-top.png) 0 0 no-repeat; position: absolute; bottom: -5px; left: 50%; margin-left: -55px;}
#footer p.copyright { position: absolute; left: 0px; bottom: -5px; color: #345066; font-size: 80%;}
#footer p.copyright a { color: #ffb821;}

#footer .sponsor-container { position: relative; border: 5px solid #7799bc; width: 290px; height: 145px; background: url(/media/images/sponsors-bg.png) 0 0 no-repeat;}
#footer .sponsor-container div.image { position: absolute; top: 0; left: 0; z-index: 1; text-align: center; width: 295px;}
#footer .sponsor-container .next, #footer .sponsor-container .prev { position: absolute; top: 50%; margin-top: -24px; width: 15px; height: 48px; z-index: 5; cursor: pointer; }
#footer .sponsor-container .next { left: 0px; background-image: url(/media/images/sponsors-next.png);}
#footer .sponsor-container .prev { right: 0px; background-image: url(/media/images/sponsors-prev.png);}
#footer a.view-sponsors { color: white; padding-right: 15px; background: transparent url(/media/images/white-right-arrow.png) 2px right  no-repeat; display: block;}

/* CSS3 PLEASE */
.round3 { -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */ }
.round5 { -moz-border-radius: 5px; /* FF1+ */ -webkit-border-radius: 5px; /* Saf5+, Chrome */ border-radius: 5px; /* Opera 10.5, IE 9 */ }

/* ELECT ELEMENTS */
.elect-container { background: #eee url(/media/images/electbg.png) 0 0 repeat-x; height: 24px; border: 1px solid #bbb; width: 120px; padding-right: 10px; cursor: pointer; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */ }
.elect-container:hover { background: #fff;}
.elect-container .elect-element { display: block; background: transparent url(/media/images/electdarr.jpg) 100% 10px no-repeat; width: inherit; }
.elect-container .elect-value { display: block; padding: 6px 10px; width: inherit;}
.elect-container ul.elect-options { width: inherit; padding: 0;}
.elect-container ul.elect-options li { display: block; height: 15px; border: 1px solid #ccc; border-bottom: 0; width: inherit; background: #eee url(/media/images/electbg.png) 0 0 repeat-x; padding: 5px; cursor: pointer;}
.elect-container ul.elect-options li:last-child {  border-bottom: 1px solid #ccc; }
.elect-container ul.elect-options li:hover { background: #eee;}

/* 404 */
div.fourohfour { margin-bottom: 0;}
div.fourohfour h1 {font-size: 400%; font-weight: bold; font-family: "DIN"; text-transform: uppercase;}
div.fourohfour a { text-decoration: underline; }
div.fourohfour p {font-size: 115%; line-height: 150%; color: #333;}



/* SHARE DIS */
.share { background: #eee url(/media/images/electbg.png) 0 0 repeat-x; height: 20px !important; margin: 0; border: 1px solid #bbb; font-size: 90%; font-weight: bold; padding: 3px 0px 0 6px !important; width: 120px; text-transform: uppercase; cursor: pointer; float: right; margin-right: 30px; -moz-border-radius: 3px; /* FF1+ */ -webkit-border-radius: 3px; /* Saf3+, Chrome */ border-radius: 3px; /* Opera 10.5, IE 9 */ }
.share:hover { background: #fff;}
.news-feature .share { margin-right: 0;}
.share span { width: inherit; display: block; background: transparent url(/media/images/electdarr.jpg) 100px 6px no-repeat; padding-top: 3px; color: #666;}
.sub-details .share { margin-top: 5px; font-size: 80%;}
.share-dis {width: 120px;}
.share-dis ul {display: block; width: inherit; }
.share-dis ul li { display: block;  background: #eee url(/media/images/electbg.png) 0 0 repeat-x; height: 14px; border: 1px solid #bbb; border-bottom: 0; width: 115px; padding: 5px; font-size: 80%; font-weight: bold; text-transform: uppercase;}
.share-dis ul li:last-child { border-bottom: 1px solid #bbb; }
.share-dis ul li a { color: #666; display: block; width: inherit;}
.share-dis ul li:hover { background: #eee;}
.share-dis ul li:hover a { color: #333;}
.years .elect-container { width: 70px; }
.games .elect-container { width: 159px; }

b { font-size: 100% !important;}