/*UPDATED 2016 02 01*/ @charset "utf-8"; .princeville .ContentPane, .princeville .RightPane, .princeville .HeroPane, .princeville .LeftPane, .princeville .column-2-Pane, .princeville .column-3-Pane, .princeville .column-4-Pane {margin-top:-93px; margin-bottom:-71px; min-height:118px;} *+html .princeville .ContentPane, *+html .princeville .RightPane, *+html .princeville .HeroPane, *+html .princeville .LeftPane, *+html .princeville .column-2-Pane, *+html .princeville .column-3-Pane, *+html .princeville .column-4-Pane {margin-bottom:-73px;} .princeville .ContentPane, .princeville .pane-wrap-full-2 .ContentPane { width:670px;} .princeville .pane-wrap-full .ContentPane { width:955px;} .princeville .column-2-Pane { width:457px;} .princeville .column-3-Pane { width:300px;} .princeville .column-4-Pane { width:216px;} .princeville .column-3-Pane + .column-3-Pane { margin-left:12px;} .princeville .column-4-Pane + .column-4-Pane { margin-left:14px;} .princeville .column-4-Pane.last { margin-left:0;} .princeville .RightPane, .princeville .LeftPane { width:235px;} .princeville .pane {padding:20px 10px;} .princeville .HeroPane.pane { padding:0;} .princeville .column-2-Pane {padding:25px 15px 20px 15px;} .princeville .ContentPane {padding:25px 10px 20px 25px;} .princeville .pane-wrap-1 .cont-wrap { background:url("images/inner_left_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-1 .cont-top-shadow { background:url("images/inner_left_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-1 .cont-bottom-shadow { background:url("images/inner_left_bott_sh.png") bottom left no-repeat; height:76px;} .princeville .pane-wrap-3 .cont-wrap { background:url("images/inner_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-3 .cont-top-shadow { background:url("images/inner_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-3 .cont-bottom-shadow { background:url("images/inner_bott_sh.png") bottom left no-repeat; height:76px;} .princeville .pane-wrap-4 .cont-wrap { background:url("images/half_width_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-4 .cont-top-shadow { background:url("images/half_width_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-4 .cont-bottom-shadow { background:url("images/half_width_bott_sh.png") bottom left no-repeat; height:76px;} .princeville .pane-wrap-5 .cont-wrap { background:url("images/3_column_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-5 .cont-top-shadow { background:url("images/3_column_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-5 .cont-bottom-shadow { background:url("images/3_column_bott_sh.png") bottom left no-repeat; height:76px;} .princeville .pane-wrap-6 .cont-wrap { background:url("images/4_column_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-6 .cont-top-shadow { background:url("images/4_column_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-6 .cont-bottom-shadow { background:url("images/4_column_bott_sh.png") bottom left no-repeat; height:76px;} .princeville .pane-wrap-full .cont-wrap { background:url("images/full_width_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-full .cont-top-shadow { background:url("images/full_width_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-full .cont-bottom-shadow { background:url("images/full_width_bott_sh.png") bottom left no-repeat; height:76px;} .princeville .pane-wrap-full-2 .cont-wrap { background:url("images/full_width_pane_bg.png") top left repeat-y; padding:0 7px;} .princeville .pane-wrap-full-2 .cont-top-shadow { background:url("images/full_width_top_sh.png") top left no-repeat; height:91px;} .princeville .pane-wrap-full-2 .cont-bottom-shadow { background:url("images/full_width_bott_sh.png") bottom left no-repeat; height:76px;} #dnn_ContentPane2A {width:935px;} /* RIGHTPANE - NAV & HEADER */ .princeville .rightnavheader { width:235px; float:left; margin: -65px 0 10px 38px; clear:right;} .princeville .rightnavheader .ContentSideContainer .cs-container {margin: 0;} .princeville .rightnavheader .ContentSideContainer .cs-container-title h2 {padding: 0;} #rightnav {margin: 0 0px 15px 0; float:left;width:225px; overflow: hidden; outline:none; } #rightnav div.mi { border-top: 1px solid #bbc0b8; padding: 7px 0 7px 5px; display:block; color:#858585; cursor:pointer; outline:none;} #rightnav div.first {border-top: none;} #rightnav div.last {border-bottom: 1px solid #bbc0b8;} #rightnav div.mi span.txt { width:225px; font-weight:bold;font-family: "Palatino Linotype", "Palatino", "Book Antiqua", serif; font-size:14px; outline:none;} #rightnav div.sel {padding: 7px 0 7px 5px; outline:none;} #rightnav div.sel, #rightnav div.mi:hover {color:#4e401f; background: transparent url(images/rightnav-background-baige.png) no-repeat center bottom;} #rightnav div.mi span.txt a:link, #rightnav div.mi span.txt a:visited, #rightnav div.mi span.txt a:active { display:block; color:#858585; font-weight:bold;font-family: "Palatino Linotype", "Palatino", "Book Antiqua", serif; font-size:14px; text-decoration:none;} #rightnav div.mi span.txt a:hover {color:#4e401f;} #rightnav div.mi span.txt a.sel:link, #rightnav div.mi span.txt a.sel:active, #rightnav div.mi span.txt a.sel:visited, #rightnav div.mi span.txt a.sel:hover {color:#4e401f;} /*FLASH MAP */ #interactivemap { margin: 0pt 0pt 0pt -10px; background: transparent; } /* NON FLASH MAP */ #interactivemap #map {margin:0;padding:0;width:686px;height:350px;background: transparent url('images/princeville-map-flashreplacement-20160201.jpg') top left no-repeat; font-family:Tahoma, Geneva, sans-serif; font-size:11px;} #interactivemap #map li {margin:0;padding:0;list-style:none;} #interactivemap #map li a, #interactivemap .legend li a { position:absolute;display:block; /* Specifying a background image (a 1px by 1px transparent gif) fixes a bug in older versions of IE that causeses the block to not render at its full dimensions. */ background:url('images/blank.png'); text-decoration:none;color:#000; position: relative; } #interactivemap #map li a span { display:none; } #interactivemap #map li a:hover span, #interactivemap .legend li a:hover span { position:relative;display:block;width:260px;left:15px;top:15px;border:2px solid #ccc;background:#fff;padding:7px;filter:alpha(opacity=90);opacity:0.9; line-height:14px;} #interactivemap #map li a span, #interactivemap .legend li a span { box-shadow: 0px 1px 5px #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; /* future proofing */ -khtml-border-radius: 3px; /* for old Konqueror browsers */ } /* MAP CIRCLE SHOW HOVER BOX --------------*/ #interactivemap #map li a.stregis:hover span { left: 13px; top: -68px;} #interactivemap #map li a.makai:hover span { left: 13px; top: -53px;} #interactivemap #map li a.princegolfclub:hover span { left: -272px; top: -53px;} /*#interactivemap #map li a.princevilleadventure:hover span { left: -270px; top: -50px;}*/ #interactivemap #map li a.princevilleadventure:hover span { left: -270px; top: -23px;} #interactivemap #map li a.tavern:hover span { left: -275px; top: -50px;} #interactivemap #map li a.stregis:hover span, #interactivemap .legend li a.stregis:hover span { border-color: #ce9719;} #interactivemap #map li a.westin:hover span, #interactivemap .legend li a.westin:hover span { border-color: #096daa;} #interactivemap #map li a.makai:hover span, #interactivemap .legend li a.makai:hover span { border-color: #62bf16;} #interactivemap #map li a.princegolfclub:hover span, #interactivemap .legend li a.princegolfclub:hover span { border-color:#921d14;} #interactivemap #map li a.princevilleadventure:hover span, #interactivemap .legend li a.princevilleadventure:hover span { border-color: #95812c;} #interactivemap #map li a.tavern:hover span, #interactivemap .legend li a.tavern:hover span { border-color: #edd7ba;} #interactivemap #map li a.stregis, #interactivemap #map li a.makai, #interactivemap #map li a.westin, #interactivemap #map li a.princegolfclub, #interactivemap #map li a.princevilleadventure, #interactivemap #map li a.tavern { height: 17px; width: 17px;} /*MAP CIRCLE LOCATIONS*/ #interactivemap #map li a.stregis { left: 34px; top: 190px;} #interactivemap #map li a.makai { left: 204px; top: 161px;} #interactivemap #map li a.westin { left: 354px; top: 55px;} #interactivemap #map li a.princegolfclub { left: 540px; top: 188px;} #interactivemap #map li a.princevilleadventure { left: 563px; top: 190px; } #interactivemap #map li a.tavern { left: 575px; top: 195px; } /* UL LEGEND --------------*/ #interactivemap .legend li span {display:none; text-decoration:none;} #interactivemap .legend li span strong {text-decoration: none;} #interactivemap .legend li a:hover span { position:relative;display:block;width:260px;left:15px;top:15px;border:2px solid #ccc;background:#fff;padding:7px;filter:alpha(opacity=90);opacity:0.9; line-height:14px; text-decoration:none; color:#000; font-family:Tahoma, Geneva, sans-serif; font-size:11px;} /* UL LEGEND SHOW HOVER BOX --------------*/ #interactivemap .legend li a.stregis:hover span { left: -11px; top: -246px;} #interactivemap .legend li a.westin:hover span { left: 309px; top: -303px;} #interactivemap .legend li a.makai:hover span { left: -179px; top: -266px;} #interactivemap .legend li a.princegolfclub:hover span { left: -119px; top: -181px;} /*#interactivemap .legend li a.princevilleadventure:hover span { left: -95px; top: -192px;}*/ #interactivemap .legend li a.princevilleadventure:hover span { left: -95px; top: -152px; } #interactivemap .legend li a.tavern:hover span { left: 249px; top: -201px; } #interactivemap ul.legend {float:left; margin: 0 20px 0 30px; padding: 0;} #interactivemap ul.legend li {margin:0 25px 10px 0;padding:0;list-style:none;} #interactivemap ul.legend li a:link, #interactivemap ul.legend li a:visited, #interactivemap ul.legend li a:hover, #interactivemap ul.legend li a:active {font-family:Tahoma, Geneva, sans-serif; font-size:12px; padding: 2px 0 5px 23px; color: #1C5090; text-decoration:none;} #interactivemap ul.legend li a.stregis, #interactivemap ul.legend li a.makai, #interactivemap ul.legend li a.westin, #interactivemap ul.legend li a.princegolfclub, #interactivemap ul.legend li a.princevilleadventure, #interactivemap ul.legend li a.tavern { background: transparent url('../../../Princeville/images/princeville-map-dot-sprite.png') no-repeat 0 0; height: 14px; width:240px;} #interactivemap ul.legend li a.stregis { background-position: 0 0; } #interactivemap ul.legend li a.makai { background-position: 0 -25px;} #interactivemap ul.legend li a.westin { background-position: 0 -50px;} #interactivemap ul.legend li a.princegolfclub { background-position: 0 -75px;} #interactivemap ul.legend li a.princevilleadventure { background-position: 0 -100px;} #interactivemap ul.legend li a.tavern { background-position: 0 -125px;}