html, body{    
    width: 100%; height: 100%;
    padding: 0; margin: 0;
    position: relative;
    font-size: 62.5%;
    
    font-family: Helvetica, Arial, sans-serif;
	color: #a3a3a3;
}
body{ 
	font-size: 1em; 
    background: #000000 url(http://whl.assets.mrx.ca/regina/images/en/bg3.jpg) top center no-repeat;
}

body.bg0 {
	background: #000000 url(http://whl.assets.mrx.ca/regina/images/en/bg3.jpg) top center no-repeat;
}
body.bg1 {
	background: url('http://whl.assets.mrx.ca/regina/images/en/regina_2011m03.jpg') center top no-repeat #000000;
}
body.bg2 {
	background: url('http://whl.assets.mrx.ca/regina/images/en/regina_2011m02.jpg') center top no-repeat #000000;
}

a{ color: #000 }

/**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 a, #headlines .morenews a {
	display: block;
	padding: 2px 0px;
	color: #900;
	line-height: 1em;
}

.play_video{ margin-right: 4px;}

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

.button_rev img{
	display: none;
}

.button a, .full_story a, .play_video a{
    color: #fff; text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	background: url(http://whl.assets.mrx.ca/regina/images/en/button.png) no-repeat;
	width: 100px;
	height: 19px;
	padding: 2px 4px;
	display: block;
}
.button_rev a{
    color: #FFF; text-decoration: none;
}

div.left{ float: left !important;}
div.right{ float: right !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: url(http://whl.assets.mrx.ca/regina/images/en/header-bg.jpg) top center no-repeat
*/
}

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

.ad_header{
    width: 972px;
	margin: 0 auto;
    background: #fff;
	padding: 4px;
}

.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;
    background: #292929;
	border: 1px solid #4f5253;
}

.ad-bigbox{
    width: 300px; height: 250px;
    margin: 0 auto 0 auto;
    background: #292929;
}

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

/**LEAGUES MENU**/
.leagueNav {
  position: relative;
  width: 980px;
  height: 39px;
  margin: 0 auto;
  background: #fff url(http://ohl.assets.mrx.ca/barrie/images/en/2010/leagnav_back.png) bottom repeat-x;
  border:1px solid #AAAAAA;
}
.leagueNav .league_graphic {
  float: left;
  width: 42px;
  height: 100%;
  padding: 0 10px;
  text-indent: -9999px;
  background: transparent url('http://ohl.assets.mrx.ca/league/images/en/2010/ohl_logo_leaguenav_bg.png') repeat-x scroll left center;
  overflow: hidden;
}
.leagueNav .leagueSprite_WHL a,
.leagueNav .chl_graphic a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.leagueNav .teamSprite_icons {
  background: transparent url('http://ohl.assets.mrx.ca/league/images/en/2010/shared/leaguenav_bg.png') repeat-x scroll 0 0;
  float: left;
  width: 740px;
  height: 100%;
  border-left: 1px solid #9F9F9F;
  border-right: 1px solid #9F9F9F;
}
.leagueNav div.logos {
  width: 32px !important;
  height: 36px !important;
}
.leagueNav .leagues_selector {
  position: relative;
  float: left;
  width: 40px;
  height: 37px;
  border-right: 1px solid #9F9F9F;
}
.leagueNav .leagues_selector .dropdown {
  display: none;
  position: absolute;
  float: left;
  right: 0;
  top: 38px;
  width: 400px;
  outline: none;
  background: #ffffff;
  border: solid 2px #9F9F9F;
  z-index: 1000;
}
.leagueNav .leagues_selector:hover .dropdown { display: block; }
.leagueNav .leagues_selector .dropdown td.strong  {
  padding: 7px 0;
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  color: #000000;
}
.leagueNav .leagues_selector a {
  color: #6f6f6f;
  text-decoration: none;
  font-size: 1.2em;
}
.leagueNav .leagues_selector a:hover {
  color: #555353;
}
.leagueNav .chl_graphic {
  position: absolute;
  right: 0; 
  top: 0; 
  width: 94px; 
  height: 60px;
  background: transparent url('http://chl.assets.mrx.ca/league/images/en/wireframe/leagueNav-chl-logo.png') no-repeat;
}


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

.masthead .nav .title_block {
	width: 980px; height: 88px;
	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;
	top: 5px;
	z-index: 100;
	text-decoration: none;
	display: block;
}

.masthead .title_block .mast_text{
	position: absolute;
	bottom: 0px;
	left: 151px;
	width: 447px;
	height: 62px;
}

.masthead .nav .tab_container {
	width: 100%;
}

.masthead .nav .tabs {
  position: relative;
  width: 980px;
  margin: 0 auto;
  height: 32px;
  z-index: 10;
  background: url(http://whl.assets.mrx.ca/regina/images/en/nav-bg.png) top left repeat-x;
}

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

.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: 32px;
  line-height: 32px;
  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 { 
	
}
.masthead .nav .tabs ul li .dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  background: #eee url(http://ohl.assets.mrx.ca/barrie/images/en/2010/topshadow.png) 0px -45px repeat-x;
  border: 3px solid #004990;
}
.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;
	color: #eee;
}

#fanzone h2 {
	font-size: 1.5em;
}

#fanzone-padding{
    float: left;
    padding: 10px;
	border: 1px solid #191919;
	width: 278px;
}

#fanzone .header{
    float: left;
    width: 100%;
    height: 47px;
    margin: 15px 0 -24px 0;
	background: url(http://whl.assets.mrx.ca/regina/images/en/title-bg.png) no-repeat scroll left bottom transparent;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

#fanzone .header .title{
    float: left;
    font-size: 1.9em; font-weight: bold;
    text-transform: uppercase;
    margin: 0px 0 0px 5px;
	width: 170px;
	height: 28px;
}

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

#fanzone #newsletter .header{
    margin: 15px 0;
}

#fanzone #newsletter .header .title {
    margin-left: 2px;
	width: auto;
}

#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;	
}

#newsletter h1 { margin: 0; font-size: 2em; }

#newsletter .go-inside { vertical-align: top }

#fan_photos_title {
	text-indent: -10000px;
    margin: 0px 0 0px 5px;
	width: 124px;
	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://whl.assets.mrx.ca/regina/images/en/button.png) no-repeat;
	text-indent: -9000px;
}

#fanzone div.underline{
    width: 100%;
    margin: -18px 0 0 0;
    z-index: 1;
    height: 20px;
}
#fanzone h2.underline{ color: #FFF;  margin: 0; z-index: 2; font-size: 1.5em; }

#stay_connected, #poll, #fanphotos, #sidebar_store .page, #newsletter {
	background: url(http://whl.assets.mrx.ca/regina/images/en/fanzone-back.png);
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;	
}

/****FAN PHOTOS***/
#fanphotos h2{ }
#fanzone .highslide-gallery { float: left; }
#fanzone .highslide-pic-info{ float: left; }
#fanzone img.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-transform: uppercase;
}

#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 20px 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: #901227;
}

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

#poll .poll_sponsor, #poll .poll_sponsor .random_poll {
	float: right;
}

/****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; min-height: 280px;
    padding: 25px 15px 5px 15px;
	color: #A3A3A3;
}
#sked.sked_offseason {
	padding-top: 0 !important;
	min-height: 0px;
}
#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%; min-height: 40px;
    border-top: solid 1px #222;
}
#sked .games .left, #sked .games .right { padding-top: 10px;}
#sked .games .right.score_links {
	text-align: right;
	padding-top: 7px;
}
#sked .game-next{ min-height: 80px; z-index: 2; }

#sked .logo{
    float: left;
    width: 56px; height: 52px;    
}
#sked .game-next .logo{ width: 85px; height: 80px; }

#sked .where{
    font-weight: bold; color: #666;
}
#sked .win_lost{
	font-weight: bold;
	color: #f00;
	text-transform: uppercase;
}
#sked .team_name{
	color: #0055a5;
}

#sked .team_name, #sked .score{
    font-size: 1.2em;
    font-weight: bold;
}
#sked .action{
    font-size: 0.8em;
}

#sked .games .right .action a {
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	background: transparent url('http://whl.assets.mrx.ca/regina/images/en/arrow-red.png') no-repeat scroll right center;
	padding-right: 10px;
}

#sked .games .right .action a:hover {
	text-decoration: underline;
}

/***SKED COUNTDOWN***/
#sked .countdown{
    position: absolute; top: 18px; left: -15px;
    background: url('http://chl.assets.mrx.ca/league/images/en/2010/rustyfu/newser-dark.png');
    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://whl.assets.mrx.ca/regina/images/en/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: #fff;
	text-shadow: 0px -1px #888;
	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 5px;
	padding: 0;
	width: 10px;
	height: 18px;
	background: url(http://whl.assets.mrx.ca/regina/images/en/buttonend.png) no-repeat;
	z-index: 21;
	position: relative;
}

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

/*****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***/
#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 */
}



/*** Page Tabs ***/
.pagetabbar {

}

.pagetabbar ul {
	list-style: none;
	margin: 0 0 0 2%;
	padding: 0;
	display: block;
	float: left;
	width: 98%;
}

.pagetabbar ul li {
	float: left;
	padding: 3px 6px;
	background: #397eb0 url(http://ohl.assets.mrx.ca/mississauga/images/en/button-shade.png) center left repeat-x;	
}
.pagetabbar ul li a{
	text-decoration: none;
	font-weight: bold;
}

.pagetabbar ul li.page_tab_on {
	background: #002047 url(http://ohl.assets.mrx.ca/mississauga/images/en/button-shade.png) center left repeat-x;
}
.pagetabbar ul li.page_tab_on a {
	color: #fff !important;
}