html, body{    
    width: 100%; height: 100%;
    padding: 0; margin: 0;
    position: relative;
    font-size: 62.5%;
    
    font-family: Helvetica, Arial, sans-serif;
    background: #000015 url(http://ohl.assets.mrx.ca/barrie/images/en/2010/stripe-back.jpg) top center;
	color: #a3a3a3;
}
body{ font-size: 1em; }

a{ color: #032366 }

/**GENERAL BUTTON STYLE**/
.button, .button_rev, .play_video{
    float: left; display: block;
    color: #000;
    width: auto;
}

.button img {
	display: none;
}

.full_story img {
	display: none;
}

.full_story {
	display: block;
	margin-top: 5px;
}

.full_story a, .morenews a {
	display: block;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2011/fullstory.png) no-repeat;
	width: 96px;
	height: 19px;
	text-indent: -9000px;
	padding: 0px;
	line-height: 19px;
}

.play_video{ margin-right: 4px;}

.play_video a {
	display: block;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2011/playvideo.png) no-repeat;
	width: 96px;
	height: 19px;
	text-indent: -9000px;
	padding: 0px;
	line-height: 19px;
}

.button_rev{ 
	text-transform: uppercase;
	font-weight: bold;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/grey-arrow.png) left no-repeat;
	padding-left: 10px;
	color: #FFF;
}

.button_rev img{
	display: none;
}

.button a, .full_story a, .play_video a{
    color: #000 !important; text-decoration: none;
}
.button_rev a{
    color: #FFF; text-decoration: none;
}

div.left{ float: left !important;}
div.right{ float: right; padding-top: 4px !important;}

.z1{ z-index: 1; }
.z2{ z-index: 2; }
.z3{ z-index: 3; }
.hidden{ display: none; }

.clear{ clear: both; height: 0px; }
.center{ text-align: center; }

.pad8-left{ padding-left: 8px; }
.pad8-right{ padding-right: 8px; }
.pad16-left{ padding-left: 16px; }
.pad16-right{ padding-right: 16px; }
.pad32-left{ padding-left: 32px; }
.pad32-right{ padding-right: 32px; }
.pad40-left{ padding-left: 40px; }
.pad40-right{ padding-right: 40px; }
.pad64-left{ padding-left: 64px; }
.pad64-right{ padding-right: 64px; }
.pad100-left{ padding-left: 100px; }
.pad100-right{ padding-right: 100px; }

.no-margin{ margin: 0 !important; } /*sometimes useful for P elements */
.no-pad{ padding: 0 !important; }
                                     
.pad2-all{ padding: 2px; }
.pad4-all{ padding: 4px; }
.pad6-all{ padding: 6px; }

.strong{ font-weight: bold; }

.height_spacer-5 { clear: both; height: 5px;  width: 100%; line-height: 0; }
.height_spacer-10{ clear: both; height: 10px; width: 100%; line-height: 0; }
.height_spacer-20{ clear: both; height: 20px; width: 100%; line-height: 0; }

.divider{ border-top: solid 1px #AAA; width: 100%; margin: 0.4em 0 0.4em 0; }

.no-back{ background: none !important; }
.light-back{ background: #CCC !important; }
.med-back{ background: #AAA !important; }
.dark-back{ background: #666 !important; color: #FFF; }

ul.flat{ margin: 0; padding: 0; }
ul.flat li{
    display: block;
    float: left;
    margin: 0; padding: 0;
}

.xsmall{ font-size: 0.70em !important; }
.small { font-size: 0.80em !important; }
.med   { font-size: 1.00em !important; }
.large { font-size: 1.20em !important; }
.xlarge{ font-size: 1.25em !important; }

.upper { text-transform: uppercase; }
.lower { text-transform: lowercase; }

.debug{  outline: solid 1px red; }
.debug2{ outline: solid 1px green; }

.header_title{
    width: 150px;
    padding: 2px 2px 2px 16px;
    background: #AAA;
    font-weight: bold;
}

p{
    margin: 0 0 1em 0;
    line-height: 1.5em;
}
img{ vertical-align: bottom; }
img.middle{ vertical-align: text-top; } /*usally does a better job than middle */
img.top{ vertical-align: top; }
a img{ border: 0; }

.body_container{
    float: none;
    width: 980px;
    margin: 0 auto 0 auto;
    background: url(http://chl.assets.mrx.ca/league/images/en/wireframe/b-70.png) repeat;
	border-left: 1px solid #444;
	border-right: 1px solid #444;
}

/*****PAGE HEADER****/
#page_header {
	background: #000 url(http://ohl.assets.mrx.ca/barrie/images/en/2010/bluefade.png) top left repeat-x;
}

/*****ADS*****/
.ad-sky .random_promo{
    float: left;
    width: 150px; height: 360px;
    background: #292929;
	border: 1px solid #4f5253;
}

.ad_header{
    width: 980px;
	margin: 0 auto;
    background: #AAA;
}

.ad-leaderboard{
    float: left;
    width: 728px;
    background: #EEE;
}
.ad-promobox{
    width: 234px;
    background: #292929;
	float: right;
}

.ad-sidebar-promo{
    width: 300px;
    margin: 0 auto 0 auto;
}

.ad-bigbox{
    width: 300px; height: 250px;
    margin: 0 auto 0 auto;
    background: #292929;
	border: 1px solid #4f5253;
}

.masthead{
    float: left;
	position: relative;
    width: 100%;
    height: auto;
	z-index: 3;
}

/**LEAGUES MENU**/
.leagueNav{
	position: relative;
    width: 1005px; height: 40px;
	border: 1px solid #aaa;
	margin: 0 auto;
	background: #fff url(http://ohl.assets.mrx.ca/barrie/images/en/2010/leagnav_back.png) bottom repeat-x;
}

.leagueNav a {
	color: #000;
	text-decoration: none;
	
}

.teamSprite_icons{
    float: left;
    width: 740px; height: 100%;
}

.league_graphic{
	float: left;
	width: 67px; height: 100%;
	background: #151515;
}

.league_graphic a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

.leagues_selector{
    float: left; position: relative;
    width: 40px; height: 36px;
}

.leagues_selector .dropdown{
	display: none; position: absolute; float: left;
	right: 0; top: 30px;
	background: #FFF;
	width: 400px;
	z-index: 1000;
	outline: none;
	border: 1px solid grey;
}
.leagues_selector:hover .dropdown{ display: block; }

.chl_graphic {
	position:absolute;
	top:-5px;
	right:10px;
	width:94px;
	height:60px;
	background:transparent url(http://chl.assets.mrx.ca/league/images/en/wireframe/leagueNav-chl-logo.png) no-repeat;
}

.chl_graphic a {
	text-decoration:none;
	width:100%;
	height:100%;
	display:block;
}

/*** MAIN MENU ***/
.masthead .nav{
	position: relative; width: 100%;
	float: left;
}

.masthead .nav .title_block {
	width: 980px; height: 85px;
	margin: 0 auto;
	position: relative;
	z-index: 100;
}

.masthead .title_block .mast_logo {
	z-index: 100;
}

.masthead .title_block .mast_logo a{
	position: absolute;
	width: 122px;
	height: 125px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/colt-logo.png);
	top: 10px;
	z-index: 100;
	text-decoration: none;
	display: block;
}

.masthead .title_block .mast_text{
	position: absolute;
	bottom: 0px;
	left: 128px;
	width: 447px;
	height: 62px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/colts-header.png);
}

.masthead .nav .tabs {
  position: relative;
  width: 980px;
  margin: auto;
  z-index: 10;
  
}

#mainnav {
	padding: 0;
	margin-left: 117px;
}


.masthead .nav .tab_container {
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/nav_bg.png);  
	height: 41px;
}

.masthead .nav .tabs ul {
  z-index: 98;
  list-style: none;
  margin: 0;
}

.masthead .nav .tabs ul li.toplevel {
  position: relative;
  float: left;
}
.masthead .nav .tabs ul li a.top {
  display: block;
  height: 40px;
  line-height: 40px;
  padding: 0 10px;
  font-size: 17px;
  font-weight: bold;
  color: #FFF;
  text-decoration: none;
  font-family: Arial;
  text-transform: uppercase;
  text-shadow: -1px -1px #555;
}
.masthead .nav .tabs ul li a.top:hover { 
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/nav-select.png) top left repeat-x;
}
.masthead .nav .tabs ul li .dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 37px;
  background: #eee url(http://ohl.assets.mrx.ca/barrie/images/en/2010/topshadow.png) 0px -45px repeat-x;
  border: 3px solid #004990;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.masthead .nav .tabs ul li .dropdownwide {
  width: 385px;
}
.masthead .nav .tabs ul li:hover .dropdown {
  display: block;
}
.masthead .nav .tabs ul li .dropdown ul {
  position: relative;
  float: left;
  width: 165px;
  list-style: none;
  text-indent: 0;
  padding: 0;
}
.masthead .nav .tabs ul li .dropdown ul li {
  width: 165px;
}
.masthead .nav .tabs ul li .dropdown ul li a {
  display: block;
  padding: 4px 7px;
  font-size: 1.1em;
  font-weight: bold;
  color: #004990;
  text-decoration: none;
}
.masthead .nav .tabs ul li .dropdown ul li a:hover {
	color: #111;
	background: #d0d8df;
}
.masthead .nav .tabs ul li .dropdown ul li .subsubnav a {
  padding-left: 15px;
  font-size: 1.0em;
}
.masthead .nav .tabs ul li .dropdown .page {
  position: relative;
  float: left;
  width: 200px;
  padding: 10px;
}

.search{
	position: absolute;
    right: 5px;
	bottom: 5px;
    text-align: right;
    padding: 20px 0.5em 0 0;
    width: 315px; /*IE 6-7 bug - needs width or doesn't fit contents */
}

.search p {
	margin: 0;
}

.search .txt{
	height: 21px;
	border: 0;
	padding: 0;
}
.search .go-button{
    padding: 0;
	margin: 0;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/blue-go.png) no-repeat;
	border: 0;
	text-indent: -9000px;
	width: 49px; height: 21px;
	cursor: pointer;
	vertical-align: top;
}
.search .search-site{
	padding: 0;
	margin: 0;
	border: 0;
	width: 113px; height: 21px;
}

#split_left{
    float: left;
    width: 640px;
    min-height: 400px;
    margin-left: 10px;
}
#split_right{
    float: right;
    width: 325px;
    min-height: 400px;
	padding-bottom: 10px;
}

/*********FANZONE*********/

#fanzone{
    position: relative;
    float: left; left: 10px;
    width: 300px; margin: 0 auto 0 auto;
	background: #111;
	color: #eee;
}

#fanzone-padding{
    float: left;
    padding-left: 18px;
    width: 280px;
	border: 1px solid #2f3233;
}

#fanzone .header{
    float: left;
    width: 100%;
}
#fanzone .header .title{
    float: left;
    font-size: 1.4em; font-weight: bold;
    text-transform: uppercase;
	text-indent: -10000px;
    margin: 0px 0 0px 5px;
	width: 170px;
	height: 28px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/text/fan-zone.png) no-repeat;
}

.social{ float: left; }
#fanzone .social{
    margin: 6px 6px 0 0;
}


#newsletter .form_title {
	font-size: 1.2em;
	margin: 5px;
}

#newsletter .survey .clear {
	display: none;
}

#newsletter .survey label { display: none; }

#newsletter .survey input, #newsletter .survey .submit {
	float: left;
}


#stay_connected_title {
	text-indent: -10000px;
    margin: 0px 0 0px 5px;
	width: 174px;
	height: 17px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/text/stay-connected.png) no-repeat;	
}

#colts_insider_title {
	color: #fff;
	font-weight: 200;
	font-size: 1.8em;
	font-family: Times New Roman, Times, serif;
}

#colts_buzz_title {
	text-indent: -10000px;
    margin: 0px 0 0px 5px;
	width: 117px;
	height: 17px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/text/colts-buzz.png) no-repeat;
}

#fan_photos_title {
	text-indent: -10000px;
    margin: 0px 0 0px 5px;
	width: 132px;
	height: 17px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/text/fan-photos.png) no-repeat;
}

#insider_form input[type="text"] {
	float: left;
	height: 11px;
}

#insider_form .button_rev{
	background: none;
	padding: 0;
}	

#insider_form .button_rev a{
	display: block;
	width: 96px; height: 19px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/join-button.png) no-repeat;
	text-indent: -9000px;
}

#fanzone div.underline{
    width: 100%;
    margin: -18px 0 0 0;
    z-index: 1;
    height: 20px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/whiteglow.png) bottom repeat-x;
}
#fanzone h2.underline{ color: #FFF;  margin: 0; z-index: 2;  }

.fanzone_ad {
	width: 300px;
	position: relative;
	left: 1px;
	float: left;
}
/****FAN PHOTOS***/
#fanphotos h2{ display: none; }
#fanphotos .highslide-gallery{ float: left; }
#fanphotos .highslide-pic-info{ float: left; }
#fanphotos .highslide-pic{ width: 60px; height: 60px; float: left; margin-right: 5px; }

/****POLL****/
#poll {
	position: relative;
}

#poll a {
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
}

#poll h2.underline {
	text-indent: -10000px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/text/poll.png) no-repeat;
}

#poll .polltitle{
    font-weight: bold; font-size: 1.2em;
}
#poll .poll { margin-top: 10px; }
#poll .pollbox p { color: red; font-weight: bold; font-size: 1.1em; }
#poll .pollbox ul { margin: 0 0 0 20px; padding: 0; }
#poll .pollbox ul li div{ float: none !important; }
#poll .percentbar{
    background-color: #05396a; padding: 0.2em;
}

#poll .pollbox ul li:hover{
	background: #05396a;
}

#poll .button_rev{
    position: absolute;
    top: 5px; 
	right: 3px;
}

/****STORE***/
#store table { width: 100%; border: 0; }
#store table td{ text-align: left;}
#store table img{ width: 44px; height: 40px; }

/****TWITTER*****/
#twitter_listing{ padding-top: 10px; }
#twitter_listing, #twitter_listing .content{
	position: relative;
	float: left; width: 100%;
}
#twitter_listing .content{ margin-bottom: 0.25em; }

#twitter_listing .header{ float: left; padding: 0.5em; }

#twitter_listing strong{
	color: #f00;
}

/*****EVENTS*******/
#events{
    float: left;
    width: 100%;
}
#events .event{
    float: left;
    width: 80px; height: 64px;
    margin-right: 5px;
    background: #444;
}

#events .arrow_left, #events .arrow_right{ float: left; width: 15px; }
#events .arrow_right{ float: right; text-align: right; }

#events .viewport{
    float: left;
    width: 250px; overflow: hidden;
}
#events .container{
    float: left;
    /*width set dynamically by component */
}

/********SKED*********/
#sked_design{
    display: none;
}

#sked{
    float: right;
    width: 300px; height: 280px;
    padding: 25px 15px 5px 15px;
	color: #A3A3A3;
}

#sked .header{
    float: left;
    width: 100%;
    background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/blueglow.png) bottom repeat-x;
	border-bottom: #1e2223;
}
#sked .header .title{
    float: left;
    font-size: 1.4em; font-weight: bold;
    text-transform: uppercase;
    margin: 5px 0px 0px 0px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/text/schedule-title.png);
	height: 17px;
	width: 101px;
	text-indent: -10000px;
}
#sked .header .button_rev{
    float: right;
    margin: 10px 0 0 0;
}
#sked .header .button_rev img {
	display: none;
}

#sked .games{ float: left; width: 100%; }

#sked .game, #sked .game-next{
    float: left; position: relative;
    width: 100%; height: 40px;
    border-top: solid 1px #222;
}
#sked .games .left {
	padding-top: 10px;
        width: 128; 
}


#sked .games .right { 
	padding-top: 10px; 
	width: 100px; 
}
#sked .game-next{ height: 80px; z-index: 2; }

#sked .logo{
    float: left;
    width: 57px; height: 100%;    
}
#sked .game-next .logo{ width: 100px; }

#sked .where{
    font-weight: bold; color: #666;
}
#sked .win_lost{
	font-weight: bold; color: #f00;
}
#sked .team_name{
	color: #f5cf47;
}

#sked .team_name, #sked .score{
    font-size: 1.2em;
    font-weight: bold;
}
#sked .action{
    font-size: 0.8em;
}
#sked .action a{
  color: #c0c0c0;
  text-decoration: none;
}

/***SKED COUNTDOWN***/
#sked .countdown{
    position: absolute; top: 18px;
    background: url(http://chl.assets.mrx.ca/league/images/en/wireframe/b-70.png) repeat;
    color: #FFF; padding: 0.5em;
    text-align: center;
    width: 90px;
}

#sked .countdown .centre{
    font-weight: bold; font-size: 1.5em;
}

/*** SKED BUTTONS ***/
#sked .tickets_partial, #sked .sked_coverage_tv, #sked .sked_coverage_radio {
	width: 50px;
	float: left;
	z-index: 20;
	position: relative;
}

#sked .sked_team_coverages {
	z-index: 19px;
	float: left;
	position: relative;
}

#sked .sked_coverage_tv {
	z-index: 19;
}

#sked .sked_coverage_radio {
	z-index: 18;
}

#sked .tickets_partial a, #sked .sked_team_coverages li.type {
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/multibutton.png) no-repeat;
	display: block;
	height: 18px; width: 58px;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 1px;
	text-indent: -2px;
	font-weight: bold;
	color: #000;
	text-shadow: 0px 1px #999;
	position: relative;
}

#sked .sked_team_coverages ul {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
}

#sked .sked_team_coverages ul li.item {
	display: none;
}

#sked .sked_team_coverages ul li.item a{
	text-decoration: none;
	color: #fff;
}

#sked .sked_team_coverages ul:hover li.item {
	display: block;
	background: #111;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	width: 100px;
}

#sked .sked_team_coverages ul li.item:hover {
	background: #05396a;
}

#sked .button_end {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	width: 10px;
	height: 18px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/watch-end.png) no-repeat;
	z-index: 21;
	position: relative;
}

#sked .tickets_button a {
    color: #000; text-decoration: none;
	text-transform: uppercase;
	text-shadow: 0px 1px #999;
	display: block;
	width: 96px;
	height: 17px;
	background: url(http://ohl.assets.mrx.ca/barrie/images/en/2010/yellow-button.png) no-repeat;
	padding: 3px 6px;
	font-weight: bold;
	line-height: 10px;
	float: right;
}


/*****VIDEO PAGE****/
a.rating_star{
	display: block;
	float: left;
	width: 15px;
	height: 14px;
	background: transparent url(http://ohl.assets.mrx.ca/guelph/images/stars.png) no-repeat 0 0; 
	text-indent: -9000px;
}

a.rating_star_1:hover { background-position: -15px 0; }
a.rating_star_2:hover { background-position: -30px 0; }
a.rating_star_3:hover { background-position: -45px 0; }
a.rating_star_4:hover { background-position: -60px 0; }
a.rating_star_5:hover { background-position: -75px 0; }


/***FOOTER***/
.promoFooter {
    text-align: center;
}

.promoFooter .random_promo {
    float: left;
	width: 184px;
    margin: 4px 6px;
}

#footer{
    float: left;
    background: #000 url(http://ohl.assets.mrx.ca/peterborough/images/en/footer-bg.png) top left repeat-x;
    width: 100%; min-height: 200px;
    padding-top: 12px;
}

#footer_contents {
	width: 980px;
	margin: auto;
	color: #fff;
}

#footer_contents a {
	color: #fff;
	text-decoration: none;
}

#footer_logos{
    float: left;
    width: 245px; height: 100%;
	text-align: center;
}

#footer_logos img{
	max-width: 100px;
	max-height: 70px;
	margin-bottom: 15px;
}

#footer .footer_menu{
    float: left;
}

#footer h2 {
	font-size: 1.7em;
	font-weight: normal;
	margin: 8px 0;
}

#footer .footer_menu .footer_links{
    float: left; 
    width: 215px;
	border-left: 1px solid #222;
	padding-left: 24px;
	min-height: 200px;
}

#footer .footer_links a {
	color: #777;
	font-weight: normal;
	font-size: 1.1em;
}

#footer .footer_links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer .footer_links li {
	padding: 1px 0 2px 0;
}

#footer .footer_conf{ float: left; width: 50%; }

#footer .footer_team_space{
    float: left;
    width: 50px; height: 100%;
}

/**ROUNDED**/
.rounded{
    -webkit-border-radius: RADIUS;    /* for Safari */
    -moz-border-radius: RADIUS;       /* for Firefox */
}