/* w.com template */

@import "/assets/css/mediahouse.w.com.template.css";
@import "/assets/css/mediahouse.w.com.nav.css";


/*-------------------------------------------    

	* DO NOT EDIT HERE (scroll down)

	general selectors

-------------------------------------------*/
* { margin:0; padding:0; }
html {
	width:100%;
	font-family: Lucida Sans, Lucide Grande, Arial, Helvetica, sans-serif;
	font-family: Tahoma MS, Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height:1.125em;	
	color:#4c4d4e;	
}
h1 {
	font-size: 1.125em;
	font-weight: lighter;	
	margin:1.3125em 0 1.875em 0;
	color:#b2bb1e;	
}
h2, dl, h5 {
	font-size:0.9em;
	line-height:1.25em;
	font-weight:bold;
	letter-spacing: 1px;
	margin: 1.75em 0 0.5em 0;	
	padding-top:21px;
}
h2.text{
	font-size:0.9em;
	line-height:1.25em;
	font-weight:bold;
	letter-spacing: 1px;
	margin: 1.75em 0 0.5em 0;	
	padding-top:0px;
}
h3 {
	font-size: 0.8125em;
	line-height:1.75em;
	margin: 1.75em 0 0.25em 0;
	padding-top:10px;
	text-transform:uppercase;
}
h4 {
	font-family: Verdana, sans-serif;
	font-size:0.75em;
	color:#ffffff;
	width:100%;
	height:31px;
	background:#b2bb1e url("http://www.whistler.com/css/reskin/images/heading_green_top.02.gif") no-repeat left;	
	padding:12px 0 0 21px;	
	margin:43px 0 0 0;
}
h4 a {
	color:#FFFFFF;
}
dl {
	line-height:1.75em;
}
p, ul, ol, dt, .vcard {
	font-size: 0.8125em;
	line-height:1.5em;
	margin: 0 0 1.286em 0;
}

a {
	color:#336699;
	outline:none;
}	
a:hover, #content div.closing a:hover, #content div.legal a:hover {
	color:#0fa5b8;
}
a img, fieldset {
	border:none;
}
/*-------------------------------------------    

    basic #content formatting

-------------------------------------------*/
#content li {
	padding-left:10px;
	margin: 0 0 .625em 15px;
}


#content .right {
	float:right;
	display:block;
}
#content img.thumb {
	margin:3px 21px 10px -3px;
	float:left;
}
#content img.header {
	position:relative;
	width:595px;
	height:255px;
	margin:-43px -43px 0 -43px;
}

#content embed {
	position:relative;
	width:893px;
	height:544px;
	margin:-43px -43px 0 -43px;
}

#content embed#video {
	position:relative;
	width: 630px;
	height: 403px;} 
	
#content p#video {
	position: relative;}	

#content ol, #content ul {
	margin-left: 10px;
	padding-left: 10px;
}

#content div.header.tile {
	height:100%;
}
#content div.container {
	height:1%;
	overflow:auto;
}
#content div.container img.thumb {
	margin-left:0;
}
#content div.warning {
	background:#ffffff;	
	font-size:12px;
	font-weight:bold;
	overflow:hidden;
	clear:both;
	margin-bottom:21px;
}
#content p.legal, #content div.legal {	
	background:url("http://www.whistler.com/css/reskin/images/dot_grey.gif") repeat-x top left;
	padding:21px 10px 0 10px;
	width:510px;
	margin:21px 0 0 -10px;
	text-align:justify;
	clear:both;
}

#content table {
	border: 1px solid #efefef;
	width: 100%;}

#content td {
	font-family: Lucida Sans, Lucide Grande, Arial, Helvetica, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size:85%;
	line-height:1.3em;	
	color:#4c4d4e;	
	vertical-align: top;
	padding: 5px;}
	
#content table.stats td {
	font-size:100%;}	
	
#content table.stats td ul {
	padding-left: 0px;
	margin-left: 0px;}	
	
#content td.altrow {
	background-color: #f7f7f7;}	
	
#content td.altrow2 {
	background-color: #f9f9f9;}	

#content p.legal, #content div.legal p {	
	font-size:11px;
	line-height:1.5em;
	color:#a6a6a6;
}

#content div.date, #content div.sscategory {
	display: block;
	color: #7e7e7e;
	font-weight: bold;
	font-size: 80%;
}

#content div.sstitles {
	margin-bottom: 20px;}
	
#content div.sstitles a {
	display: block;
	font-size: 0.8125em;
	margin-left: 10px;}	
	
#content div.ssdetails {
	margin-bottom: 15px;
	padding: 15px;
	margin-left: 10px;
	background-color: #f4fcff;
	font-size: 0.75em;}	
	
#content div.ssdetails p {
	font-size: 1em;}	

#content div.highlightedbox {
	margin-bottom: 15px;
	padding: 15px;
	background-color: #f4fcff;
	font-size: 0.8125em;
	line-height:1.5em;}	

#content div.highlightedbox p, #content div.highlightedbox ul {
	padding-bottom: 10px;
	font-size: 1em;
	line-height:1.5em;}	
	
#content div.datenav {
	float: right;
	font-size: 80%;
	margin: 0px;
}

#content div.closing {
	width:510px;
	height:123px;
	clear:both;		
	background:url("http://www.whistler.com/css/reskin/images/bg_call800.gif") no-repeat top left;
	padding:127px 43px 0 42px;
	margin: 43px -43px -43px -43px;
	text-align: justify;
	z-index:99;
	position:relative;
	_margin-bottom:-55px;
}
#content div.closing.groups {
	background:url("http://www.whistler.com/css/reskin/images/bg_call800.groups.gif") no-repeat top left;
}
#content div.closing p {
	color:#a6a6a6;
}
#content div.closing a {
	color:#4991a8;
}
/*-------------------------------------------    

   tabs & chapters

-------------------------------------------*/
#content ul#tabs {
	padding:0 0 10px 10px;
	width:520px;
	height:36px;
	margin:43px 0 0 -10px;
	background:url("http://www.whistler.com/css/reskin/images/ul_bg.gif") no-repeat top left;
	_border:none;
	_height:35px;
}
#content ul#tabs li {
	display: inline;
	list-style-type: none;
	margin:0 1px 0 0;
	padding:0;
	float:left;	
	text-align:center;
}
#content ul#tabs li a {
	width:75px;	
	height:19px;		
	padding:10px;		
	border-top:1px solid #fff;	
	border-bottom:none;	
	display:block;
	background:#ffffff url("http://www.whistler.com/css/reskin/images/tab_bg_off.gif") no-repeat top left;		
}
#content ul#tabs li a.on {
	height:19px;
	text-decoration:none;	
	background:#ffffff url("http://www.whistler.com/css/reskin/images/tab_bg_on.gif") no-repeat top left;			
	border-bottom:1px solid #ffffff;
	border-top:1px solid #fff;	
	color:#797a7c;
}
#content div#chapters div.toggle {
	display:none;
}
#content div#chapters {	
	background:url("http://www.whistler.com/css/reskin/images/chapters_bg.gif") no-repeat bottom left;
	height:1%;
	overflow:auto;
	width:510px;
	margin:0px -21px 21px -10px;	
	padding:10px 10px 0px 10px;
}
#content div#chapters div.pullOut {
	width:100%;
}
#content div#chapters div.pullOut h4 {
	background-image:none;
}
#content div#chapters table.accomm-table {
	width:510px;
	position:static;
}
#content table.eventresources-table {
	width:530px;
	background-color:#fff;
	border: 1px solid #fff;
	border-collapse:collapse;
	margin-left: -10px;
}

#content table.eventresources-table td {
	background-color:#EAEDED;}

#content div#theboxesB, #content div#theboxesA, #content div#theboxesC	{
	visibility: hidden;
	position: absolute;
	top: 2250px;
	background-color: #ffffff;
	z-index: 50;
	width: 380px;
	margin: 20px;
	border: 1px dotted #666666;
	padding: 20px;}
	

	
div#theboxesB ul li, div#theboxesB ol li, div#theboxesA ul li, div#theboxesA ol li {
	font-size: 11px;}
	
/*-------------------------------------------    
	
	* EDIT HERE 
	
	content groupings
	
-------------------------------------------*/
/*-------------------------------------------    

   accommodation

-------------------------------------------*/
#content ul.listrow {
	margin-top:21px;
	list-style-type: none;	
}
#content ul.listrow li {
	margin:5px 0 0 0;
	padding:0 0 8px 0;
	border-bottom:1px solid #eaeded;
	position:relative;
	width:501px;
}
#content ul.listrow li a {
	margin-right:10px;
}
#content ul.listrow li span {
	position:absolute;
	right:0;
}
/*-------------------------------------------    

   pullOuts and priceTags

-------------------------------------------*/
#content div.pullOut, #content fieldset {
	color:#7e7e7e;	
	background:#eaeded;	
	border-bottom:1px solid #ddddd3;
	width:510px;
	margin:1px -21px 0px -10px;	
	padding:10px 10px 1px 10px;
	overflow:hidden;
	clear:both;
	z-index:99;
}
#content div.pullOut h4 {
	margin:-10px 0 10px -10px;
	padding-left:10px;
	width:520px;
	background-image:url("http://www.whistler.com/css/reskin/images/heading_green_top.01.gif");
}
#content div.pullOut.cta h4 {
	background:#f8981d url("http://www.whistler.com/css/reskin/images/heading_orange_top.01.gif") no-repeat left;
}
#content div.pullOut h4 span.price {
	float:right;
	padding-right:10px;
}
#content div.pullOut a.cta {
	margin-bottom:10px;
	float:right;
}
#content div.pullOut img.thumb {
	/* match spacing, styles within pullOut */
	margin:0 10px 10px 0;
	padding:0;
	border:none;
}
#content .divider, #content div.divider {
	margin-top:43px;
}
#content div.pullOut h5 {
	margin:-11px 0 2px 0;
	color:#4c4d4e;	
}
#content div.pullOut p.legal {
	margin:0 0 1px 0;
	padding:10px 50px 10px 0;
	width:410px;
}
#content div.pullOut.cta {
	border:1px solid #f8981d;
	background:#d3eaf4;
	color:#4c4d4e;	
	
}
h6.priceTag {
	line-height:17px;
	margin-top:-92px;
}
h6.priceTag a {
	background:url("http://www.whistler.com/css/reskin/images/bg_price.png") no-repeat top right;
	_background-image:url("http://www.whistler.com/css/reskin/images/bg_price.gif");
	width:100%;
	height:42px;
	padding:38px 10px 12px 0;
	display:block;
	font-size:10px;	
	text-align:right;
	cursor:pointer;		
	text-decoration:none;
	color:#bb4504;
	overflow:hidden;
	margin-bottom:-1px;
}
h6.priceTag a strong {
	letter-spacing:-1px;
	color:#FFFFFF;
	font-size:24px;
	padding:1px 0 0 0;
	display:block;
}
h6.priceTag a:hover {
	background-position:100% -92px;
	color:#FFFFFF;
}
/*-------------------------------------------    

   page headers

-------------------------------------------*/
#content div.header div.pullOut {
	width:247px;
	height:170px;
	margin:11px 0 21px 0;
	padding:0px 10px 0 10px;
	background:#eaeded url("http://www.whisler.com/css/reskin/images/bg_pullOut.gif") no-repeat top left;
	border-left:21px solid #ffffff;
	border-bottom:none;
	float:left;
	clear:none;
	position:relative;
}
#content div.header div.pullOut h5 {
	color:#bb4504;		
	letter-spacing:0;
	font-size:14px;
	margin-bottom:10px;
}
#content div.header div.pullOut p, #content div.header div.pullOut li {
	font-size:12px;
	line-height:17px;
	margin-top:0px;
	margin-bottom:5px;
}
#content div.header div.pullOut h6.priceTag {
	position:absolute;
	bottom:0px;
	right:10px;
	_right:0;
	margin:0;
	width:127px;
	height:92px;
}
/*-------------------------------------------    

    forms and tables

-------------------------------------------*/
#content fieldset {
	margin-bottom: 20px;}

#content fieldset ol {
	list-style-type: none;	
}
#content fieldset li, #content fieldset div {
	margin:0 0 10px 0;
	padding:0 0 5px 0;
	font-family: arial; font-size: 13px;
}
#content fieldset li input, #content fieldset div input {
	width: 250px;}
	
#content fieldset li input.box {
	width: 20px;}
	
#content fieldset li input.boxw {	
	margin-right: 10px;
	width: 20px;}
	
#content fieldset li label, #content fieldset div label {
	width: 190px; 
	float:left;
	/* text-transform:capitalize; */
}

#content span.highlight {
	color: #ff0000;
	font-weight: bold;}

#content fieldset div label {
	text-align: right;
	margin-right: 10px; }
	
	
#content fieldset textarea {
	width: 95%;
	height: 80px;}	
	
#content fieldset textarea.sm {
	width: 250px;
	height: 40px;}		
	
#content input.button {
	background-color: #f8971c;
	color: #fff;
	font-weight: bold;
	width: 120px;
	height: 30px;}	
	
#content fieldset div input.sm {
	width: 40px;}	
		
#content fieldset div input.lg {
	width: 400px;}	
	
#content fieldset li table td label {
	/* created for advanced accommodation search */
	width:100px;
}
#content table th {
	text-align:left;
}

#content #appmenu {
	text-align:right;
	padding: 8px;
	font-size: 11px;
	font-family:  verdana;
	text-transform: uppercase;
}


#content fieldset div.parts {
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	border-bottom: #333333 1px dotted;
	padding-top: 10px;	}

#content fieldset div.groupofquestions {
	margin-top: 5px; 
	padding-top: 5px; 
	border-top: 1px dashed #0fa5b8; 
	margin-bottom: 5px; 
	padding-bottom: 5px; 
	border-bottom: 1px dashed #0fa5b8; 
	background-color: #f3f4f4;	}

	
#content fieldset label span, #content fieldset div span {
	text-transform: none;
	font-size: 11px;}
	
#content h6 {
	clear: both;
	font-size: 12px;} 
	
#content div#map {
	position: relative;
	margin-left: -33px;
	width: 575px; 
	height: 600px}	
	
	
#content .infowindow {
    color: #333333;
    font-size: 100% !important;}
                
#content .infowindow strong.blue {
    color: #49bae7;}     		