/*
// $Id: wrapper.css,v 1.49 2011/10/28 08:34:16 karenk Exp $
// $Revision: 1.49 $
// $Author: karenk $
//
// $Log: wrapper.css,v $
// Revision 1.49  2011/10/28 08:34:16  karenk
// fix twitter links, since removed tblhome link styling
//
// Revision 1.48  2011/10/28 04:37:47  karenk
// footer no repeat bacvkground
//
// Revision 1.47  2011/10/28 04:36:56  karenk
// fxes for ie7
//
// Revision 1.46  2011/10/28 03:11:23  karenk
// qa tweaks
//
// Revision 1.45  2011/10/27 08:19:13  karenk
// qa
//
// Revision 1.44  2011/10/27 04:46:43  karenk
// add social icons to left for interior pages.  make facebook default open
//
// Revision 1.43  2011/10/26 09:46:35  karenk
// add social
//
// Revision 1.42  2011/10/20 07:25:43  karenk
// layout tweaks.  Add new winter homepage bottom
//
// Revision 1.41  2011/10/19 11:03:52  karenk
// updates
//
// Revision 1.40  2010/12/22 01:29:13  karenk
// fix hotel title tlink color
//
// Revision 1.39  2010/12/21 04:27:50  karenk
// change table header link color for hotels & bb
//
// Revision 1.38  2010/12/09 03:48:05  karenk
// try to fix the background
//
// Revision 1.37  2010/12/08 03:19:03  karenk
// add no resize if first special is a video, add margin to right of homepage highlighth h2
//
// Revision 1.36  2010/12/06 21:52:54  karenk
// email button tweaks
//
// Revision 1.35  2010/12/04 03:39:08  karenk
// *** empty log message ***
//
// Revision 1.34  2010/12/04 03:37:49  karenk
// email box + new flash
//
// Revision 1.33  2010/12/04 03:01:52  karenk
// updates
//
// Revision 1.32  2010/12/04 01:01:55  karenk
// remove flash headlines
//
// Revision 1.31  2010/12/04 00:26:10  karenk
// new background
//
// Revision 1.30  2010/12/04 00:02:21  karenk
// new winter styles, finish specials popup. just waiting on better background
//
// Revision 1.29  2010/12/03 05:58:38  karenk
// more work on homepage specials box
//
// Revision 1.28  2010/12/03 02:37:55  karenk
// start homepage updates
//
// Revision 1.27  2010/02/16 23:32:46  karenk
// add new styles/nav
//  for terrain parks
//
// Revision 1.26  2010/02/16 02:31:01  karenk
// add terrain parks pages
//
// Revision 1.25  2009/10/23 17:37:08  karenk
// update left nav fvor 3rd level
//
// Revision 1.24  2009/10/23 17:02:35  karenk
// fix positioning of images
//
// Revision 1.23  2009/10/22 20:02:01  karenk
// add snowsportsschool stuff
//
// Revision 1.22  2009/10/20 20:58:36  karenk
// chnage left nav to use dhtml menus
//
// Revision 1.21  2009/09/25 17:10:22  karenk
// *** empty log message ***
//
// Revision 1.20  2009/07/14 17:21:46  karenk
// add social icons.  add share this to interior pages
// Committed on the Free edition of March Hare Software CVSNT Server.
// Upgrade to CVS Suite for more features and support:
// http://march-hare.com/cvsnt/
//
// Revision 1.19  2009/02/18 20:36:20  karenk
// *** empty log message ***
//
// Revision 1.18  2009/01/09 18:12:17  karenk
// add hotel name & image link
//
// Revision 1.17  2008/12/16 18:08:04  karenk
// fix spacing on table
//
// Revision 1.16  2008/12/12 21:31:21  karenk
// Add new hotel page & CMT Group
//
// Revision 1.15  2008/10/28 18:33:47  karenk
// change size of newsletter signup box
//
// Revision 1.14  2008/10/27 23:05:24  karenk
// add skipatrol nav.  Add email signup box.
//
// Revision 1.13  2008/10/21 17:37:21  karenk
// update RFP Form
//
// Revision 1.12  2008/01/11 01:56:50  scottl
// Added sponsor logos to wrapper.
//
// Revision 1.11  2007/11/27 16:44:02  scottl
// Added multimedia gallery.
//
// Revision 1.10  2007/11/26 19:30:30  scottl
// Added google analytics code and implemented newsletter form.
//
// Revision 1.9  2007/11/09 20:34:56  scottl
// Updated calendar styles.  Added flash titles to homepage features.
//
// Revision 1.8  2007/11/07 18:29:15  scottl
// Fixed content centering issue.
//
// Revision 1.7  2007/11/07 17:54:04  scottl
// Added mobile website base.  Made some wrapper tweaks.
//
// Revision 1.5  2007/11/06 23:57:01  scottl
// Changed wrapper fonts.
//
// Revision 1.4  2007/11/06 23:36:57  scottl
// Updates to wrapper styles.
//
// Revision 1.3  2007/11/06 22:41:33  scottl
// Added homepage features to homepage.  Fixed some min-height issues for secondary page templates.
//
// Revision 1.2  2007/11/06 21:59:05  scottl
// Continued build-out of website wrapper.
//
// Revision 1.1  2007/10/30 21:55:45  scottl
// Initial check-in.
//
//
*/

body
{
margin: 0px;
background-color: #ffffff;
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
background-image: url(../images/bkgd-tile.gif);
background-repeat: repeat-x;
background-position: 0px 0px;
}

.l {float: left;}
.r {float: right;}
.fBox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }



form 
{
	margin: 0px;
}

img {
	border: none;
}

#containerMain {
width: 1024px;
height: auto;
margin: 0 auto;
padding-bottom: 20px;
}

#containerMainPopup
{
	color: #7388A5;
	padding-left: 130px;
	font-size: 12px;
}

#boxHeader {
position: relative;
	width: 1024px;
	height: 80px;
}

#boxLogo {
position: absolute;
top: 0px;
left: 0px;
}

#boxSeasonToggle {
position: absolute;
top: 30px;
left: 255px;
margin: 0;
padding: 0;
}
#boxSeasonToggle a {
margin: 0;
padding: 0;
}
.tooltip {
display: none;
}
#boxToolbar {
position: absolute;
top: 26px;
left: 488px;
}

#boxToolbar ul {
margin: 0px;
padding: 0px;
list-style: none;
line-height: 15px;
}
#boxToolbar ul li {
float: left;
}

#boxNewsletterSignup {
position: absolute;
top: 20px;
right: 60px;
background-repeat: no-repeat;
width: 186px;
height: 28px;
border-radius: 4px;
-moz-border-radius: 4px;
box-shadow: 0 2px 2px 0 #064288;
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
background-color: #fff;
opacity:0.8;
filter:alpha(opacity=80);
}
#tbEmail {
background-color: Transparent;
position: absolute;
border: none;
top: 5px;
left: 5px;
width: 160px;
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 10px;
line-height: 16px;
height: 16px; 
font-weight: normal;
color: #2e4475;
}
#emailBtn {
position: absolute;
top: 10px;
right: 8px;
}



#boxToolbarLeft
{
	padding: 20px 0px 0px 0px;
}

#boxHero {
	position: relative;
	z-index: 5;
	margin-top: 4px;
	width: 776px;
	height: auto;
	background-color:#FFFFFF;
}
#boxHeroHome {
	position: relative;
	z-index: 5;
	margin-top: 4px;
	width: 776px;
	height: 441px;
	background-color:#FFFFFF;
}
#homepageHero {
position: absolute;
top: 0px;
left: 0px;
}
#homepageSpecialsTop {
position: absolute;
top: 0px;
right: -8px;
width: 308px;
height: 26px;
background-image: url(../images/expander-bkgd-top.png);
background-repeat: no-repeat;
background-position: center top;
}
#homepageSpecialsNav {
position: relative;
top: 8px;
left: 25px;
height: 17px;
font-family: Arial;
font-size: 9px;
color: #595959;
line-height: 16px;
font-weight: bold;
}
#homepageSpecialsNav a {
position: relative;
display: inline-block;
width: 6px;
height: 7px;
overflow: auto;
background-image: url(../images/bttn-dots.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin: 5px 3px 0 0;
}
#homepageSpecialsNav a:hover, #homepageSpecialsNav a.active {
background-position: center top;
}
#homepageSpecialsNav img {
margin: 0 5px 0 5px;
}
#homepageSpecialsNav .of {
font-style: italic;
margin: 0 2px 0 2px;
}
#homepageSpecialsToggle {
position: absolute;
top: 7px;
right: 20px;
background-image: url(../images/bttn-hide-show-specials.gif);
background-repeat: no-repeat;
background-position: center top;
width: 102px;
height: 17px;
cursor: pointer;
}
#homepageSpecialsBottom {
position: absolute;
top: 26px;
right: -8px;
width: 308px;
height: 300px;
background-image: url(../images/expander-bkgd-bottom.png);
background-repeat: no-repeat;
background-position: center bottom;
overflow: hidden;
}
#homepageSpecialsBottom ul {
margin: 0;
padding: 0;
list-style:none; 
}
#homepageSpecialsBottom li {
display: none;
}
#homepageSpecialsBottom .specialsImage {
margin: 5px 0 0 25px;
}
#homepageSpecialsBottom .specialsHeader {
font-family: Times New Roman;
font-size: 18px; 
line-height: 18px;
color: #91530d;
margin: 5px 5px 0 25px;
}
#homepageSpecialsBottom .specialsText {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 12px; 
line-height: 14px;
color: #3b3b3b;
margin: 5px 15px 0 25px;
}
#homepageSpecialsBottom .specialsMore a {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 10px;
color: #ffffff;
background-color: #e0a348;
display: inline-block;
text-decoration: none;
padding: 2px 4px 2px 4px;
margin: 0 0 0 5px;
}
#homepageSpecialsBottom .specialsMore a:hover {
background-color: #0650ac;
}
#homepageSpecialsBottom .ytPlayer {
margin: 10px 0 10px 10px;
}
#homepageSnowflakes {
position: absolute;
right: -60px;
bottom: -20px;
}
#boxLeftNav
{
	position: relative;	
	z-index: 100;
	height: auto;
	margin-top: 30px;
}

#boxLeftNav ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	line-height: 13px;
}

#boxContent
{
	width: 776px;
	height: auto;
}







/* Min-height hack from http://www.greywyvern.com/code/min-height-hack */
.prop 
{
	float: right;
	width: 1px;
}

.clear 
{
	clear: both;
	height: 1px;
	overflow: hidden;
}

.min200px 
{
	height: 240px;
}





#boxSponsors
{
	text-align:center;
	padding-top:38px;
	padding-right:30px;
}

#buyOnline{
margin-left: -10px;
}

#boxFooter {
background-image: url(../images/footer-bg.gif);
background-repeat: no-repeat;
text-align: left;
color: #dabd6e;
font-size: 11px;
line-height: 18px;
padding-top: 10px;
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
}
#boxFooter .footerLogos {
float: right;
}
#boxFooter .footerLinks {
float: left;
margin-right: 20px;
}
#boxFooter a {
color: #3aa6cf;
text-decoration: none;
font-weight: bold;
}

#boxFooter a:hover {
color: #e0a348;
text-decoration: none;
}
#boxFooter .footerAddress {
margin-top: 10px;
color: #5d5d5d;
font-weight: normal;
}
#boxFooter .footerRTP {
margin-top: 5px;
color: #dabd6e;
}
#boxFooter .footerRTP a {
color: #e0a348;
}


#tblHomeBody
{ 
	margin-top: 12px;
	padding: 15px 0px 30px 0;
	font-size: 12px;
	line-height: 14px;
	font-family: Lucida Grande, Lucida Sans, Sans-Serif;
}

#tblHomeBody h1
{
	padding: 0px;
	font-weight: lighter;
	color: #2e4475;	
	font-family: Helvetica, Arial;
	font-size: 17px;
	line-height: 20px;
	letter-spacing: -.5px;
	margin: 0 4px 0 0;
}

#tblHomeBody p
{
	margin: 0px;
	padding: 6px 0px 6px 0px;
	color: #3b3b3b;
	width: 220px;
	height: auto;
}



.tblReportData
{
	border: 1px solid #DCE3ED;
}

.tblReportData td
{
	border: 1px solid #DCE3ED;
	background-color: #FFFFFF;
}

.tblReportData th
{
	background-color: #DCE3ED;
}
.rfpTable {
}
.rfpTable td {
	text-align: center;
	font-family: Times, "Times New Roman", Serif;
	font-size: 12px;
	padding: 2px 2px 2px 2px;

}
.rfpTable .tdLeft{
	text-align: left;
}
.rfpTable .tdLeftIndent{
	text-align: left;
	padding: 2px 2px 2px 22px;
}
.rfpTable input {
	height: 13px;
	text-align: center;
	font-size: 12px;
	font-family: Times, "Times New Roman", Serif;	
}
.rfpTable .tdPrice {
	text-align: right;
	clear: both;
	float: none;
	width: 75px;	
	vertical-align: middle;
}
.rfpTable .tdPrice .priceLabel {
	display: block;
	float: left;
	text-align: right;
	margin: 0 0 0 10px;
}
.rfpTable .tdPrice input {
	display: block;
	float: left;
	margin: 0 10px 0 5px;
}



/* SORTABLE DATA GRID */
.hotelList {
	border-top: 1px solid #a18d51;
}

.hotelList tr.rowEven {
	background-color: #EDF0F7;
}

.hotelList tr.rowEven td {
	border-left: solid 1px #d9d9d9;
}

.hotelList tr.rowOdd {
	background-color: #ffffff;
}

.hotelList tr.rowOdd td {
	border-left: solid 1px #d9d9d9;
}

.hotelList tr td.noborder {
	border: none;
}

.hotelList th {
	background-color: #2a5687;
	border-left: solid 1px #d9d9d9;
	vertical-align: top;
	text-align: left;
	padding: 7px 2px 7px 7px;	
}
.hotelList th img {
	border: none;
	padding-left: 10px;
}


.hotelList td {
	padding: 2px 0px 2px 7px;
	vertical-align: center;
	font-size: 10px;
	color: #000;
	font-family: Lucida Grande, Lucida Sans, Sans-Serif;
}
#tblCellRight #divHotelList a {
	font-size: 10px;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
	font-family: Lucida Grande, Lucida Sans, Sans-Serif;
}
#tblCellRight #divHotelList .hotelName {
	font-weight: bold;
	padding: 0px 0px 5px 0px;	
}
#tblCellRight #divHotelList .hotelName a {
	font-weight: bold;
	color: #000;	
}


#snowSportsSchool {
	margin: 15px 0 15px 0 ;
}

#snowSportsSchool #pn {
	position: absolute;
	top: 35px;
	left: 10px;
	width: 174px;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
	font-family: Verdana;
}


#tblHomeBody .divHomepageAnnoucements {
display: block;
position: relative;
padding-right: 13px;
}
#tblHomeBody .divHomepageAnnoucements .title {
float: left;
font-family: Helvetica, Arial;
font-size: 17px;
text-transform: uppercase;
color: #2e4475;
font-weight: normal;
width: 140px;
}
.homepageAnnoucementsNav {
float: right;
width: 100px;
font-family: Arial;
font-size: 9px;
color: #595959;
line-height: 16px;
font-weight: bold;
}


#tblHomeBody .homepageAnnoucementsNav a {
position: relative;
display: inline-block;
width: 6px;
height: 7px;
overflow: auto;
background-image: url(../images/bttn-dots.gif);
background-repeat: no-repeat;
background-position: center bottom;
margin: 5px 3px 0 0;
}
#tblHomeBody .homepageAnnoucementsNav a:hover, #tblHomeBody .homepageAnnoucementsNav a.active {
background-position: center top;
}
.homepageAnnoucementsNav img {
margin: 0 5px 0 5px;
}
.homepageAnnoucementsNav .of {
font-style: italic;
margin: 0 2px 0 2px;
}

ul.homepageAnnoucements {
position: relative;
margin: 0;
padding: 0;
list-style: none;
height: 200px;
width: 240px;
}
ul.homepageAnnoucements li {
position: absolute;
top: 0px;
left: 0px;
margin: 5px 0 0 0;
display: none;
}
#tblHomeBody ul.homepageAnnoucements li h1 {
font-family: Georgia;
font-size: 14px;
color: #91530d;
text-transform: none;
font-weight: bold;
font-style: italic;
}
#tblHomeBody ul.homepageAnnoucements li .title2 {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 11px;
line-height: 16px;
color: #5d5d5d;
text-transform: none;
font-weight: bold;
}
#tblHomeBody ul.homepageAnnoucements li .title3 {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 11px;
line-height: 16px;
color: #5d5d5d;
text-transform: none;
font-weight: normal;
}
#tblHomeBody ul.homepageAnnoucements li p {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 12px;
line-height: 16px;
color: #5d5d5d;
}

#tblHomeBody ul.homepageAnnoucements li a.lnkLearnMore {
color: #e0a348;
font-weight: bold;
text-decoration: none;
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 12px;
line-height: 24px;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
}
#tblHomeBody ul.homepageAnnoucements li a.lnkLearnMore:hover {
color: #ffffff;
background-color: #e0a348;
text-decoration: none;
}


#boxSocial {
margin: 20px;
}

#socialTD {
background:url(../images/bg-social.png) no-repeat top left;
width: 268px;
margin: 0;
padding: 0;
}
#facebookTabButton {
float: left;
margin: 0;
padding: 0;
width: 42px;
height: 38px;
background:url(../images/btn-social-toggle-facebook.png) no-repeat bottom left;
}
#facebookTabButton:hover, #facebookTabButton.on {
background-position: top left;
}
#twitterTabButton {
float: left;
margin: 0;
padding: 0;
width: 42px;
height: 38px;
background:url(../images/btn-social-toggle-twitter.png) no-repeat bottom left;
}
#twitterTabButton:hover, #twitterTabButton.on {
background-position: top left;
}
.homepageSocial {
float: left;
}
.socialLoading {
position: relative;
padding: 10px;
text-align: center;
}
#facebookTab {
position: relative;
margin: 0;
padding: 5px;
}
#twitterTab {
position: relative;
display: none;
margin: 0;
padding: 0;
color: #000000;
font-size: 11px;
line-height: 16px;
}

#twitterTab a {
color: #e0a348;
font-weight: bold;
text-decoration: none;
}
#twitterTab  a:hover {
color: #ffffff;
background-color: #e0a348;
text-decoration: none;
}

#twitterHeader {
position: relative;
margin: 5px auto;
width: 250px;
height: 35px;
background-color: #f6f7fa;
border-radius: 4px;
-moz-border-radius: 4px;
line-height: 35px;
}
#twitterHeader .title {
position: absolute;
top: 0px;
left: 10px;
}
#twitterHeader #followBtn {
float: left;
width: 61px;
height: 20px;
background:url("../images/twitter-follow-btn1.png") no-repeat 0 0;
margin: 7px 0 0 0;
padding: 0;
}
#twitterHeader a {
padding: 1px 4px;
}
#twitterHeader #followBtn:hover {
background-position: 0 -25px;
}

#twitterTab .boxPaginateTw {
position: absolute;
top: 8px;
right: 0px;
width: 50px;
font-family: Arial;
font-size: 9px;
color: #595959;
line-height: 20px;
font-weight: bold;
}

#twitterTab .boxPaginateTw div.prev, #twitterTab .boxPaginateTw div.next {
cursor:pointer;
width:4px;
height:8px;
background-position: bottom center;
}
#twitterTab .boxPaginateTw div.prev:hover, #twitterTab .boxPaginateTw div.next:hover {
background-position: top center;
}
#twitterTab .boxPaginateTw div.prev {
float: left;
background:url("../images/btn-arrow-twitter-back.png") no-repeat;
margin: 6px 5px 0 0;
}
#twitterTab .boxPaginateTw div.next {
float: left;
background:url("../images/btn-arrow-twitter-forward.png") no-repeat;
margin: 6px 0 0 5px;
}
#twitterTab .boxPaginateTw div.next.active { background-position:0px 0px; }

.containerTweets {
padding: 0 8px 5px 10px;
}
#twitterTab div.twSubContainer {
position: relative;
}
#twitterTab div.tweetContainer {
float: left;
width: 250px;
border-bottom: 1px solid #e9ecef;
}
#twitterTab div.tweetContent {
margin: 10px 5px 10px 5px;
}
#twitterTab div.twAvatar {
float:left;
width:48px;
margin: 0 10px 0 0;
}
div.twAvatar img { width:48px; height:48px; }

#twitterTab div.fbPost {
float:left;
width:182px;
}
#twitterTab .tweeter {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 11px;
color: #3b3b3b;
font-weight: bold;
}
#twitterTab .tweet {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 10px;
line-height: 13px;
color: #5d5d5d;
font-weight: normal;
}
#twitterTab .tweetTime {
font-family: Lucida Grande, Lucida Sans, Sans-Serif;
font-size: 10px;
line-height: 16px;
color: #8b8b8b;
font-weight: normal;
}
#twitterTab .tweetTime .middot{
margin: 0;
padding: 0;
width: 3px;
text-align: center;

}
#twitterTab .tweetTime a {
font-weight: normal;
color: #8b8b8b;
margin: 0;
padding: 0;
}
#twitterTab .tweetTime a:hover {
color: #e0a348;
background-color: #fff;
}
