/* -------------------------------------------
project:  Toronto Maple Leafs Clinics
date:    	2008/09/19
------------------------------------------- */

/* Reset
------------------------------------------- */
* {margin: 0; padding: 0; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1.3em;}
a, span, strong {font-size: 1em;}
span {color: inherit;}
a, a:visited {text-decoration: underline;}
a:hover {text-decoration: none;}
img {border: none;}
html {height: 100.01%;}
fieldset {border: none;}
legend {display: none;}
p, ol {margin: 1em 0 1em 0;}
p {line-height: 1.5em;}
ul li {list-style-image: url(../images/bullet.gif); margin-left: 20px; line-height: 1.5em;}
ul.dates li {list-style: none; margin-left: 40px; font-weight: bold;}
h2 {margin: 20px 0 20px 0;}
h4 {margin: 1em 0 0 0; color: #153B6C; font-size: 1.2em;}
acronym {border: none;}

/* layout
------------------------------------------- */
body {padding-bottom: 20px; background: #1C1C1C url(../images/background.jpg) center top no-repeat;}
		#logo {position: absolute; top: -60px; left: -45px; z-index: 5;}
		a#register, a#register:visited {display: block; position: absolute; top: 0; right: 36px; overflow: hidden;  width: 129px; height: 29px; background: url(../images/register.png) center top no-repeat; text-indent: -10001px;}
		a#register:hover {background-position: center bottom;}
		#mainmenu {position: absolute; left: 184px;top: 36px; height: 34px; margin: 0; padding: 0;}
			#mainmenu li {float: left; list-style: none; margin: 0; padding: 0;}
				#mainmenu a, #mainmenu a:visited {display: block; float: left; overflow: hidden; height: 32px; background: url(../images/mainmenu.jpg) no-repeat; text-indent: -10001px;}
				#mainmenu a#mm0 {width: 50px; background-position: 0 0;}
				#mainmenu a#mm0:hover {background-position: 0 -34px;}
				#mainmenu a#mm1 {width: 73px; background-position: -50px 0;}
				#mainmenu a#mm1:hover {background-position: -50px -34px;}
				#mainmenu a#mm2 {width: 89px; background-position: -122px 0;}
				#mainmenu a#mm2:hover {background-position: -122px -34px;}
				#mainmenu a#mm3 {width: 131px; background-position: -209px 0;}
				#mainmenu a#mm3:hover {background-position: -209px -34px;}
				#mainmenu a#mm4 {width: 53px; background-position: -340px 0;}
				#mainmenu a#mm4:hover {background-position: -340px -34px;}
				#mainmenu a#mm5 {width: 76px; background-position: -392px 0;}
				#mainmenu a#mm5:hover {background-position: -392px -34px;}
				#mainmenu a#mm6 {width: 81px; background-position: -467px 0;}
				#mainmenu a#mm6:hover {background-position: -467px -34px;}
	#home-top {position: relative; width: 762px; height: 364px; margin: 0 auto; margin-top: 66px; background: url(../images/home-top.png) no-repeat;}
	#home-top #mainmenu {position: absolute; left: 184px;top: 36px; height: 34px; margin: 0; padding: 0;}

		#slideshow {position: absolute; overflow: hidden; left: 18px; top: 75px; width: 727px; height: 278px;}
	#home-bottom {position: relative; width: 749px; height: 112px; margin: 0 auto; padding: 115px 7px 0 7px; background: url(../images/home-bottom.png) no-repeat;}
	#footer {width: 763px; margin: 0 auto;}
		#footer p {margin: 0; color: #fff; font-size: 0.8em; text-align: center;}

	#header {position: relative; width: 762px; height: 166px; margin: 0 auto; margin-top: 66px; background: url(../images/header.png) no-repeat;}
		#header h1 {position: absolute; left: 30px; top: 100px;}

	#double-content-wrapper1 {width: 762px; margin: 0 auto; padding-top: 12px; background: url(../images/2cols-top.png) top no-repeat;}
		#double-content-wrapper2 {padding-bottom: 25px; background: url(../images/2cols-bottom.png) bottom no-repeat;}
			#double-content {background: url(../images/2cols-mid.png) top left repeat-y;}

	#single-content-wrapper1 {width: 762px; margin: 0 auto; padding-top: 12px; background: url(../images/1col-top.png) top no-repeat;}
	#single-content-wrapper1.menu {padding-top: 0; background: none;}
		#single-content-wrapper2 {padding-bottom: 25px; background: url(../images/1col-bottom.png) bottom no-repeat;}
			#single-content {padding: 5px 0 5px 35px; background: url(../images/1col-mid.png) top repeat-y;min-height:400px}

/* repetitive stuff
------------------------------------------- */
.clear {overflow: hidden; clear: both; height: 0;}
.secret {display: none;}
.hint {width: 490px; margin-top: 30px; margin-bottom: 0; padding-top: 10px; background: url(../images/dots.gif) left top repeat-x; font-style: italic;}
.hint2{width: 490px; margin-top: 30px; margin-bottom: 0; padding-top: 10px; font-style: italic;}

.r {float: right; clear: right;}
.l {float: left;}

.photo {margin: -7px 25px 7px 0;}
.map {margin: 10px 15px 10px 0; }

.intro {padding-bottom: 1em; background: url(../images/dots.gif) bottom repeat-x; color: #003875; font-weight: bold; font-size: 1.3em;}
.lead {margin: 1em 0 1em 0; padding: 0 0 1em 0; background: url(../images/dots.gif) bottom repeat-x; font-weight: bold;}

.col3 {position: relative; float: left; width: 218px; height: 90px; margin: 0 5px 0 5px; padding: 10px 10px 0 10px;}
	.col3 h2 {display: none;}
	.col3 p {color: #6a6a6a;}
	a.more, a.more:visited {display: block; position: absolute; bottom: 0; left: 50%; overflow: hidden; width: 80px; height: 26px; margin-left: -40px; background: url(../images/more.jpg) center top no-repeat; text-indent: -10001px;}
	a.more:hover {background-position: center bottom;}

.partner {float: left; 	width: 510px;}
	.partner a, .partner a:visited {display: block; float: left; width: 323px; height: 50px; background: url(../images/visit-website.gif) left bottom no-repeat; text-decoration: none;}
		.partner a span, .partner a:visited span {display: block; height: 25px; padding-left: 20px; background: url(../images/link-name-back.gif) left top no-repeat; color: #0e305f; font-size: 1.2em; 	font-weight: bold; line-height: 25px; text-decoration: none; text-transform: uppercase;}
	.partner a:hover {background-position: right bottom;}
		.partner a:hover span {color: #f31220;}
	.partner img {float: right;}

.link {position: relative; width: 495px; height: 190px;}
	.link .link-descr {position: absolute; top: 32px; right: 20px; color: #7f8387; line-height: 1.3em; text-align: right;}
	.link a, .link a:visited {display: block; position: absolute; top: 80px;  right: 0; width: 353px; height: 50px; background: url(../images/link-visit-website.gif) left bottom no-repeat; text-decoration: none;}
		.link a span, .link a:visited span {display: block; height: 25px; padding-right: 20px; background: url(../images/link-back.gif) left top no-repeat; color: #0e305f; font-size: 1.2em; 	font-weight: bold; line-height: 25px; text-decoration: none; text-align: right; text-transform: uppercase;}
	.link a:hover {background-position: right bottom;}
		.link a:hover span {color: #f31220;}
	.link img {position: absolute; left: 0; top: 0; z-index: 2;}

	/*#hockey-canada a {margin-top: 15px;}*/
	.partner a{margin-top: 25px;}
	
ul.buttons {height: 45px;}
	ul.buttons li {float: left; list-style: none; margin: 0 3px 0 0; padding: 0;}
		ul.buttons a {display: block; float: left; overflow: hidden; width: 147px; height: 45px; margin: 0; padding: 0; background-repeat: no-repeat; text-indent: -10001px;}
		ul.buttons a#button-session-info {background-image: url(../images/buttons/session-info.jpg);}
		ul.buttons a#button-eligibility {background-image: url(../images/buttons/eligibility.jpg);}

#single-content table {width: 504px; border: none; border-collapse: collapse; background: #003875;}
#single-content td, th {width: 25%;}
#single-content th {padding: 5px 0 5px 0; background-color: #04264C; color: #fff; text-align: center; vertical-align: top;}
.groups th {font-size: 0.9em; text-transform: uppercase;}
#single-content table tr.separator th {background-image: url(../images/white-dot.gif); background-repeat: repeat-x;}

#single-content td {padding: 5px 10px; color: #fff; font-size: 0.9em; text-align: center; vertical-align: top;}
#single-content ul li{margin-top:5px;}
#single-content td.table-title {padding: 10px 0 10px 0; background: #D2DFEA url(../images/table-title-back.jpg) top no-repeat; color: #003776; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}

td.special1 {background-color: #336091;}
td.special2 {background-color: #164A81;}
td.table-title {padding: 10px 0 10px 0; background: #D2DFEA url(../images/table-title-back.jpg) top no-repeat; color: #003776; font-size: 1.2em; font-weight: bold; text-transform: uppercase;}
td.table-bottom {padding: 0; height: 15px; background: url(../images/table-bottom-back.gif) bottom no-repeat;}
td.table-bottom.schedule {background: url(../images/table-bottom-back.jpg) bottom no-repeat;}
tr.separator td {background-image: url(../images/white-dot.gif); background-repeat: repeat-x;}
tr.zebra td {background-color: #336091;}

.session {position: relative; width: 507px; margin: 20px 0 40px 0; padding: 0 0 10px 0; background: #EAEAEA url(../images/session-bottom.jpg) bottom no-repeat; }
.session.last {margin-bottom: 0;}
	.session img {position: absolute; right: -132px;}
		#player1 {top: -17px;}
		#player2 {top: -24px;}
		#player3 {top: -15px; }
		#player4 {top: -10px;}
	.session p {margin-top: -5px; padding: 0 90px 0 15px; font-size: 1.1em;}
		a.read-more, a.read-more:visited {padding-left: 12px; background: url(../images/red-arrow.gif) 3px center no-repeat; color: #C53939; font-weight: bold; text-decoration: none;}
		a.read-more:hover {color: #003776;}
		a.read-more-close, a.read-more-close:visited {padding-left: 12px; background: url(../images/red-arrow.gif) 3px center no-repeat; color: #C53939; font-weight: bold; text-decoration: none;}
		a.read-more-close:hover {color: #003776;}
	.session ul li{ line-height:1.2em;}
	.more-content,.less-content{padding: 0 90px 0 15px; font-size:1.1em;}
	.more-content p,.less-content p {padding:0px;}
	.session h3 {padding: 10px 90px 25px 15px; background: url(../images/session-top.jpg) no-repeat; color: #fff; font-size: 1.5em; line-height: 1.2em;}
		.date {color: #fff; font-size: 0.7em;}
		.reg-deadline {color: #B5CCE7; font-size: 0.7em; font-weight: normal;}
		
.qa {width: 505px; padding: 7px; background: url(../images/dots.gif) top repeat-x;}
.qa.open {background-color: #F2F2F3;}
	.qa-letter {float: left; clear: left; width: 20px; margin: 0; font-weight: bold;}
	.q {float: left; width: 485px; margin: 0;}
	.open .q {font-weight: bold;}
	.answer {clear: left; padding-top: 5px;}
	.a {float: left; width: 485px; margin: 0;} 
	a.qa-show, a.qa-show:visited {float: right; margin: 0 0 0 10px; color: #C53939; font-weight: bold; text-decoration: none;}
	a.qa-show:hover {color: #000;}
	
.location {clear: left; width: 490px; padding: 5px 0 5px 0; background: url(../images/dots.gif) bottom repeat-x;}
.location-last {clear: left; width: 490px; padding: 5px 0 5px 0; background: none;}
	.location .org, .location-last .org {font-weight: bold;}

/* special pictures */
#illustr-about {position: relative; top: -85px; margin-bottom: -85px; right:6px;}
#illustr-contact {position: relative; top: -95px; margin-bottom: -95px;right:6px;}
#illustr-partners {position: relative; top: -100px; margin-bottom: -100px; right:6px;}
#illustr-package-info {position: relative; top: -40px; margin-bottom: -40px; right:6px;}
#illustr-schedule {position: relative; top: 12px; margin-bottom: -55px; right:30px;}
#illustr-in-the-crease {position: relative; top: -55px; margin-bottom: -55px;right:6px;}


/* some special layers and their content
------------------------------------------- */
#sidebar {float: left; width: 209px; margin-left: 7px; min-height:400px;}
	#sidebar p {width: 155px; margin: 0 auto; margin-top: 0.5em; margin-bottom: 0.5em; color: #fff; font-size: 0.9em;}
	#sidebar p.lead {padding-bottom: 0.5em; background: url(../images/dashes.jpg) bottom repeat-x; 	font-size: 1em; font-weight: bold;}
	#sidebar p.hd {margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.3em;}
	#sidebar p strong {color: #fff; font-weight: bold; font-size: 1.1em;}
	#sidebar img {display: block; margin: 0 auto; margin-bottom: 15px;}

#main {float: left; width: 300px; margin-left: 25px;}
#mainfull {float: left; width: 450px; margin-left: 25px;}

#session-menu {height: 36px; margin: 0; padding: 0 0 0 27px; background: url(../images/session-menu.png) no-repeat;}
	#session-menu li {float: left; list-style: none; margin: 0; padding: 0;}
		#session-menu a, #session-menu a:visited {display: block; float: left; overflow: hidden; height: 36px; background: url(../images/session-menu.png) no-repeat; line-height: 36px; text-indent: -10001px;}
		#session-menu a#sm1 {width: 113px; margin-right: 20px; background-position: -27px 0;}
		#session-menu a#sm1:hover, #session-menu a#sm1.current, #session-menu a#sm1.current:visited {background-position: -27px -36px;}
		#session-menu a#sm2 {width: 80px; margin-right: 15px; background-position: -160px 0;}
		#session-menu a#sm2:hover, #session-menu a#sm2.current, #session-menu a#sm2.current:visited {background-position: -160px -36px;}
		#session-menu a#sm3 {width: 50px; margin-right: 20px; background-position: -255px 0;}
		#session-menu a#sm3:hover, #session-menu a#sm3.current, #session-menu a#sm3.current:visited {background-position: -255px -36px;}
		#session-menu a#sm4 {width: 125px; margin-right: 15px; background-position: -325px 0;}
		#session-menu a#sm4:hover, #session-menu a#sm4.current, #session-menu a#sm4.current:visited {background-position: -325px -36px;}
		#session-menu a#sm5 {width: 50px; margin-right: 0; background-position: -465px 0;}
		#session-menu a#sm5:hover, #session-menu a#sm5.current, #session-menu a#sm5.current:visited {background-position: -465px -36px;}
	
	#sessinfo-illustr {position: absolute; right: 0; bottom: -36px;}
	
#package-menu {height: 36px; margin: 0; padding: 0 0 0 31px; background: url(../images/package-menu.png) no-repeat;}
	#package-menu li {float: left; list-style: none; margin: 0; padding: 0;}
		#package-menu a, #package-menu a:visited {display: block; float: left; overflow: hidden; height: 36px; background: url(../images/package-menu.png) no-repeat; line-height: 36px; text-indent: -10001px;}
		#package-menu a#sm1 {width: 143px; margin-right: 15px; background-position: -31px 0;}
		#package-menu a#sm1:hover, #package-menu a#sm1.current, #package-menu a#sm1.current:visited {background-position: -31px -36px;}
		#package-menu a#sm2 {width: 76px; margin-right: 0; background-position: -190px 0;}
		#package-menu a#sm2:hover, #package-menu a#sm2.current, #package-menu a#sm2.current:visited {background-position: -190px -36px;}
		
#cost {position: relative; top: -51px; overflow: hiddden; width: 604px; height: 448px; background: url(../images/cost.png) no-repeat;}
	#cost p {display: none;}
	
	
#reg-steps li{list-style:none; list-style-image:none; color:#ffffff; padding:8px 0; border-bottom:1px dotted #f2f2f2; margin-right:20px; }
#reg-steps li span{display:block; font-size:0.9em; color:#f2f2f2;}
#reg-steps li span.hd{ text-transform:uppercase; font-weight:bold; font-size:1em;}

#registration .session{width:498px;  background: url(../images/reg-session-bottom.jpg) bottom no-repeat; margin:20px 0px;}
#registration .session h3{ background:url(../images/reg-session-top.jpg) top no-repeat; padding: 10px 90px 20px 15px;}

#registration a, #registration a:visited {padding-left: 12px; background: url(../images/red-arrow.gif) 3px center no-repeat; color: #C53939; font-weight: bold; text-decoration: none;}
#registration a:hover {color: #003776;}
#registration a, #registrationa:visited {padding-left: 12px; background: url(../images/red-arrow.gif) 3px center no-repeat; color: #C53939; font-weight: bold; text-decoration: none;}
#registration a:hover {color: #003776;}

ul.downloadList {padding:0; margin:0; }
ul.downloadList li{margin:0;position:relative; width:460px; background:url(../images/download-back.jpg) no-repeat; list-style:none; padding:18px 0 0 47px; height:70px}
ul.downloadList li span{display:block; font-size:14px; font-weight:bold;}
ul.downloadList li a{position:absolute; top:20px; right:17px; background:url(../images/buttons/download.jpg) no-repeat; width:105px; height:34px;}
ul.downloadList li a span{display:none}

.button-submit{background:url('../images/buttons/submit.jpg') no-repeat; color:#fff; width:105px; height:34px; border:none; text-indent:-100000px; margin-left:119px;}

.login-box{color:#1c5391; height: 106px; margin: 0 2px; padding: 20px 0 0 31px; background: url(../images/login-box.png) no-repeat;}
.login-box span{color:#1c5391;font-weight:bold; font-size:14px;  margin:0 12px 0 0}
.login-box h2{margin:0 0 6px;color:#1c5391; font-size:16px; }
.login-box input{width:140px; height:12px; padding:5px; margin:0 12px 0 0; font-weight:bold; }
.login-box button{background:url('../images/buttons/button-grey.jpg') no-repeat; color:#ffffff; text-transform:uppercase; font-size:12px; font-weight:bold; border:none; width:105px; height:34px;}
.login-box label {position:relative}
.login-box label span{position:absolute; top:0px; left:7px; font-size:11px; color:#000000; font-weight:bold}

.extras h2{font-size:15px; color:#1c5391;}
.extras .ask-a-pro label{display:block; padding:0 0 5px}
.extras .ask-a-pro label span{float:left; width:100px; text-align:right; padding:0px 10px}
.extras .ask-a-pro label select {width:229px; border:1px solid #7a7a7a}
.extras .ask-a-pro label textarea{width:344px; height:102px; border:1px solid #7a7a7a}
.extras .teaser{color:#c03736; font-size:11px; margin:-20px 0 20px;}
.extras .success{ font-size:12px; font-weight:bold; text-transform:uppercase; color:#069}

.extras.profile {font-size:12px;}
.extras.profile form fieldset legend{display:block; font-weight:bold; padding:20px 0 10px 0;}
.extras.profile form div.row{padding:0 0 5px}
.extras.profile form div.row label{width:110px; float:left; text-align:right; padding:0 15px 0 0 }
.extras.profile form div.row label.err{ color:#C03736}

.extras.profile form div.row input{padding:2px; width:229px}
.extras.profile form div.row.empty{padding:0 0 20px}
.extras.profile form div.check input{width:auto; margin:0 5px 0 0;}
.extras.profile form div.check label{width:auto; float:none;}
.extras.profile form button{background:url('../images/buttons/button-grey.jpg') no-repeat; color:#ffffff; text-transform:uppercase; font-size:12px; font-weight:bold; border:none; width:105px; height:34px;}
.extras.profile form button span{color:#ffffff;}

#extras-menu {height: 36px; margin: 0 2px; padding: 0 0 0 31px; background: url(../images/extras-menu.png) no-repeat;}
	#extras-menu li {float: left; list-style: none; margin: 0; padding: 0;}
		#extras-menu a, #extras-menu a:visited {display: block; float: left; overflow: hidden; height: 36px; background: url(../images/extras-menu.png) no-repeat; line-height: 36px; text-indent: -10001px;}
		#extras-menu a#sm1 {width: 103px; margin-right: 12px; background-position: -27px 0;}
		#extras-menu a#sm1:hover, #extras-menu a#sm1.current, #extras-menu a#sm1.current:visited {background-position: -27px -37px;}
		#extras-menu a#sm2 {width: 85px; margin-right: 0; background-position: -139px 0;}
		#extras-menu a#sm2:hover, #extras-menu a#sm2.current, #extras-menu a#sm2.current:visited {background-position: -139px -37px;}
		#extras-menu a#sm3 {width: 76px; margin-right: 0; background-position: -224px 0;}
		#extras-menu a#sm3:hover, #extras-menu a#sm3.current, #extras-menu a#sm3.current:visited {background-position: -224px -37px;}

#single-content{position:relative}
.signedinmsg{position:absolute; bottom:1px; text-align:center; width:700px; font-size:11px; color:#666666;}
.signedinmsg strong{color:#333333}