/*
 | Version 10.2
 | Copyright 2012 Esri
 |
 | Licensed under the Apache License, Version 2.0 (the "License");
 | you may not use this file except in compliance with the License.
 | You may obtain a copy of the License at
 |
 |    https://www.apache.org/licenses/LICENSE-2.0
 |
 | Unless required by applicable law or agreed to in writing, software
 | distributed under the License is distributed on an "AS IS" BASIS,
 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 | See the License for the specific language governing permissions and
 | limitations under the License.
 */


/* This file contains the common style settings for "Configurable Place Finder" template */


/* Use this file to perform the following: */


/* 1.  Set the body styles                      - { Style(s) to look for: html, body,input[placeholder], [placeholder], *[placeholder] } */


/* 2.  Set styles for splash screen             - { Style(s) to look for: divSplashScreenContainer,divSplashScreenContent,divSplashScreenContainer,divSplashContent,
                                                                          customButton,customButtonInner } */


/* 3.  Set the styles for animations            - { Style(s) to look for: divToggle,slideTransition,hideBottomContainerHeight,showBottomContainerHeight,slideBottomContainerHeight,
slidePanel,hideContainer,showContainer,hideContainerHeight,showContainerHeight,opacityHideAnimation,esriLogo}*/


/* 4.  Set the styles for share container       - { Style(s) to look for: divAppContainer,divAppHolder}*/


/* 5.  Set the styles for application header    - { Style(s) to look for: lblAppName,imgOptions,tableHeader,imgApp,divApplicationHeader,divLogo}*/


/* 6.  Set the styles for search container      - { Style(s) to look for: divAddressScrollContainer,divAddressScrollContent,tblHeader,divAddressPlaceHolder,divAddressPodPlaceHolder,txtAddress,txtPodAddress
                                                                          imgLocate,divAddressList,bottomborder,tdSearchByAddress,tdSearchByFeature,tdSearchByActivity,tsSearchByUnSelectedActivity,tdSearchByUnSelectedFeature,tdSearchByUnSelectedAddress,imgSearchLoader,imgPodSearchLoader,imgPodSearchLocate,selectedActivity}*/


/* 7.  Set the styles for basemap container     - { Style(s) to look for:
basemapThumbnail,baseMapContainerNode,basemapLabel,divLayerContentHolder,selectedBaseMap}*/


/* 8.  Set the styles for info window           - { Style(s) to look for: divInfoWindowContainer,divDetails,divCommentsContainer,divInfoDetails,divInfoDirections,divCommentsContent,divInfoDetailsScroll,divInfoDirectionsScroll,divInfoPhotosScroll,tdInfoHeader,divInfoPhotos,divInfoComments,divInfoComments,divInfoDirections,
divInfodivTriangle,dj_ie .divInfoWindowContainer,ratingStar,ratingStarChecked,ratingStarBig,ratingStarBigChecked,
divInfoWindowContainer .container,imgInfoWindow,divInfoWindowContainer .content,
 divInfoWindowContainer .title,imgArrow,txtArea,tdBreakWord,tdBreak}*/


/* 9.  Set the styles for bottom panel          - { Style(s) to look for: divCarouselContent,divImageBackground,divHeader,divContentStyle,divCarouselDataContent,
divCarouselDataContainer,transparentBackground,divCommentHolder,divCommentContainer,tblInfoDetails,spanFeatureListContainer,tblInformation,tblAddressContentDirections,spanHeader}*/


/* 10. Set the styles for custom scrollbar      - { Style(s) to look for: scrollbar_track,scrollbar_handle}*/


/* 11. Set the styles for loading indicator     - { Style(s) to look for: divLoadingIndicator}*/


/* 12. Set the styles for image slideshow       - { Style(s) to look for: divImgsBlock,divImageSlide,imgAttachments,text}*/


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/* Styles for body*/

body,
html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Verdana !important;
    overflow: hidden;
    visibility: visible !important;
}

.divfullContainer {
    width: 100%;
    height: 100%;
}

.divMap {
    padding: 0;
    margin: 0;
    height: 100%;
}

.tblSplashScreenContent {
    width: 100%;
}


/*---------------------------------------------------------------------------------------------------------*/


/* Styles for splash screen*/

.divSplashScreenContainer {
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 100000;
    width: 100%;
    height: 100%;
}

.divSplashScreenContent {
    z-index: 1000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #fff;
    -moz-box-shadow: 0 0 10px #fff;
    -o-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    text-align: left;
    behavior: url("styles/PIE.htc");
}

.divSplashContainer {
    overflow: hidden;
    position: relative;
    margin-top: 10px;
}

.divSplashContent {
    padding-left: 10px;
    overflow: hidden;
    width: 90%;
}

.customButton {
    border: none;
    cursor: pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.splashOkButton {
    width: 75px;
    margin-top: 10px;
}

.customButtonInner {
    width: 100%;
    height: 100%;
}

.splashScreenSize {
    height: 95% !important;
    width: 95% !important;
}

.splashScreenContentSize {
    height: 490px !important;
    width: 420px !important;
}


/* .splashScreenContentSize {
    height: 290px !important;
    width: 350px !important;
} */


/*---------------------------------------------------------------------------------------------------------*/


/*animations */

.divToggle {
    position: absolute;
    z-index: 1005;
    overflow: hidden;
    -webkit-transition: bottom 0.5s ease-in;
    -moz-transition: bottom 0.5s ease-in;
    -o-transition: bottom 0.5s ease-in;
    transition: bottom 0.5s ease-in;
    bottom: 0px;
}

.tblToggle {
    margin-left: 50px;
}

.tblImage {
    width: 40px;
    height: 100%;
}

.showContainer {
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
    transition: All 0.5s ease-in;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.hideContainer {
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
    transition: All 0.5s ease-in;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}

.opacityHideAnimation {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    -moz-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    -o-transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
    transition: visibility 0s linear 0.5s, opacity 0.5s ease-in;
}

.opacityShowAnimation {
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in;
    -moz-transition: opacity 0.5s ease-in;
    -o-transition: opacity 0.5s ease-in;
}

.hideContainerHeight {
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    height: 0px !important;
}

.showContainerHeight {
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    height: 100%;
}

.hideBottomContainerHeight {
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    height: 0px;
}

.showBottomContainerHeight {
    overflow: hidden;
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
    height: 200px;
}

.slideBottomContainerHeight {
    -webkit-transition: height 0.5s ease-in;
    -moz-transition: height 0.5s ease-in;
    -o-transition: height 0.5s ease-in;
    transition: height 0.5s ease-in;
}

.esriLogo {
    bottom: 10px;
    -webkit-transition: bottom 0.5s ease-in;
    -moz-transition: bottom 0.5s ease-in;
    -o-transition: bottom 0.5s ease-in;
    transition: bottom 0.5s ease-in;
    z-index: 1006 !important;
}

.slidePanel {
    -webkit-transition: left 0.5s ease-in;
    -moz-transition: left 0.5s ease-in;
    -o-transition: left 0.5s ease-in;
    transition: left 0.5s ease-in;
}


/*---------------------------------------------------------------------------------------------------------*/


/*Share Container Styles*/

.divAppContainer {
    position: absolute;
    z-index: 1000;
    top: 60px;
    right: 15px;
}

.fullHeight {
    height: 100%;
}

.divAppHolder {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/*---------------------------------------------------------------------------------------------------------*/


/* Header Styles*/

.tableHeader {
    width: 100%;
    height: 100%;
}

.imgApp {
    height: 68px;
}

.divLogo {
    position: absolute !important;
    top: 2px;
    left: 1px;
    width: 75px;
    height: 55px;
    z-index: 1006;
    display: none;
}

.divApplicationHeader {
    vertical-align: middle;
    top: 0px;
    height: 50px;
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    font-size: 24px;
}

.lblAppName {
    padding-left: 80px;
    width: 50%;
    font-size: 80%;
}


/*---------------------------------------------------------------------------------------------------------*/


/*AddressContainer Styles*/

.tblSearchHeader {
    width: 100%;
}

.trSearchHeader {
    height: 20px;
}

.tdSearchHeader {
    padding-left: 8px;
}

.tdSearchClose {
    width: 10%;
}

.imgSearchClose {
    cursor: pointer;
    padding: 0px;
}

.divAddressResultContainer {
    margin: 0px 0px 0px 5px;
}

.tblAddressResultContainer {
    width: 100%;
}

.tblAddressResults {
    width: 100%;
}

.divActivityContainer {
    position: relative;
    overflow: hidden;
}

.tableActivityList {
    width: 97%;
}

.tblPodAddressSearch {
    width: 100%;
}

.tdPodAddressSearch {
    padding-left: 5px;
}

.divDirections {
    position: relative;
}

.tdDirectionsHeader {
    padding-right: 5px;
}

.divDirection {
    width: 95%;
    overflow: hidden;
    padding-left: 5px;
}

.tblNewAddressSearch {
    width: 95%;
    padding-left: 5px;
}

.innerTblAddressResultContainer {
    width: 100%;
    margin: 0px -2px 0px 4px;
}

.divAddressScrollContainer {
    overflow: hidden;
    position: relative;
}

.divAddressScrollContent {
    overflow: hidden;
    width: 93%;
}

.tblHeader {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-radius: 10px 10px 0px 0px;
}

.divAddressPlaceHolder,
.divAddressPodPlaceHolder {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.divRadiusPodPlaceHolder {
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    position: relative;
}

.txtAddress {
    width: 100%;
    border: 1px solid white !important;
    outline: none;
    padding: 0px !important;
    vertical-align: middle;
    font-family: Verdana !important;
    vertical-align: middle !important;
}

.txtPodAddress {
    border: none !important;
    outline: none;
    padding: 0px !important;
    vertical-align: middle;
    font-family: Verdana !important;
}

.imgLocate {
    position: absolute;
    cursor: pointer;
}

.imgLocateText {
    position: absolute;
    cursor: pointer;
}

.divAddressList {
    margin-top: 5px;
    z-index: 101;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.bottomborder {
    border-bottom: 1px solid white;
}

.tdSearchByAddress {
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    cursor: default;
    border: 1px solid white;
}

.tdSearchByFeature {
    margin-left: 10px;
    margin-right: 10px;
    height: 25px;
    text-align: center;
    cursor: default;
}

.tdSearchByActivity {
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: center;
    cursor: default;
    border: 1px solid white;
}

.tdSearchByUnSelectedActivity {
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
    text-align: center;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    border: 1px solid black;
}

.selectedFeature {
    cursor: pointer;
}

.tdSearchByUnSelectedFeature {
    margin-left: 10px;
    margin-right: 10px;
    height: 25px;
    text-align: center;
    cursor: pointer;
}

.tdSearchByUnSelectedAddress {
    margin-left: 10px;
    margin-right: 10px;
    height: 20px;
    text-align: center;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-top-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    border-top-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-right-radius: 5px;
    cursor: pointer;
    border: 1px solid black;
}

.imgSearchLoader,
.imgPodSearchLoader {
    vertical-align: middle;
    display: none;
    cursor: default;
}

.imgPodSearchLocate {
    style: vertical-align: middle;
    cursor: pointer;
    top: 1px;
    right: 5px;
    position: absolute;
}

.selectedActivity {
    border: 5px solid olive !important;
    cursor: pointer;
}


/*---------------------------------------------------------------------------------------------------------*/


/*Base-map Container Styles*/

.basemapThumbnail {
    behavior: url("styles/PIE.htc");
    height: 67px;
    margin: 1px;
    width: 102px;
    cursor: pointer;
}

.baseMapContainerNode {
    float: left;
    margin: 10px 10px 0px 10px;
    width: 100px;
}

.basemapLabel {
    text-align: center;
    width: 100%;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.divLayerContentHolder {
    overflow: auto;
    padding: 7px;
}


/*---------------------------------------------------------------------------------------------------------*/


/*InfoWindow Styles*/

.divPhotoGalleryContent {
    padding-left: 5px;
}

.divInfoContainer {
    top: 0px;
    left: 0px;
    position: absolute;
    z-index: 1001;
    width: 100%;
    height: 100%;
    behavior: url("styles/PIE.htc");
}

.tblResultContent {
    width: 100%;
    padding: 1px;
}

.tdResultContent {
    padding-left: 7px;
    width: 98%;
}

.tblCommentView {
    height: 35px;
    cursor: pointer;
}

.tdCommentView {
    width: 37px;
}

.btnsComments {
    width: 75px;
}

.divAddComment {
    margin: 5px;
}

.divDetails {
    position: relative;
    display: none;
}

.tdImgGAllery {
    padding-left: 7px;
}

.divPhotoGallery {
    position: relative;
}

.tblPodAddressResults {
    width: 95%;
}

.tdLabel {
    padding-left: 7px;
}

.divCommentsContainer,
.divInfoDetails,
.divInfoDirections {
    overflow: hidden;
    position: relative;
}

.divCmtIpContent {
    position: absolute;
    overflow: hidden;
    width: 95%;
}

.commentTextArea {
    margin-top: 5px;
    width: 100%;
}

.commentError {
    margin-top: 3px;
    word-wrap: break-word;
}

.imgMblAttachment {
    border: 1px solid #fff;
}

.commentRating {
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding-left: 0px;
}

.infoHeaderTbl {
    width: 100%;
    padding: 1px;
}

.imgClose {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 5px;
}

.imgPreviousImg {
    cursor: pointer;
    margin-left: 4px;
    margin-bottom: 25px;
}

.divCommentsContent,
.divInfoDetailsScroll,
.divInfoDirectionsScroll,
.divInfoPhotosScroll {
    overflow: hidden;
    width: 95%;
    position: relative;
}

.tdCommentError {
    height: 20px;
}

.tdInfoHeader {
    font-weight: bolder;
}

.divInfoDetails,
.divInfoComments,
.divInfoDirections,
.divInfoPhotos {
    margin-left: 5px !important;
}

.divInfoPhotos {
    position: relative;
}

.divInfoWindowContainer {
    z-index: 1002;
    position: absolute;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.divTriangle {
    border-bottom: 0;
    width: 0;
    height: 0;
    overflow: hidden;
    display: block;
    position: relative;
    margin: auto;
    bottom: 0px;
}

.spanContentText {
    margin-left: 5px;
    margin-top: 5px;
}

.title {
    font-weight: bolder;
}

.dj_ie .divInfoWindowContainer {
    border: none;
}

.divInfoWindowContainer .container {
    position: absolute !important;
    top: 0;
    left: 0;
}

.imgInfoWindow {
    position: relative;
}

.divInfoWindowContainer .content {
    position: relative;
    overflow: auto;
}

.divInfoWindowContainer .title {
    font-weight: bolder;
    height: 21px;
    padding: 7px 2px 2px 7px !important;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-radius: 10px 10px 0px 0px;
    behavior: url("styles/PIE.htc");
}

.infotblHeader {
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-radius: 10px 10px 0px 0px;
    behavior: url("styles/PIE.htc");
}

.divInfo {
    position: relative;
}

.imgArrow {
    z-index: 1000;
    position: absolute;
    cursor: pointer;
    right: 5px;
    top: 7px;
    height: 33px;
    width: 33px;
}

.imgClose3 {
    z-index: 1000;
    position: absolute;
    cursor: pointer;
    right: 40px;
    top: 7px;
    height: 35px;
    width: 35px;
}

.ratingStar {
    display: inline-block;
    background-image: url("../images/rating_empty.png");
    background-position: left center;
    padding-left: 2px;
    height: 20px;
    width: 20px;
    float: left;
}

.ratingStarChecked {
    background-image: url("../images/rating_full.png");
}

.ratingStarBig {
    display: inline-block;
    background-image: url("../images/rating_empty.png");
    background-position: left center;
    height: 22px;
    width: 23px;
    float: left;
}

.ratingStarBigChecked {
    background-image: url("../images/rating_full.png");
}

.txtArea {
    padding: 1px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    resize: none;
    overflow: auto;
}

.divDirectionContainer {
    position: relative;
}

.tdBreakWord {
    display: inline-block;
    word-break: break-all;
    word-wrap: break-word;
}

.tdBreak {
    word-wrap: break-word;
}


/*---------------------------------------------------------------------------------------------------------*/


/* bottom panel CSS*/

.transparentBackground {
    vertical-align: middle;
    behavior: url("styles/PIE.htc");
}

.divCarouselContent {
    bottom: 0px;
    height: 0px;
    width: 100%;
    position: absolute;
    z-index: 1005;
    text-align: middle;
}

.divImageBackground {
    -moz-border-top-left-radius: 10px 10px;
    -webkit-border-top-left-radius: 10px 10px;
    border-top-left-radius: 10px 10px;
    -moz-border-top-right-radius: 10px 10px;
    -webkit-border-top-right-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
    overflow: hidden;
    height: 36px;
    width: 40px;
    z-index: 1005;
    text-align: center;
    behavior: url("styles/PIE.htc");
}

.divHeader {
    height: 44px;
    position: relative;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px;
    border-radius: 10px 10px 0px 0px;
    behavior: url("styles/PIE.htc");
}

.divContentStyle {
    height: 150px;
    position: relative;
    width: 100%;
    -moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border-radius: 0px 0px 10px 10px;
    behavior: url("styles/PIE.htc");
    overflow: hidden;
}

.divSearchBox {
    position: relative;
}

.divFeatureListContentStyle {
    margin-top: 5px;
}

.divCarouselContentInfo {
    height: 220px;
}

.tdCarouselArrow {
    width: 37px;
}

.divCount {
    font-size: 22px;
    width: 65px;
}

.spanPhotoGallery {
    font-size: 12px;
}

.tdAttachments {
    vertical-align: middle;
}

.divLeftArrow {
    z-index: 1000;
}

.divClose {
    position: relative;
}

.arrowImg {
    cursor: pointer;
    vertical-align: middle;
}

.divRightArrow {
    z-index: 1000;
    display: block;
}

.divCarouselDataContent {
    float: left;
    height: 100%;
    position: absolute;
    left: 0px;
    vertical-align: middle;
}

.divCarouselDataContainer {
    height: 200px;
    width: 100%;
    position: relative;
    overflow: hidden;
    float: left;
}

.transparentBackground {
    vertical-align: middle;
}

.divCommentHolder,
divCommentContainer {
    position: relative;
    overflow: hidden;
}

.spanFeatureListContainer {
    font-weight: bold;
    padding-left: 5px;
    padding-top: 5px;
}

.tblInformation {
    padding-left: 5px;
    padding-top: 5px;
}

.tblAddressContentDirections {
    width: 97%;
    height: 15%;
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: white;
    padding-top: 5px;
    padding-left: 5px;
}

.tblInfoDetails {
    width: 90%;
    padding-top: 5px;
    padding-left: 2px;
}

.spanHeader {
    font-weight: bolder;
    margin-left: 5px;
}


/*---------------------------------------------------------------------------------------------------------*/


/* Styles for custom scrollbar*/

.scrollbar_track {
    position: absolute;
    right: 0;
    top: 2px;
    cursor: default;
    display: block;
}

.scrollbar_handle {
    position: relative;
    width: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    opacity: 0.9;
    -moz-opacity: 0.9;
    cursor: default;
    behavior: url("styles/PIE.htc");
}

#ttdiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(27, 54, 109, 0.9);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#ttdiv::-webkit-scrollbar {
    width: 6px;
}

#ttdiv::-webkit-scrollbar-thumb {
    background: rgba(192, 192, 192, 0.9);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}


/*---------------------------------------------------------------------------------------------------------*/


/*Styles for Loading indicator container*/

.divLoadingIndicator {
    height: 100%;
    width: 100%;
    z-index: 2000;
    position: absolute;
    bottom: 0px;
    filter: alpha(opacity=55);
    -moz-opacity: 0.55;
    -khtml-opacity: 0.55;
    opacity: 0.55;
    top: 0px;
    left: 0px;
}


/* Images SlideShow */

.divImgsBlock {
    behavior: url("styles/PIE.htc");
    width: 100%;
    height: 100%;
    position: absolute;
    vertical-align: middle !important;
    z-index: 1010 !important;
    bottom: 0px;
}

.divImageSlide {
    filter: alpha(opacity=100);
    opacity: 1;
    top: 80px;
    width: 500px;
    height: 400px;
    z-index: 1010 !important;
    bottom: 0px;
    margin-top: 90px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px #fff;
    -moz-box-shadow: 0 0 10px #fff;
    -o-box-shadow: 0 0 10px #fff;
    box-shadow: 0 0 10px #fff;
    behavior: url("styles/PIE.htc");
}

.text {
    font-size: 11px;
    font-family: Verdana;
    cursor: pointer;
}

.imgAttachments {
    max-height: 300px;
    max-width: 450px;
}

.imgNextImg {
    cursor: pointer;
    margin-right: 5px;
    margin-bottom: 25px;
}

.featureNameWidth {
    width: 95% !important;
}

.thumbNailStyle {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

.spanBaseMapTextStyle {
    margin-top: 0px !important;
}

.tbl {
    width: 95% !important;
}

.tdDisplayText {
    width: 50% !important;
}

.tdAttachmentText {
    width: 50% !important;
    cursor: pointer !important;
    text-decoration: underline !important;
}

.imgActivity {
    padding: 2px 5px 5px 0px !important;
    cursor: default !important;
}

.imgGallery {
    height: 60px !important;
    width: 60px !important;
    padding: 5px !important;
}

.imgGallery {
    cursor: pointer !important;
}

.CreateActivityTable {
    width: 90% !important;
}

.displayBlock {
    display: block !important;
}

.displayNone {
    display: none !important;
}

.cursorPointer {
    cursor: pointer !important;
}

.cursorDefault {
    cursor: default !important;
}

.invalidSearch {
    cursor: default !important;
}

.mailLink {
    cursor: pointer;
    word-break: break-all;
}

.imgActivitySearch {
    cursor: pointer;
    border: 3px solid transparent;
}

.tblCommentsContent {
    padding-left: 5px;
    padding-top: 5px;
}


/* styles for share container */

.tdShare {
    width: 30px;
}

.trInfoHeader {
    height: 30px;
}

.zeroHeight {
    height: 0px !important;
}

.tdRating {
    width: 100%;
}

.divAddressHolder {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.divLegendHolder {
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.divLegendResultContainer {
    overflow: hidden;
    position: relative;
    margin-top: 5px;
}

.divLegendScrollContent {
    padding-left: 5px;
    padding-right: 12px;
    overflow: hidden;
    width: 90%;
}

.esriSimpleSliderHomeButton {
    border-bottom: 2px solid #666666;
    background-image: url('../images/home.png');
    background-repeat: no-repeat;
    background-position: center;
}