.loading-indicator {
    position: absolute;
    width: 287px;
    height: 121px;
    top: 300px;
    left: 50%;
    margin: -143px;
    padding: 22px 30px 37px 37px;
    background: url('../images/layout/loading-overlay.png') top left no-repeat;
	z-index: 456;
}

.loading-text {
    position: relative;
    top: 23px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 900;
    font-size: 26px;
	opacity: .99;
    text-align: center;
    color: #5c3e92;
}

.loading-progress-bar {
    position: absolute;
    width: 260px;
    height: 20px;
    top: 108px;
    left: 50px;
    border: 1px solid #5c3e92;
}

.loading-progress-bar div {
    height: 100%;
    width: 0;
    background: url('../images/layout/progress-bar.png') top left repeat-x;
}

.main-container {
    position: relative;
    height: 1010px;
    min-width: 1211px;
}

.sub-container {
    width: 1211px;
    height: 705px;
    margin: -65px auto -30px auto;
}

/* Map Content Section */
.map-banner {
    position: absolute;
    left: 127px;
    top: 42px;
    z-index: 9;
}

.map-content {
    position: relative;
    height: 500px;
    /* these may not be necessary if width/margin is the same on .main-container */
    width: 1211px;
    margin: 0 auto;
	color: #ffffff;
	direction: ltr;
}

.map-content h1, .map-content .h1, .map-content h2, .map-content .h2, .map-content h3, .map-content .h3, .map-content h4, .map-content .h4, .map-content h5, .map-content .h5 { color: #ffffff; }

.map-scroll-left {
    position: absolute;
    width: 164px;
    height: 705px;
    background: url('../images/layout/map-scroll-left.png') top left no-repeat;
}

.map-scroll-right {
    position: absolute;
    right: 0;
    width: 164px;
    height: 704px;
    background: url('../images/layout/map-scroll-right.png') top left no-repeat;
}

.map-middle {
    position: absolute;
    top: 82px;
    left: 102px;
    width: 990px;
    height: 530px;
    /*background: url('../images/map/region-center-2-compass.jpg') top left no-repeat;*/
    z-index: 1;
}

.hover-input,
.landmark-target,
.hover-target,
.region-target {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.region-loading-image {
    display: block;
    position: absolute;
    left: 50%;
    top: 200px;
    margin-left: -8px;
}

.hover-input {
    z-index: 3;
}

.hover-input img {
    width: 100%;
    height: 100%;
}

.landmark-target a {
    z-index: 4;
}

.hover-target {
    z-index: 1;
}

.hover-target img {
    position: absolute;
    /*visibility: hidden;*/
}

.region-target img {
    position: absolute;
}

/* Map Controls */
.zoom-out {
    display: none;
    position: absolute;
    width: 102px;
    height: 59px;
    right: 55px;
    top: 54px;
    text-indent: -9999px;
    z-index: 9;

    /* Needed for IE7 */
    background: url('../images/empty.png') top left repeat;
}


/* Footer */

.map-footer {
    position: absolute;
    width: 100%;
    height: 384px;
    /*height: 580px;*/
    bottom: 0;
    z-index: 10;
}

.map-footer-info {
    position: absolute;
    width: 860px;
    height: 280px;
    top: 490px;
    left: 50%;
    margin-left: -430px;
    background: url('../images/layout/footer-info.png') top left no-repeat;
    z-index: 9;
}

.rtl .map-footer-info { direction: rtl; }

.map-footer-oval {
    position: absolute;
    width: 100%;
    height: 384px;
    bottom: 0;
    background: url('../images/layout/footer-oval.png') top center no-repeat;
}

/* Footer Header Content */
.map-footer-header-content {
    position: absolute;
    top: 51px;
    left: 76px;
    width: 490px;
    color: #fff;
}

.map-footer-header-content h2 {
    font-size: 24px;
	opacity: .99;
    line-height: 20px;
}

.map-footer-header-content h3 {
    font-size: 18px;
	opacity: .99;
}

.map-footer-header-content h2.small {
    font-size: 20px;
	opacity: .99;
    line-height: 18px;
}

.map-footer-header-content h3.small {
    font-size: 13px;
	opacity: .99;
    line-height: 16px;
	color: #ffffff;
}

/* Footer Left Panel */
.map-footer-left-content {
    position: absolute;
    top: 140px;
    left: 49px;
    width: 156px;
    text-align: right;
}

.map-footer-left-content h2 {
    font-size: 22px;
	opacity: .99;
    line-height: 18px;
    color: #fff;
    text-transform: uppercase;
}

.map-footer-left-content h3 {
    font-size: 16px;
	opacity: .99;
    line-height: 18px;
    color: #661341;
}

/* Footer Right Panel */
.map-footer-right-content {
    position: absolute;
    top: 140px;
    left: 235px;
    width: 349px;
}

.map-footer-right-content h2 {
    padding-left: 36px;
    font-size: 18px;
	opacity: .99;
    line-height: 20px;
    color: #661341;
    background: url('../images/map/gems/birthstone-02.png') top left no-repeat;
}

.map-footer-right-content h2.small {
    padding-left: 0;
    font-size: 13px;
	opacity: .99;
    line-height: 14px;
    background: none;
}

/* Landmark Progress */
.landmark-progress {
    position: absolute;
    right: 50px;
    top: 7px;
    width: 221px;
    height: 171px;
    background: url('../images/layout/landmark-progress.png') top left no-repeat;
	direction: ltr;
}

.landmark-progress ul {
    position: relative;
	top: 11px;
	left: 122px;
	width: 80px;
	margin: 0;
}

.landmark-progress li {
    height: 44px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 900;
    font-size: 26px;
	opacity: .99;
    letter-spacing: 2px;
    line-height: 44px;
    color: #f070c7;
}

.landmark-progress li span {
    color: #ba176a;
}

/* Landmarks  */

.landmark {
    position: absolute;
    width: 28px;
    height: 27px;
    cursor: pointer;
}

/* Landmark Specific Implementations */
.landmark-wishing-well {
    background: url('../images/map/gems/birthstone-01.png') top left no-repeat;
}

.landmark-parade-path {
    background: url('../images/map/gems/birthstone-02.png') top left no-repeat;
}

.landmark-concert-stage {
    background: url('../images/map/gems/birthstone-03.png') top left no-repeat;
}

.landmark-wildlife-wetlands {
    background: url('../images/map/gems/birthstone-04.png') top left no-repeat;
}

.landmark-flower-garden {
    background: url('../images/map/gems/birthstone-05.png') top left no-repeat;
}

.landmark-ampitheater-royale {
    background: url('../images/map/gems/birthstone-06.png') top left no-repeat;
}

.landmark-dancing-carousel {
    background: url('../images/map/gems/birthstone-07.png') top left no-repeat;
}

.landmark-apple-orchard {
    background: url('../images/map/gems/birthstone-08.png') top left no-repeat;
}

.landmark-academy-royale {
    background: url('../images/map/gems/birthstone-09.png') top left no-repeat;
}

.landmark-royale-palace {
    background: url('../images/map/gems/birthstone-10.png') top left no-repeat;
}

.landmark-cloister-of-peace {
    background: url('../images/map/gems/birthstone-11.png') top left no-repeat;
}

.landmark-otter-pond {
    background: url('../images/map/gems/birthstone-12.png') top left no-repeat;
}


/* Poll */

.poll-modal {
    display: none;
    position: absolute;
    z-index: 11;
}

.rtl .poll-modal {direction: rtl;}

.poll-close {
    position: absolute;
    display: block;
    width: 25px;
    height: 24px;
    top: 30px;
    right: 37px;
    text-indent : -9999px;
    background: url('../images/layout/poll-close.png') top left no-repeat;
}

/* Common Poll Attributes */
#poll-play-again { font-family: 'proxima-nova', sans-serif; font-weight: 900; }
.poll-question h2,
.poll-results h2 {
    font-size: 17px;
	opacity: .99;
    line-height: 18px;
    color: #5c3e92;
}

.poll-question h4,
.poll-results h4 {
    font-size: 12px;
	opacity: .99;
    line-height: 16px;
    color: #8a65d3;
}

.lang-es .poll-question h4, .lang-es .poll-results h4 { font-size: 9px; }

.poll-question h3,
.poll-results h3 {
    font-size: 18px;
	opacity: .99;
    color: #ba176a;
}

.poll-question,
.poll-results {
    width: 271px; /* width: 406px; */
    height: 207px; /* height: 292px; */
    padding: 40px 75px 45px 60px;
}

.poll-image-holder {
    position: absolute;
    width: 96px;
    height: 63px;
}

/* TODO: implement styling for the poll loading image */
/* For instance, it may be desired to vertically center the 
   image within the .poll-image-loader container */

.poll-loader-image {
    display: block;
    margin: 0 auto;
    margin-top: 13px;
}

/* Poll Question */
.poll-question {
    display: none;
    background: url('../images/layout/poll-default-w.png') top left no-repeat;
}

.poll-question h4 {
    margin-bottom: 3px;
}

.poll-question h3 {
    line-height: 16px;
}

.poll-question .poll-image-holder {
    top: 146px;
    left: 75px;
}

.poll-question ul {
    position: absolute;
    width: 150px;
    top: 134px;
    left: 198px;
}

.poll-question li {
    line-height: 30px;
}

.poll-question a {
	background: url('../images/map/poll-answers/no-arrow.png') top left no-repeat;
	padding-left: 23px; 
    font-size: 15px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 900;
	opacity: .99;
    color: #8A65D3;
    text-decoration: none;
}

.poll-question a#poll-response-yes { padding-left: 23px; font-size: 12px; opacity: .99; line-height: 16px; color: #ba176a; background: url('../images/map/poll-answers/yes-heart.png') top left no-repeat;}

/* Poll Results */
.poll-results {
    display: none;
    background: url('../images/layout/poll-results-w.png') top left no-repeat;
}

.poll-results h4 {
    margin-bottom: 15px;
}

.poll-results h3 {
    margin-bottom: 8px;
    font-size: 37px;
	opacity: .99;
}

.rtl .poll-results h3, .rtl .poll-results .poll-feedback { margin-right: 120px; }

.poll-results .poll-image-holder {
    top: 111px;
    left: 240px;
}

.poll-results .poll-feedback {
    width: 145px;
	font-family: 'proxima-nova', sans-serif;
	font-weight: 900;
    font-size: 12px;
	opacity: .99;
    line-height: 16px;
    color: #8a65d3;
}

.rta .poll-feedback, .rta .poll-results h3 {margin-right: 140px;}

.poll-results a {
    position: absolute;
    bottom: 39px;
    right: 56px;
    font-size: 18px;
	opacity: .99;
    line-height: 45px;
    letter-spacing: 1px;
    color: #fff;
    text-align: right;
    text-decoration: none;
}