.topLocationBox {
	position: relative;
	top: 0px;
	left: 0px;

	height: 301px;
	width: 600px;
}

.topLocationBox .mapContainer {
	position: absolute;
	top: 5px;
	left: 5px;
	
	width: 355px;
	height: 289px;
	
	border: 1px solid #444444;
	
	overflow: hidden;
}

.topLocationBox .scrollBar {
	position: absolute;	
	left: 370px;
	
	width: 322px;
	height: 20px;
	
	background: #202020;
	
	border: 1px solid #393939;		

	text-align: center;

	cursor: pointer;
}

.topLocationBox .scrollBar.up {
	top: 5px;
}

.topLocationBox .scrollBar.down {
	top: 274px;
}

.topLocationBox .scrollBar.inactive {
	cursor: default;
}

.topLocationBox .scrollBar:hover {
	background: #303030;
}

.topLocationBox .scrollBar img {
	margin-top: 6px;	
}

.topLocationBox .scrollBar.inactive img {
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.topLocationBox .portalLocationsList {
	position: absolute;
	top: 32px;
	left: 370px;
	
	width: 322px;
	height: 235px;
	
	border: 1px solid #333333;
	border-left: 0px;

	border-left: 1px solid #393939;
	border-right: 1px solid #393939;		
	
	overflow: hidden;
}

.topLocationBox .portalLocationsList .scrollContainer {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 322px;
}

.portalLocationsList .location {
	position: relative;
	top: 0px;
	left: 0px;
	
	height: 72px;
	width: 345px;
	
	margin-bottom: 1px;
	margin-right: 1px;
	
	background: #202020;
	
	overflow: hidden;
	
	cursor: pointer;
}

.portalLocationsList .location.topLocation {
	height: 58px;	
}

.portalLocationsList .location:hover {
	background: #303030;
}

.portalLocationsList .location .icon {
	position: absolute;
	top: 5px;
	left: 5px;
	
	height: 60px;
	width: 60px;
	
	overflow: hidden;
	
	text-align: center;
	
	border: 1px solid #333333;
}

.portalLocationsList .location.topLocation .icon {
	height: 45px;	
}

.portalLocationsList .location:hover .icon {
	border: 1px solid #dbfa06;
}

.portalLocationsList .location .icon img {	
	height: 60px;
	width: auto;
	min-width: 60px;
	min-height: 60px;
}

.portalLocationsList .location.topLocation .icon img {	
	height: 45px;	
	min-height: 45px;	
}

.portalLocationsList .location .name {
	position: absolute;
	top: 9px;
	left: 75px;
	
	font-size: 15px;
	
	text-transform: uppercase;
	
	text-overflow: ellipsis;
	overflow: hidden;
	
	width: 317px;
	
	white-space: nowrap;
}

.portalLocationsList .location.topLocation .name {
	top: 5px;	
	font-size: 14px;
}

.portalLocationsList .location .categories {
	position: absolute;
	top: 27px;
	left: 76px;
	
	width: 317px;
	height: 15px;
	
	white-space: nowrap;
	
	font-size: 9px;
	
	text-transform: uppercase;
	
	color: #999999;
	
	overflow: hidden;
	text-overflow: ellipsis;	
}

.portalLocationsList .location .cityIcon {
	position: absolute;
	top: 46px;
	left: 76px;
}

.portalLocationsList .location.topLocation .cityIcon {
	top: 37px;
}

.portalLocationsList .location .city {
	position: absolute;
	top: 51px;
	left: 93px;

	font-size: 9px;
	
	color: #666666;
	
	font-weight: bold;
	
 	text-transform: uppercase;	
}

.portalLocationsList .location.topLocation .city {
	top: 42px;
}

.outerMoreLocationsTabContainer {
	position: relative;
	left: 0px;
	
	width: 607px;
	height: 34px;
	
	background: #222222;
	
	overflow: hidden;
	
	border-bottom: 0px;
}

.moreLocationsTabContainer {
	position: absolute;	
	top: 0px;
	
	width: 620px;
	height: 50px;
}

.categorySelectionContainer {
	position: relative;
	
	height: 24px;
	width: 285px;
	
	margin-bottom: 7px;
}

.categorySelectionContainer select {
	width: 285px;
}

.noLocationsFoundMessageContainer {
	margin: 20px;
	text-align: center;
}

.noLocationsFoundMessageContainer img {
	margin-bottom: 20px;
}

.noLocationsFoundMessageContainer .noLocationsFoundMessage {
	font-size: 11px;
	
	text-transform: uppercase;
}

.noTopLocationsFoundMessageContainer {
	margin: 20px;
	text-align: center;
}

.noTopLocationsFoundMessageContainer img {
	margin-bottom: 20px;
}

.noTopLocationsFoundMessageContainer .noTopLocationsFoundMessage {
	font-size: 11px;
	
	text-transform: uppercase;
} 

.outerMoreLocationsTabContainer {
	position: relative;
	left: 0px;
	
	width: 607px;
	height: 34px;
	
	background: #222222;
	
	overflow: hidden;
	
	border-bottom: 0px;
}

.moreLocationsTabContainer {
	position: absolute;	
	top: 0px;
	
	width: 620px;
	height: 50px;
}

.locationsListScrollBar {
	position: relative;
	padding: 0px;
	margin: 0px;
	
	background-image: url(../../images/style/content/dark/headerBg.jpg);
	
	height: 30px;
}

.locationsListScrollBar .label {
	text-align: center;

	text-transform: uppercase;
	
	font-weight: bold;
	
	color: #999999;
}

.locationsListScrollBar .arrow {
	position: absolute;
	top: 9px;
	
	cursor: pointer;
}

.locationsListScrollBar .arrow img {
	border: 0px;	
}

.locationsListScrollBar .arrow.right {
	right: 200px;
}

.locationsListScrollBar .arrow.left {
	left: 200px;
}

.locationsListScrollBar.arrow.inactive {
	cursor: default;
	
	opacity: 0.2;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);	
}