/* CSS Document */

/*---------------------------------------------------------
Author: Matthew Hansen
Date:	21 May 2008
Description: The screen style sheet for nzopenhome.co.nz
----------------------------------------------------------*/
* 
{
	margin:0px;		
	padding:0px;
	/*border:0px;*/
}
/* =Structure
------------------------- Page Structure ------------------
*/
html, body 
{

}
body 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
#wrapper
{
	width:100%;
	/*padding-left:10px;*/
	padding-top:5px;
}
.clear 
{
	clear:both;
}

/* =Formating
------------------------- Formating ------------------
*/

h1 
{
	color:#27437b;
	font-size:1.1em;
}
h2
{
	font-size:1.5em;
	font-weight:bold;
}
h3.orange_box {
	background-image: url(../images/rounded_title_box.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	width: 100%;
	height: 24px;
	color: #fff;
	padding-left: 10px;
	padding-top: 5px;
}
h4.latest_listing, h4.account_type, h4.welcome
{
	color: #F47721;
}
h4.welcome {
	color:#27437b;
}
h5.welcome {
	color:#27437b;
}
h3
{
	color:#27437b;
}
h4
{
	color:#27437b;

}
p, #footer
{
	color:#000000;
}
.error_box p
{
	color:#EF5C1D;
	margin-left:15px;
}
.success_box p
{
	color:#27437B;
	margin-left:15px;
}
.open_home_title a
{
	font-size:1.4em;
	font-weight:bold;
}
.open_home_title a:hover
{
	color:#FF6600;
}
.orange_title
{
	color:#CC6600;
	width:125px;
	display:block;
	float:left;
}
.orange_title_no_width
{
	color:#CC6600;
}
.red
{
	color:#FF0000;
}
label
{
	color:#27437B;
}
.orange_line
{
	border-top:#CC6600 1px solid;
	width:746px;
	height:2px;
	margin-top:2px;
	clear:both;
}
#home_page_container .orange_line
{
	border-top:#CC6600 1px solid;
	width:98%;
	height:2px;
	margin-top:2px;
	clear:both;
}
/* = Header
------------------------- Header ------------------
*/
#header
{
	/*height:190px;*/
	height: 108px;
	background-image:url(../images/header_repeat.jpg);
	background-repeat:repeat-x;
	width:99%;
	position: relative;
	margin-left:10px;
}
#header_right 
{
	height:138px;
	width: 26px;
	background-image:url(../images/header_right.jpg);
	background-repeat:no-repeat;
	background-position:left;
	background-color:#FFFFFF;
	position: absolute;
	right: -10px;
	top: 5px;
}
#header_wrap
{
	height:108px;
	/*width: 16px;*/
	background-image:url(../images/header_right.jpg);
	background-repeat:no-repeat;
	background-position:right;
	width:98%;
	/*position: absolute;
	right: 0px;*/
	top: 5px;
}
#logo
{
	position:absolute;
	width:240px;
	height:80px;
}
#register
{
	background-image: url(../images/login_area2.jpg);
	background-repeat:no-repeat;
	width:155px;
	height: 25px;
	right: 4px;
	top:167px;
	position: absolute;
}
#register a
{
	color:#27437b;
	font-size:0.8em;
	font-weight:bold;
}
#register ul
{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	/*min-width:100px;
	margin-left:790px;*/
}
#register ul li 
{
	display:inline;
	padding-left:12px;
	vertical-align:middle;
}
#agency_not_there {
	color:#27437b;
}
#agency_not_there a {
	color:#27437b;
}
.nav_logout
{
	padding-left:70px;
}


/* = Navigation
------------------------- Navigation ------------------
*/
#nav
{
	height:30px;
	width:99%;
	background-color: #f47721;
	background-image: url(../images/nav.jpg);
	background-repeat: no-repeat;
	margin-left:10px;
	/*background-image:url(../images/koh_nav.jpg);
	background-repeat:no-repeat;
	width:100%;
	background-color:#f47721;*/
	}
#nav ul
{	
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	text-align:right;
	min-width:750px;
	padding-top:5px;
}
#nav ul li 
{
	display:inline;
	padding-left:15px;
	padding-right:15px;
	vertical-align:middle;
}
.nav_border
{
	border-right:1px solid #FFFFFF;
}
#nav a
{
	color:#FFFFFF;
}
#login_nav
{
	margin-left:10px;
}
#login_nav_repeat {
	height:26px;
	width: 99%;
	background-image:url(../images/login_repeat.jpg);
	position: relative;
	margin-bottom: 20px;
}
#login_nav_right {
	height:48px;
	width: 20px;
	background-image:url(../images/login_right.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	/*background-position:left;*/
	position: absolute;
	top: 143px;
	right: -4px;
}
#welcome_msg
{
	color:#FFFFFF;
	position:absolute;
	margin-left:10px;
	font-size:0.8em;
}


/* = Content
------------------------- Content ------------------
*/
/* = Main Content
------------------------- Main Content ------------------
*/
#content_wrapper
{
	background-color:#FFFFFF;
	margin-left:10px;
}
#main_content
{
	/*width:100%;*/
	/*background-color:#CCCCCC;*/
	min-height:1400px;
	height: auto !important;
	height: 1400px;
	background-color:#ffffff;
	padding-top:15px;
	padding-bottom:15px;
	margin-left:210px;
}
#top_content
{
	/*background-color:#E0E0E0;*/
	width:100%;
	margin:0px auto 0px auto;
	/*text-align:center;*/
	margin-bottom:20px;
}
#home_page_container
{
	margin-top:25px;
}
#reg_home_content
{
	margin-bottom:20px;
	width:600px;
}

/* = Footer
------------------------- footer ------------------
*/
#footer
{
	width:100%;
	height:100px;
	background-color:#FFFFFF;
	position:relative;
	text-align: center;
}
/* = home page
------------------------- home page ------------------
*/
.orange_box_left
{
	background-image: url(../images/title_box_left.png);
	background-repeat: no-repeat;
	width: 100%;
	height: 24px;
	color: #fff;
	padding-top:0px;
	font-size:1.2em;
	font-weight:bold;
	margin-bottom: 0px;
	padding-left:10px;
	padding-top:5px;
}
.orange_box_right
{
	background-image: url(../images/title_box_right.png);
	background-position:right;
	background-repeat: no-repeat;
	width: 100%;
	padding:0px;
	margin:0px;
	height: 29px;
}
.orange_box_fill {
	background-image: url(../images/title_box_fill.png);
	background-repeat:repeat-x;
	background-position:bottom;
	width: 99%;
	height: 29px;
	padding:0px;
	margin:0px;
}
/* = login page
------------------------- login page ------------------
*/
#login_header 
{
	height: 17px;
	background-image: url(../images/login_header.png);
	width: 751px;
}
#login_content
{
	background-image: url(../images/login_content.png);
	background-repeat: repeat-y;
	width: 751px;
	padding-top: 2px;
}
#login_footer
{
	background-image: url(../images/login_footer.png);
	width: 751px;
	height: 13px;
}
#email
{
	border: 1px #27437b solid;
}
#password
{
	border: 1px #27437b solid;
}
a.forgot_pass 
{
	text-decoration: underline;
	color: #27437b;
}
/* = register page
------------------------- register page ------------------
*/
#register_page
{
	width:600px;
	margin:0px auto 0px auto;
}
#register_page h4
{
	height:30px;
	padding-top:20px;
	width:360px;
	margin:0px auto 0px auto;
}
#reg_top
{
	width:100%;
	height:65px;
	background-image:url(../images/reg_green_bg.png);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:10px;
	margin:0px auto 0px auto;
}
#reg_top p
{
	color:#27437b;
	height:25px;
}
#reg_top a
{
	text-decoration:underline;
	color:#27437b;
}
#reg_top a:hover
{
	text-decoration:none;
}

/* = List property pages
------------------------- List property pages ------------------
*/
#advert_size_details_wrapper
{
	width:300px;
	margin:20px auto 0px auto;
	/*background-color:#C7E4FC;*/
	background-color:#FFFFFF;
	padding:10px;
}
#advert_size_details_1, #advert_size_details_2, #advert_size_details_3, #advert_size_details_4, #advert_size_details_5
{
	display:none;
}
.list_property_wrapper
{
	width:800px;
	margin:0px auto 0px auto;
	padding:20px;
}
.list_property_wrapper .submit
{
	margin-left:200px;
	margin-top:100px;
	clear:both;
}
#select_issue_bookings
{
	display:block;
	color:#5B5B5B;
	width:620px;
	margin:0px auto 0px auto;
	
}
.week_checkbox
{
	height:20px;
}
.week_checkbox label
{
	padding-left:5px;
}
#book_advert_left td
{
	border:1px solid #000000;
	font-size:0.8em;
}
#book_advert_left
{
	width:400px;
	/*float:left;*/
}

#book_advert_right
{
	width:400px;
	/*float:left;*/
}
#online_only_continue
{
	display:none;
	margin-top:10px;
}
/* =Thank you page
------------------------- Thank you page ------------------
*/
.thankyou_img
{
	width:250px;
	height:300px;
	float:left;
}
.thankyou_img img
{
	width:190px;
	height:267px;
}
/* = featured listing box
------------------------- featured listing box ------------------
*/
.featured
{
	width:250px;
	min-height:150px;
	background-color:#FFFFFF;
	padding-top:3px;
	padding-bottom:3px;
	float:left;
	background: url(../images/featured_container.png) no-repeat;
}
.featured p
{
	color:#5b5b5b;
}
.featured table, .featured td
{
	text-align:center;
}
.featured a img
{
	border:none;
	margin-top:2px; 
}
.featured_title
{
	line-height:1.3em;
	font-size:16px;
	font-weight:bold;
	padding-left:0px;
	padding-right:0px;
}
.featured_title a
{
	color: #f47721;
	text-decoration: none;
}
.featured_title a:hover
{
	color: #f47721;
	text-decoration: underline;
}
#details_container
{
	margin-top:10px;
}
.featured_details
{
	padding-left:5px;
	padding-right:5px;
	/*line-height:2.0em;*/
}
.featured_price
{
	font-weight:bold;
	font-size:1.0em;
	width:100%;
	display:block;
	color:#5b5b5b;
	margin-top:5px;
}
.attribute_num
{
	font-weight:bold;
	color:#5b5b5b;
}
.attributes_table
{
	margin-left:37px;
}
.featured_times
{
	margin-top:5px;
	color:#5b5b5b;
}
.featured_address
{
	color:#5b5b5b;
}
/* = search results page
------------------------- search results page ------------------
*/
.search_header 
{
	border-bottom: #27437b solid 1px;
	width: 750px;
	margin-bottom:10px;
	padding-bottom:10px;
}
.search_header .header_left 
{
	font-size: 0.9em;
	font-weight: bold;
	color: #27437b;
	width: 374px;
	float: left;
}
.search_header .header_right
{
	font-size: 0.9em;
	font-weight: bold;
	color: #27437b;
	width: 374px;
	float: left;
	text-align: right;
}
.search_header .search_target 
{
	font-size: 0.9em;
	color: #f47721;
}
.search_header .search_price 
{
	font-size: 0.9em;
	color: #f47721;
}
.search_header .select_box 
{
	float: right;
	width: 130px;
	border: #27437b solid 1px;
	color: #27437b;
	margin-right:3px;
	margin-top:3px;
}
.search_header input
{
	float: right;
	margin-left:3px;
	margin-top:3px;
}
/* listing styles */
.search_summary_wrapper 
{
	margin: 5px 0 0 0;
	background: url(../images/listing_container.png) no-repeat;
	width: 750px;
	height: 155px;
	margin:auto 0px auto 0px;
}
#search_results_wrapper
{
	margin:0px auto 0px auto;
	width: 100%;
}

.search_summary_wrapper .listing_wrapper a img 
{
	border:none;
	padding-bottom: 10px;
}
.search_summary_wrapper .listing_photo 
{
	width: 195px;
	height: 145px;
	padding: 6px 0 0 4px;
	float: left;
}
.search_summary_wrapper .home_details_wrapper 
{
	width: 540px;
	height: 140px;
	margin: 0 0 0 200px;
	margin-left:200px;
	color: #5b5b5b;
}
.search_summary_wrapper .open_home_title
{
	font-size: 1.0em;
	font-weight: bold;
	/*padding: 0px 0px 10px 5px;
	margin-top:-7px;*/
	width:380px;
	margin-top:5px;
	margin-left:5px;
}
.search_summary_wrapper .open_home_title a
{
	color: #f47721;
	text-decoration: none;
}
.search_summary_wrapper .open_home_title a:hover
{
	color: #f47721;
	text-decoration: underline;
}
.search_summary_wrapper .remove_shopping_list_link
{
	width: 135px;
	color: #27437b;
	float:right;
	margin-top:8px;
	font-size:0.85em;
	text-align:right;
	padding-right:14px;
	/*position:relative;
	left:400px;
	top:10px;
	_left:630px;*/
}
.search_summary_wrapper .remove_shopping_list_link a 
{
	text-decoration: none;
	color: #27437b;
}
.search_summary_wrapper .add_shopping_list_link
{
	width: 150px;
	color: #27437b;
	float:right;
	margin-top:8px;
	font-size:0.85em;
	/*position:relative;
	left:400px;
	top:10px;
	_left:630px;*/
}
.search_summary_wrapper .add_shopping_list_link a 
{
	text-decoration: none;
	color: #27437b;
}
.add_shopping_list_link span
{
	/*color:#5B5B5B;*/
	color:#006600;
}
.search_summary_wrapper .add_shopping_list_link a:hover, 
.search_summary_wrapper .remove_shopping_list_link a:hover 
{
	text-decoration: underline;
}
.search_summary_wrapper .open_home_attributes
{
	width:165px;
	font-weight: bold;
	color: #5b5b5b;
	float:right;
	/*position:relative;
	float:right;
	top:90px;
	left:5px;*/
}
.search_summary_wrapper .attribute_num
{
	/*position:relative;
	bottom:10px;
	margin-left:5px;
	margin-right:3px;*/
}
.search_summary_wrapper .open_home_times 
{
	padding: 0px 0 5px 5px;
}
.search_summary_wrapper .open_home_address
{
	padding: 10px 0 5px 5px;
}
.search_summary_wrapper .open_home_price 
{
	padding: 10px 0 5px 5px;
	font-weight: bold;
}

/* =Register pageW
------------------------- Register page ------------------
*/

#agency_logo
{
	width:300px;
	padding-bottom:5px;
}
#agent_thumb
{
	position: absolute;
	top: 693px;
	padding-left: 17px;
	width:120px;
}
#agency_photos_table {
	margin-left: 45px;
}
#agency_photos_table td {
	color: #27437b;
}
#agency_photos_table td a {
	color: #27437b;
}
td#agent_photo {
	background-image: url(../images/agent_photo_bk.gif);
	background-repeat: no-repeat;
	width: 164px;
	height: 161px;
	padding-right: 30px;
	padding-left: 16px;
}
td#company_logo {
	background-image: url(../images/agency_logo_bk.gif);
	background-repeat: no-repeat;
	width: 280px;
	height: 161px;
	padding-left: 50px;
}
/* =Shopping list page
------------------------- Shopping list page ------------------
*/
.note_area 
{
	font-size: 0.9em;
	background: url(../images/notes_container.png) no-repeat;
	width: 751px;
	height: 78px;
	padding: 5px 0px 0px 10px;
	margin-left:-2px;
	margin-top:-3px;
}
.note_area p
{
	padding-right:5px;
	color:#27437b;
}
.note_area textarea
{
	color:#27437b;
	padding:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em;
	width:585px;
	height:54px;
}
.slist_summary_wrapper 
{
	height: 233px;;
}

.slist_summary 
{
	padding-top:3px;
	background: url(../images/shopping_list_container.png) no-repeat;
	width: 750px;
	height: 155px;
	margin:auto 0px auto 0px;
}
#slist_summary
{
	margin:0px auto 0px auto;
	width: 750px;
}

.slist_summary .listing_wrapper a img 
{
	border:none;
	padding-bottom: 10px;
}
.slist_summary .listing_photo 
{
	width: 195px;
	height: 145px;
	padding: 6px 0 0 4px;
	float: left;
}
.slist_summary .home_details_wrapper 
{
	width: 540px;
	height: 140px;
	margin: 0 0 0 200px;
	margin-left:200px;
	color: #5b5b5b;
}
.slist_summary .open_home_title
{
	font-size: 1.0em;
	font-weight: bold;
	width:380px;
	margin-top:5px;
	margin-left:5px;
}
.slist_summary .open_home_title a
{
	color: #f47721;
	text-decoration: none;
}
.slist_summary .open_home_title a:hover
{
	color: #f47721;
	text-decoration: underline;
}
.slist_summary .remove_shopping_list_link
{
	width: 135px;
	color: #27437b;
	float:right;
	margin-top:8px;
	font-size:0.85em;
	text-align:right;
	padding-right:14px;
}
.slist_summary .remove_shopping_list_link a 
{
	text-decoration: none;
	/*color: #27437b;*/
	color:#FF0000;
}
.slist_summary .add_shopping_list_link
{
	width: 149px;
	color: #27437b;
	float:right;
	margin-top:8px;
	font-size:0.85em;
}
.slist_summary .add_shopping_list_link a 
{
	text-decoration: none;
	color: #27437b;
}
/*.add_shopping_list_link span
{
	color:#5B5B5B;
}*/
.slist_summary .add_shopping_list_link a:hover, 
.slist_summary .remove_shopping_list_link a:hover 
{
	text-decoration: underline;
}
.slist_summary .open_home_attributes
{
	width:165px;
	font-weight: bold;
	color: #5b5b5b;
	float:right;
}
.slist_summary .open_home_times 
{
	padding: 0px 0 5px 5px;
}
.slist_summary .open_home_address
{
	padding: 10px 0 5px 5px;
}
.slist_summary .open_home_price 
{
	padding: 10px 0 5px 5px;
	font-weight: bold;
}
.save_bt
{
	width:83px;
	height:23px;
	background-image:url(../images/bt_search_box.png);
	background-repeat:no-repeat;	
	cursor:pointer;
	text-align:center;
	margin-top:10px;
	border:0px;
	color:#27437b;
}
.save_bt:hover
{
	background-position:right;
}
/* REGISTRATION TYPE SELECT */
/* class for image register links for agent and personal accounts*/
a.register_links
{
	margin-left: 100px;
}
#reg_top_content p
{
	color:#27437b;
}


/* = contact page
------------------------- Contact Page ------------------
*/
#contact_form .form_row input 
{
	width:300px;

}
/* = terms and conditions page
------------------------- terms and conditions Page ------------------
*/
#terms ol
{
	margin-left:50px;

}

/* = map on home page
------------------------- map on home page ------------------
*/
#chch_tab_main
{
	background-image: url(../images/chch_tab_bg.gif);
	background-repeat:repeat;
	width: 99%;
}
#chch_tab_wrap 
{
	background-image: url(../images/chch_tab_map_bg.gif);
	background-repeat:no-repeat;
	background-position:left;
}
#chch_tab 
{
	height: 270px;
 	padding-top:10px;
	position: relative;
	background-image: url(../images/chch_tab_right_bg.gif);
	background-repeat:no-repeat;
	background-position:right;
}
table#map {
  border-collapse: collapse;
  margin-left:80px;
 /* margin: 0 0 0 80px;
  float:left;*/
}
table#map tr td {
	padding: 0;
}
#northwest a{
	width: 169px;
	height: 121px;
	background-image: url(../images/northwest.jpg);
	background-repeat:no-repeat;
	display: block;
}
#northwest a:hover {
	background-position: right;
}
#northeast a{
	width: 175px;
	height: 121px;
	background-image: url(../images/northeast.jpg);
	background-repeat:no-repeat;
	display: block;
}
#northeast a:hover {
	background-position: right;
}
#southwest a{
	width: 169px;
	height: 121px;
	background-image: url(../images/southwest.jpg);
	background-repeat:no-repeat;
	display: block;
}
#southwest a:hover {
	background-position: right;
	background-repeat: no-repeat;
}
#southeast a{
	width: 175px;
	height: 121px;
	background-image: url(../images/southeast.jpg);
	display: block;
}
#southeast a:hover {
	background-position: right;
}
#coming_soon {
	color: #787878;
	font-size: 12px;
}

/* style for the number only note on the list my property form */
#num_only 
{
	color:#27437b;
	font-size:0.8em;
	margin-left:140px;
	margin-bottom:20px;
}

/* thank you page */
#thankyou_msg {
	position: absolute;
	margin: -150px 0 0 300px;
	*margin: 120px 0 0 0;
}

/* edit previous pages list on confirm page */
#edit_previous li a{
	list-style-type:none;
	color:#27437b;
}
#about_us {
	margin-right: 400px;
}
#open_home_link_wrap a{
	color:#27437b;
	text-decoration: none;
}
#open_home_link_wrap a:hover {
	text-decoration: underline;
}
#create_shopping_list {
	margin-left: 470px;
}
#under_construction {
	margin-left: 200px;
}
#contact_info {
	color: #27437b;
}
#contact_info p {
	color: #27437b;
}
#contact_info a {
	color: #27437b;
	text-decoration: none;
}
#contact_info a:hover {
	color: #27437b;
	text-decoration: underline;
}
/* = image uploading
------------------------- image uploading ------------------
*/
#fallback
{
	width:400px;
}
/* =List Property Progress
------------------------- List Property Progress ------------------
*/
.progress_details_on
{	
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_1.png) top no-repeat;
}
.progress_details_off
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_1.png) bottom no-repeat;
}
.progress_details_off_link a
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_1.png) bottom no-repeat;
}
.progress_details_off_link a:hover
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_1.png) top no-repeat;
}
.progress_images_on
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_2.png) top no-repeat;
}
.progress_images_off
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_2.png) bottom no-repeat;
}
.progress_images_off_link a
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_2.png) bottom no-repeat;
}
.progress_images_off_link a:hover
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_2.png) top no-repeat;
}
.progress_confirm_on
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_3.png) top no-repeat;
}
.progress_confirm_off
{
	width:175px;
	height:60px;
	float:left;
	text-indent:-10000px;
	background:url(../images/list_property/progress_3.png) bottom no-repeat;
}


/* =List Property Details Page
------------------------- List Property Details Page ------------------
*/
#property_details_box
{
	width:633px;
	height:652px;
	background:url(../images/list_property/listing_property_details.jpg) 0px 50px no-repeat;
	padding-left:50px;
}
#property_details_box_title
{
	width:633px;
	height:32px;
	background:url(../images/list_property/listing_details_header.gif) no-repeat;
	margin-left:-50px;
	padding-left:50px;
	padding-top:45px;
}
#property_attributes_box
{
	width:633px;
	height:239px;
	background:url(../images/list_property/listing_property_attributes.jpg) no-repeat;
	padding-left:50px;
	margin-top:10px;
}
#open_home_details_box
{
	width:633px;
	height:239px;
	background:url(../images/list_property/listing_open_home_details.jpg) no-repeat;
	padding-left:50px;
	padding-top:0px;
	margin-top:10px;
}
#listing_wrapper h4
{
	padding-top:7px;
	padding-bottom:5px;
}
#listing_wrapper label
{
	display:				block;
	float:					left;
	width:					140px;
	padding-bottom:			4px;
}
#listing_wrapper #form_row6 textarea
{
	width:					400px;
	height:					260px;
}