body 
{
	background-color: #cccccc;
}

#wrapper 
{
	
	width: 790px;
	padding: 0 0px 0px 0px;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
}

/* To Clear */ 
.clear { 
    overflow: hidden;
}


.line-break {
    clear:both;
    margin-top:15px;
}

#pnlTitle
{

}

#pnlTitle h1
{
	padding: 0px 10px 0px 10px;
	margin: 0px;
}

.defaultContainer
{
	float: left;
	width: 780px;
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	text-align: left;
}

/* column styles */
#oneColLayout #primaryContent
{
	float: left;
	width: 780px;
	/*height: 305px;*/
	background-color: #FFFFFF;
	padding: 5px 5px 5px 5px;
	text-align: left;
	/*background-image: url(img/primary_content_gradient.gif);
	background-repeat: repeat-x;*/
}

.homeContainer
{
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 10pt;
	color: #666666;
	border:solid 1px #dbdbef;
	background:#f7f7ff;
	padding:10px;
	text-align:left;
	margin-bottom: 5px;
}

/*------------------------------*/
/* std boxes                    */
/*------------------------------*/
.basic_box {
	border:1px solid #dbdbef;
	margin-bottom: 5px;
}

.basic_box .head {
	background-color:#f7f7ff;
	padding:5px 8px;
}

.basic_box div {
	padding:5px;
	background-color:#FFF;
}



/* message boxes */
.infoBox
{
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 10pt;
	color: #666666;
	border:solid 1px #CCCC99;
	background:#FFFFCC url(img/warning_small.gif) 12px 9px no-repeat;
	text-indent: 25px;
	padding:10px;
	text-align:left;
	margin-bottom: 5px;
	
}

.info_padding  {
	background-color: #FFFFFF; 
	padding: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}


/*--------------------------------*/
/* style for search page controls */
/*--------------------------------*/
.search_padding  {
	background-color: #FFFFFF; 
	padding: 5px;
	/*padding-bottom: 0px;*/
}

.searchControls  
{
	display: block;
	height: 30px;
}

#searchContent
{
	float: left;
	width: 450px;
	height: 355px;
	background-color: #999999;
	padding: 5px;
	background-image: url(img/search_content_gradient.gif);
	background-repeat: repeat-x;
}

.searchInput
{
	float: left;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	text-align: center;
	font-size: medium;
	
	/*margin-left: 150px;*/
	width: 276px;
	height: 15px;
	color: #0000E3;
	/*background: #FFFFFF;*/
	border: 1px solid #666666;
	margin: 0px;
	padding: 5px;
	vertical-align: top;


}

.searchInput:focus 
{
	border: 1px solid #FF0000;	
}

.searchButtonConfirm
{
	float: left;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: medium;
	font-weight: bold;
	width: 75px;
	height: 27px;
	margin-right: 1em;
	color: #FFFFFF;
	background: #FF0000;
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(img/search_button_background_32.gif);
	background-repeat: repeat-x;
	vertical-align: top;
	
}

.searchButtonRefresh
{
	float: right;
	width: 82px;
	height: 27px;
	background: #EEEEEE;
	border: 1px solid #666666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
	padding-left: 18px;
	vertical-align: middle;
	background-image: url(img/filter_sign_icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}


.searchButtonRefresh:hover
{
	background: #CCCCCC;
	border: 1px solid #666666;
	background-image: url(img/filter_sign_icon.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.searchButtonConfirm:hover
{
	background: #FF4444;
	background-image: url(img/search_button_hover_background_32.gif);
	background-repeat: repeat-x;
}

.searchButtonCentreMap
{
	float: right;
	width: 32px;
	height: 32px;
	color: #FFFFFF;
	background: #FFFFFF;
	border: 0px solid #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(img/map_centre_icon.gif);
}
.searchButtonCentreMap:hover
{
	background: #FFFFFF;
	background-image: url(img/map_centre_hover_icon.gif);
	background-repeat: repeat-x;
}

.searchButtonMapCircleLarge
{

	float: right;
	width: 32px;
	height: 32px;
	color: #FFFFFF;
	background: #FFFFFF;
	border: 0px solid #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(img/map_circle_large_icon.gif);
}
.searchButtonMapCircleLarge:hover
{
	background: #FFFFFF;
	background-image: url(img/map_circle_large_hover_icon.gif);
	background-repeat: repeat-x;
}

.searchButtonMapCircleMedium
{
	float: right;
	width: 32px;
	height: 32px;
	color: #FFFFFF;
	background: #FFFFFF;
	border: 0px solid #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(img/map_circle_medium_icon.gif);
}
.searchButtonMapCircleMedium:hover
{
	background: #FFFFFF;
	background-image: url(img/map_circle_medium_hover_icon.gif);
	background-repeat: repeat-x;
}

.searchButtonMapCircleSmall
{
	float: right;
	width: 32px;
	height: 32px;
	color: #FFFFFF;
	background: #FFFFFF;
	border: 0px solid #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(img/map_circle_small_icon.gif);
}

.searchButtonMapCircleSmall:hover
{
	background: #FFFFFF;
	background-image: url(img/map_circle_small_hover_icon.gif);
	background-repeat: repeat-x;
}




#searchMap 
{
	/*float: left;*/
	clear:both;
	color: #666666;
	width: 450px;
	height: 325px;
	z-index: 1;
	margin-top: 0px;
	border: solid 1px #666666;
}

#map_not_found 
{
  position:absolute;
  left: 45%;
  top: 350px;
  width: 200px;
  padding: 3px;
  font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
  font-size: 8pt; 
  font-weight: bold;
  background-color: #b1b1b1;
  border: solid 1px #666666;
  background-image: url(img/tooltip_gradient.gif);
  background-repeat: repeat-x;
  z-index: 2;
}

/*------------------------------*/
/* style for home page controls */
/*------------------------------*/
.homeInput
{
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	text-align: center;
	font-size: large;
	
	/*margin-left: 150px;*/
	width: 580px;
	height: 20px;
	color: #0000E3;
	/*background: #FFFFFF;*/
	border: 1px solid #666666;
	margin: 0px;
	padding: 5px;
	vertical-align: top;

}


.homeInput:focus 
{
	border: 1px solid #ff0000;	
}

.homeButtonConfirm
{
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: large;
	font-weight: bold;
	width: 175px;
	height: 32px;
	margin-right: 1em;
	color: #FFFFFF;
	background: #FF0000;
	border: 1px solid #666666;
	margin: 0px;
	padding: 0px;
	background-image: url(img/search_button_background_32.gif);
	background-repeat: repeat-x;
}

.homeButtonConfirm:hover
{
	background: #FF4444;
	background-image: url(img/search_button_hover_background_32.gif);
	background-repeat: repeat-x;
}



/*------------------------------------*/
/* Style for the filter box           */
/*------------------------------------*/
#filter_container
{
	float: right;
	height: 348px;
	width: 304px;
	border: 1px solid #666666; 	
	margin-right: 5px;
	padding: 5px;
	background-image: url(img/search_content_gradient.gif);
	background-repeat: repeat-x;
}

.filter_search_cross
{

	background-image: url(img/filter_sign_icon.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	/*height: 45px;*/
	vertical-align: middle;
}

.filter_search_centre
{

	background-image: url(img/filter_centre_icon.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	height: 45px;
	vertical-align: middle;
}

.filter_search_radius
{

	background-image: url(img/filter_radius_icon.png);
	padding-left: 25px;
	background-repeat: no-repeat;
	height: 45px;
	vertical-align: middle;
}

.filterButton
{
	float: right;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-weight: bold;
	width: 12.5em;
	height: 1.75em;
	/*margin-right: 1em;*/
	/*color: #669933;*/
	background: #EEEEEE;
	border: 1px ridge #666666;
	margin-top: 10px;
	margin-bottom: 10px;
}

.filterButton:hover
{
	background: #CCCCCC;
	border: 1px solid #666666;
}

/*------------------------------------------------------------------------------
- msgbox - class to display closable message boxes
------------------------------------------------------------------------------*/
a.close {
	float: right;
	text-decoration: none;
	font-weight: bold;
	color: #333;
	background-color: #fff;
	border-left: 1px solid #333;
	border-bottom: 1px solid #333;
	padding: 0 4px;
	margin-left: 5px; }
/*------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/*------------------------------------*/
/* Style for the advert box           */
/*------------------------------------*/
#advert_container
{
	float: right;
	height: 348px;
	width: 304px;
	border: 1px solid #666666; 	
	margin-right: 5px;
	padding: 5px;
	background-image: url(img/search_content_gradient.gif);
	background-repeat: repeat-x;
}

.advert_container a
{
	text-decoration: none;
}


.advert_header
{
	/*height: 70px;*/
}

.advert_title
{
	float: left;
	width: 184px;
	font-weight: bold;
	padding-bottom: 8px;

}

.advert_price
{
	float: left;
	width: 96px;
	font-weight: bold;
	text-align: left;
	height: 40px;
	/*padding-right: 30px;*/
	/*
	background-image: url(img/map_marker_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	*/
	
}

.advert_features
{
	float: right;
	width: 120px;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

.advert_reserved
{
	float: right;
	width: 100px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

.advert_column_left
{
	float: left;
	width: 170px;
	padding-bottom: 5px;
}

.advert_column_right
{
	float: right;
	width: 130px;
	/*padding-left: 6px;*/
}

.advert_description
{
	clear: both;
}

.advert_body
{
	clear: both;
	display: block;
	height: 245px;
}
.advert_footer
{
	
	vertical-align: bottom;
}

.advert_footer a
{
	text-decoration: none;
}

.advert_column_phone
{
	float: left;
	width: 170px;
	padding-bottom: 2px;
	font-weight: bold;
}

.advert_column_email
{
	float: right;
	width: 130px;
	font-weight: bold;
	/*padding-left: 6px;*/
}

#advert_progress
{
	position: absolute;
	width: 32px;
	height: 32px;
	margin-left: 136px;
	margin-top: 155px;
	background-image: url(img/loading_rotation.gif);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: text-bottom;
	padding-top: 32px;
	z-index: 2;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 8pt;
	font-weight: bold; 
	color: #000000;
}

/*------------------------------------*/
/* style for the marker tooltip       */
/*------------------------------------*/
.marker_tooltip 
{
	width: 100px;
	padding: 3px;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 8pt; 
	background-color: #b1b1b1;
	border: solid 1px #666666;
	background-image: url(img/tooltip_gradient.gif);
	background-repeat: repeat-x;
}

/*------------------------------------*/
/* style for the marker tooltip       */
/*------------------------------------*/
.target_tooltip 
{
	width: 100px;
	padding: 3px;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 8pt; 
	color: #000000;
	background-color: #FFFFCC;
	border: solid 1px #666666;
}

/*------------------------------------*/
/* style for list results table       */
/*------------------------------------*/
.result_scroller 
{
	overflow-y: scroll;
	height: 360px;
}

.result_padding  {
	background-color: #FFFFFF; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 2px;
}

.result_padding_header  
{
	clear: both;
	background-color: #FFFFFF; 
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	margin-right: 17px;
}

.result_container  {
	border: 1px solid #CCCCCC; 
	background-color: #EEEEEE; 
	text-align:left; 
	padding: 2px;
}

.result_container:hover {
	background-color: #CCCCCC; 
	border: 1px solid #666666; 
}

.result_container a
{
	text-decoration: none;
}

.result_container_header  {
	border: 1px solid #CCCCCC; 
	background-color: #CCCCCC; 
	text-align:left; 
	padding: 4px;
}

.result_container_header a
{
	text-decoration: none;
	border: none;
}

.result_body_header 
{
	/*border: 0px solid #CCCCCC; */
	background-color: #CCCCCC; 
	text-align:justify;
	height: 1.25em;
	
}

.result_header {
	border: 1px solid #CCCCCC; 
	background-color: #EEEEEE; 
	text-align:left; 
	padding: 2px;
}


.result_summary_header {
	float: left;
	width: 384px;
	font-weight: bold;
	padding-bottom: 2px;
}

#result_price_header
{
	float: left;
	width: 63px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-right: 5px;
	background-image: url(img/sort_icon.png);
	background-position: 52px center;
	background-repeat: no-repeat;
}

.result_more_header
{
	float: left;
	width: 12px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;	
}

#result_distance_header {
	float: left;
	width: 98px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-right: 5px;
	background-image: url(img/sort_icon.png);
	background-position: 86px center;
	background-repeat: no-repeat;
}


#result_space_count_header {
	float: left;
	width: 60px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-right: 5px;
	background-image: url(img/sort_icon.png);
	background-position: 54px center;
	background-repeat: no-repeat;
}

#result_space_type_header 
{
	float: left;
	width: 122px;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
	padding-right: 5px;
	background-image: url(img/sort_icon.png);
	background-position: 106px center;
	background-repeat: no-repeat;
}

#result_underground_header 
{
	float: left;
	width: 29px;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
}

#result_cctv_header 
{
	float: left;
	width: 29px;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
}

#result_lighting_header 
{
	float: left;
	width: 29px;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
}

#result_gated_header 
{
	float: left;
	width: 29px;
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
}

.result_address {
	float: left;
	width: 384px;
	font-weight: bold;
	padding-bottom: 2px;
}

.result_price 
{
	float: left;
	width: 61px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-left: 7px;
	
}

.result_more
{
	float: left;
	width: 12px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	margin-top: 2px;	
}


.result_distance {
	float: left;
	width: 92px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-left: 10px;
}

.result_space_count {
	float: left;
	width: 58px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-left: 7px;
}

.result_space_type 
{
	float: left;
	width: 117px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
	padding-left: 10px;
}

.result_underground
{
	float: left;
	width: 29px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
}

.result_cctv
{
	float: left;
	width: 29px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
}

.result_lighting
{
	float: left;
	width: 29px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
}

.result_gated
{
	float: left;
	width: 29px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2px;
}

.result_title  {
	border: 0px solid #CCCCCC; 
	background-color: #B1C6E5; 
	text-align:left; 
	padding: 5px;
	height: 22px;
	background-image: url(img/result_title_gradient.gif);
	background-repeat: repeat-x;
}

.result_body  
{
	/*border: 0px solid #CCCCCC; */
	background-color: #EEEEEE; 
	text-align:justify;
	cursor: pointer;
	height: 1.2em;
}

.result_address
{
	clear: both;
}

.result_body:hover {
	background-color: #CCCCCC; 
}

.result_footer  
{
	
	border: 0px solid #CCCCCC; 
	background-color: #FFFFFF; 
	text-align:left; 
	padding: 5px;
}

#result_progress
{
	position: absolute;
	width: 32px;
	height: 32px;
	margin-left: 359px;
	margin-top: 164px;
	background-image: url(img/loading_rotation.gif);
	background-repeat: no-repeat;
	background-position: center top;
	vertical-align: text-bottom;
	padding-top: 32px;
	z-index: 2;
	font-family: Verdana,Geneva,Verdana,Geneva,Arial,Helvetica,sans-serif; 
	font-size: 8pt;
	font-weight: bold; 
	color: #000000;
}

/*---------------------------------*/

.alert_container  {
	background-color: #FFFFFF; 
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 10px;
}

.alert_button
{
	/*width: 150px;*/
	height: 27px;
	background: #EEEEEE;
	border: 1px solid #666666;
	font-weight: bold;
	margin: 2px;
	padding: 4px;
}

.alert_button:hover
{
	background: #CCCCCC;
}

a.button {
    background: transparent url('img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font: bold 12px arial, sans-serif;
    height: 24px;
    /*margin-right: 6px;*/
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

a.button:hover {
    background-position: bottom right;
    /*color: #000;*/
    outline: none; /* hide dotted outline in Firefox */
}

a.button:hover span {
    background-position: bottom left;
    /*padding: 6px 0 4px 18px;  push text down 1px */
}