﻿/* 
	css for region/station pages
*/

.googleMapContainer
{
	border: 0px solid #F00;
	width: 570px;
	height: 300px;
}

.stationTitleContainer
{
	margin: 10px 0px 0px 0px;
	background-color: #000;
	display:block;
	background: url(/SiteCollectionImages/rating-stars-bg.gif) #0d0d0d repeat-x;
	background-position: left top;
	height: 30px;
	line-height: 30px;

}

.stationAreaTitleContainer
{
	float:left;
	height: 30px;
	line-height: 30px;
	width: 168px;
	background-color: #0d0d0d;
	color: #FFF;
	background: url(/SiteCollectionImages/StationDropDownHeadingBG.gif) #0d0d0d no-repeat;
	background-position: left top;
	font-weight: normal;
}
.stationAreaTitle
{
	/*font-size: 12px;*/
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 0px 0px 4px;
}



/* The drop down box */

.stationDropDownBoxArea
{
	float: right;
	width: 400px;
	height: 30px;
	position: relative;
}

.stationDropDownBoxHeading
{
	background-color: #0d0d0d;
	color: #FFF;
	background: url(/SiteCollectionImages/StationDropDownHeadingBG.gif) #0d0d0d no-repeat;
	background-position: right top;
/*	font-size: 11px;*/
	font-weight: normal;
	line-height: 30px;
	padding-left: 8px;
	height: 30px;
	position: relative;
}

.stationDropDownLine
{
	width: 100%;
	display: block;
	position: relative;
}

a.stationDropDownLink, a.stationDropDownLink:link, a.stationDropDownLink:visited
{
	color: #FFF;
	padding-left: 8px;
	height: 30px;
	line-height: 30px;
	display:block;
}

a.stationDropDownLink:hover
{
	color:#000;
	text-decoration: none;
	background: url(/SiteCollectionImages/StationDropDownHighlight.gif) #0d0d0d no-repeat;
	
}



.stationDropDownBox
{
	position:absolute;
	line-height: 30px;
	background-color: #0d0d0d;
	border: 0px;
	top: 30px;
	left: 0px;
	z-index: 10;
	width: 400px;
	display: none;
	height: 450px;
	overflow:scroll;
	overflow-x: hidden;
	overflow-y:scroll;
}

/* station main content */

.stationMainContentContainer
{
	padding: 10px;
	background-color: #FFF;
	color: #000;
/*	font-size: 11px;*/
}

.stationMainContent h2
{
/*	font-size: 1.1em; */
	font-weight: bold;
	border-bottom: 1px solid #000;
	margin-bottom: 15px;
/*	line-height:120%; */
	
}

.stationMainContent  .erp-logo-overview
{
	background-color: #d6d6d6;
	padding: 10px;
	margin: 0px;
}

/* contact box */

.stationContactContainer{
	background-image:url('/SiteCollectionImages/sub-red-bg.gif');
	background-color: #CE2A12;
    background-position: left top;
    background-repeat:no-repeat;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px;
    color: #FFF;
    font-weight: normal;
}

.stationContactHeading{
	background-image:url('/SiteCollectionImages/station-contact-h2.gif');
    background-repeat:no-repeat;
    background-position: top left;
    height: 33px;
    line-height:33px;
    width: 203px;
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    font-weight: bold;
}

.stationContactContent
{
/*	font-size: 11px; */
}

.stationContactContent a
{
	color:#FFF;
	text-decoration:underline;
}

.stationContactContent a:hover
{
	color:#FFF;
	text-decoration:underline;
}


.stationContactLineHeading
{
	font-weight: bold;
}

hr.stationContactDivider
{
	color: #FFF;
	height: 1px;
}

/* stats */

.stationStatsContainer{
	background-image:url('/SiteCollectionImages/sub-blue-bg.gif');
	background-color: #114771;
    background-position: left top;
    background-repeat:no-repeat;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px;
    color: #FFF;
    font-weight: normal;
/*	font-size: 10px; */
}

.stationStatsHeading{
	background-image:url('/SiteCollectionImages/station-stats-h2.gif');
    background-repeat:no-repeat;
    background-position: top left;
    height: 33px;
    line-height:33px;
    width: 203px;
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    font-weight: bold;
/*    font-size: 12px; */
}

.stationStatsContainer ul{
	margin: 0px;
	padding: 0px;
}

li.stationStatsLine
{
	background-image:url('/SiteCollectionImages/station-stats.gif');
    background-repeat:no-repeat;
    background-position: top left;
    height: 33px;
    line-height:33px;
    width: 203px;
    margin: 0px 0px 4px 0px;
    padding-left: 10px;
    font-weight: bold;
 	list-style:none;
}

.stationStatsContainerHeading
{
	float: left;
	width: 134px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 22px;
}

.stationStatsContainervalue
{
	float:left;
	padding-left: 10px;
	margin: 0px;
	display: block;
	width: 40px;
	text-align: right;
/*	font-size: 1.2em; */
	line-height: 22px;
	height: 22px;
}

.hiddenCoordinateContainer
{
	display:none;
}


/* region stat */

.regionStatsContainer{
	background-image:url('/SiteCollectionImages/region-stat-bg.gif');
	background-color: #58595b;
    background-position: left top;
    background-repeat:no-repeat;
	padding: 10px 10px 10px 10px;
	margin: 10px 0px;
    color: #FFF;
    font-weight: normal;
/*	font-size: 11px; */
}

.regionStatsContainer .stationStatsHeading{
	background-image:url('/SiteCollectionImages/region-stat-h2.gif');
    background-repeat:no-repeat;
    background-position: top left;
    height: 33px;
    line-height:33px;
    width: 203px;
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    font-weight: bold;
/*    font-size: 12px; */
}

.regionStatsContainer
{
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
}

.statsContainer
{
	
}
stationStatsLine
{
	clear:both;
}

.regionStatsContainer .stationStatsLine
{
	background-image:url('/SiteCollectionImages/region-stat-line.gif');
    background-repeat:no-repeat;
    background-position: top left;
    height: 33px;
    line-height:33px;
    width: 203px;
    margin: 0px 0px 4px 0px;
    padding-left: 8px;
    font-weight: normal;
 	list-style:none;
}

.regionStatsContainer .stationStatsContainerHeading
{
	float: left;
	width: 134px;
	line-height: 22px;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 22px;
/*	font-size: 11px; */
 
}

.regionStatsContainer .stationStatsContainervalue
{
	float:left;
	padding-left: 10px;
	margin: 0px;
	display: block;
	width: 40px;
	text-align: right;
/*	font-size: 12px; */
	line-height: 22px;
	height: 22px;
}


/* our summary */

.stationOurPeopleContainer
{
	margin: 0px;
	padding: 0px;
}

.ourPeopleContainer
{
	background-color: #FFF;
	color: #000;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
	display:block;
}

.ourPeopleList
{
	padding: 0px 0px 0px 10px;
	margin: 0px;
	clear: both;
	background-color:#FFF;
	height: 100%;
}

.ourPeopleListHeading
{
	width: 45px;
	float: left;
	font-weight: bold;
}

.ourPeopleListItem
{
	width: 200;
	float: left;
}

.ourPeopleLine
{
	margin: 0px; 
	padding: 0px;
}

.ourPeopleContent
{
/*	background-image:url('/SiteCollectionImages/bg-people.gif'); */
	margin-left: 10px;
	width: 180px;
	float:left;
}
.ourPeopleBox
{
	float: left;
	width: 270px;
	margin-right: 10px;
	margin-bottom:10px;
	min-height: 60px;
}

.ourPeopleBoxContent
{
	background-color: #e8e8e8;
	padding-top:10px;
	padding-left: 10px;
	padding-bottom:10px;
}

.ourPeoplePicture
{
	float:left;
	background-image:url('../../SiteCollectionImages/man-placeholder.gif');
	background-position:0px 0px;
	background-repeat:no-repeat;
	width:52px;
	height:59px;
}

.addressWorkAddressDisplay div
{
	display: inline;
}

div.stationImage 
{
/*	margin-bottom: 10px;*/
}

img.stationImage 
{
	width: 570px;
	display:block;
}

.ourPeopleContainer .ourPeopleHeading 
{
	margin: 0px 0px 10px 10px;
}

.regionStatsSummary
{
	padding: 0px 0px 10px 0px;
/*	font-size: 11px; */
}
.gMapPopupMessage
{
	color:#000;
}
.gMapPopupMessage a, .gMapPopupMessage a:link, .gMapPopupMessage a:visited, .gMapPopupMessage a:hover
{
	color:#000 !Important;
}

a.popupLink
{
	color:#000 !Important;
}

.showStationLink {
	margin:0px 0px 10px 0px;
	padding: 4px 0px 0px 10px;
	background: url(/SiteCollectionImages/rating-stars-bg.gif) #0d0d0d repeat-x;
	background-position: left top;
	height: 26px;
	line-height:26px;
}

.showStationLink h2
{
	margin-top:0px;
}
.showStationLink a, .showStationLink a:link, .showStationLink a:visited, .showStationLink a:hover
{
	color:#fff;
}


