/*****************************************************
*Project: whistlerblackcomb.com
*Authors: eBusiness
*Filename: wbslide.CSS 
*Purpose: Define custom 'slide' styles.
******************************************************/


/***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}


/*sliding panel search*/

#SearchContainer
{
top: 39px;    
margin: 0 0 0 725px;
position: absolute;
}

#SearchPanel
{
text-decoration: none;
width: 273px;
height: 64px;
color: #fcfcfc;
background: URL(/local/gfx/backgroundSearch.png) no-repeat top left;
overflow: hidden;
position: relative;
z-index: 3;
margin:0;
padding:0;
display: none;
}

#headerSearchForm
{
width: 273px;
height: 20px;
padding: 0 0 0 25px;
margin:12px 0 0 0;
}
	
#headerSearchKeyword
{
width: 200px;
height: 27px;
vertical-align:middle;
margin: 0;
padding:0 0 0 5px;
color:#f2f2f2;
background-color:#4a4a4a;
border-style:none;
}
	
#headerSearchSubmit
{
background-color: transparent;
width: 26px;
height: 15px;
font-size: 0pt;
vertical-align:middle;
color:#212121;
padding:0 0 0 2px;
border: 0;
background-image: url(/local/gfx/searchMagIcon.gif);
background-repeat: no-repeat;
}

/* end sliding panel search*/

#SearchContainerClick
{
position: absolute;
top: 12px;  
height: 26px;
display:block;  
margin: 0 0 0 920px;
}

#SearchContainerToggle
{
text-align: left;
display: block;
height: 26px;
}


#SearchContainerToggle a 
{

color: #fcfcfc;
}

#SearchContainerToggle a:hover 
{
color: #fcfcfc;
}

#SearchContainerClick a.SearchOpen, #SearchContainerClick a.SearchClose 
{
position: relative;
display: block;
width: 70px;
height: 26px;
}

#SearchContainerClick a.SearchOpen {background: url(/local/gfx/searchMagIcon.gif) no-repeat right top;}
#SearchContainerClick a.SearchClose {background: url(/local/gfx/searchDropArrow.gif) no-repeat right top;}


#superMenuClick
{
position: absolute;
top: 128px;
height: 39px;
display:block;
font-family: 'Droid Sans', arial, sans;
font-weight: bold;
font-size: 13px;
margin:0 0 0 627px;
background: url() no-repeat 0 0;
z-index: 999;
}

#superMenuClick #superMenuToggle
{
text-align: left;
display: block;
height: 39px;

}

#superMenuClick #superMenuToggle .wnTitle
{
position:relative;
top:11px;
padding:0 0 0 11px;
font-weight:bold;
}

#superMenuClick #superMenuToggle a 
{

color: #fcfcfc;
}

#superMenuClick #superMenuToggle a:hover 
{
color: #fcfcfc;
}

#superMenuClick a.MenuOpen, #superMenuClick a.MenuClose 
{
position: relative;
display: block;
width: 127px;
height: 39px;
}

#superMenuClick a.MenuClose {background: url(/local/gfx/superMenuOpen.gif) no-repeat left 0;}


/* sliding panel */

#whatsNewContainer
 {
position: absolute;   /*Panel will overlap  content */
top:167px;
margin:0 0 0 220px;
width: 780px;
z-index: 999;
text-align: left;
}

#whatsNewPanel
{
font-family: 'Droid Sans', arial, sans;
text-decoration: none;
width: 780px;
height: 405px;
color: #fcfcfc;
background: URL(/local/gfx/backgroundWhatsNew.png) no-repeat top left;
overflow: hidden;
position: relative;
z-index: 3;
margin:0;
padding:0;
display: none;
}

#whatsNewPanelTop
{
font-size:18px;
display:block;
height:38px;
padding:0px 0 0 70px;
margin:18px 0 0 0;
}

#whatsNewPanelTop #whatsNewPanelClose
{
display:block;
float:right;
margin:0 20px 0 0;
width:20px;
height:20px;
background: URL(/local/gfx/superMenuCloseX.gif) no-repeat top right;
}

#whatsNewTable
{
border-collapse:collapse;
float:right;
width:775px;
height:338px;
}

#whatsNewPanel h2
{
color: #fcfcfc;
font-weight: normal;
}

#whatsNewPanel #whatsNewColumn1
{
display:block;
width:213px;
height:300px;
margin:0 23px 0 20px;
float:left;
}

#whatsNewPanel #whatsNewColumn2
{
display:block;
width:213px;
height:300px;
margin:0 23px 0 20px;
float:left;
}

#whatsNewPanel #whatsNewColumn3
{
display:block;
width:213px;
height:300px;
margin:0 0 0 20px;
float:left;
}

#whatsNewPanel a 
{
text-decoration: none;
color: #15ADFF;
}

#whatsNewPanel a:hover 
{
color: white;
}