/*
  | 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
 |
 |    http://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 "My Government Services" template */
/* Use this file to perform the following: */

/* 1.  Set the body styles                      - { Style(s) to look for: html, body } */
/* 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: slideTransition,hideBottomContainer,showBottomContainer,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,imgApplication,divApplicationHeader,divLogo}*/
/* 6.  Set the styles for search container      - { Style(s) to look for: divAddressScrollContainer,divAddressScrollContent,tblHeader,divAddressPlaceHolder,txtAddress,
                                                                          imgLocate,divAddressList,bottom border}*/
/* 7.  Set the styles for info window           - { Style(s) to look for: divInfoWindowContainer,divTriangle,dj_ie .divInfoWindowContainer,
                                                                          divInfoWindowContainer .container,imgInfoWindow,divInfoWindowContainer .content,
                                                                          divInfoWindowContainer .title,imgArrow}*/
/* 8.  Set the styles for bottom panel          - { Style(s) to look for: divCarouselContent,divImageBackground,divDetailsHeader,divContentStyle,divCarouselDataContent,
                                                                          .divCarouselDataContainer}*/
/* 9. Set the styles for loading indicator     - { Style(s) to look for: divLoadingIndicator}*/



/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Importing Archerus Grotesque, not supported in IE8 and below*/ 
@font-face {
    font-family: 'acherusgrotesque-regular';
    src: url("font/acherusgrotesque-regular-webfont.woff2") format('woff2'),
         url("font/acherusgrotesque-regular-webfont.woff") format('woff');
    font-weight: normal;
    font-style: normal;

}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Styles for body*/

body, html
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: acherusgrotesque-regular !important;
    overflow: hidden;
    color: white;
	background: #193c5d;
    visibility: visible !important;
}

/*---------------------------------------------------------------------------------------------------------*/
/* Styles for splash screen*/

.divSplashScreenContainer
{
    top: 0px;
    left: 0px;
    background: rgba(25,60,93,.7);
    -pie-background: rgba(0,0,0,0.65);
    behavior: url("styles/PIE.htc");
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
}


.divSplashScreenContent
{
	color:#63656C;
    z-index: 1000;
    background-color:rgba(255,255,255,1);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	/*border:2px solid #9fbfc9; 		/*REMOVES HAZY SHADOW AROUND POP-UP
    -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-align: center;
}

.divSplashScreenContent div{
margin-left:auto;
margin-right:auto;
}

.divSplashContainer
{
    overflow: hidden;
    position: relative;
	width:95%;
}

.divSplashContent
{
	font-size: 13pt !important;
    overflow: hidden;
    width:100%;
	text-align:center;
}

.customButton
{
    border: none;
    color: #fff;
    cursor: pointer;
    /*background: -webkit-gradient(linear, left top, left bottom, from(#254e78), to(#3573b1)) !important;	/*REMOVES GRADIENT ON BUTTON
    background: -moz-linear-gradient(top, #254e78, #3573b1) !important;
    background: -o-linear-gradient(#254e78, #3573b1) !important;*/
	background:#193c5d!important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    overflow: hidden;
width: 75px;	
}

.disabled{
	background: -webkit-gradient(linear, left top, left bottom, from(gray), to(black)) !important;
    background: -moz-linear-gradient(top, gray, black) !important;
    background: -o-linear-gradient(gray, black) !important;
	background:linear-gradient(gray, black)!important;
	cursor:progress;
	width: 150px;
}

.customButtonInner
{
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#888888', endColorstr='#454545');
    width: 100%;
    height: 100%;
}

/*---------------------------------------------------------------------------------------------------------*/
/*animations */

.divtoggle
{
	background-color: #f0eee2;
	min-width: 200px;
	left: 50px;
	border-radius: 3px 3px 0px 0px;
	border-top: 1px solid #193c5d;
    border-right: 1px solid #193c5d;
    border-left: 1px solid #193c5d;
    position: absolute;
    z-index: 98;
    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;
	/*display: none;*/
}

.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;
}

.fadeIn
{
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

.fadeOut
{
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
}

.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;
}

.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;
    position: relative;
}

.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: 95px;
    right: 40px;
}

.divAppHolder
{
	height:100%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #7f95b6; 
    -pie-background: rgba(0,0,0,0.9);
    behavior: url("styles/PIE.htc");
	    z-index: 1000;
}



.tinyURL
{

text-align:center;
padding-left:5px;
}
/*---------------------------------------------------------------------------------------------------------*/
/* Header Styles*/

.tableHeader
{
    width: 100%;
    height: 100%;
	background-color: #193c5d;
}

.imgOptions
{
    height: 100px;
    width: 100px;
}

.imgApp
{
    /* width: 100px;
    height: 100px; */
	margin-top:-10px;
	
}

.divLogo
{
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
    z-index: 1006;
    display: none;
}

.divApplicationHeader
{
    vertical-align: middle;
    background-color: #193c5d;
    -pie-background: rgba(0,0,0,0.9);
    behavior: url("styles/PIE.htc");
	box-shadow: 0 0 3px black;
    top: 0px;
    height: 55px;
    width: 100%;
    position: absolute;
    z-index: 1005;
    overflow: hidden;
    font-size: 24px;
}

.lblAppName
{
		padding-left: 135px;
		padding-Top: 20px;
		font-family:acherusgrotesque-regular;
		text-shadow: 3px 2px 0px rgba(0, 0, 0, 0.25) !important;
		font-weight: thicker !important;
		font-size: 125%;
		letter-spacing: .75px;
	
}

#headerLinks{
	font-family:acherusgrotesque-regular;
	font-size: 11pt;
}

/*---------------------------------------------------------------------------------------------------------*/
/*AddressContainer Styles visibility 0s linear, opacity 0.5s ease-in;*/
 .divAddressResultContainer{
 color:#000000;
 background-color:#ebf2f9;
 ;
 }
 
 #divAddressResultContainer{
	font-size: 10pt; 

 }
 
 #divAddressHolder{
	 opacity: 1 !important;
 }
 
 div#divAddressContent.divAddressContent{
	 opacity: 1 !important;
 }
 
.showAddressHolder{
	opacity: 1;
	/*-webkit-transition: visibility 0s linear, opacity 0.9s ease-in;
    -moz-transition: visibility 0s linear, opacity 0.9s ease-in;
    -o-transition: visibility 0s linear, opacity 0.9s ease-in;
    transition: visibility 0s linear, opacity 0.9s ease-in;
	 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);*/
}

.hideAddressHolder{
	visibility:hidden;
	-webkit-transition: visibility .9s linear, opacity 0.9s ease-out;
    -moz-transition: visibility .9s linear, opacity 0.9s ease-out;
    -o-transition: visibility .9s linear, opacity 0.9s ease-out;
    transition: visibility .9s linear, opacity 0.9s ease-out;
	 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	opacity: 0;	
}
 
 .pod{
	-webkit-transition: visibility .9s linear, opacity 0.9s ease-out;
    -moz-transition: visibility .9s linear, opacity 0.9s ease-out;
    -o-transition: visibility .9s linear, opacity 0.9s ease-out;
    transition: visibility .9s linear, opacity 0.9s ease-out;
	 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  vertical-align: top !important;
 
 }
 
.divAddressScrollContainer
{
    overflow: hidden;
    position: relative;
}

.divAddressScrollContent
{
-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;
    overflow: hidden;
    width: 93%;
    color: White;

}

.tblHeader
{
	background-color: #2a4f86;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-radius: 7px 7px 0px 0px;
    behavior: url("styles/PIE.htc");
}

#tdSearchAddress
{
	font-family: acherusgrotesque-regular !important;
    font-size: 13pt !important;
}

.infotblHeader
{
     background-color: #303030;
    -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;
    border-bottom:gray 1px solid;
}


.divAddressPlaceHolder
{

    background-color: #ebf2f9;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: relative;
}

.txtAddress
{
    background-color: #ebf2f9;
	color: #000000 !important;
    width: 260px;
    border: none !important;
    outline: none;
    padding-left: 5px !important;
    vertical-align: middle;
    font-family: acherusgrotesque-regular !important;
    font-size: 15px !important;
}

#txtAddress{
	font-size: 10pt !important;
}

.imgLocate
{
    position: absolute;
    cursor: pointer;
    right: 0px;
}

.divAddressList
{
    margin-top: 5px;
    color: #fff;
    z-index: 101;
    background-color: transparent;
    border: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    behavior: url("styles/PIE.htc");
}

#divAddressContent{
	background-color: #7f95b6;
	opacity: 1 !important;
}

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

/*---------------------------------------------------------------------------------------------------------*/
/*Basemap Container Styles*/

.basemapThumbnail
{
    -moz-box-shadow: 0 0 7px #000000;
    -webkit-box-shadow: 0 0 7px #000000;
    box-shadow: 0 0 7px #000000;
    behavior: url("styles/PIE.htc");
    border: 1px solid #fff;
    height: 67px;
    margin: 1px;
    width: 102px;
    cursor: pointer;
}

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

.basemapLabel
{
    background-color: transparent;
    color: #fff;
    text-align: center;
    width: 100%;
	height:20px;
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
}

.divLayerContentHolder
{
    overflow: auto;
    padding: 7px;
	background-color: #7f95b6;
}

.selectedBaseMap
{
    -webkit-box-shadow: 0 0 15px #63BA65;
    -moz-box-shadow: 0 0 15px #63BA65;
    box-shadow: 0 0 15px #63BA65;
    behavior: url("styles/PIE.htc");
}

/*---------------------------------------------------------------------------------------------------------*/
/*styles for headers */

.spanHeader
{
    font-weight: bolder;
	font-family: acherusgrotesque-regular;
	font-size: 12pt;
    margin-left: 2px;
}


/*---------------------------------------------------------------------------------------------------------*/
/*InfoWindow Styles*/

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

.divDetails
{
	height: 100%;
    position: relative;
    /*LBC: all pods are default on. visibility controlled by group tab display: none;*/
	 border-radius: 10px 10px 10px 10px;
	-moz-border-radius-bottomleft: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-bottom-right-radius: 10px;

}

.divDetailsHover
{
	height: 100%;
   position: relative;
	border-radius: 10px 10px 10px 10px;
	color: #ebf2f9;
	border-radius: 3px 3px 3px 3px;
	-moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
	-moz-box-shadow: 1px 2px 3px #fffee2, -1px -2px 3px #2a4f86; 
	-webkit-box-shadow: 1px 2px 3px #fffee2, -1px -2px 3px #2a4f86;
	box-shadow: 1px 2px 3px #fffee2, -1px -2px 3px #2a4f86;
}

.divDetailsSelected
{
    position: relative;
	border-radius: 3px 3px 3px 3px;
	border: #193c5d;
	-moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
	-moz-box-shadow: 1px 2px 5px  #fffee2, -1px -2px 5px  #2a4f86;
	-webkit-box-shadow: 1px 2px 5px  #fffee2, -1px -2px 5px  #2a4f86;
	box-shadow: 1px 2px 5px  #fffee2, -1px -2px 5px  #2a4f86;
}

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

.divCommentsContent, .divInfoDetailsScroll, .divInfoDirectionsScroll
{
    overflow: hidden;
    width: 95%;
    color: White;
}

.tdInfoHeader
{
    font-weight: bolder;
}

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

.divInfoWindowContainer
{
    z-index: 1002;
    position: absolute;
    background-color: #585858;
    color: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.divTriangle
{
    border: solid 20px transparent;
    border-top-color: #585858;
    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
{
    color: #fff;
}

.divInfoWindowContainer .title
{
    font-weight: bolder;
    height: 21px;
    padding: 7px 2px 2px 7px !important;
    color: #fff;
    background-color: #303030;
    -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-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom: gray 1px solid;
    behavior: url("styles/PIE.htc");
}

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

.txtArea
{
    border: 1px solid #242424;
    padding: 1px;
    background-color: #333333;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    resize: none;
    height: 100px;
    overflow: auto;
}

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

/*---------------------------------------------------------------------------------------------------------*/
/* bottom panel css*/

.divCarouselContent
{
    bottom: 0px;
    height: 0px;
    width: 100%;
    position: absolute;
    z-index: 1005;
    text-align: middle;
	font-family: acherusgrotesque-regular;
	box-shadow: 0 0 3px #193c5d;
}
	
.divCarouselContent table
{
padding: 0px;
border-collapse: collapse !important;
border-spacing: 0px !important;
margin-bottom: 10px;

}



#tblCategory{
width:100%;
height:10px;
border: 1 px solid #193c5d;
}

#tblCarousel{
width:100%;
border-collapse:collapse !important;
border-spacing: 0px !important;
padding:0px;
margin:0px;
}

#trLink td{
text-align:center;
font-size: 15pt !important;
vertical-align:middle;
padding-left: 4px;
border-collapse:collapse !important;
border-spacing: 0px;
/*background:rgba(48,0,0,.4);*/
}

#trLink td:hover{
font-size: 15pt !important;
vertical-align:middle;
padding:0;
cursor:pointer;
background-color:#2a4f86 ;
border-top: 1px solid #193c5d;
text-shadow: 2px 2px 3px #4E4D4D !important;
-webkit-transition: all .1s ease-in-out;
transition:all .1s ease-in-out;

}

.divImageBackground
{
	-moz-border-radius-topleft:10px 10px;
    -webkit-border-top-left-radius: 10px 10px;
    border-top-left-radius: 10px 10px;
    -moz-border-radius-topright: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;
    /*background-image: url("../images/toggleGradient.png");*/
    behavior: url("styles/PIE.htc");
}



.trCarousel{
background-color: #7f95b6;
height:198px;
}

	
.trCarousel td
{
padding: 0px;
}

.trCarouselInfo{
background-color: #7f95b6;
height:12px;
}

#tdCarouselInfo
{
width: 100%;
text-align: center;
font-size:11px;
font-family:acherusgrotesque-regular;
}
.tdServiceLink{
	font-weight:normal;
	font-family:acherusgrotesque-regular;
	font-size: 15pt;
	height:100%;
	background:#193c5d;
	border-left: 2px solid #c1503f;
	border-right: 2px solid #c1503f;
height:100%;

}

.tdServiceLinkSelected{
	font-size: 15pt !important;
	color: #ffffff;
	text-shadow: 2px 2px 3px #000000 !important;
	font-weight:bold;
	font-family:acherusgrotesque-regular;	
	padding-left: 2px;
	background: #7f95b6;	
	border-left: 2px solid #c1503f;
	border-right: 2px solid #c1503f;
	border-top: 5px solid #c1503f;
	border-bottom: transparent;
	-webkit-transition: all .4s ease-in-out;
	transition:all .2s ease-in-out;	
	box-shadow: 0 -1px 5px rgba(42,79,134, 0.8);
	/*webkit-box-shadow: 1px 1px 5px #B0B0B0, -1px -1px 5px #B0B0B0;
    -moz-box-shadow: 1px 1px 5px #B0B0B0, -1px -1px 5px #B0B0B0;
    -o-box-shadow: 1px 1px 5px #B0B0B0, -1px -1px 5px #B0B0B0;
    box-shadow: 1px 1px 5px #B0B0B0, -1px -1px 5px #B0B0B0;*/
}



.divDetailsHeader
{
	height:50 px;
    position: relative;    
    background-color: #193c5d; /*was #303030*/
	border-radius: 3px 3px 0px 0px;
    behavior: url("styles/PIE.htc");
}

.divDetailsHeaderHover
{
	background-color: rgba(42,79,134, 0.8);
	border-radius: 3px 3px 0px 0px;
	position: relative;
	height:50 px !important;
	behavior: url("styles/PIE.htc");
	
}



table.tableInfo tbody tr:hover{
background: #c1503f !important;
}

table.tablePickUp tbody tr:hover {
background: rgba(42,79,134, 0.8) !important;}

.divContentStyle
{
    color:#000000;
	font-family:acherusgrotesque-regular;
    font-size: 11pt;
    margin-top:5px;
	background-color: #ffffff; /*was #626262;*/
    height: 160px;
    position: relative;
    width: 100%; 
    behavior: url("styles/PIE.htc");
    overflow: hidden;
	border-radius: 0px 0px 3px 3px;
}

.divCarouselDataContent
{
    float: left;
    height: 100%;
	width:100%;
    position: absolute;
    left: 0px;
    vertical-align: top !important;
	padding-left:18px;
	
}

#tdCarouselInfo {
	font-family: acherusgrotesque-regular;
}

.divServiceContainer
{
    width: 100%;
	height: 38px;
    background-color: transparent;
	border-collapse:collapse;
	border-spacing: 0px;
    position: relative;
    overflow: hidden;
    z-index: 100;
    float: left;
}


.tablePickUp
{
    background-color: Black;
    border-color: white;
    margin-top: 10px;
}

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

.divCarouselDataContainer
{
    height: 100%;
    width: 100%;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    float: left;
}

#menuToolTip{
	background-color: rgba(42,79,134,.8);
	font-family: acherusgrotesque-regular;
	color:#ffffff;
	font-size:14px;
	border-color: #193c5d;
	border-bottom: 0px;
}


/*---------------------------------------------------------------------------------------------------------*/
/* Styles for custom scrollbar*/

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

.scrollbar_handle
{
    position: relative;
    width: 10px;
    background-color: #C0C0C0;
    -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");
}

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for Loading indicator container*/

.divLoadingIndicator
{
    height: 100%;
    width: 100%;
    display: none;
    font-family: acherusgrotesque-regular;
    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;
    background: rgba(0,0,0,0.65);
    -pie-background: rgba(0,0,0,0.65);
    behavior: url("styles/PIE.htc");
}

 input:-moz-placeholder {
      color: gray;
 }
textarea:-moz-placeholder {
      color: gray;
 }

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

/*---------------------------------------------------------------------------------------------------------*/
/*Style for the bottom bar address*/
.divAddress {
	float: left;
	font-size: 14pt !important;
	font-weight:bold;
	background-color: transparent;
	color: #000000;
	padding-right: 60px !important;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 8px 8px 8px 8px;
    z-index: 2000;
}

#imgHomeButton {
	float: left;
	height: 25px;
	width: 25px;
	padding-left: 3px !important;
	padding-top: 5px !important;
}

/*LBC Custom: Style for the splash screen address prompt */
#splashAddressPrompt
{
padding-top:10px;
text-align:center;
display:block;
width:100%;
font-size: 14pt !important;
font-weight: thicker !important;
color: #193c5d;
display: none;
}

#splashAddress
{
font-size: 14pt !important;
}

#splashTitle{
font-size: 14pt !important;
color:#193c5d;
font-weight: thicker !important;
}

#disclaimerButtonText{
font-size: 14pt !important;
}

.divSplashDisclaimerContainer{
    overflow: hidden;
    position: relative;
	}
	
.divSplashDisclaimer
{
	text-align:center;
    overflow: hidden;
    width: 95%;
	height:250px;
	font-size:9px;
}

/*LBC Custom: Style for custom field tables in pod display (see demographics pods) */
.podCustomTable{
width:100%;
}
.podCustomTable td{
text-align:center;
}

.podCustomTableheaderRow td{
font-weight:bold;
border-bottom: 1px solid #193c5d;
color:rgb(115, 111, 94);
}

.podContentDisclaimer{
position:relative;
font-style:italic;
color:#ffffff;
font-size:smaller;
}

.podContentLink{
position:relative;
}

.podContentLinkIcon {
padding-left:3px;
}

.podContentLink  a{
text-decoration:underline;
color:#a74232;
}

.podContentLink a:hover{
text-decoration:none;
}

.divContentStyle label{
font-weight:bold;

}

.divContentStyle tr{
padding:0;
height:10px !important;
}

.divContentStyle td{
padding:0;
height:10px !important;
}

#printIcon{

padding-top:5px;
padding-left:2px;}

#printIcon:hover{
text-shadow: 0px 0px 4px #8B866D;
}
.divImagePrint{
height:30px;
width:30px;
float: right;
}

#divSplashScreenIEMessage{
	text-align: center; 
	margin-top: 10px; 
	display:none; 
	color:#B55B43;
}

.spanPodLoad{
 display:block;
 height:100%;
 width:100%;
color:#d3b9b2;
margin-left:auto;
margin-right:auto;
text-align:center;
text-decoration:italic;
}

.spanPodLoad i{
font-size:42px;
text-decoration:none;
}

#distanceMessage{
width:90%;
font-size:10px;
color:gray;
text-align:center;
margin-left: 10px;
}

#headerText{
	position:absolute;
	padding-top:0px;
	padding-left:0px;
	width:70%;
	left:185px;
	
	font-family:acherusgrotesque-regular;
	font-size:12px;
	color:#edebdc;
	z-index:5; 
}

#headerText .headerPageName{
position:absolute;
font-family:acherusgrotesque-regular;
font-size:15px;
top: 10px; 	  
}

#headerLinks{
position:absolute;
background-color: #193c5d;
top:4px; 
right:10px;
font-size:13px; 
z-index:5;
}

#headerLinks td{
	color: #ffffff !important;
}

#headerLinks a, #headerLinks a:visited, #headerLinks a:active{
   color: #ffffff !important;
   text-decoration:none;
}

#headerLinks a:hover{
   color: #ffffff !important;
   text-decoration:underline;
}

#emptyPod{
	color: #193c5d !important;
}

.showAddressError{
	opacity: .9;
	-webkit-transition: visibility 0s linear, opacity 0.9s ease-in;
    -moz-transition: visibility 0s linear, opacity 0.9s ease-in;
    -o-transition: visibility 0s linear, opacity 0.9s ease-in;
    transition: visibility 0s linear, opacity 0.9s ease-in;
	 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.divAddressErrorTitle{
	background-color: #7f95b6 !important;
}

#tdAddressError{
	font-size: 13pt;
}

#divAddressErrorContent{
	font-size: 11pt;
}

.hideAddressError{
	visibility:hidden;
	-webkit-transition: visibility .9s linear, opacity 0.9s ease-out;
    -moz-transition: visibility .9s linear, opacity 0.9s ease-out;
    -o-transition: visibility .9s linear, opacity 0.9s ease-out;
    transition: visibility .9s linear, opacity 0.9s ease-out;
	 -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
	opacity: 0;	
}

#divClearAddress{
display: none;

}