
/*-----> CSS FILE: Aptcast Map START */
/* for IE to render VML */
v\:* {
      behavior:url(#default#VML);
}

/* page elements  */

label {
	width: 100px;
}

#leftColumn {
	width: 200px;
	float: left;
}

#searchCriteria {
	display: none;
}

#mapinfo {
	width: 120px;
	height: 25px;
	background: #eee;
	float: left;
	margin: 0;
}

#mainmap {
	position: relative;
	visibility: hidden;
	float: left;
}

#loading {
	width: 100%;
	height: 450px;
	text-align: center;
}

#metroinfo {
	width: 280px;
	height: 25px;
	margin: 0;
	float: left;
	background: #eee;
}

#loader {
	text-align: center;
	display: none;
}

#aptcastResults {
	padding: 3px;
}

/* buttons */

.closeButton {
	background: url('/files/common/images/mapicons/close-button.png');
	width: 16px;
	height: 16px;
	cursor: pointer;
}

#commsList div.videoTourButton, .videoTourButton {
	border: none;
	cursor: pointer;
	width: 35px;
	height: 29px;
	background: url('/files/common/images/mapicons/btn_video.gif');
	float: left;
}

#commsList div.visitSiteButton, .visitSiteButton {
	border: none;
	cursor: pointer;
	width: 35px;
	height: 29px;
	background: url('/files/common/images/mapicons/btn_site.gif');
	float: left;
}

/* radius slider */

#sliderbg {
	background: url('/files/common/images/mapicons/slider_bg2.gif') 0 4px no-repeat;
	width: 152px;
	height: 30px;
	filter:alpha(Opacity=50);
	-moz-opacity:.5;
}

#sliderthumb {
	top: 3px;
	left: 2px;
	position: relative;
	background: url('files/common/images/mapicons/slider.gif');
	width: 12px;
	height: 14px;
	cursor: pointer;
	filter:alpha(Opacity=50);
	-moz-opacity:.5;
}

#radiusDisplay {
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	width: 50px;
	height: 16px;
}

#radiusCloseButton {
	width: 16px;
	height: 16px;
	background: url('/files/common/images/mapicons/close_up.png');
	cursor: pointer;
}

/* email form */

#emailForm {
	position: absolute;
	width: 200px;
	background: white;
	border: 1px solid black;
	padding: 2px;
	display: none;
}

#emailForm label {
	font-weight: bold;
}

#emailFormCloseButton {
	float: right;
}

/* map */

#map {
	float: left;
	width: 400px;
	height: 400px;
}

#mapContainer {
	width: 400px;
	float: left;
	position: relative;
}

/* dialog box */

.dialogBox {
	position: absolute;
	top: 100px;
	left: 75px;
	background: white;
	width: 350px;
	height: 150px;
	padding: 5px;
	border: 1px solid black;
}

#arrow {
	position: absolute;
	top: 340px;
	left: 80px;
	background: url('/files/common/images/mapicons/arrow.png') no-repeat;
	width: 28px;
	height: 25px;
	display: none;
}
	

/* balloon */

.infoBalloon {
	font-family: arial, lucidia, helvetica;
	position: absolute;
	border: 1px solid black;
	width: 380px;
	height: 194px;
	background: white url('files/common/images/mapicons/balloon-header.png') no-repeat;
	visibility: hidden;
}

#balloonContent {
	width: 374px;
	height: 144px;
	margin: 0 2px 1px 2px;
	font-size: 12px;
	background: #E3E8FB;
}

.balloonTabs {
	margin-bottom: -4px;
}

.balloonTabs th {
	width: 80px;
	height: 16px;
	color: #5981EF;
	background: url('files/common/images/mapicons/balloon-button-blue.png');
	border: 1px solid white;
}

.balloonTabs th.currentTab {
	background: #E3E8FB;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

.balloonTabs th:hover {
	background: url('files/common/images/mapicons/balloon-button-red.png');
}

.balloonTabs th.currentTab:hover {
	background: #E3E8FB;	
}

.availTable {
	background: #eee;
	border-collapse: separate;
}

.availTable th {
	background: #eee;
	margin: 1px;
}

.availTable td {
	background: white;
	margin: 1px;
}

.availTable tr.avail td{
	background: #FFCFCF;
}

.includeButton {
	background: url('/files/common/images/mapicons/include.png') no-repeat;
	width: 20px;
	height: 20px;
}

.deleteButton {
	background: url('/files/common/images/mapicons/delete.png') no-repeat;
	width: 20px;
	height: 20px;
}

/* metro list */

#metroList {
	width: 220px;
}

/* community list */
#commsList {
	height: 422px;
	overflow: auto;
	float: left;
	width: 360px;
	font-size: 10pt;
	margin: 0;
	border: 1px solid #aaa;
	background: white;
}

#commsList div {
	display: block;
	border: 1px solid black;
	margin: 2px;
	background: white;
}

#commsList div.selectedComm {
	background: #E0E4EF;
}

#commsList div.zoomToAptButton {
	background: url('/files/common/images/mapicons/btn_mapzoom.gif');
	border: none;
	width: 35px;
	height: 29px;
	cursor: pointer;
	float: left;
}

#amenities {
	display: none;
	padding: 2px;
	margin: 2px;
	border: 1px solid #aaa;
}

#tooltip {
	position: absolute;
	opacity: .85;
	filter: "alpha(opacity=85)";
	background: white;
	width: 180px;
	text-align: center;
	z-index: 1000;
	visibility: hidden;
	border: 1px solid #aaa;
	padding: 2px;
}

.tooltipCity {
	background: #eee;
	margin: 1px;
}

.floatBox {
	float: left;
	margin: 3px;
	background: #eee;
}

#video_tour{
	position:absolute;
	display:none;
	visibility:hidden;
	text-align:center;
	width:450px;
	left:0px;
	margin-left:auto;
	margin-right:auto;
	border-left: 5px solid #CFCFCF;
	border-right: 5px solid #CFCFCF;
	border-top: 5px solid #CFCFCF;
	z-index: 3;
}

#videoPlayer{
	width:560px;
	height:248px;
	border-left: 5px solid #CFCFCF;
	border-right: 5px solid #CFCFCF;
	border-top: 5px solid #CFCFCF;
	z-index: 3;
}

#buttons_div{
    border-bottom: 5px solid #CFCFCF;
	background-color:#EFEFEF;
	width:100%;
}

#but_table td
{
        padding-left: 10px;
	padding-right: 10px;
}

/* rounded box */

#aBrand{
  margin: 12px 5px 3px 10px;
  width: 200px;
}

#aFormTopRight{
    background: url('/files/common/images/a247_gui/top_right.png') no-repeat;  
	height:400px; 
	width: 250px;  
	float:left;
}
#aFormTopLeft{
    background: url('/files/common/images/a247_gui/top_left.png') no-repeat; 
    height:400px; 
	width:18px; 
	float:left;
}
#aFormBottomLeft{
    background: url('/files/common/images/a247_gui/bot_left.png') no-repeat; 
	height:18px; 
	width:18px;
	float:left;
	clear:both;

}
#aFormBottomRight{
    background: url('/files/common/images/a247_gui/bot_right.png') no-repeat;
    height:18px; 
	width:250px; 
	float:left; 
}

#grayed_out{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;
	filter:alpha(Opacity=75);
	-moz-opacity:.75;
	opacity:.75;
	visibility:hidden;
	z-index: 2;
}



#video_tour a:hover{
        background-color:#DAAFAF;
}

#video_tour a{
	height:20px;
	width:100%;
	background-color:#EFEFEF;
	cursor:pointer;
	font-weight:bold;
	font-family:verdana;
	display:block;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	padding-top:2px;
	color:A33;
	border-top: 1px solid #000000;
        border-left: 1px solid #000000; 
        border-right: 1px solid #000000; 
        border-bottom: 1px solid #000000; 

}

/*-----> CSS FILE: Aptcast Map END */

