div.details-panel
{
	z-index: +1;
	border: 0px solid black;
	border-bottom: 0px;

	cursor: default;

	width: 310px;
	height:      508px;
	
	line-height: 13px;
	vertical-align: middle;

	background: url('images/details-bg.gif') no-repeat;

	text-decoration: none;
	font-weight: none;
	font-size: 11px;
  
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 9px;
	padding-bottom: 9px;
	color: #ffffff;
}


div.details-panel .panel-title
{
	text-decoration: none;
	font-weight: none;
	font-size: 11px;
	color: #979595;
	font-style: italic;
	height: 25px;
	padding-left: 10px;
}

div.details-panel .panel-divider
{
	height: 15px;
}
div.tabled .panel-divider{
  height:5px;
}


div.details-panel .panel-text
{
	padding-left: 20px;
	height: 205px;
	vertical-align: top;
}

div.details-panel td{
  vertical-align:top;
}
div.details-panel .panel-text-cf
{
	padding-left: 20px;
	height: 110px;
	vertical-align: top;
}

div.details-panel .panel-text-small
{
	padding-left: 20px;
	height: 205px;
	font-size: 10px;
	vertical-align: top;
	line-height: 12px;
}

div.details-panel .section-title
{
	color: #7dba00;
	letter-spacing: 1px;
	font-style: normal;
}

div.details-panel img.exit
{
  float: right;
  margin: 3px 4px 0px 0px;
  cursor: pointer;
}

/* Gmaps modifiers */
div.gmaps {
	width:420px;
	height:508px;
	background: url('images/gmaps-bg.gif') no-repeat;
}
div.gmaps .panel-text{
height: 400px;
}

.dirbutton{
  background-image:none;
  border-bottom:1px solid black;
  cursor: pointer;
	width: 85px;
	height: 20px;
	border: 1px solid black;
	padding:0;

	}
}

#directions {
  padding:0 20px 10px;
  font-weight:bold;
  height:300px;
  width:370px;
  display:block;
  position:relatve;
}

#directions div{
  position:absolute;
  bottom:30px;
  right:30px;
}

.maplink a span{
  display:block;
  float:left;
  margin-top:3px;
  text-decoration:none;
    cursor:pointer;
}
 
/* Style for Overview Pop-up Box */

div.details-panel-overview
{
	z-index: +1;
	border: 0px solid black;
	border-bottom: 0px;

	cursor: default;

	width: 527px;
	height: 182px;
	
	line-height: 13px;
	vertical-align: middle;

	background: url('images/details-bg-overview.gif') no-repeat;

	text-decoration: none;
	font-weight: none;
	font-size: 11px;
  
	color: #ffffff;
}

div.details-panel-overview .image
{
	width: 250px;
	padding-right: 20px;
}

div.details-panel-overview .contents
{
	height: 182px;
}

div.details-panel-overview .text-row
{
	vertical-align: top;
	padding-left: 15px;
	padding-top: 60px;
	line-height: 15px;
}

div.details-panel-overview .exit-row
{
	height: 25px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: bottom;
}

div.details-panel-overview img.exit
{
  float: left;
  margin: 3px 4px 0px 0px;
  cursor: pointer;
}



/* Style for Horizon Login Form */

.form-field-divider {
	height: 10px;
	}
	
.form-label {
	text-align: right;
	color: #979595;
	padding-right: 10px;
	width: 100px;
	}

.form-title, .form-title a{
	color: #575353;
	}


input {
	background-image: url(images/input-field.jpg);
	background-repeat: no-repeat;
	width: 70px;
	height: 15px;
	font-size: 10px;
	border: 0px;
	padding-left: 4px;
	padding-top: 2px;
	}
	
.input-button {
	background-image: url(images/input-button.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	width: 75px;
	height: 18px;
	font-size: 10px;
	border: 0px;
	padding-left: 4px;
	padding-top: 2px;
	}
	
.centralising-div {
	position: relative;
	margin: auto;
	}
	
.ftp-frame {
	border: none; 
	background : transparent; 
	padding : 4px; 
	width : 500px; 
	height : 600px; 
	overflow : auto;
	}

.margin-top {
	height: 5px;
	}
	
.sitemap-contents li {
	line-height: 30px;
	}
	
li {
	list-style-type: square;
	}
	
.overview-photo {
	padding-right: 11px;
	}
	
.overview-caption {
	vertical-align: middle;
	text-align: center;
	color: #A1A3A5;
	font-family: arial;
	font-size: 11px;
	text-decoration: none;
	}
