@charset "UTF-8";

/* CSS for the interactive map */

.storymap{
    position:relative;
    width:940px;
    height:475px;
}

.footer{

}

/* welcome panels */

#welcome{
    background:url(images/skyline.jpg);
    width:inherit;
    height:inherit;
    position:absolute;
}

#story_loading_mssg{
    font-family:Rockwell, Cambria, Trebuchet MS, Optima;
    font-weight:bold;
    font-size:24px;
    text-align:center;
    margin-top:150px;
}

.welcomecontainer{
    position:absolute;
    top:29px;
    left:118px;
    width:705px;
    height:300px;
}

.welcomepane{
    margin:0;
    width:300px;
    height:270px;
    padding:15px;
    color:white;
    border:white double 4px;
}

.welcomepane h1{
    font-family:Georgia;
    font-style:normal;
    font-size:16px;
    border-bottom:white solid 1px;
    margin-top:0;
    padding-bottom:5px;
}

.welcomepane p,
label{
    font-family:Helvetica, Arial;
    font-size:14px;
}

.welcomepane label{
    font-weight:bold;
}

#welcomebox{
    background:#FE8B0E;
    /* Safari 5.1, Chrome 10+ */
    background:-webkit-linear-gradient(top, #FE8B0E, #D95B00);

    /* Firefox 3.6+ */
    background:-moz-linear-gradient(top, #FE8B0E, #D95B00);

    /* IE 10 */
    background:-ms-linear-gradient(top, #FE8B0E, #D95B00);
    float:left;
}

#myplacebox{
    background:#78A21C;
    /* Safari 5.1, Chrome 10+ */
    background:-webkit-linear-gradient(top, #9CC742, #709917);

    /* Firefox 3.6+ */
    background:-moz-linear-gradient(top, #9CC742, #709917);

    /* IE 10 */
    background:-ms-linear-gradient(top, #9CC742, #709917);
    float:right;
}

.go_on_button_container{
    width:100px;
    margin:2px auto 0 auto;
}

.place_radio_button_container{
    margin-bottom:5px;
}

.addressentry{
    height:25px;
}

.addresstext{
    width:180px;
    float:right;
    margin:0;
}

.radiobutton{
    padding-right:10px;
}

button{
    background:#6693BC;
    color:white;
    font-family:Helvetica, Arial;
    font-size:14px;
    font-weight:bold;
    border:none;
    padding:3px 6px 3px 6px;
}

button:hover{
    background:#015BBC;
}

button:active{
    background:#FE8B0E
}


/* startup help */

#first_helpMC{
    position:absolute;
    left:525px;
    top:40px;
    background:#015BBC;
    /* Safari 5.1, Chrome 10+ */
    background:-webkit-linear-gradient(top, #015BBC, #153588);

    /* Firefox 3.6+ */
    background:-moz-linear-gradient(top, #015BBC, #153588);

    /* IE 10 */
    background:-ms-linear-gradient(top, #015BBC, #153588);
    box-shadow:0 0 5px 5px #888;
}


/*info label on map that contains the location name */

.markerlabelhome{
    font-family:Helvetica, Arial;
    background:red;
    color:white;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    padding:2px 5px 2px 15px;
    float:left;
    white-space:nowrap;
}

.markerlabel{
    font-family:Helvetica, Arial;
    font-weight:bold;
    background:#6693BC;
    color:white;
    font-size:12px;
    text-align:center;
    padding:2px 5px 2px 15px;
    white-space:nowrap;
}

.markerlabelhover{
    font-family:Helvetica, Arial;
    color:white;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    padding:2px 5px 2px 15px;
    white-space:nowrap;
    background:#015BBC;
}

.markerlabehilite{
    font-family:Helvetica, Arial;
    color:white;
    font-size:12px;
    font-weight:bold;
    text-align:center;
    padding:2px 5px 2px 15px;
    white-space:nowrap;
    background:#FE8B0E
}

/* slideup image and story detail pane */

#slideupMC{
    position:absolute;
    left:86px;
    width:740px;
    height:360px;
    top:6px;
    padding:10px;
    background:#FE8B0E;
    /* Safari 5.1, Chrome 10+ */
    background:-webkit-linear-gradient(top, #FE8B0E, #E86201);

    /* Firefox 3.6+ */
    background:-moz-linear-gradient(top, #FE8B0E, #E86201);

    /* IE 10 */
    background:-ms-linear-gradient(top, #FE8B0E, #E86201);
    color:white;
    border:white double 4px;
    box-shadow:5px 5px 5px 0 #888;
}

.slideuptop{
    padding-left:10px;
    display:block;
    width:730px;
    height:65px;
}

.detail_pane{
    position:absolute;
    left:10px;
    top:45px;
    margin-left:5px;
    bottom:-10px;
    width:460px;
    height:322px;
    background:white;
    color:black;
}

.slideupright{
    position:absolute;
    right:10px;
    top:45px;
    bottom:-10px;
    width:250px;
    height:320px;
    padding-left:10px;
    border-left:white solid 1px;
}

#slideupMC h1{
    font-family:Georgia;
    font-style:normal;
    font-size:18px;
    margin:0;
}

#slideupMC h2{
    /*  padding-left:30px;*/
    width:400px;
    font-family:Helvetica, Arial;
    font-weight:bold;
    font-size:14px;
    margin-top:0;
}

#slideup_closeBTN{
    float:right;
}

#audioBTN{
    float:right;
}

#narrateBTN{
    /*    display:block;*/
}

#storyText{
    /*    height:200px;*/
    font-family:Helvetica, Arial;
    font-size:14px;
    margin:5px 5px 5px 0;
}

#audioText{
    height:40px;
    font-family:Helvetica, Arial;
    font-size:13px;
}

.noselect{
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
    user-select:none;
}

/* read more pane */

#read_moreMC{
    position:relative;
    left:130px;
    top:80px;
    width:293px;
    height:224px;
    padding:10px;
    background:#78A21C;
    color:white;
    border:white double 4px;
    box-shadow:5px 5px 5px 0 #888;
}

#read_moreMC h1{
    font-family:Georgia;
    font-size:18px;
    border-bottom:white solid 1px;
    top:0;
    padding-bottom:5px;
}

#read_more_closeBTN{
    float:right;
}

#read_more_labelText{
    height:30px;
    font-family:Helvetica, Arial;
    font-weight:bold;
    font-size:14px;
    margin:0 10px;
}

#read_more_captionText{
    font-family:Helvetica, Arial;
    font-size:14px;
    margin:0 10px;
}

/* Media tray */

.media_tray_container{
    position:absolute;
    left:50px;
    padding:0;
    top:380px;
    width:847px;
    height:83px;
    background:url(images/media_tray_bg.png) left no-repeat;
}

#noaudio_warning{
    margin-top:15px;
    padding:10px;
    text-align:center;
    color:white;
    font-family:Helvetica, Arial;
    font-weight:bold;
    font-size:16px;
}

#noaudio_warning a{
    color:yellow;
    font-family:Helvetica, Arial;
    font-weight:bold;
    font-size:16px;
}

#noaudio_warning a:hover{
    color:orange
}

#media_tray_labelMC{
    margin-left:50px;
}

#media_trayMC{
    width:847px;
    height:70px;
    margin:0;
}


#positionMC{
    position:absolute;
    margin-top:13px;
    margin-left:25px
}

.thumb_holder{
    float:left;
    margin-right:4px;
    margin-left:4px;
}

.thumbnail_image{

}

.thumbnail_image_hover{
    border:4px #015BBC solid;
    margin:-4px;
}

.thumbnail_image_active{
    border:4px #FE8B0E solid;
    margin:-4px;
}

.label_container{
    position:absolute;
    bottom:5px;
    height:18px;
    width:200px;
}

.label_txt{

    /*    margin:auto;*/
    width:auto;
    background:black;
    color:white;
    font-family:Helvetica, Arial;
    font-size:11px;
    text-align:center;
    padding:3px 5px 3px 5px;
}


/* top tab group */

.areatabcontainer{
    position:absolute;
    top:15px;
    left:5px;
    height:22px;
    width:928px;
}

.areatab{
    float:left;
    border:none;
}

.areatablabel{
    color:white;
    font-family:Helvetica, Arial;
    font-size:14px;
    font-weight:bold;
    background:url('images/tab_bg.png') no-repeat right center;
    height:22px;
    padding:5px 10px 5px 5px;
    margin:0 4px 0 0;
}

.areatablabel:hover{
    background:url('images/tab_bg_hover.png') no-repeat right center;
}

/* applied by JQuery for iOS and IE 8 */

.areatablabel_checked{
    color:white;
    font-family:Helvetica, Arial;
    font-size:14px;
    font-weight:bold;
    background:url('images/tab_bg_on.png') no-repeat right center;
    height:22px;
    padding:5px 10px 5px 5px;
    margin:0 4px 0 0;
}

.areatab input{
    display:none;
}


.main_content{
    position:absolute;
    left:0;
    top:34px;
    width:940px;
    height:350px;
}

.main_content h1{
    font-family:Rockwell, Cambria, Trebuchet MS, Optima;
    font-size:16px;
    margin-bottom:5px;
    margin-top:2px;
}

.map_container{
    position:absolute;
    left:0;
    width:435px;
    height:320px;
    border:solid 4px #019D49;
}

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

#mapZoomMC{
    position:absolute;
    bottom:30px;
}

.photo_container{
    position:absolute;
    right:0;
    top:0px;
    height:350px;

}

#image_label{
    /* width:70%;*/
    text-align:center;
    font-family:Georgia;
    font-size:15px;
    /*  margin:-50px 0 5px 0;*/
    display:block;
}

.zoom_container{
    width:480px;
    height:320px;
    border:solid 4px #019D49;
    display:block;
}

/* hide the tinted image bar across full width of the zoomify pane */

/*#background{
    opacity:0;
   /\* IE 8 *\/
    filter:alpha(opacity=0);
}*/

.image_pane{
    width:480px;
    height:320px;
}

#image_toolbarMC{
    position:absolute;
    bottom:30px;

}

.photo_control{
    display:inline;
}

.photo_controls_container{
    height:22px;
    width:480px;
    margin-top:-2px;
}

#photo_view_instruxMC{
    padding-left:15px;
    padding-right:4px;
}

.thennow{
    display:inline;
    border:none;
}

.thennowlabel{
    color:white;
    font-family:Helvetica, Arial;
    font-size:14px;
    font-weight:bold;
    background:url('images/hanging_tab_bg.png') no-repeat right center;
    height:22px;
    padding:5px 15px 5px 10px;
    margin:0
}

.thennowlabel:hover{
    background:url('images/hanging_tab_bg_hover.png') no-repeat right center;
}

.thennowlabel_checked{
    color:white;
    font-family:Helvetica, Arial;
    font-size:14px;
    font-weight:bold;
    background:url('images/hanging_tab_bg_on.png') no-repeat right center;
    height:22px;
    padding:5px 15px 5px 10px;
    margin:0

}

.thennow input{
    display:none;
}

#helpBTN{
    float:right;
}

#helpMC{
    width:940px;
    height:475px;
    background:url('images/help_overlay.png') no-repeat left top;
    z-index:9999;
    position:absolute;
    top:0;
    left:0;
}

#help_overlay_closeBTN{
    position:absolute;
    left:400px;
    top:185px;
}

#loading_msgMC{
    position:absolute;
    left:150px;
    top:150px;
}