/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail:Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
	  Darker Yellow: #FFB204
	  Lighter Yellow:#FFE19F
	  Very Light Yellow:#FFE19F

*/

#wrapper_proprty #wrapper_outer {
	width:750px;
	margin-top:10px;
	margin-bottom:10px;
	border:3px solid #FFB204;
	min-height:550px;
	background-color:white;
	padding:10px;
}

#wrapper_outer {
	margin:0 auto;
	width:922px;
	border:1px solid black;
}
#wrapper_outer_popup {
	margin:0 auto;
	width:100%;
}
#wrapper_columns {
	min-height:380px;
	background-color:white;
	margin-bottom:0px;
	width:100%
}
#wrapper_header {
	color:#333;
	width:auto;
	padding:10px;
	height:90px;
	margin:0;
	background:white;
}
	#app_logo {
		float:left;
		margin-left:10px;
		margin-right:60px;
	}
	#app_title {
		font-size:250%;
		font-weight:bold;
		line-height:85px;
		color:black;
		float:left;
	}
	#wrapper_nav, #wrapper_nav_popup {
		float:left;
		width:100%;
		height:27px;
		background-color:black;
	}
	#wrapper_nav_popup {
		height:1px;
	}
		#wrapper_nav #search_bar {
			margin-top:3px;
			float:right;
			width:242px;
		}
		#wrapper_nav #search_bar label {
			font-weight:bold;
			color:white;
		}


	/* Begin Top Menu CSS */
	/* Menu from http://www.htmldog.com/articles/suckerfish/dropdowns/example/ */
	#nav, #nav ul {
		z-index:10;
		float:left;
		list-style:none;
		line-height:1;
		font-weight:bold;
		padding:0;
		margin:0 0 1em 0;
		background-color:black;
		background-color:#FFE19F;
	}

	#nav a {
		text-decoration:none;
		padding:10px 10px 10px 10px;
		color:white;
		display:block;
		border-bottom:1px solid white;
		border-right:1px solid white;
		border-left:1px solid white;
	}
	#nav a.top {
		padding-top:5px;
		text-decoration:none;
		background-color:transparent;
		color:white;
		display:block;
		border:0;
		border-right:1px solid white;
		background-color:black;
	}
	#nav a.selected {
		background-color:#FFB204;
	}
	#nav a:hover {
		background-color:#FFB204;
	}
	#nav a.daddy {
		background:transparent url("images/arrow_nav_right.gif") center right no-repeat;
	}
	#nav a.daddy:hover {
		background-color:#FFB204;
	}
	#nav li {
		cursor:pointer;
		display:inline;
		float:left;
	}
	#nav li ul {
		position:absolute;
		left:-999em;
		height:auto;
		width:16.2em;
		margin:0;
		border-top:1px solid white;
	}
	#nav li ul a {
		border-bottom:1px solid white;
		margin-left:-1px;
		width:14.4em;
		color:black;
	}
	#nav li ul ul {
		margin:-1.75em 0 0 14em;
	}
	#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
		left:-999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
		left:auto;
	}
	#nav li:hover, #nav li.sfhover {
		background-color:#FFB204;
	}
		#nav li:hover a.top, #nav li.sfhover a.top {
			background-color:#FFB204 !important;
		}
	#nav li:hover, #nav li.hover {
		position:static;
	}
	/* End Top Menu CSS */

#wrapper_top {
	color:#333;
	padding:10px;
	margin:0px 0px 0px 0px;
	background:black;
}
#wrapper_main, #wrapper_main_popup {
	display:inline;
	color:black;
	margin:10px;
	padding:0px;
	width:900px;
	float:left;
	position:relative;
}
#wrapper_main_popup {
	width:auto !important;
}
#wrapper_footer {
	width:auto;
	clear:both;
	color:white;
	background:black;
	margin:0;
	padding:10px;
	height:15px;
}
	#wrapper_footer a {
		color:white;
	}
	#wrapper_footer #welcome {
		float:right;
	}
	#wrapper_footer #welcome #login_name {
		font-weight:bold;
		font-size:120%;
	}

#login {
	margin:20px 0px 20px 0px;
}
#login th {
	text-align:left; 
	padding:7px 7px 7px 0px;
}
#login input {
	width:300px;
}
.edit_lookup {
	float:right;
}
.search_applicants {
	display:inline;
}
#select_letter a:hover {
	font-size:140%;
	font-weight:bold;
}
#select_letter a.selected {
	color:red !important;
	font-size:120% !important;
	font-weight:bold !important;
}
.hidden_ajax_div {
	margin-top:7px;
	margin-left:2px;
}
.wrapper_table_open {
	margin:5px 0px 2px 0px;
}
.table_open, .table_closed {
	padding-left:25px;
	color:black !important;
	text-decoration:none !important;
	font-size:120%;
	font-weight:bold !important;
}
.table_open {
	background:transparent url("images/icon_expand.gif") 0 0 no-repeat;
}
.table_closed {
	background:transparent url("images/icon_collapse.gif") 0 0 no-repeat;
}
#quick_link_nav {
	float:right;
	margin-right:5px;
}
.link1 {
	color:#FFB204 !important;
	font-weight:bold !important;
}
.pagination {
	border-collapse:collapse;
}
	.pagination th {
		border-bottom:1px solid black;
		text-align:left;
	}
	.pagination td, .pagination th {
		padding:3px 0px 3px 0px;
	}

#admin_login {
	width:400px;
}
	#admin_login th {
		width:100px;
	}
	#admin_login td {
		width:300px;
	}

/* Begin:Combobox */
	.results {
		clear:both;
		position:absolute;
		background-color:white;
		width:350px; 
		border:solid 1px #7F9DB9;
		/*border-top:0px;*/
		display:none;
		z-index:20;
	}
	.results ul, .results li {
		padding:0; 
		margin:0; 
		border:0; 
		list-style:none;
	}
	.results li {
		border-top:solid 1px #7F9DB9;
	}
	.results li a {
		display:block; 
		padding:4px; 
		text-decoration:none; 
		color:#000000; 
		font-weight:bold;
		height:1%;
	}
	.results li a small {
		display:block; 
		text-decoration:none; 
		color:#999999; 
		font-weight:normal;
	}
	.results li a:hover {
		font-weight:bold;
		background:#FFFFCC;
	}
	.results ul {
		margin-top:-1px;
		padding:0px;
	}
/* End:Combobox */


#home_page_room_images {
	z-index:1;
	margin:0px 5px 10px 10px;
	float:right;
}
	#home_page_room_images h2 {
		margin:0;
		padding:0;
		display:block;
		color:white;
		font-size:130%;
		padding:4px;
		font-weight:bold;
		background-color:#FFB204;
		text-align:center;
	}
	#home_page_room_images .img {
		margin-bottom:7px;
		border:2px solid #FFB204;
		text-align:center;
		height:250px;
		width:333px;
	}
	#home_page_room_images .roomset {
	}
#property_address {
	width:auto;
	font-size:120%;
	margin-bottom:20px;
}
#property_price {
	float:right; 
	margin:5px 0 0px 30px; 
	width:200px; 
	text-align:right;
}
	#property_price h2 {
		font-size:150%;
		margin:0px;
		padding:0px;
	}
	#property_price h3 {
		font-size:110%;
	}
#agent_details img {
	padding-right:20px;
}

#tabs {
	clear:both;
	height:27px;
	border-bottom:1px solid #FFB204;
	margin-bottom:15px;
}
	#tabs ul {
		padding:0;
		margin:0;
	}
	#tabs ul li {
		float:left;
		padding:0;
		margin:0;
		list-style-type:none;
		width:100px;
		height:27px;
		margin-left:5px;
		text-align:center;
	}
	#tabs a {
		font-size:100%;
		color:black;
		text-decoration:none;
		display:block;
		width:100px;
		height:27px;
		line-height:27px;
		background:transparent url("images/tab0.gif") 0 0 no-repeat;
	}
	#tabs a.selected {
		background:transparent url("images/tab1.gif") 0 0 no-repeat;
	}
.floor_plan {
	border:1px solid #FFB204;
	padding:10px 10px 40px 10px;
	margin-bottom:15px;
}
	.floor_plan h2 {
		font-size:130%;
		font-weight:bold;
		background-color:#FFB204;
		color:white;
		display:block;
		padding:3px;
	}
	.floor_plan .zoom_image {
		padding:0;
		margin:0;
		position:absolute;
		width:25px;
		height:25px;
		right:5px;
		bottom:5px;
	}
	.floor_plan .zoom_image a {
		display:block;
		width:25px;
		height:25px;
		background:transparent url("images/viewer/zoom_in0.gif") 0 0 no-repeat;
	}
	.roomset_image .zoom_image a:hover {
		background:transparent url("images/viewer/zoom_in1.gif") 0 0 no-repeat;
	}

.roomset_image, .vt_image {
	width:140px;
	height:12em;
	float:left;
	border:1px solid #FFB204;
	margin:10px;
	padding:5px;
	text-align:center;
}
	.roomset_image .zoom_image, .vt_image .start_vt {
		padding:0;
		margin:0;
		position:absolute;
		width:25px;
		height:25px;
		right:5px;
		bottom:5px;
	}
	.roomset_image .zoom_image a {
		display:block;
		width:25px;
		height:25px;
		background:transparent url("images/viewer/zoom_in0.gif") 0 0 no-repeat;
	}
	.roomset_image .zoom_image a:hover {
		background:transparent url("images/viewer/zoom_in1.gif") 0 0 no-repeat;
	}

.vt_image {
	width:205px;
	height:8em;
}
	.vt_image .start_vt a {
		display:block;
		width:25px;
		height:25px;
		background:transparent url("images/viewer/refresh0.gif") 0 0 no-repeat;
	}
	.vt_image .start_vt a:hover {
		background:transparent url("images/viewer/refresh1.gif") 0 0 no-repeat;
	}
.folder_error {
	color:red;
	font-weight:bold;
}
.folder_ok {
	color:#008000;
}
.stage_completed {
	color:#2577C3;
	font-weight:bold;
}
.stage_completed img {
	vertical-align:middle;
	margin-left:5px;
	margin-right:7px;
}

.at_a_glance li {
	line-height:1.8em;
}

/* Begin:Holiday Planner */
.diaryTable { 
	width:100%;
}
.diaryTable td, .diaryTable th { 
	border:1px solid #FFFFFF; 
	background-color:#E1E1E1;
}
.diaryTable th { 
	color:white;
	background-color:#404040;
	padding:5px;
}
.month_day, .month_day_today {
	padding:2px;
	float:left;
	position:absolute;
	left:0px;
	top:0px;
	border-right:1px outset black;
	border-bottom:1px inset black;
}
.month_day_today {
	background-color:#FFB204;
	color:#FFFFFF;
}
.diary_text {
	margin-top:3px;
	position:relative;
	float:left;
	width:98%;
}
.add_diary_date {
	padding:2px;
	float:right;
	position:absolute;
	right:0px;
	top:0px;
}
.diary_link {
	padding:1px;
	width:100%;
	background-color:#c0c0c0;
	margin-top:1px;
	height:16px;
}
	.diary_link a {
		float:left;
		color:#404040;
		text-decoration:none;
	}
	.diary_link .outlook {
		float:left;
		margin:auto;
		padding-right:5px;
		vertical-align:middle;
	}
/* End:Holiday Planner */


.link_brochure {
	display:block !important;
	font-size:10pt !important;
	padding:3px;
}

/* Begin:Property listings on search page */
#wrapper_properties {
	padding:0px;
}
	#wrapper_properties #filter th {
		text-align:left;
		padding:4px 4px 0px 4px;
	}
	#wrapper_properties #filter td {
		padding:1px 4px 4px 4px;
	}
	#wrapper_properties #filter td.button {
		vertical-align:bottom;
	}	

	#wrapper_properties #properties {
		width:100%;
	}
	#wrapper_properties #properties th {
		font-size:120%;
		text-align:left;
		background-color:#808080;
		color:white;
		padding:5px;
	}
	#wrapper_properties #properties td.image {
		width:135px;
	}
	#wrapper_properties #properties td.desc {
		vertical-align:top;
		padding:5px;
	}
	#wrapper_properties #properties td.footer {
		padding:5px;
		background-color:#808080;
		color:white;
	}
/* End:Property listings on search page */

#applet_instructions {
	font-weight:bold;
	border:1px solid #FEA20A;
	background:#FFD593 url('images/icon_information.gif') 10px 10px no-repeat;
	padding:15px;
}
	#applet_instructions p {
		padding-left:50px;
	}
.report_link {
	font-size:110% !important; 
	color:black !important;
	font-weight:bold !important;
	padding:0 !important;
	margin:10px 0px 5px 0px !important;
	text-decoration:none;
}
.report_link:hover {
	text-decoration:underline;
	color:#0000fe !important;
}
#brief_intro_counter {
	color:red;
	font-weight:bold;
}