/* -----------------------------------------------------------------------------
//
// Module Name:    atMapISMOD.css
//
// Description:    Styles supporting the map divs, borders etc for iSahreMaps On Demand Geocoding Demo page.
// Created by:     Mike Saunt
// Copyright:      © 2006 Astun Technology Limited
//
// -----------------------------------------------------------------------------
//
// Modification History:
//
// Version  Date        Modifier			Issue	Description
//   001    20/01/2006  Mike Saunt				Initial version derived from iShareMaps Location Server atMap.css
//
// -----------------------------------------------------------------------------
*/
@import url("http:/www.astuntechnology.com/css/astun_web.css");

body {
	background-color: #ffffff;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px;
}
div.header {
	color:White;
	background-color:#AF1F13;
	font-size: 20px;
	padding: 10px;
	line-height: 30px;
}
div.mainBody {
	text-align: center;
	width:728px;
	margin: 5 5 5 5;
}


li
{
	text-align:left;
	font-family:Arial;
	font-size:11px;
}
p
{
	font-family:Arial;
	font-size:11px;
	text-align:left;
	color:#808080;
}

h3
{
	font-size: smaller;
	font-family:Arial,VerdanaTimes New Roman;
	color:#AF1F13;
	text-align:left;
}
h2
{
	font-size: medium;
	font-weight:bold;
	font-family:Arial,VerdanaTimes New Roman;
	color:#AF1F13;
	text-align:left;
	
}

#accordionDiv
{
	width:700px;
	top:50px;
	background-color:#D6AD94;
}

.contentCorners
{
	background-color:white;
}
.contentPadding
{
	margin: 5 5 5 5;
}

.accordionTabTitleBar
{
	font-size           : 12px;
	font-family			: Arial;
	padding             : 4px 6px 4px 6px;
	border-style        : solid none solid none;
	border-top-color    : #CE5229;
	border-bottom-color : #B51000;
	border-width        : 1px 0px 1px 0px;
	background-color	: #B51000;
}

.titleSpan
{
	margin-left:4px;
	font-weight:bold;
}

.titleLogo
{
	vertical-align:middle;
}

.accordionTabTitleBarHover
{
	font-size        : 12px;
	color            : #000000;
}

.accordionTabContentBox
{
   font-size        : 12px;
   border           : 1px solid #B51000;
   border-top-width : 0px;
   padding          : 8px 8px 8px 8px;
   height			: 100%;
}


#txtInput
{
	font-family:Arial, Verdana;
	font-size:xx-small;
}
#atCopyText
{
	font-family:Arial, Verdana;
	font-size:xx-small;
	width:90%;
}
.geoInput
{
	font:x-small;
	color:#B63121;
}
/*the map area title - used for dragging*/
#atMap
{
    position: absolute;
    display:block;
    /*visibility: hidden;*/
    top:140px;
    right:0px;
    width:332px;
    height:350px;
    background-color:#F2ECDF;
    z-index:500;
}

/*the map area title - used for dragging*/
#atMapTitle
{
	width:332px;
	height:20px;
	display:inline-block;
	top:0px;
	left:0px;
	z-index:10;
	color:White;
	text-align:center;
	font-family: arial,Verdana;
	font-size: small;
	font-weight:bold;
    background-color:#B51000;
    border-bottom: solid 2px #B51000;  
}

/* Where to place the "map"? holds all map controls i.e. Nav east west etc*/
#atMapFrame
{
	display:inline-block;
    top:20px;
    left:0px;
	width:332px;
    height:330px;
/*    background-color:#B51810;*/
}

/*the map area inside the maparea!*/
#atMapArea
{
	position:absolute;
	display:inline;
	top:36px;
	left:15px;
	width:300px;
	height:300px;
	z-index:1;
}
/*the map area inside the maparea!*/

#atMapImage
{	
	position:absolute;
	left:0px;
	top:0px;
	width:300px;
	height:300px;
/*	display:inline;*/
	z-index:2;
}

#atCopyArea
{
/*    position: absolute;*/
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}

.atResults
{
	font-size:x-small;
	font-variant:small-caps;
	font-weight:bold;
	font-family:Arial,VerdanaTimes New Roman;
}

.atLabels
{
	font:x-small;
	color:#B63121;
}

#addressResultsDIV
{
	z-index:0;
}
#addressResults
{
	visibility:hidden;
	display:block;
	width:350;
	z-index:1;
}

/* The "please wait while we process" message box */
#atSandTimer
{
    display:block;
    position: absolute;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: 10% 50%;
    background-image: url(images/stopwatch.gif); /* Must be forward-slashes for Firefox */
    top: 80px;
    left: 60px;
    width: 160px;
    height: 60px;
    visibility: hidden;
    text-align: center;
    border: 2px solid gray;
    z-index: 4;
    padding: 20px;
    color: Gray;
}
#atSandTimer p
{
    padding-left: 50px;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: xx-small;    
}
/* These are the map navigation DIVs on the page */
#atNavZoomIn
{
	position:absolute;
    left: 10px;
    top: 0px;
    display:block;
    width:23px;
    height:26px;
    background-image: url(images/ZIn.gif);
    background-repeat:no-repeat;
    background-color: transparent;
    z-index: 5;
}
#atNavZoomOut
{
	position:absolute;
    left: 36px;
    top: 0px;
    display:block;
    width:23px;
    height:26px;
    background-image: url(images/ZOut.gif);
    background-repeat:no-repeat;
    background-color: transparent;
    z-index: 4;
}
#atNavZoomPrevious
{
	position:absolute;
	visibility:hidden;
    left: 62px;
    top: 20px;
    display:block;
    width:23px;
    height:26px;
    background-image: url(images/ZPrevious.gif);
    background-repeat:no-repeat;
    background-color: transparent;
    z-index: 6;
}
#atNavNorth
{
	position:relative;
    left: 63px;
    top: 3px;
    display:block;
	width:208px;
	height:17px;
    background-image: url(images/nav_n.gif);
    background-repeat:no-repeat;
    background-color: transparent;
    z-index: 7;
}
#atNavWest
{
	position:absolute;
    background-image: url(images/nav_w.gif);
    background-repeat:no-repeat;
    left: 3px;
    top: 83px;
    height:208px;
    width:17px;
    display:block;
    z-index: 8;
}

#atNavEast
{
	position:absolute;
    background-image: url(images/nav_e.gif);
    background-repeat:no-repeat;
    left: 318px;
    top: 83px;
    height:208px;
    width:17px;
    display:block;
}
#atNavSouth
{
	position:absolute;
    background-image: url(images/nav_s.gif);
    background-repeat:no-repeat;
    left: 63px;
    top: 338px;
    height:17px;
    width:208px;
    display:block;
}
/* end navigation divs */

/*used to disable the page*/
#atDisablePage
{
	display:inline;
	position: absolute;
	top:0px;
	left:0px;
	width:0px;
	height: 0px;
	background-color:Silver;
	filter:Alpha(Opacity=10);
	opacity:0.1;
	-moz-opacity:0.1;
	z-index:50;
	visibility:hidden;
}
/* Progress Bar */
#atProgressBarDialog
{
	position:absolute;
	visibility:hidden;
	width:350px;
	height:250px;
    background-color: White;
    border: solid 2px #0055E3;
    z-index:51; /*so it is above the diabled div*/
}

#atProgressBarArea
{
	padding:5px;
    background-color: White;
    font-size: x-small;
    font-family: Arial,Verdana;
}

.atProgressLabels
{
	left:20px
    font:x-small;
    font-family: Arial,Verdana;
    font-weight:bold;
    text-align:center;
    color:#B63121;
}

#atProgressBarDialogTitle
{
	width:350px;
	height:20px;	
	display:block;
	top:0px;
	left:0px;
	z-index:10;
	color:White;
	text-align:center;
	font-family: arial,Verdana;
	font-size: small;
	font-weight:bold;
    background-color:#0055E3;
    border-bottom: solid 2px #3E96FF;   

}
#atProgressBarCancelLabel
{
	position:relative;
}
#atProgressBarCancel
{
	position:relative;
	left:150px;
}

.bgBar {
background: #ff0000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-weight : bold;
}

.bgBarRed {
background: #ff0000;
border: 1px solid #FFFFFF;
color: #FFFFFF;
font-weight : bold;
}
.bgBarBlue
{
background: #235CDB;
border: 1px solid #235CDB;
color: white;
font-weight : bold;
}

#atZoomSlider{
 position:absolute; 
 z-index:7; 
 background-image:url("images/sliderBarKnob.png"); 
 width:26px; 
 height:26px; 
 cursor:pointer;
}

#atZoomBarPanel
{
	width:38px;
	height:176px;
	background-image:url("images/sliderBar.png"); 
	
}


/***************** HELP DIALOG ***********************/
#atDialog
{
	visibility:hidden;
	display:block;
	position:absolute;
	top:30px;
	width:600px;
	height:500px;
    background-color: White;
    border: solid 2px #0055E3;
    z-index:52; /*so it is above the diabled div*/
}

#atDialogArea
{
	width:590px;
	height:450px;
	padding:5px;
    background-color: White;
    font-size: x-small;
    font-family: Arial,Verdana;
}


#atDialogFrame
{
	width:590px;
	height:450px;
	position:absolute;
	top:45px;
}
.atDialogLabels
{
	left:20px;
    font:x-small;
    font-family: Arial,Verdana;
    font-weight:bold;
    text-align:center;
    color:#B63121;
}

#atDialogTitle
{
	width:600px;
	height:20px;	
	display:block;
	top:0px;
	left:0px;
	z-index:10;
	color:White;
	text-align:center;
	font-family: arial,Verdana;
	font-size: small;
	font-weight:bold;
    background-color:#0055E3;
    border-bottom: solid 2px #3E96FF;   

}

#atDialogClose
{
	position:absolute;
	right:2px;
}
#atLogo
{
	position:absolute;
	top:10px;
	right:10px;
	width:auto;
	height:auto;
	z-index:0;
}
#atHelpLinks
{
    position: absolute;
    visibility:hidden;
    top:0px;
    right:10px;
	font-family:Arial,VerdanaTimes New Roman;
	z-index:3;
}