/*@media (orientation : portrait) {
    html {
        -webkit-text-size-adjust: 100%;
        transform: rotate(90deg);
        transform-origin: left top;
        position: absolute;
        bottom: 100%;
        right: 0;
    }
}
*/

body {
    position: static;
    overflow: hidden;
    font-family: Verdana, Helvetica, Arial;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #000;
}

a {
    text-decoration: none;
    outline: none;
    border: none;
}

/*	Dock icons */

a[href$="#details"] {
    background-position: 2px 0;
}

a[href$="#video"] {
    background-position: -1126px -5px;
}

a[href$="#photos"] {
    background-position: -1170px -5px;
}

a[href$="#floorplans"] {
    background-position: -48px 0;
}

a[href$="#location"] {
    background-position: -98px 0;
}

a[href$="#email"] {
    background-position: -148px 0;
}

a[href$="#print"] {
    background-position: -198px 0;
}

a[href$="#download"] {
    background-position: -248px 0;
}

a[href$="#walkscore"] {
    background-position: -298px 0;
}

a[href$="#contact"] {
    background-position: -348px 0;
}

a[href$="#play_3d"] {
    background-position: -1171px -40px;
}

a[href$='#download_plan'], a[href$='#print_plan'], a#Zoom_Plan {
    display: block;
    width: 110px;
    height: 22px;
}

a[href$='#print_plan'] {
    margin: 20px 0 10px 00px;
    background-position: -180px -196px;
}

a[href$='#print_plan']:hover {
    background-position: -180px -152px;
}

a[href$='#download_plan'] {
    margin: 0 0px 40px 00px;
    background-position: -291px -196px;
}

a[href$='#download_plan']:hover {
    background-position: -291px -152px;
}

#Zoom_Plan {
    margin: -30px 0 0px 2px;
    background-position: -180px -370px;
}

#Zoom_Plan:hover {
    background-position: -180px -326px;
}

a[href$="#start_virtual_tour"] {
    width: 150px;
    height: 75px;
    margin: 20px 80px;
    background-position: -5px -318px;
    display: block;
}

a[href$="#start_virtual_tour"]:hover {
    background-position: -5px -393px;
    border: none;
}

/* Dock icon mouseovers */

div.label {
    background-position: -2px -150px;
    background-color: transparent;
    position: absolute;
    z-index: 110;
    text-align: left;
    top: 27px;
    display: none;
    margin: 0 0 0 2px;
    width: 170px;
}

div.label h3 {
    color: #fff;
    font-size: 12px;
    font-family: helvetica, arial;
    width: 155px;
    margin: 23px 0 0px 5px;
    padding-left: 8px;
    text-indent: 0em;
}

div.label p {
    width: 148px;
    min-height: 50px;
    padding: 5px;
    margin: 4px 0 0px 6px;
    font-size: 12px;
    background-color: #fff;
    border-top: none;
    text-indent: 0em;
}

/* Adjust for mouseover positioning */

div.label[for="details"] {
    left: 7px;
}

div.label[for="photos"] {
    left: 47px;
}

div.label[for="video"] {
    left: 89px;
}

div.label[for="floorplans"] {
    left: 89px;
}

div.label[for="location"] {
    left: 125px;
}

div.label[for="email"] {
    left: 169px;
}

div.label[for="print"] {
    left: 209px;
}

div.label[for="walkscore"] {
    left: 247px;
}

div.label[for="download"] {
    left: 289px;
}

div.label[for="contact"] {
    left: 334px;
}

#loading_background {
    position: absolute;
    z-index: 81;
    top: 0;
    left: 0;
    opacity: 1;
    height: 100%;
    width: 100%;
}

#header {
    position: relative;
    height: 40px;
    width: 1000px;
    top: -20px;
    border: none;
    margin: auto;
    padding: 5px;
    z-index: 85;
    display: none;
}

#header .background {
    display: none;
    z-index: 0;
}

#dock {
    position: relative;
    float: left;
    text-align: center;
    width: 450px;
    margin-left: 5px;
}

#dock a {
    display: block;
    float: left;
    text-decoration: none;
    width: 44px;
    height: 40px;
    border: 1px solid transparent;
}

#dock a:hover {
    border: 1px solid white;
}

#address {
    float: right;
    position: relative;
    width: 275px;
    margin: 3px 10px 0 0;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    overflow: hidden;
}

#footer {
    position: absolute;
    bottom: 55px;
    height: 80px;
    padding: 0;
    margin: 0;
    width: 100%;
    z-index: 81;
}

#rt_logo {
    position: absolute;
    bottom: 5px;
    left: 15px;
    width: 170px;
    height: 35px;
    text-indent: -1000em;
}

#photographer {
    position: absolute;
    right: 35px;
    bottom: 10px;
    text-align: right;
    font-size: 12px;
}

#photographer .contact {
    position: static;
    margin-top: 0;
}

#play_tour {
    position: absolute;
    left: 370px;
    bottom: 0;
    width: 300px;
}

a.play_3d, a[href$="#play_tour"] {
    width: 120px;
    height: 30px;
    margin: 10px auto;
    display: block;
    border: none;
    background-position: -109px -52px;
}

a[href$="#play_tour"]:hover {
    background-position: -109px -85px;
}

a.play_3d {
    width: 100px;
    position: absolute;
    right: -30px;
    bottom: 0;
    background-position: -485px -332px;
}

a.play_3d:hover {
    background-position: -485px -365px;
}

/* Stop Play and Restart Play Controls */

#PlayControl {
    position: absolute;
    top: 42px;
    width: 100%;
}

#StopPlay, #RestartPlay {
    position: relative;
    height: 45px;
    width: 240px;
    margin-left: 400px;
    display: none;
    z-index: 115;
}

#StopPlay {
    margin: auto;
}

#PlayControl a[href="#StopPlay"], #header a[href="#RestartPlay"] {
    position: relative;
    display: block;
    float: left;
    height: 45px;
    width: 145px;
    text-indent: -2000em;
    margin-top: 2px;
}

#PlayControl a[href="#StopPlay"] {
    background-position: -870px -8px;
}

#PlayControl a[href="#StopPlay"]:hover {
    background-position: -870px -54px;
}

#header a[href="#RestartPlay"] {
    background-position: -690px -8px;
}

#header a[href="#RestartPlay"]:hover {
    background-position: -690px -54px;
}

#header a[href$="#toggle_audio"], #PlayControl a[href$="#toggle_audio"] {
    position: relative;
    display: block;
    float: left;
    height: 32px;
    width: 40px;
    margin-left: 15px;
    margin-top: 7px;
    background-position: -500px -86px;
}

#PlayControl a[href$="#toggle_audio"].playing {
    background-position: -500px -47px;
}

#PlayControl a[href$="#toggle_audio"]:hover {
    background-position: -500px -86px;
}

#header a[href$="#toggle_audio"], #header a[href="#RestartPlay"] {
    margin: 0;
}

#header a[href$="#toggle_audio"] {
    margin-top: 5px;
}

#PlayControl .panoControlLeft, #PlayControl .panoControlRight {
    display: none;
    position: absolute;
    z-index: 150;
    top: 250px;
    width: 115px;
    height: 40px;
}

#PlayControl .panoControlLeft {
    left: 50px;
}

#PlayControl .panoControlRight {
    right: 50px;
}

#PlayControl .panoControl {
    position: absolute;
    z-index: 160;
    display: block;
    width: 105px;
    height: 40px;
}

#PlayControl a[href$="#RotateLeft"] {
    background-position: -870px -155px;
}

#PlayControl a[href$="#RotateLeft"]:hover {
    background-position: -870px -205px;
}

#PlayControl a[href$="#RotateRight"] {
    background-position: -995px -155px;
}

#PlayControl a[href$="#RotateRight"]:hover {
    background-position: -995px -205px;
}

#PlayControl a[href$="#RotateLeft"].stop {
    background-position: -870px -266px;
}

#PlayControl a[href$="#RotateLeft"].stop:hover {
    background-position: -870px -310px;
}

#PlayControl a[href$="#RotateRight"].stop {
    background-position: -995px -266px;
}

#PlayControl a[href$="#RotateRight"].stop:hover {
    background-position: -995px -310px;
}

/* VT interface elements background */

.background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: .8;
    z-index: 0;
}

/* Instructions */

.instructions {
    margin-top: 15px;
}

.instructions p {
    font-size: 16px;
    padding: 0 20px 10px 20px;
}

/* Captions */

#vt-caption {
    position: absolute;
    bottom: 40px;
    width: 930px;
    margin: 0 auto;
    z-index: 130;
    display: none;
}

#vt-caption table {
    width: 850px;
}

#caption_container {
    position: relative;
    height: 100%;
    width: 900px;
    padding: 10px;
    line-height: 22px;
    /* half of max height */
    max-height: 44px;
    overflow: hidden;
}

#vt-caption #caption_container table {
    /*width: 80%;*/
}

.vt-title, .vt-desc {
    position: relative;
    padding: 0 15px 0 0;
    vertical-align: top;
}

.vt-title {
    /*white-space: nowrap;*/
    font-size: 22px;
    width: 100%;
    line-height: 110%;
}

.vt-desc {
    font-size: 18px;
    padding-left: 10px;
    width: 0;
}

/* Caption fonts */

.Helvetica {
    font-family: Helvetica, Arial, sans-serif;
}

.Roboto, .roboto {
    font-family: Roboto, sans-serif;
    font-weight: lighter;
}

.Courier {
    font-family: Courier, monospace;
}

.Georgia {
    font-family: Georgia, serif;
}

.Impact {
    font-family: Impact sans-serif;
}

.Monaco {
    font-family: Monaco, "Lucida Console", monospace;
}

.Lucida {
    font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
}

.Palatino {
    font-family: Palatino, "Palatino Linotype", "Book Antiqua", serif;
}

.Geneva {
    font-family: Geneva, Tahoma, sans-serif;
}

.Times {
    font-family: "Times New Roman", Times, serif;
}

.Trebuchet {
    font-family: "Trebuchet MS", sans-serif;
}

.Verdana {
    font-family: Verdana, Geneva, sans-serif;
}

/* Panes */

#panes_container {
    position: relative;
    margin: 25px auto;
    padding-top: 50px;
    opacity: 1;
}

#panes_container, .panes {
    width: 1060px;
    height: 640px;
}

.panes img.background {
    position: absolute;
    background-color: transparent;
    border: none;
    opacity: 1;
    top: -25px;
    z-index: 81;
}

.pane {
    position: absolute;
    top: -2000px;
    left: 30px;
    width: 1000px;
    height: 550px;
    clear: both;
    z-index: 81;
    background-color: #fff;
    text-align: left;
    font-size: 12px;
    overflow: hidden;
}

.pane .hh_label {
    padding-left: 425px;
}

.pane #hh_links {
    margin-left: 405px;
    margin-top: 0;
    display: block;
    margin-bottom: 5px;
}

.pane #hh_links a {
    color: white;
    font-weight: bold;
    padding-right: 20px;
}

.pane h2 {
    color: #fff;
    font-family: Tahoma, Helvetica, Arial;
    font-size: 20px;
    padding: 10px 0 10px 460px;
    margin: 0;
}

.pane h3 {
    color: #fff;
    font-family: Tahoma, Helvetica, Arial;
    padding: 5px 10px;
    margin: 0;
}

.pane_content {
    position: relative;
    padding-top: 5px;
    height: 495px;
    width: 1000px;
    background-color: #fff;
}

/*
**	Loading VT pane
*/

#po_loading {
    top: 30px;
}

#po_loading .right_column {
    float: right;
    width: 290px;
    margin-right: 10px;
}

#po_loading .primary_image {
    width: 590px;
    margin-top: 25px;
}

#po_loading .pane_content {
    text-align: center;
}

#po_loading .property_description {
    text-align: center;
    font-size: 20px;
    margin: 10px;
}

#po_loading a.TSprite {
    display: none;
}

#po_loading .realtor {
    text-align: left;
}

/*
**	Details pane
*/

#po_details #left_column, #po_details #right_column, .agent_column {
    position: relative;
    float: left;
    width: 340px;
    min-height: 350px;
    padding: 5px;
}

#po_details #right_column {
    width: 325px;
    margin-right: 15px;
    left: 15px;
}

.agent_column {
    width: 280px;
    overflow: hidden;
}

.agent_column .play_vt {
    position: absolute;
    top: 340px;
    left: 50px;
    display: none;
}

.primary_image {
    width: 350px;
}

#po_details .property_description {
    margin-top: 10px;
    height: 230px;
}

#po_details .primary_photo_instructions {
    top: 260px;
    left: 1px;
    height: 30px;
    width: 340px;
    padding-top: 10px;
    text-align: center;
    background-color: #48c;
    color: #fff;
    opacity: .6;
}

#po_details .details_container {
    height: 425px;
    overflow: auto;
}

#po_details table {
    width: 100%;
    margin-top: 5px;
}

#po_details .property_details td {
    border: 1px solid #fff;
    border-bottom: 1px solid #ccc;
}

#po_details .property_description {
    line-height: 1.25em;
    min-height: 160px;
    padding: 5px 10px;
    overflow: auto;
}

/*
**	Video pane
*/

#po_video iframe {
    margin: 20px 75px;
}

/*
**	Floor plans pane
*/

#fp_floorplan {
    float: right;
    margin-right: 20px;
}

#fp_floorplan h3, #fp_selector h3 {
    margin-top: 5px;
    text-align: center;
}

#fp_overlay {
    position: relative;
    margin: 0;
    max-width: 600px;
    max-height: 450px;
}

#fp_overlay img {
    border: 1px solid #aaa;
    max-width: 600px;
}

#fp_viewer {
    display: block;
    width: 600px;
    max-height: 450px;
    overflow: hidden;
}

#fp_selector, #fp_selector.image_list {
    float: right;
    width: 340px;
    margin-left: 5px;
    margin-right: 5px;
}

#fp_plans {
    float: left;
    max-height: 440px;
    overflow: auto;
}

#fp_buttons {
    float: left;
    width: 120px;
}

#fp_selector ul {
    list-style: none;
}

#fp_selector li {
    margin-bottom: 10px;
}

#fp_selector h3 {
    text-align: left;
}

.fp_list {
    display: table;
    margin: 0 auto;
}

.fp_marker, .fp_marker_full {
    background-position: -240px -65px;
    width: 22px;
    height: 16px;
    position: absolute;
    display: none;
}

.fp_thumb {
    margin-right: 10px;
}

.image_list {
    width: 200px;
    margin: 0;
    padding: 0;
}

.image_list a {
    display: block;
    float: left;
    min-height: 30px;
    margin: 5px;
    text-align: center;
    border: 1px solid transparent;
}

.image_list a:hover {
    border: 1px solid #669;
}

.image_list img {
    display: block;
    max-width: 150px;
}

.clear {
    clear: left;
}

/* Map Pane */

#GMap {
    height: 100%;
    width: 100%;
}

/* Send to Friend Pane */

#po_email input, #po_email textarea, #po_email .email_instructions p {
    margin: 0;
}

#po_email textarea {
    height: 190px;
}

#po_email form, #po_email input, #po_email textarea {
    width: 260px;
}

#po_email .graphic {
    background-image: url(/images/vtplayer_sprite_graphics.jpg);
    background-position: -490px -350px;
    float: right;
    margin: 10px 60px 0 0;
    height: 360px;
    width: 400px;
}

#email_instructions p {
    width: 800px;
    text-align: center;
    padding: 0;
}

#po_email form {
    float: left;
    margin: 20px 0 0px 60px;
}

#po_email input[type="submit"] {
    width: 73px;
    height: 22px;
    margin-top: 15px;
    background-position: -545px -196px;
    border: none;
    float: right;
}

#po_email input[type="submit"]:hover {
    background-position: -545px -152px;
}

#po_email form p.warning {
    width: 170px;
    background-color: #fbfc40;
    padding: 7px;
}

/* Print Pane */

#po_print .graphic {
    background-image: url(/images/vtplayer_sprite_graphics.jpg);
    background-position: -40px -380px;
    float: right;
    margin: 40px;
    height: 290px;
    width: 390px;
}

#print_instructions {
    width: 400px;
    text-align: center;
    padding: 0;
    margin: 0;
    float: left;
}

#print_instructions img {
    width: 275px;
}

#po_print form {
    position: absolute;
    left: 350px;
    top: 370px;
    text-align: center;
}

#po_print form img {
    margin-top: 40px;
    width: 270px;
    display: block;
    margin-bottom: 20px;
}

#po_print form button {
    margin-top: 10px;
    border: none;
    height: 22px;
}

#po_print button[name="print_flyer"] {
    width: 73px;
    background-position: -545px -280px;
}

#po_print button[name="print_flyer"]:hover {
    background-position: -545px -236px;
}

#po_print button[name="download_flyer"] {
    width: 100px;
    background-position: -185px -280px;
}

#po_print button[name="download_flyer"]:hover {
    background-position: -185px -236px;
}

/* Download pane */

#download_instructions {
    width: 230px;
    text-align: center;
    padding: 10px;
    margin-top: 20px;
    float: right;
}

#po_download .graphic {
    background-image: url(/images/vtplayer_sprite_graphics.jpg);
    background-position: -80px 0;
    position: absolute;
    top: 50px;
    width: 670px;
    height: 315px;
}

#po_download form p {
    text-align: center;
}

#po_download form button {
    background-position: -295px -280px;
    width: 103px;
    height: 22px;
    margin-top: 20px;
    margin-left: 5px;
}

#po_download form button:hover {
    background-position: -295px -236px;
}

/* Wallkscore pane */

#ws-walkscore-tile {
    position: relative;
    top: 0;
    text-align: left;
    width: 900px;
    margin: auto;
}

#ws-walkscore-tile * {
    float: none;
}

#ws-footer a, #ws-footer a:link {
    font: 11px/14px Verdana, Arial, Helvetica, sans-serif;
    margin-right: 6px;
    white-space: nowrap;
    padding: 0;
    color: #000;
    font-weight: bold;
    text-decoration: none
}

#ws-footer a:hover {
    color: #777;
    text-decoration: none
}

#ws-footer a:active {
    color: #b14900
}

/* Contact pane */

.realtor td {
    padding-right: 10px;
}

.realtor .name {
    font-weight: bold;
    margin-bottom: 15px;
}

.agent_column img.headshot {
    width: 100px;
}

.agent_column img.logo {
    width: 100px;
    margin: 10px 5px;
    float: left;
}

.realtor a[href^="mailto"], .realtor a[href^="http"] {
    float: left;
    display: block;
    width: 90px;
    height: 22px;
    text-indent: -2000em;
    margin-top: 10px;
}

.realtor a[href^="mailto"] {
    background-position: -630px -196px;
}

.realtor a[href^="mailto"]:hover {
    background-position: -630px -152px;
}

.realtor a[href^="http"] {
    background-position: -630px -280px;
}

.realtor a[href^="http"]:hover {
    background-position: -630px -236px;
}

#po_contact_message, #send_feedback, #request_showing {
    position: absolute;
    left: 305px;
}

.block {
    float: left;
}

#send_feedback, #request_showing {
    margin-top: 5px;
    width: 680px;
}

#po_contact_message {
    top: 200px;
    width: 220px;
    text-align: center;
    padding: 20px;
    border: 1px solid #777;
    background-color: salmon;
    font-size: 16px;
    z-index: 100;
    display: none;
}

#po_contact form .column1 {
    width: 340px;
}

#po_contact form .column2 {
    width: 310px;
    float: right;
}

#po_contact .block {
    width: 145px;
    height: 125px;
    margin-right: 20px;
}

#po_contact .block.right {
    margin-right: 0;
    width: 140px;
}

#po_contact p, #po_contact input, #po_contact textarea {
    width: 330px;
}

#po_contact textarea {
    height: 160px;
}

#po_contact button {
    display: block;
}

#po_contact p {
    margin-bottom: 5px;
}

#po_contact .block p {
    width: auto;
    height: 2.5em;
}

#po_contact label, #po_contact input[type="radio"] {
    margin: 0;
    padding: 0;
    float: left;
    position: static;
    display: inline;
    width: 120px;
}

#po_contact input[type="radio"] {
    width: 15px;
    margin-top: 5px;
}

#request_showing {
    display: none;
}

#po_contact button {
    margin-top: 10px;
}

#po_contact button[name="request_pane"], #po_contact button[name="feedback_pane"] {
    float: left;
    width: 125px;
    height: 23px;
}

#po_contact button[name="send_feedback"], #po_contact button[name="send_request"] {
    float: right;
    margin-left: 5px;
    width: 73px;
    height: 23px;
}

#po_contact button[name="request_pane"] {
    background-position: -728px -195px;
}

#po_contact button[name="request_pane"]:hover {
    background-position: -728px -151px;
}

#po_contact button[name="feedback_pane"] {
    background-position: -408px -279px;
}

#po_contact button[name="feedback_pane"]:hover {
    background-position: -408px -235px;
}

#po_contact button[name="send_feedback"], #po_contact button[name="send_request"] {
    margin-right: 5px;
    background-position: -545px -195px;
}

#po_contact button[name="send_feedback"]:hover, #po_contact button[name="send_request"]:hover {
    background-position: -545px -151px;
}

#datepicker td, #datepicker th {
    text-align: center;
}

#datepicker th {
    border: 3px solid transparent;
    padding: 4px;
}

#datepicker td a {
    display: block;
    border: 3px outset #aaa;
    padding: 4px;
}

#datepicker td a:hover {
    border: 3px inset #777;
    background-color: #dfd;
}

#po_contact input[type="radio"] {
    clear: left;
    margin-right: 5px;
}

#po_contact input[name="ampm"] {
    clear: none;
    margin-top: 10px;
}

#po_contact label[for="am"], #po_contact label[for="pm"] {
    margin-top: 7px;
    margin-right: 10px;
}

#po_contact td a.selected {
    background-color: #efe;
}

/*
**	VT player
*/

#vt_container, #po_vtplayer, #player3d_space {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 80;
    background-color: transparent;
}

#player3d_space {
    display: none;
}

/*3d player*/

#player3d_space iframe {
    overflow: auto;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
}

#hide_3d {
    position: absolute;
    top: 5px;
    left: 49%;
    z-index: 100;
    background-color: gray;
    background-repeat: no-repeat;
    border: 2px solid white;
    cursor: pointer;
    overflow: hidden;
    outline: none;
    color: white;
    padding: 5px;
    font-size: 17px;
    display: none;
}

#f_vtplayer, #h_vtplayer {
    position: relative;
    height: 100%;
    width: 100%;
    display: none;
}

#po_vtplayer a[href$="#PausePlay"] {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 105;
    cursor: default;
}

a.play_vt {
    display: none;
}

.ws_images img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    display: none;
}

.ws_images img.active {
    z-index: 101;
    display: block;
}

.ws_images img.last_active {
    z-index: 100;
    display: block;
}

#jsWarning, #flashWarning {
    display: none;
    position: absolute;
    top: 100px;
    left: 150px;
    width: 300px;
    height: 200px;
    background-color: #fff;
    color: #444;
    border: 1px solid #fff;
    line-height: 2;
}

#flashWarning p {
    margin: 30px;
}

#flashWarning img {
    border: 5px solid #fff;
}

#flashWarning img:hover {
    border: 5px solid #888;
}

#jsWarning p {
    margin: 60px 30px;
}

#jsWarning {
    display: block;
}

#fancy_outer {
    z-index: 999;
}

/*
**	Nav Carousel
*/

#carousel {
    position: absolute;
    bottom: 10px;
    height: 80px;
    margin: 10px 35px 0 35px;
    min-width: 870px;
    padding: 2px;
    z-index: 120;
    opacity: 0;
}

#carousel ul {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    height: 80px;
    list-style-type: none;
    overflow: hidden;
    text-align: center;
}

#carousel li {
    width: 100px;
    height: 70px;
    margin: 5px;
    float: left;
}

#carousel li img {
    height: 60px;
    margin: 0;
    padding: 0;
}

#carousel a {
    text-decoration: none;
    outline: none;
}

#carousel li a {
    display: block;
    background-color: #48a;
    border: 3px solid #48a;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}

#carousel li a:hover, #carousel li a:active {
    background-color: #abc;
    border: 3px solid #abc;
}

#carousel a.prev, #carousel a.next, #carousel a.first, #carousel a.last {
    position: absolute;
    border: none;
    width: 35px;
    height: 29px;
}

#carousel a.prev {
    left: 5px;
    top: 10px;
    background-position: -393px -55px;
}

#carousel a.prev:hover {
    background-position: -393px -83px;
}

#carousel a.next {
    right: 5px;
    top: 10px;
    background-position: -438px -55px;
}

#carousel a.next:hover {
    background-position: -438px -83px;
}

#carousel a.first {
    left: 5px;
    top: 45px;
    background-position: -304px -55px;
}

#carousel a.first:hover {
    background-position: -304px -83px;
}

#carousel a.last {
    right: 5px;
    top: 45px;
    background-position: -353px -55px;
}

#carousel a.last:hover {
    background-position: -353px -83px;
}

/*
** Theme specific directives
*/

/* Panes */

.realtour .pane {
    border: 1px solid #99b3cc;
    color: #537ca4;
}

.grey .pane {
    border: 1px solid #727272;
    color: #353535;
}

.blue .pane {
    border: 1px solid #7a7e97;
    color: #369;
}

.red .pane {
    border: 1px solid #959595;
    color: #717171;
}

.white .pane {
    border: 1px solid #b3e5f8;
    color: #999;
}

.black .pane {
    border: 1px solid #7f7f7f;
    color: #111;
}

.brown .pane {
    border: 1px solid #9b8a7d;
    color: #544741;
}

.burgundy .pane {
    border: 1px solid #b7b7b7;
    color: #50081a;
}

.green .pane {
    border: 1px solid #b7b7b7;
    color: #406055;
}

/* Pane Headings */

.realtour .pane, .realtour .pane h3 {
    background-color: #99b3cc;
}

.realtour .pane h3 {
    color: #537ca4;
}

.grey .pane, .grey .pane h3 {
    background-color: #b7b7b7;
}

.blue .pane, .blue .pane h3 {
    background-color: #809ab1;
}

.red .pane, .red .pane h3 {
    background-color: #959595;
}

.white .pane, .white .pane h3 {
    background-color: #b3e5f8;
}

.white .pane h3 {
    color: #fff;
}

.black .pane, .black .pane h3 {
    background-color: #7f7f7f;
}

.black .pane h3 {
    color: #111;
}

.brown .pane, .brown .pane h3 {
    background-color: #9b8a7d;
}

.brown .pane h3 {
    color: #fff;
}

.burgundy .pane, .burgundy .pane h3, .green .pane, .green .pane h3 {
    background-color: #b7b7b7;
}

.burgundy .pane h3, .green .pane h3 {
    color: #fff;
}

/* VT interface elements background */

.realtour .background {
    background-color: #fff;
    border: 1px solid #99b3cc;
    opacity: .8;
}

.grey .background {
    background-color: #777;
    border: 1px solid #bbb;
}

.blue .background {
    background-color: #336996;
    border: 1px solid #6d8497;
}

.red .background {
    background-color: #933936;
    border: 1px solid #B33936;
}

.white .background {
    background-color: #fff;
    border: 1px solid #ddd;
    opacity: .8;
}

.burgundy .background {
    border: 1px solid #a0889A;
    background-color: #70383A;
}

.green .background {
    border: 1px solid #82a094;
    background-color: #426054;
}

.black .background {
    background-color: #333;
    border: 1px solid #828282;
}

.brown .background {
    background-color: #736357;
    border: 1px solid #5b4843;
}

/* Dock mouseovers */

.realtour div.label p {
    border: 1px solid #23689a;
}

.grey div.label p {
    border: 1px solid #000;
}

.blue div.label p {
    border: 1px solid #006e9e;
}

.white div.label p, .burgundy div.label p, .green div.label p {
    border: 1px solid #d8d8d8;
}

.black div.label p {
    border: 1px solid #bfbfbf;
}

.brown div.label p {
    border: 1px solid #cec3ba;
}

/* Frame Colours */

.blue a, .realtour a, .realtour #address, .realtour #footer, .realtour #footer a {
    color: #369;
}

.black #address, .black #footer, .black #footer a, .red #address, .red #footer, .red #footer a, .grey #address, .grey #footer, .grey #footer a, .blue #address, .blue #footer, .blue #footer a, .brown #address, .brown #footer, .brown #footer a, .burgundy #address, .burgundy #footer, .burgundy #footer a, .green #address, .green #footer, .green #footer a {
    color: #fff;
}

.green a {
    color: #406055;
}

.brown a {
    color: #736357;
}

.burgundy a {
    color: #50081A;
}

.black a {
    color: #000;
}

.red a, .grey a {
    color: #717171;
}

.white a {
    color: #999;
}

/* Nav Carousel */

.realtour #carousel li a {
    background-color: #48a;
    border: 3px solid #48a;
}

.realtour #carousel li a:hover, .realtour #carousel li a.active {
    background-color: #abc;
    border: 3px solid #abc;
}

.grey #carousel li a {
    background-color: #444;
    border: 3px solid #444;
}

.grey #carousel li a:hover, .grey #carousel li a.active {
    background-color: #ddd;
    border: 3px solid #ddd;
}

.blue #carousel li a {
    background-color: #07243b;
    border: 3px solid #07243b;
}

.blue #carousel li a:hover, .blue #carousel li a.active {
    background-color: #99b3cc;
    border: 3px solid #99b3cc;
}

.red #carousel li a {
    background-color: #8b1014;
    border: 3px solid #8b1014;
}

.red #carousel li a:hover, .red #carousel li a.active {
    background-color: #959595;
    border: 3px solid #959595;
}

.white #carousel li a {
    background-color: #00aef0;
    border: 3px solid #00aef0;
}

.white #carousel li a:hover, .white #carousel li a.active {
    background-color: #7fd6f7;
    border: 3px solid #7fd6f7;
}

.green #carousel li a {
    background-color: #053f28;
    border: 3px solid #053f28;
}

.green #carousel li a:hover, .green #carousel li a.active {
    background-color: #959595;
    border: 3px solid #959595;
}

.black #carousel li a {
    background-color: #000;
    border: 3px solid #000;
}

.black #carousel li a:hover, .black #carousel li a.active {
    background-color: #ddd;
    border: 3px solid #ddd;
}

.brown #carousel li a {
    background-color: #362f2d;
    border: 3px solid #362f2d;
}

.brown #carousel li a:hover, .brown #carousel li a.active {
    background-color: #d0ccc8;
    border: 3px solid #d0ccc8;
}

.burgundy #carousel li a {
    background-color: #4c031a;
    border: 3px solid #4c031a;
}

.burgundy #carousel li a:hover, .burgundy #carousel li a.active {
    background-color: #d0ccc8;
    border: 3px solid #d0ccc8;
}

/* Captions */

.realtour #vt-caption {
    color: #369;
}

.grey #vt-caption, .red #vt-caption, .burgundy #vt-caption, .green #vt-caption, .blue #vt-caption, .brown #vt-caption, .black #vt-caption {
    color: #fff;
}

/*
**	Following animations control the VT slide presentation
*/

#po_vtplayer img {
    /*
    ** Incantations to force hardware acceleration to address
    ** jerky image movement & flickering
    */
    box-shadow: 0 0 0 #000;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    will-change: transform;
}

.move_top_left {
    animation-name: kenburns_top_left;
}

@keyframes kenburns_top_left {
    0% {
        top: 15%;
        left: 15%;
        opacity: 0.2;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
        animation-timing-function: ease-in-out;
    }
    10% {
        top: 15%;
        left: 15%;
        opacity: 1.0;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
    }
    100% {
        /*        top: 0;
        left: 0;
*/
        transform: scale(1, 1);
        transform-origin: 50% 50%;
    }
}

.move_top_right {
    animation-name: kenburns_top_right;
}

@keyframes kenburns_top_right {
    0% {
        top: 15%;
        right: 15%;
        opacity: 0.2;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
        animation-timing-function: ease-in-out;
    }
    10% {
        top: 15%;
        right: 15%;
        opacity: 1.0;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
    }
    100% {
        /*        top: 0;
        right: 0;
*/
        transform: scale(1, 1);
        transform-origin: 50% 50%;
    }
}

.move_top {
    animation-name: kenburns_top;
}

@keyframes kenburns_top {
    0% {
        top: 15%;
        opacity: 0.2;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
        animation-timing-function: ease-in-out;
    }
    10% {
        top: 15%;
        opacity: 1.0;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
    }
    100% {
        /*        top: 0;*/
        transform: scale(1, 1);
        transform-origin: 50% 50%;
    }
}

.move_left {
    animation-name: kenburns_left;
}

@keyframes kenburns_left {
    0% {
        left: 15%;
        opacity: 0.2;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
        animation-timing-function: ease-in-out;
    }
    10% {
        left: 15%;
        opacity: 1.0;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
    }
    100% {
        /*        left: 0;*/
        transform: scale(1, 1);
        transform-origin: 50% 50%;
    }
}

.move_right {
    animation-name: kenburns_right;
}

@keyframes kenburns_right {
    0% {
        right: 15%;
        opacity: 0.2;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
        animation-timing-function: ease-in-out;
    }
    10% {
        right: 15%;
        opacity: 1.0;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
    }
    100% {
        /*        right: 0;*/
        transform: scale(1, 1);
        transform-origin: 50% 50%;
    }
}

#f_vtplayer img.end, #f_vtplayer img.end_top_right, #f_vtplayer img.end_top, #f_vtplayer img.end_top_left, #f_vtplayer img.end_right, #f_vtplayer img.end_left {
    transform: scale(1, 1);
    transform-origin: 50% 50%;
    animation-name: none;
    z-index: 5;
}

/*#f_vtplayer img.end, #f_vtplayer img.end_top_right {
    top: 0;
    right: 0;
}

#f_vtplayer img.end_top {
    top: 0;
}

#f_vtplayer img.end_top_left {
    top: 0;
    left: 0;
}

#f_vtplayer img.end_right {
    right: 0;
}

#f_vtplayer img.end_left {
    left: 0;
}
*/

#f_vtplayer iframe {
    z-index: 100;
    position: absolute;
}

.move_portrait {
    top: 0;
    animation-name: kenburns_portrait;
}

@keyframes kenburns_portrait {
    0% {
        margin: 0;
        opacity: 0.2;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
        animation-timing-function: ease-in-out;
    }
    10% {
        opacity: 1.0;
        transform: scale(1.30, 1.30);
        transform-origin: 50% 50%;
    }
    100% {
        transform: scale(1, 1);
        transform-origin: 50% 50%;
    }
}

#f_vtplayer img.end_portrait {
    transform: scale(1, 1);
    transform-origin: 50% 50%;
    animation-name: none;
}

/*
**	VT presentaion
*/

html, body, div.pano, #f_vtplayer {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

div#f_vtplayer {
    position: fixed;
}

div#f_vtplayer, div.pano {
    width: 100%;
    height: 100%;
    background-color: transparent;
}

div.fading {
    z-index: 5;
}

#f_vtplayer img {
    margin: 0;
    position: absolute;
    left: 0;
    top: 0;
    animation-duration: 6s;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-fill-mode: forwards;
    z-index: 5;
}

#f_vtplayer img.paused {
    animation-play-state: paused;
    z-index: 5;
}

#f_vtplayer img.running {
    animation-play-state: running;
    z-index: 5;
}

#Blur {
    position: absolute;
    top: -5%;
    left: -5%;
    height: 110%;
    width: 110%;
    filter: blur(50px);
    -ms-filter: blur(50px);
    -webkit-filter: blur(50px);
}

div.running {
    z-index: 5;
}

footer {
    position: absolute;
    width: 250px;
    text-align: center;
    bottom: 0;
    left: 40%;
    z-index: 100;
    color: #999;
}

.pano .pnlm-controls-container {
    display: none;
}

#voiceover_scripts {
    color: transparent;
}

#voiceover_audio {
    display: block;
    position: absolute;
    height: 10px;
    width: 10px;
    top: 0;
    right: 10px;
}

/*
    For when we change over to new button style

a.button, input.button, button {
    display: inline-block;
    background-color: #369;
    color: #fff;
    text-align: center;
    padding: 5px 7px;
    border: 1px solid #369;
    margin-right: 10px;
    margin-bottom: 5px;
    background-image: none;
    font-weight: 300;
    font-size: 16px;
    text-indent: 0;
}

a.button:hover, input.button:hover, button:hover {
    background-color: #b2b2b2;
    border: 1px solid #777;
}
*/

.invisible {
    display: none !important;
}

#StartTour {
    position: absolute;
    z-index: 110;
    top: 40%;
    left: 35%;
    background-color: white;
    opacity: .6;
}

#StartTour a {
    font-size: 44px;
    color: #9396a2;
    text-indent: 40px;
    padding: 30px 130px 30px 0px;
    display: block;
    width: 370px;
}

#StartTour a:hover {
    color: #e5e5e5;
}

#rightArrows {
    background-repeat: no-repeat;
    display: inline-block;
    width: 34px;
    height: 64px;
    background-image: url('/images/vtour_sprite_new.png?v=2');
    background-position: -416px -8px;
}

#rightArrows:hover {
    background-position: -416px -92px;
}

.sound_on_or_off {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    margin: auto;
    padding: 50px;
    width: 830px;
    height: 110px;
}
.sound_on_or_off .shield {
    position: absolute;
    z-index: 101;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: white;
    opacity: .4;
}
.sound_on_or_off .dialog {
    position: absolute;
    z-index: 101;
}

.sound_on_or_off a {
    display: inline-block;
    margin: 20px;
    padding: 20px;
    text-align: center;
    background-color: white;
    font-size: 30px;
}

.sound_on_or_off a span {
    background-image: url("/images/vtplayer_sprite_new.png?v=6");
    background-repeat: no-repeat;
    border: none;
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    top: 5px;
}
.sound_on_or_off a span.mute {
        background-position: -152px -8px;
}
.sound_on_or_off a span:hover {
        background-position: -152px -45px;
}

.sound_on_or_off a span.mute_clicked {
        background-position: -197px -8px;
}
.sound_on_or_off a span.mute_clicked:hover {
        background-position: -197px -45px;
}