/*
  | 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 mobile specific style settings for "My Government Services" template */
/* The common settings for the styles are defined in "myGovernmentServices.css" */
/* Use this file to perform the following: */
/* 1.  Set the body styles                      - { Style(s) to look for: html, body } */
/* 2.  Set styles for icons, buttons and header styles
                                                - { Style(s) to look for: customButton,tdHeader,imgOptions,imgShare,tblHeader}*/
/* 3.  Set the styles for search container      - { Style(s) to look for: divAddressHolder,divAddressContent,txtAddress,imgLocate}*/
/* 4.  Set the styles for base map container      - { Style(s) to look for: divLayerContainer,divLayerHolder}*/
/* 5.  Set the styles for bottom panel          - { Style(s) to look for: transparentBackground,divDetailsHeader,divImageBack,imgCarouselHeader}*/
/* 6.  Set the styles for esri slider           - { Style(s) to look for: esriSimpleSlider}*/
/* 7.  Set the styles for Info window           - {Style(s) to look for: divInfoDataContainer,divInfoDataContent,divInfowindowContent}*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* Styles for body*/
body, html
{
    font-size: 11px !important;
 }
 #divMainContainer
 {
position:absolute;
 top:55px;
height: calc(100% - 305px) !important;
 
 }
/*---------------------------------------------------------------------------------------------------------*/
/*Styles for icons*/
.customButton
{
    height: 25px !important;
}

.imgOptions
{
	height: 30px !important;
	width: 30px !important;
	vertical-align: middle;
	padding: 0px 0px 0px 0px;
	cursor: pointer;
 }

.imgShare
 {
	height: 30px !important;
	width: 30px !important;
	cursor: pointer;
	display:block;
 }

.tdHeader
{
	width: 50px;
	font-weight: bolder;
}

.tdHeader:hover {
	text-shadow:  1px 1px 0px #B55B43, 4px 3px 0px rgba(0, 0, 0, 0.25) !important;
}

.tblHeader
{
    height: 38px;
 }

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for address container*/
.divAddressHolder
 {
	z-index: 1008;
	position: absolute;
	top: 95px;
	right: 15px;
	width: 300px;
	max-height:300px;
	min-height:100px;
	border-radius: 3px 3px 0px 0px;

}


.divAddressContent
{
	background-color: #b1cce7;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #254e78;
	behavior: url("styles/PIE.htc");
}

.txtAddress
{
	height: 30px !important;
	font-size: 11px !important;
	line-height: 30px;
}

.imgLocate
{
	height: 25px !important;
	width: 25px !important;
	padding-right: 3px;
}

/*---------------------------------------------------------------------------------------------------------*/
/*Styles for base map container*/
.divLayerContainer
{
	position: absolute;
	top: 95px;
	right: 20px;
	width: 295px;
	z-index: 1000;
}

.divLayerHolder
{
margin: 0 auto 0 auto;
	width: 260px;
	height:115px;
	background: rgba(0,0,0,0.9);
	-pie-background: rgba(0,0,0,0.9);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	behavior: url("styles/PIE.htc");
}

.divLayerContentHolder{
width:100%;
height:115px !important;
margin: 0 auto 0 auto;
text-align:center;
border-radius: 5px;
padding:0;

}

#layerList div{
width:50%;
margin:0;
padding:10px 0 0 0;



}

/*---------------------------------------------------------------------------------------------------------*/
/* bottom panel css*/
.transparentBackground
{
width:100%;
	background-color: transparent;
	-pie-background: rgba(0,0,0,0.0);
	behavior: url("styles/PIE.htc");
	vertical-align: middle;
}

 


.divImageBack
{
	margin-top: 2px;
	float: right;
	height: 30px;
	width: 30px;
}


.imgCarouselHeader
{
	height: 30px !important;
	width: 30px !important;
}

/*---------------------------------------------------------------------------------------------------------*/
/* esri slider style*/
.esriSimpleSlider { top: 90px !important; }

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*Styles for info window */
.divInfoDataContainer
{
	width: 300px;
	height: 180px;
	overflow: hidden;
	position: relative;
}

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

.divInfowindowContent
{
     margin-top: -14px
 }



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

/*LBC Custom: Styling for pod header help link*/
.imgCarouselHeaderHelp{
margin: 2px;
width: 20px;
font-size:14px;
}

.imgCarouselHeaderHelp a:link, .imgCarouselHeaderHelp a:visited{
color:#FFFFFF;
}

.imgCarouselHeaderHelp a:hover{
text-shadow: 0px 0px 4px #FFFFFF;
}

/*Style for pod header icons*/
.imgCarouselHeader span{
	font-size: 22px !important;
	padding-left: 25 px !important;
	text-shadow:  1px 1px 0px #B55B43, 3px 2px 0px rgba(0, 0, 0, 0.15) !important;
}

.divToolContainer{
z-index: 1005;
position:absolute;
right:0px;
top:60px;
}
.divToolContainer i {
font-size:24px;

}

.menuToolTipShow{
	padding: 3px;
	color: #d8d8ce;
	text-shadow: 2px 2px 3px #4E4D4D !important;
	bottom: 250px;
	border-radius: 3px 3px 0px 0px;
	border: 1px solid #AFA884;
    position: absolute;
    z-index: 99;
	height: 80px;
 
    
	white-space:nowrap;
 
	font-weight:normal;
	font-family:Verdana;
	font-size: 12px;

	
	background-color:rgba(152, 146, 116, 0.8);
	border-left: 1px solid #8B866D;
	border-right: 1px solid #8B866D;
	border-top: 1px solid #8B866D;
	
	-webkit-transition: height .5s ease-in-out;
	-moz-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
	transition:height .5s ease-in-out;
	
}

.menuToolTipShow label{
text-shadow: 2px 2px 3px #4E4D4D !important;
color: #fff
}

.menuToolTipHide{
height:0px;


}

.tableInfoItem:hover{
color:#000000 !important;
text-decoration: underline;
font-weight:bold;

}

.divAddressError
 {
	z-index: 1008;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 300px;
	height:100px;
	border-radius: 3px 3px 0px 0px;
}
.divAddressErrorTitle
{
	background-color: #AFA884;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #7A765C;
	behavior: url("styles/PIE.htc");
}

#divAddressErrorContent{
margin: 5px;
text-align:center;
}