/* start reset styles */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, table, tbody, tfoot, thead, form, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
/*vertical-align: baseline;*/
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}
/* end reset styles */
a {
outline: none;
}
/*
Description: Style Sheet for http://games.whistler.ca
Version: 2.0
Author: Jacques Choquette
Author URI: http://www.whistlerwebandprint.com
*/
/* Main content styling */
html, body {
height: 100%;
}
body {
background: #FEFEFE url(http://images.cdn-whistler.ca/images/common/main-bg2.gif) scroll repeat-y center center;
}
#wrapper {
width: 975px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -75px; /* the bottom margin is the negative value of the footer's height *//*background-color:#f2f1f0;*/
}
#page-content-wrapper {
background-color:#f2f1f0;
background-image: url(/images/sectionHeros/whistler2010olympics.jpg);
background-repeat:no-repeat;
width: 975px;
padding-bottom: 20px;
margin: auto;
}
#page-content {
background-color:#ffffff;
width: 895px;
padding:20px;
border: 1px solid #e5e5e5;
margin-left:20px;
margin-top:99px;
position:relative;
overflow:auto;
}
#section-home-page-content {
background-color:#ffffff;
width: 895px;
padding:20px;
border: 1px solid #e5e5e5;
margin-left:20px;
margin-top:200px;
position:relative;
overflow:auto;
}
#sub-page-content {
background-color:#ffffff;
width: 895px;
padding:20px;
border: 1px solid #e5e5e5;
margin-left:20px;
margin-top:7px;
position:relative;
overflow:auto;
}
#pageCallout {
width: 420px;
height:200px;
position:relative;
left:520px;
top:60px;
z-index:2;
overflow:auto;
}
#pageCallout p {
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #333;
padding-bottom:10px;
}
#topBar {
width: 975px;
margin: auto;
overflow: hidden;
}
#tagLine {
width:650px;
float:left;
}
#tagLine h1 {
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #4a4b4c;
padding-top:10px;
}
#globalControls {
width:325px;
float:right;
margin: 2px 0 3px 0; /*top, right, bottom, left)*/
}
#search_box {
width: 179px;
height: 30px;
background: url(http://images.cdn-whistler.ca/images/common/search-bg.png);
float: left;
}
#search_box #s {
padding: 0;
margin: 7px 0 0 9px;
border: 0;
width: 159px;
background: none;
color: #4a4b4c;
font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#go {
float: left;
width: 38px;
}
#printPage {
float: left;
width: 37px;
}
#fontSize {
float: left;
width: 34px;
padding-right:3px
}
#accessibility {
float: left;
width: 34px;
}
#header {
background-color: #F2F1F0;
background-image: url(http://images.cdn-whistler.ca/images/common/header-bg.jpg);
background-repeat: no-repeat;
height: 112px;/*height: 200px;*/
}
h1.branding {
width: 614px;
height: 50px;
text-indent: -9999px;
background-image: url(http://images.cdn-whistler.ca/images/common/games-whistler-ca.png);
cursor:pointer;
}
/* call to action styles */
.CTAWrap {
width:945px;
margin-left:15px;
margin-top:12px;
background-image:url(http://images.cdn-whistler.ca/images/common/CTAbg.gif);
background-repeat:repeat-y;
overflow:auto;
}
.CTAWrapTop {
background-image:url(http://images.cdn-whistler.ca/images/common/ctaWrapTop.gif);
background-repeat:no-repeat;
overflow:hidden;
width:945px;
height:4px;
}
.CTAContainer {
margin-left:8px;
margin-top:2px;
width:930px;
overflow:hidden;
}
.box {
float:left;
background-color:#fbf9f9;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #e5e5e5;
padding-bottom:20px;
}
.box:hover {
cursor:pointer;
}
.CTAWrapBottom {
background-image:url(http://images.cdn-whistler.ca/images/common/ctaWrapBottom.gif);
background-repeat:no-repeat;
overflow:hidden;
width:945px;
height:7px;
}
.noboarder {
border:none;
}
.box h3 {
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
margin-top:20px;
margin-left:20px;
margin-right:20px;
line-height:22px;
}
.box h3 a {
text-decoration:none;
color:#000;
}
.box h3 a:hover {
text-decoration:underline;
}
.box p {
font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
/*font-family: Helvetica, Arial, sans-serif;*/
margin-top:15px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
color:#787773;
font-size: 13px;
line-height:19px;/* line-height:1.3em;
font-size: .9em;*/
}
.box a.ctaLink {
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
margin-left:20px;
margin-right:20px;
color:#4b4b49;
font-weight:bold;
text-decoration:none;
}
.box a.ctaLink:hover {
text-decoration:underline;
}
/* end call to action styles */
.greyText {
color:#7d7e7f !important
}
.greenText {
color:#02af80 !important
}
.redText {
color:#e44126 !important
}
.blueText {
color:#3d66ae !important
}
.orangeText {
color:#e34126 !important
}
.lmargin20 {
margin-left:20px;
}
.lmargin30 {
margin-left:30px;
}
.Bmargin15 {
margin-bottom:15px;
}
.ZeroBottomMargin {
margin-bottom:0;
}
.ZeroTopMargin {
margin-top:0
}
.ZeroMarginZeroPad {
margin:0 !important;
padding:0 !important;
}
.floatLeft {
float:left !important
}
.floatRight {
float:Right !important
}
/* font tags */
ol h1 {
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
padding-bottom:.5em;
line-height:22px;
}
h2 {
font-family: Helvetica, Arial, sans-serif;
font-size:14px;
padding-bottom:.5em;
line-height:18px;
}
ol {
list-style: decimal;
margin-left:30px;
}
ol li {
padding-bottom:10px;
}
.col600 ul {
list-style: disc;
margin-left:20px;
}
#page-content p, #section-home-page-content p, #sub-page-content p, #sub-page-content ol, #section-home-page-content ol, #page-content ol, #page-content ol li, .greyMenuBox {
padding-bottom:1em;
/*font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans","Lucida",sans-serif;*/
font-family: Helvetica, Arial, sans-serif;
color:#787773;
/*line-height:19px;*/
line-height:1.3em;
font-size: .9em;
}
.col600 ul {
/*font-family:"Lucida Sans Unicode","Lucida Grande","Lucida Sans","Lucida",sans-serif;*/
font-family: Helvetica, Arial, sans-serif;
color:#787773;
/*line-height:19px;*/
line-height:1.3em;
padding-bottom:.5em;
}
.col600 ul li {
padding-bottom:.5em;
font-size: .9em;
}
#page-content h1, #section-home-page-content h1, #sub-page-content h1 {
padding-bottom:18px;
font-size:16px;
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
padding-bottom:.5em;
line-height:22px;
}
#page-content h2, #section-home-page-content h2, #sub-page-content h2 {
padding-bottom:15px;
}
#page-content h3, #section-home-page-content h3, #sub-page-content h3 {
font-family:"Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", "Lucida", sans-serif;
padding-bottom:15px;
line-height:1.3em;
font-weight:normal;
font-size:17px;
}
.textbox h4 {
padding-bottom:10px;
font-family: Helvetica, Arial, sans-serif;
color:#787773;
font-size: 13px;
font-weight: normal;
}
#breadcrumbs a {
padding-right: 12px;
background-image: url(http://images.cdn-whistler.ca/images/common/menu-arrow.png);
background-repeat: no-repeat;
background-position: right;
margin-right: 5px;
color:#787773;
text-decoration:none;
font-size:16px;
}
#breadcrumbs a:hover {
color:#787773;
text-decoration:underline;
}
.nextLink {
margin-top:10px;
border:#999;
}
.nextLink a {
padding-right: 45px;
background-image: url(http://images.cdn-whistler.ca/images/common/next.png);
background-repeat: no-repeat;
background-position: right;
margin-right: 5px;
color:#787773;
text-decoration:none;
font-size:16px;
padding-top:5px;
padding-bottom:5px;
}
.nextLink a:hover {
color:#787773;
text-decoration:underline;
}
.textbox a {
color:#787773;
text-decoration:none;
}
.textbox a:hover {
text-decoration:underline;
}
/* layouot tags */
.alignleft {
float: left;
margin:1px;
padding:1px;
}
.alignright {
float: right;
margin:1px;
padding:1px;
}
.textBoxClear {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
margin-bottom:20px;
clear:both;
}
.textBoxClearNoMargin {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
margin-bottom:0px;
clear:both;
}
.col325 {
float:left;
width:325px;
}
.col540 {
float:left;
width:540px;
}
.sideColBg {
background-image: url(http://images.cdn-whistler.ca/images/common/sideColBg.gif);
background-repeat: no-repeat;
background-position: 0 65px;
}
/* get rid of those system borders being generated for A tags */
a:active {
outline:none;
}
:focus {
-moz-outline-style:none;
}
/* bottomnav styles */
#bottom-nav-wrap {
width:935px;
position:relative;
margin:0 auto;
margin-top:5px;
text-align:left;
height: 110px;
background-position: 0 48px;
background-repeat: no-repeat;
}
#bottom-nav-wrap #colone, #bottom-nav-wrap #coltwo, #bottom-nav-wrap #colthree {
position:absolute;
top:15px;
padding-left:20px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #e5e5e5;
}
.col600 {
float:left;
width:600px;
}
.col275 {
float:left;
width:275px;
margin:0 0 0 20px;
}
#bottom-nav-wrap #colone {
left:0px;
width:150px;
}
#bottom-nav-wrap #coltwo {
left:180px;
width:175px;
}
#bottom-nav-wrap #colthree {
left:384px;
width:161px;
}
#bottom-nav-graphic {
position:absolute;
left:515px;
width:439px;
top:15px;
}
#bottom-nav-top {
position:absolute;
left:880px;
width:56px;
top:118px;
}
.bottom-nav-links {
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none;
}
.bottom-nav-links ul {
padding:0;
margin:0;
}
.bottom-nav-links li {
padding:0;
margin:0;
margin-top:9px;
}
.bottom-nav-links > li:first-child {
margin-top:0px;
}
.bottom-nav-links a {
background-color:#f6f6f5;
color:#065a86;
font-family: Arial, Helvetica, sans-serif;
font-size:13px;
text-decoration:none;
padding:2px;
padding-right:4px;
padding-left:4px;
font-weight:normal
}
.bottom-nav-links a:hover {
background-color:#A7D267;
color:#000;
}
#footer, #push {
width: 975px;
height: 75px; /* .push must be the same height as footer and value found in the wrapper margin*/
margin: auto;
}
#footer {
background: url(http://images.cdn-whistler.ca/images/common/footer-bg.jpg) no-repeat 0px 35px;
font-family: Helvetica, Arial, sans-serif;
color:#fff;
font-size: 13px;
}
#footer a {
color:#fff;
text-decoration:none;
}
#footer a:hover {
text-decoration:underline;
}
.noUnderline a:hover, .noUnderline a {
text-decoration:none;
cursor: default
}
#footer #leftCol {
width:50%;
float:left;
padding-top:47px;
padding-left:20px;
}
#footer #rightCol {
float:right;
padding-top:43px;
padding-right:17px;
text-align:right;
width:145px;
}
#footer #rightCol #followus {
float:left;
padding-top:6px;
padding-right:8px;
text-align:right;
}
/* Empty Jquery Selectors for autocomplete */
.JQlightBlueHighlight {
}
.JQlightGreenHighlight {
}
.JQorangeHighlight {
}
.JQEqualHeightsA {
}
.rollover {
}
/* End Empty Jquery Selectors for autocomplete */
/* start homepage feature item scroller */
div.scrollable {
/* required settings */
position:relative;
overflow:hidden;
width: 508px;
height:300px;/* custom decorations */
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a super large width to accomodate scrollable items.
it's enough that you set width and height for the root element and
not for this element.
*/
div.scrollable div.items {
/* this cannot be too large */
width:20000em;
position:absolute;
clear:both;/* decoration
margin-left:10px;*/
}
/* single scrollable item */
div.scrollable div.items div {
float:left;
/* custom decoration */
width:508px;
padding:0px 0px;/*border:1px outset #ccc;*//*margin-right: 20px; */
}
/* active item */
div.scrollable div.items div.active {
/*border:1px inset #ccc;
background-color:#fff;*/
}
/* this makes it possible to add next button beside scrollable */
div.scrollable {
/*float:left;*/
}
#buttonsSpacer {
width:190px;
height:28px;
float:left
}
/* start of paging prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
display:block;
width:18px;
height:18px;
background:url(http://images.cdn-whistler.ca/images/buttons/left.png) no-repeat;
float:left;
margin:10px 10px;
cursor:pointer;
font-size:1px;
background-position:0px -18px;
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
background-position:0px 0px;
}
/* disabled navigational button visibility:hidden !important; */
a.disabled {
background-position:0px -36px;
}
/* next button uses another background image */
a.next, a.nextPage {
background-image:url(http://images.cdn-whistler.ca/images/buttons/right.png);
clear:right;
}
/*********** navigator ***********/
/* position and dimensions of the navigator */
div.navi {
width:400px;
height:20px;
float:right;
}
/* items inside navigator */
div.navi a {
width:8px;
height:8px;
float:left;
margin-top:5px;
margin-left:3px;
background:url(http://images.cdn-whistler.ca/images/buttons/navigator.png) 0 0 no-repeat;
display:block;
font-size:1px;
}
/* mouseover state */
div.navi a:hover {
background-position:0 -8px;
}
/* active state (current page state) */
div.navi a.active {
background-position:0 -16px;
}
/* end homepage feature item scroller */
.bigBoarder {
border: 10px solid #eee;
}
.bigBoarderCaption {
margin:0;
padding:0;
background-color:#eee;
padding-left:11px;
padding-right:10px;
font-size:11px !important;
width:253px;
margin-bottom:15px;
}
/* start hover block */
ul.hover_block {
display: block;
overflow: hidden;
height: 1%;
padding-bottom: 15px;
background-color:#FFF;
}
ul.hover_block li, ul.hover_block2 li {
list-style:none;
float:left;
background-color:#EEE;
padding: 10px;
width:255px;
position: relative;
margin-right: 20px;
margin-bottom:20px
}
ul.hover_block li a, ul.hover_block2 li a {
display: block;
position: relative;
overflow: hidden;
height: 180px;
width: 222px;
padding: 16px;
background-color:#EFB667;
color: #000;
font: 18px Helvetica, Arial, sans-serif;
}
ul.hover_block li a, ul.hover_block2 li a {
text-decoration: none;
}
ul.hover_block li img, ul.hover_block2 li img {
position: absolute;
top: 0;
left: 0;
border: 0;
}
/* end hover block */
.list-menu, .icon-menu {
width: 255px;/* this width value is also effected by
the padding we will later set on the links. */
}
.list-menu ul, .icon-menu ul {
margin: 0;
padding: 0;
list-style-type: none;
margin-bottom:20px
}
.list-menu li, .icon-menu li {
margin:0;
}
.list-menu a {
display: block;
width:255px;
padding: 5px 0px 6px 20px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
background-color: #f6f6f5;
background-image: url(http://images.cdn-whistler.ca/images/common/menu-arrow.png);
background-repeat: no-repeat;
background-position: 7px 9px;
line-height: 19px;
}
.icon-menu a {
display: block;
width:249px;
padding: 5px 0px 6px 26px;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
font-family: Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 19px;
}
.list-menu a:link, .list-menu a:active, .list-menu a:visited, .icon-menu a:link, .icon-menu a:active, .icon-menu a:visited {
color:#065a86;
}
.list-menu a:hover {
background-color:#A7D267;
color:#000;
}
.icon-menu a:hover {
background-color:#6bc6f1;
color:#fff;
}
a.pdf { /*The background image*/
padding-left: 26px;
line-height: 19px; /* To center the text vertically with the icon */
background-image: url(http://images.cdn-whistler.ca/images/buttons/pdf.png);
background-repeat: no-repeat;
background-position: 5px center;
}
a.txt { /*The background image*/
padding-left: 26px;
line-height: 19px;
background-image: url(http://images.cdn-whistler.ca/images/buttons/txt.png);
background-repeat: no-repeat;
background-position: 5px center;
}
a.zip { /*The background image*/
padding-left: 26px;
line-height: 19px;
background-image: url(http://images.cdn-whistler.ca/images/buttons/zip.png);
background-repeat: no-repeat;
background-position: 5px center;
}
a.email {
padding-left: 26px;
line-height: 19px;
background-image: url(http://images.cdn-whistler.ca/images/buttons/email.png);
background-repeat: no-repeat;
background-position: 5px center;
}
a.external {
padding-left: 26px;
line-height: 19px;
background-image: url(http://images.cdn-whistler.ca/images/buttons/ext_link.png);
background-repeat: no-repeat;
background-position: 5px center;
}
/* background: #d07b31;*/
.share {
padding-top: 20px;
margin:0;
}
.share ul {
list-style-type:none;
margin:0;
padding: 0 0 0px 0px;
}
.share li {
float: left;
list-style:none;
margin:0 8px 0 0;
padding-top:1px;
display:inline;
border: none !important;
}
.share a {
display:block;
overflow:hidden;
height:48px;
width:48px;
padding: 0;
white-space:nowrap;
}
.share a:hover {
text-decoration:none;
}
.share .delicious a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -144px 0;
}
.share .delicious a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -144px -48px;
}
.share .digg a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat 0 0;
}
.share .digg a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat 0 -48px;
}
.share .technorati a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -288px 0;
}
.share .technorati a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -288px -48px;
}
.share .reddit a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -336px 0;
}
.share .reddit a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -336px -48px;
}
.share .stumbleupon a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -96px 0;
}
.share .stumbleupon a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -96px -48px;
}
.share .myspace a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -240px 0;
}
.share .myspace a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -240px -48px;
}
.share .facebook a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -192px 0;
}
.share .facebook a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -192px -48px;
}
.share .twitter a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -48px 0;
}
.share .twitter a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -48px -48px;
}
.share .emailShare a:hover {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -384px 0;
}
.share .emailShare a {
background: url('http://images.cdn-whistler.ca/images/share.jpg') no-repeat -384px -48px;
}
/*unused image styler*/
#content p img, .boarder {
border:1px solid #EAE9E9;
float:left;
margin:0 0px 15px 0;
padding:4px;
}
.greenBox, .orangeBox {
background-color:#cfe1a9;
padding:15px;
padding-bottom:0;
margin-bottom:15px;
}
.orangeBox {
background-color:#f0d4a2;
}
.greenBox h4, .orangeBox h4 {
padding-bottom:8px;
margin-bottom:10px;
border-bottom-width: 6px;
border-bottom-style: dotted;
border-bottom-color: #92bb3e;
font-family: Helvetica, Arial, sans-serif;
font-size:16px;
}
.greenBox li, .orangeBox li {
color:#333
}
.quoteBy
{
padding-left:30px;
font-size:80%!important;
}
.orangeBox h4 {
border-bottom-color: #ed832a;
}
.greenBox p, .orangeBox p {
color:#333 !important;
}
/*** start super fish menu styles ***/
#header .sf-menu, #header .sf-menu * {
margin: 0;
padding: 0;
list-style: none;
z-index:50;
}
#header .sf-menu {
line-height: 1.0;
}
#header .sf-menu ul {
position: absolute;
top: -999em;
width: 11em; /* left offset of submenus need to match (see below) */
}
#header .sf-menu ul li {
width: 100%;
}
#header .sf-menu li:hover {
visibility: inherit; /* fixes IE7 'sticky bug' */
}
#header .sf-menu li {
float: left;
position: relative;
}
#header .sf-menu a {
/*mail level link settings */
display: block;
position: relative;
color:#f9f7d4;
font-size:16px;
font-family: Helvetica, Arial, sans-serif;
line-height:20px;
padding: 0em 1em;
text-decoration:none;
}
#header .sf-menu li li a {
/*second level link settings*/
color:#f9f7d4;
font-size:12px;
padding-top:3px;
padding-bottom:3px;
}
#header .sf-menu li li a:hover {
/*second level link settings*/
}
/*
original settings
.sf-menu a {
border-left: 1px solid #fff;
border-top: 1px solid #CFDEFF;
text-decoration:none;
}*/
#header .sf-menu a, #header .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
/*color: #13a;*/
color:#f9f7d4;
font-family: Helvetica, Arial, sans-serif;
}
#header .sf-menu li:hover ul, #header .sf-menu li.sfHover ul {
left: 0;
top: 48px; /* match top ul list item height // distance of sub from top menu */
z-index: 99;
}
#header ul.sf-menu li:hover li ul, #header ul.sf-menu li.sfHover li ul {
top: -999em;
}
#header ul.sf-menu li li:hover ul, #header ul.sf-menu li li.sfHover ul {
left: 11em; /* match ul width */
top: 0;
}
#header ul.sf-menu li li:hover li ul, #header ul.sf-menu li li.sfHover li ul {
top: -999em;
}
#header ul.sf-menu li li li:hover ul, #header ul.sf-menu li li li.sfHover ul {
left: 11em; /* match ul width */
top: 0;
}
/*** DEMO SKIN ***/
#header .sf-menu {
float: left;
margin-bottom: 1em;
margin-top:5px;
margin-left:17px;
}
#header .sf-menu li {
/*top level menu color*/
/* background: #BDD2FF;*/
border-left-width: 1px;
border-left-style: solid;
border-left-color: #f9f7d4;
}
#header .sf-menu li li {
background: #199AC2;
border:none;
}
/*custom padding to links added by jc*/
#header .sf-menu li li a {
padding-left:17px;
}
#header .sf-menu li li li {
background: #8fbf59;
}
#header .sf-menu li:hover, #header .sf-menu li.sfHover, #header .sf-menu a:focus, #header .sf-menu a:hover, #header .sf-menu a:active {
outline: 0;
text-decoration:none;
}
#header .sf-menu li li:hover, #header .sf-menu li li.sfHover, #header .sf-menu li li a:focus, #header .sf-menu li li a:hover, #header .sf-menu li li a:active {
outline: 0;
text-decoration:none;
background: #8fbf59;
color:#004b8d;
}
#header .sf-menu a:focus, #header .sf-menu a:hover, #header .sf-menu a:active {
text-decoration:underline;
}
/*** arrows **/
#header .sf-menu a.sf-with-ul {
/*padding-right: 2.25em; disable menu padding*/
min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
}
/*** top arrow **/
#header .sf-sub-indicator {
position: absolute;
display: block;
right: 1em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('http://images.cdn-whistler.ca/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
/* sub sub indicator
li li .sf-sub-indicator*/ {
position: absolute;
display: block;
right: .75em;
top: 1.05em; /* IE6 only */
width: 10px;
height: 10px;
text-indent: -999em;
overflow: hidden;
background: url('http://images.cdn-whistler.ca/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
#header a > .sf-sub-indicator { /* give all except IE6 the correct values */
top: 7px;
background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
#header a:focus > .sf-sub-indicator, #header a:hover > .sf-sub-indicator, #header a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, #header li.sfHover > a > .sf-sub-indicator {
background-position: -10px -100px; /* arrow hovers for modern browsers*/
}
/* point right for anchors in subs */
#header .sf-menu ul .sf-sub-indicator {
background-position: -10px 0;
}
#header .sf-menu ul a > .sf-sub-indicator {
background-position: 0 0;
}
/* apply hovers to modern browsers */
#header .sf-menu ul a:focus > .sf-sub-indicator, #header .sf-menu ul a:hover > .sf-sub-indicator, #header .sf-menu ul a:active > .sf-sub-indicator, #header .sf-menu ul li:hover > a > .sf-sub-indicator, #header .sf-menu ul li.sfHover > a > .sf-sub-indicator {
background-position: -10px 0; /* arrow hovers for modern browsers*/
}
/*** shadows for all but IE6 ***/
#header .sf-shadow ul {
background: url('http://images.cdn-whistler.ca/images/shadow.png') no-repeat bottom right;
padding: 0 8px 9px 0;
-moz-border-radius-bottomleft: 17px;
-moz-border-radius-topright: 17px;
-webkit-border-top-right-radius: 17px;
-webkit-border-bottom-left-radius: 17px;
}
#header .sf-shadow ul.sf-shadow-off {
background: transparent;
}
/*** custom style to remove top arrows also needs ie 6 conditional statment on the page to hide this class ***/
#header .sf-menu > li > a > .sf-sub-indicator {
background:none;
} /**/
/*** end super fish menu styles ***/
a.active {
text-decoration:underline !important;
}
a.active:hover {
text-decoration:underline !important;
}
#nextBack {
margin-top:15px;
}
#nextBack img {
margin-right:0;
margin-bottom:0;
margin-top:0;
float:none;
}
.col600 img {
margin-right:15px;
margin-bottom:7px;
margin-top:4px;
float:left;
}
.greyMenuBox {
padding:15px;
background-color:#F6F6F5
}
.greyMenuBox a {
text-decoration:none;
color:#065A86;
}
.greyMenuBox a:hover {
text-decoration:underline
}
.newsReleaseDiv {
color:#990;
font-size: .9em;
}
.newsReleaseDiv p {
padding-left:23px;
background-image:url(http://images.cdn-whistler.ca/images/common/news_arrow4.jpg);
background-position:0px 1px;
background-repeat:no-repeat;
}
.newsReleaseDiv p a {
text-decoration:none;
color:#065A86;
text-transform:uppercase
}
.newsReleaseDiv p a:hover {
text-decoration:underline;
}
#newsWrapper {
width:600px;
overflow:hidden;
}
#contactUs {
float:left;
padding-right:13px;
}
#copyright {
margin-top:3px;
}
/*start twitter styles*/
.twitted {
width: 325px;
}
#twitterWrapper {
/*min-height:200px;*/
min-height:170px;
}
.twitted h2 {
margin: 0;
padding: 0.3em 0.8em;
font-size: 1em;
color: #fff;
background-color: #888;
}
.twitted p.preLoader {
margin: 0;
padding: 1em 1em 1em 3em;
background: transparent url("http://images.cdn-whistler.ca/images/loader.gif") 1em center no-repeat;/* generate your own loader gif: http://www.ajaxload.info */
}
.twitted ul#twitter_update_list {
margin: 0;
list-style-type: none;
}
.twitted ul#twitter_update_list li {
margin: 0;
padding: 0.8em 0 1em 0;
border-bottom: 1px solid #ccc;
padding-bottom:10px;
font-family: Helvetica, Arial, sans-serif;
color:#787773;
font-size: 13px;
line-height:18px;
}
.twitted ul#twitter_update_list li span {
/* tweet content */
display: block;
}
.twitted ul#twitter_update_list li span a {
/* links in tweet content */
color: #00f;
}
.twitted ul#twitter_update_list li a {
/* timestamp link */
color: #f00;
}
.twitted ul#twitter_update_list li.firstTweet {
}
.twitted ul#twitter_update_list li.lastTweet {
border-bottom: none;
}
.twitted p.profileLink {
display: block;
margin: 0;
padding: 0.3em 1em;
color: #fff;
background-color: #ddd;
}
/*end twitter stytles*/