/*  
	ConnectEast EastLink Web Portal CSS v1.0
	Maps Page Override
	17/5/2006	-	Initial Draft
           
	MAPS
*/
.containerRightBody
{
	background-image: url(../images/rhs/mapsRightPadding.gif);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	text-align: left;
	color: #333333;
	height: 67px;
}
#rhsheader
{
	background-image: url(../images/rhs/mapsHeadingBg.gif);
	background-repeat: repeat-x;	
	margin: 0 0 0 7px;
	padding: 0;	
}
#rhsheader h3
{
	background-repeat: no-repeat;	
	display: block;
	padding-top: 0;
	height: 51px;
	text-indent: -100em;
}
#rhs
{
	margin: 0 0 0 7px;
	width: 570px;
}
#mapsMainLeft
{
	width: 320px;
	float: left;
	margin: 0;
	background-color: #F7F7F7;
	color: #333333;
}
#mapsMainRight
{
	width: 235px;
	float: right;	
}
#galleryMainLeft
{
	width: 230px;
	float: left;
	margin: 0;
	background-color: #F7F7F7;
	color: #333333;
}
#galleryMainRight
{
	width: 330px;
	float: right;	
}
#mapsMainLeft h4, #galleryMainLeft h4
{
	padding: 4px;		
	margin: 0 0 10px 0;
	font-size: 1.2em;
	display: block;
	background-color: #FDFDFD;
}
#mapstable
{
    background-image: url(../images/rhs/mapsLeftBg.gif);
	background-repeat: repeat-x;
	background-color: #EBEBEB;
	padding-left: 5px;
	padding-right: 5px;
}
a#maps-intersections
{
    display: block;
    width: 235px;
    height: 57px;
    background-image: url(../images/rhs/btn_mapsIntersections.gif);
    background-position: 0 0;
    margin: 0 0 8px 0;
}
a#maps-tolls
{
    display: block;
    width: 235px;
    height: 57px;
    background-image: url(../images/rhs/btn_mapsTolls.gif);
    background-position: 0 0;
    margin: 0 0 8px 0;
}
a#maps-trip
{
    display: block;
    width: 235px;
    height: 57px;
    background-image: url(../images/rhs/btn_mapsTrip.gif);
    background-position: 0 0;
    margin: 0 0 8px 0;
}
a#maps-traffic
{
    display: block;
    width: 235px;
    height: 57px;
    background-image: url(../images/rhs/btn_mapsTraffic.gif);
    background-position: 0 0;
    margin: 0 0 8px 0;
}
a#maps-street
{
    display: block;
    width: 235px;
    height: 57px;
    background-image: url(../images/rhs/btn_mapsStreet.gif);
    background-position: 0 0;
    margin: 0 0 8px 0;
}
a#maps-galleries
{
    display: block;
    width: 235px;
    height: 57px;
    background-image: url(../images/rhs/btn_mapsGalleries.gif);
    background-position: 0 0;
    margin: 0 0 8px 0;
}
a#maps-intersections:hover, a#maps-tolls:hover, a#maps-trip:hover, a#maps-traffic:hover, a#maps-street:hover, a#maps-galleries:hover
{
    background-position: 0 -57px;
}
.galleryCategory
{
	margin: 4px;	
	cursor: pointer;
	vertical-align: baseline
}
.galleryItem
{
	background-color: White;
	color: #33333;
	text-align: center;	
	padding: 2px;
	vertical-align: bottom;
}
/*
	POPUPS
*/
#popupHeader
{
	background-image: url(../images/galleries/popupHeader.gif);	
	background-repeat: no-repeat;
	width: 100%;
	height: 51px;
}
#popupHeader h2
{
	position: absolute;
	left: 120px;
	top: 29px;
	display: block;
	font-size: 1.2em;
	font-weight: lighter;
	color: White;
	margin: 0;
	padding: 0
}
#popupHeader h3
{
	position: absolute;
	right: 5px;
	top: 29px;	
	display: block;
	font-size: 1.2em;
	font-weight: lighter;
	text-align: right;
	color: White;
	margin: 0;
	padding: 0
}
#popupHeader #close
{
	position: absolute;
	right: 5px;
	top: 5px;	
}
#popupBody
{
	color: #666666;
	padding: 0;	
}
#galleryCategory
{
	vertical-align: bottom;
}
#galleryImage
{
	text-align: center;
	vertical-align: middle;
	height: 210px;
}
#galleryNav
{
	background-color: White;
	vertical-align:  text-bottom;
	text-align: left;
	padding: 0px
}
#popupImages
{
	float: left;
	width: 270px;
	height: 90px;
	overflow-x: auto;	
	overflow-y: hidden;
	margin: 0;
	padding: 0;
}
#popupImages table
{
	margin: 0;
	padding: 0;
}
#galleryLogo
{
	float: left;
	margin-right: 10px;	
}