/* Style for SpacialAce WMS Client map page. */

html, body 
{
	background: white;
	overflow: hidden;
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
}


body
{
	background: #333333 url(../pic/taxi_background.gif) no-repeat left top;
}


.bluegradient 
{
	background: transparent url(../pic/standard/gradientblue.png) repeat left top;
}

div#heading
{
	left:20px;
}

.headline
{
	height:10px;
	width:135px;
	vertical-align:top;
}

.helpIcon
{
	left:20px;
}

#mapBorder
{
	position:absolute;
	left:179px;
	right:19px;
	top:39px;
	bottom:59px;
	border: 1px solid #333333;
}

.objectControls
{
	position:absolute;
	left:20px;
	top:40px;
	width:280px;
}

.addButton
{
	position:absolute;
	left:0px;
	top:270px;
	right:auto;
	width:116px;
	height:20px;
}

.followButton
{
	position:absolute;
	left:0px;
	top:230px;
	right:auto;
	width:116px;
	height:20px;
}

#objectListHeader
{
	color:Yellow;
	font-weight:bold;
}

#objectList
{
	background: White;
	padding-left:2px;
	position:absolute;
	top:20px;
	left:0px;
	width:130px;
	height:200px;
	border: solid 1px Bloack;
	overflow:auto;
}

#objectList p
{
	margin-top:2px;
	margin-bottom:1px;
}

#objectListDesc
{
	position:absolute;
	padding-top:3px;
	padding-bottom:3px;
	left:0px;
	color:Yellow;
	font-weight:bold;
	width:120px;	
	top:300px;
}

#objectListDesc p
{
	margin-top:5px;
	margin-bottom:5px;
}

.listImage
{
	position:absolute;
	left:60px;
	width:12px;
	height:12px;
}

.listPas
{
	position:absolute;
	left:105px;
}

#taxilegend
{
	position:absolute;
	top:560px;
	left:0px;
	width:100px;
	height:88px;
}


.spatialAceMap
{
	position:absolute;
	left:180px;
	right:20px;
	top:40px;
	bottom:60px;
	border-style:solid;
	border-color:Black;
	border-width: 4px;
	background: white;
}

* div#xxxx
{
	height: 95%;
	width:90%;
}

/*control groups*/

.rwcLayerControl img
{
	padding-top:5px;
	padding-left:0px;
	vertical-align: middle;
	margin-bottom: 5px;
}

.rwcSearchControlDocked h4, .rwcLayerControl h4
{
	color:#0054A4;
}

.heading
{
	position:absolute;
	top:5px;
	left:40px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.rwcWhiteInfoBox
{
	overflow: hidden;
	width:200px;
}

#companyLogos
{
	position:absolute;
	right:180px;
	top:20px;
	left:auto;
}

#footer
{
	bottom:10px;
	width:100%;
}

#carmentaLogo
{
	position:absolute;
	vertical-align:top;
	bottom:15px;
	right:47px;
	width:183px;
	height:32px;
	opacity: 0.5;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
}

#MapCopyright
{
	position:absolute;
	bottom:67px;
	right:30px;
	background: white;
	padding: 2px;
	color: Black;
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	-khtml-opacity: 0.6;
}

/*Overrides*/
.rwcMiniMap, .rwcMimimizedMiniMap 
{
	border-right:3px solid #000000;
	border-top:3px solid #000000;
	border-left:none;
	border-bottom:none;
}

.rwcMiniMap 
{
	height:150px;
	width:150px;
}

.rwcMapAreaRectangle{
  border: 2px solid black;
  background: white;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.rwcPanControlOverlay
{
	left:40px;
	top:10px;
	right:auto;
}

.rwcPanUp
{
	top:0px;
	left:0px;
}

.rwcPanDown
{
	top:22px;
	left:0px;
}

.rwcPanLeft
{
	top:11px;
	left:0px;
}

.rwcPanRight
{
	top:11px;
	left:17px;
}

.rwcZoomControlOverlay
{
	width:10px;
	margin:0px;
	padding:0px;
	line-height:0px;
	right:auto;
	left:10px;
	top:10px;
}


#magnifyingGlass
{
	position:absolute;
	cursor:pointer; 
	top: 50px;
	left:40px;
	z-index:10;
	width:23px;
	height:23px;
}

.rwcScaleBar
{
	top:10px;
	left: 80px;
	right:auto;
	border: 2px solid black;
	border-top: none;
	padding-left: 2px; 
}

.rwcLookingGlass
{
	border: Solid 2px Black;
}

a:link, a:visited
{
  padding: 5px 2px 2px 2px;
  border-top: 1px solid #cccccc;
  border-bottom: 2px solid black;
  border-left: 1px solid #cccccc;
  border-right: 2px solid black;
  background: #ccbb00;
  text-align: center;
  text-decoration: none;
  font-size:1.1em;
  font-weight:bold;
  color: black;
}

a:hover
{
  background: #dddd00;
}

a:active
{
  border-bottom: 1px solid #eeeeee;
  border-top: 1px solid black;
  border-right: 1px solid #eeeeee;
  border-left: 1px solid black;
}

.rwcWhiteInfoBox2
{
	position:absolute;
	margin: 6px;
	padding-bottom: 5px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	border-bottom: 2px solid #AAAAAA;
	border-right: 2px solid #AAAAAA;
	margin: 5px;
	background: #ffffff;
	z-index:50;
}
