/* map */
.mapdiv { z-index:2; } /* map itself */

/* pushpin */
a.VEAPI_Pushpin, a.VEAPI_Pushpin:hover, a.VEAPI_Pushpin:link, a.VEAPI_Pushpin:visited { color:#000; text-decoration:none; }
/* pin number span */
.pinnumber { position: absolute; width:26px; text-align:center; left: 0px; top: 2px; z-index: 1000; text-decoration: none; color:#000; font-weight:bold;}

/* route */
.routeinfo { 
background-color:#A4CFFA; 
padding:5px;
margin-bottom: 1px;

} /* route information div */

/* pin editor */
.pineditor { margin-right :15px; }
.pineditor .name { width:80px; }
.pineditor .value { width:180px; }
.pineditor .value .input { width:98%;}
.pineditor .value .disabled { background-color:#f0f0f0;}
.pineditor .button {}

/* site customizing */
div.divmap * {margin:0; padding:0;}
#secondcol h1 { color:#2E5B88; font-size:14px; font-weight:bold; padding: 5px 0px 5px 0px;}

/* route directions */
#divRouteDirection, #divRouteDirection td { font-family:verdana; font-size:11px; }

#divRouteDirection td { background-color:#FFF; width:auto; font-size:90%; padding:5px 3px 5px 0px; border-bottom:1px dotted #636363;}
#divRouteDirection tr.alt td { background-color:#F0F0F0;}
#divRouteDirection h3 { color:#666666; font-size:120%; margin:3px 0pt; padding:0pt; }
#divRouteDirection ul { margin: 2px 3px; }
#divRouteDirection td img{padding-left:3px;}
#routeSummary {font-family:Arial,Helvetica,sans-serif;}
#routeSummary #startLabel {color:Green;}
#routeSummary #endLabel {color:Red;}
#routeDirections {font-family:Arial,Helvetica,sans-serif;}

/* map message box */
#mapmessagebox { background-color:#fff; font-family:verdana; font-size:10px; text-align:center; color:#812117; font-weight:bold;}
#mapmessagebox {border: 1px solid #636363; padding: 10px 5px; }
/*
.mapdiv
{
	position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-color: rgb(233, 231, 212);
}
*/

/* select location pop-up <<- MS */
/* disambiguation popup box */
#divDisambiguation .VE_PlaceList {
background-color:white;
border:1px solid #CBCBCB;
display:none;
font-family:Verdana,sans-serif;
font-size:7.5pt;
height:300px;
opacity:0.9;
overflow:visible;
padding:2px;
position:absolute;
width:400px;
}

#divDisambiguation .VE_PlaceList_Title {
background-color:Gray;
color:white;
position:absolute;
width:100%;
}
#divDisambiguation .VE_Message_Title, #divDisambiguation .VE_PlaceList_Title{
cursor:default;
font-size:8pt;
font-weight:bold;
height:20px;
letter-spacing:2px;
overflow:hidden;
padding-left:1px;
padding-right:1px;
padding-top:2px;
text-transform:uppercase;
white-space:nowrap;
z-index:42;
}

#divDisambiguation .VE_PlaceList_Close {
background-color:gray;
color:white;
}
#divDisambiguation .VE_PlaceList_Close, #divDisambiguation .VE_Message_Close {
cursor:pointer;
font-size:7pt;
height:20px;
overflow:hidden;
padding-left:1px;
padding-right:1px;
padding-top:2px;
position:absolute;
white-space:nowrap;
z-index:42;
}

#divDisambiguation .VE_PlaceList_Body {
color:Blue;
cursor:pointer;
font-size:9pt;
overflow:hidden;
padding:5px 5px 10px;
position:absolute;
top:25px;
white-space:nowrap;
z-index:42;
}
#divDisambiguation .VE_PlaceList_Body {
left:0px;
line-height:1em;
}

#divDisambiguation .VE_PlaceList_Body div {
padding:0pt 5px;
}
#divDisambiguation .VE_PlaceList_Location {
color:Blue;
cursor:pointer;
font-size:9pt;
padding:5px;
text-align:justify;
white-space:normal;
}

/* pinpoint popup */

#panelPinContent {
background:white url(/core/JabaMap/img/Popup_bggrad.png) repeat-x scroll 0% top;
border:1px solid #666;
color:#636363;
font-family:Tahoma;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
left:21px;
line-height:normal;
/*min-height:200px;*/
padding:0px;
position:absolute;
width:257px !important;
z-index:1;
vertical-align:top;
}

#panelPinContent h2 {
font-weight:bold;
}

#panelPinContent h2 a{color:#636363; font-size:80%;}
#panelPinContent hr {
background-color:#7DD5FF;
border:medium none;
color:#7DD5FF;
height:1px;
}

#panelPinContent .popupclose {
cursor:pointer;
font-family:arial;
font-size:10px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:15px;
left:240px;
line-height:normal;
position:absolute;
text-align:center;
top:5px;
width:15px;

}


#panelPinContent .popdesc {
background-color:#fff;
padding:5px 10px 5px 10px;
border-top:1px dotted #e3e3e3;
border-bottom:1px dotted #e3e3e3;
font-family:Arial,Helvetica,sans-serif;
}

#panelPinContent .popbutton { text-align:right; background-color:#F7F7F7; padding:5px;}

#panelPinContent .pophdr 
{font-family:Arial,Helvetica,sans-serif;
    font-size:12pt;
    font-weight:bold;
	margin:0px;
	background-color:#f7f7f7;
padding:10px 15px 10px 10px;
text-transform:capitalize;
}


#panelPinContent .pophdr a {
   color:#636363;
font-size:80%;

}


/* route information */
.popimg img {width:255px;margin:2px 0 10px 0;}

.route, .routealt, .routehover, .routeselected { cursor:pointer; }

.route 
{
    background-color:#f0f0f0;
}

.routealt
{
    background-color:#d2d2d2;
}

.routehover
{
    background-color:#2E5B88;
	color:#FFFFFF;
}
    
.routeselected
{
    background-color: #A4CFFA;
}
    


.routePrint{
float:right;
padding: 0px;
width:300px;
margin-bottom: 5px;
}

.routePrint input{

margin: 10px 1px 10px 0px;

}

#AllRouteInfo .allrouteinfo{
background-color:#f0f0f0; 
padding:5px;
font-size:0.9em;
}

#divRoute .expand {
 float:left;
background-color:#999999;
height:200px;
width:200px;
}




.topmenu
{
	background-color:#000000;
	color:white;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	left:300px;
	top:10px;
	position:absolute;
	z-index:100;
	cursor:pointer;
	padding:0 30px 0 30px;
}




#headerbg {
background-color:#000000;
border-bottom:1px solid #525252;
height:81px;
left:0px;
opacity:0.8;
filter:Alpha(Opacity=80);
position:absolute;
top:0px;
z-index:100;
}





/* Grid View Controls */
.MapGridView { }/* Grids used in various places */
table.MapGridView * { padding: 0px 3px 0px 3px;}/* Grids used in various places */
.MapGridView .GridViewHeader{ }/* Header row of a grid */
.MapGridView .GridViewHeader a { }
.MapGridView .GridViewRow{ vertical-align:top;}/* Rows get this style */
.MapGridView .GridViewAlternatingRow{ vertical-align:top;}/* Every second row gets this style */
.MapGridView .GridViewFooter{ vertical-align:top;}/*Footer of the grid view*/

/* pin points gridview */
.MapGridView .grdPin_Seq { width: 30px; }
.MapGridView .grdPin_Headline { width: 250px;}
.MapGridView .grdPin_LinkUrl { width: 120px; overflow:hidden;}
.MapGridView .grdPin_ImgUrl { width: 120px; overflow:hidden;}
.MapGridView .grdPin_Latitude { width: 150px;}
.MapGridView .grdPin_Longitude { width: 150px;}
.MapGridView .grdPin_Status { width: 100px;}
.MapGridView .grdPin_Command { width: 100px;}

/* map application gridview */
.MapGridView .grdMap_Title { width: 250px;}
.MapGridView .grdMap_Latitude { width: 150px;}
.MapGridView .grdMap_Longitude { width: 150px;}
.MapGridView .grdMap_Zoom { width: 50px;}
.MapGridView .grdMap_Command { width: 150px;}