﻿/* 1024px - An open source xhtml/css website template by Andreas Viklund - http://andreasviklund.com . Free to use in any way and for any purpose as long as the proper credits are given to the original designer. */
form
{
	margin: 0px;
}

body
{
	font: 76% Verdana,Tahoma,Arial,sans-serif;
	background: #ffffff url(../images/background.gif) top center repeat-y;
	color: #404040;
	line-height: 1.2em;
	margin: 0 auto;
	padding: 0;
}

th
{
	font-size: 11px;
}

th.header
{	
	background-repeat: no-repeat;		
	background-position: right;
}

th.headerSortUp
{		
	background-color: #3f3f3f;
	color: white;
}

th.headerSortDown
{	
	background-color: #3f3f3f;
	color: white;
}

.searchheader
{
	overflow: auto;
}

.searchheader div
{
	float: left;
}

.searchfooter
{			
	height: 15px;
	clear: both;
}

a
{
	text-decoration: none;
	/**color: #4088b8;**/
	color:#4381a4;
}

a:hover
{
	text-decoration: underline;
}

a img
{
	border: 0;
}

p
{
	margin: 0 0 18px 10px;
}

ul, ol, dl
{		
	margin: 2px 0 16px 35px;
}

ul ul, ol ol
{	
	margin: 4px 0 4px 35px;
}

h1
{
	font-size: 4.2em;
	letter-spacing: -5px;
	margin: 0 0 30px 25px;
	color: #4088b8;
}

h1 a
{
	text-transform: none;
	color: #4088b8;
}

h2
{
	font-size: 1.4em;	
	color: #4381a4;/*#4088b8;*/
	border-bottom: 2px solid #dadada;
	padding: 0 2px 2px 5px;
	margin: 0 0 10px 0;
	letter-spacing: -1px;
}

h3
{
	font-size: 1.2em;
	font-weight: bold;
	color: #4088b8;
	border-bottom: 1px solid #cccccc;
	margin: 10px 0 8px 0;
	padding: 1px 2px 2px 3px;
}

blockquote
{
	font-size: 0.9em;
	border: 1px solid #dadada;
	margin: 20px 10px;
	padding: 8px;
}

/******** Main wrap ********/
#wrap
{
	color: #404040;
	width: 970px;
	margin: 5px auto;
	padding: 0px;
}

#header
{
	margin: 0px;
}

#toplinks
{
	text-align: right;
	padding: 0px;
	margin: 0px;
}

/******** sidebar ********/
#sidebar
{
	float: left;
	width: 180px;
	margin: 0 0 5px 0;
	padding: 1px 0 0 0;
}

#sidebar ul
{
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0 0 15px 5px;
}

#sidebar li
{
	padding-top: 2px;
	text-indent: 3px;
	height: 18px;
	list-style: none;
	margin: 0 0 3px 0;	
	padding: 0px;
}

#sidebar li a
{
	height: 18px;
	padding-top: 2px;
	text-indent: 3px;
	display: block;
	text-decoration: none;
}

#sidebar li a:hover
{	
	color: #fff;
}

#sidebar ul ul
{
	margin: 4px 0 3px 15px;
	line-height: 1.2em;
	padding: 0;
}

#sidebar ul ul li a
{
	font-weight: normal;
}
#sidebar h2
{
	margin: 3px 0px 8px 0px;
}

/******** Content variations ********/
#content
{
	line-height: 1.5em;
	width: 775px;
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}

#contentalt
{
	line-height: 1.5em;
	width: 775px;
	float: left;
	text-align: left;
	padding: 0;
	margin-right: 20px;
}

#content h3, #contentalt h3
{
	margin: 10px 0 8px;
}

/******** Footer ********/
#footer
{
	clear: both;
	text-align: right;
	color: #808080;
	font-size: 0.9em;
	border-top: 4px solid #dadada;
	margin: 0 auto;
	padding: 8px 0;
	line-height: 1.6em;
}

#footer p
{
	margin: 0;
	padding: 0;
}
#footer a
{
	color: #808080;
}

/******** Various classes ********/
.box
{
	color: #ffffff;
	font-size: 0.9em;
	background-color: #509bc5;/**#4088b8;**/
	border: 1px solid #c8c8c8;
	line-height: 1.3em;
	padding: 5px 5px 5px 8px;
}

.box a
{
	color: #f0f0f0;
}
.left
{
	float: left;
	margin: 0 15px 4px 0;
}
.right
{
	float: right;
	margin: 0 0 4px 15px;
}
.textright
{
	text-align: right;
}
.readmore
{
	text-align: right;
	margin: -10px 10px 12px 0;
}

.center
{
	text-align: center;
}
.blue
{
	color: #4088b8;
}
.big
{
	font-size: 1.3em;
}
.small
{
	font-size: 0.8em;
}
.bold
{
	font-weight: bold;
}

.clear
{
	clear: both;
}
.hide
{
	display: none;
}
.fade
{
	color: #c8c8c8;
}
.gray
{
	color: #808080;
}

.photo
{
	border: 1px solid #bababa;
	padding: 2px;
	background-color: #ffffff;
	margin: 6px 18px 2px 5px;
}

td
{
	font-size: 11px;
	line-height: 14px;
}
.even td
{	
	line-height: 14px;
	background: #f0f0f0;
}
.even div
{
	background: #f0f0f0;
}

div.seesearchinmaps, div.addtofavouritesearches
{
	float: left;
	width: 250px;	
	background-image: url(../images/icons/folder.png);
	padding-left: 20px;
	background-repeat: no-repeat;
}

div.addtofavouritesearches
{
	background-image: url(../images/icons/star_w.gif);
}

div.seesearchinmaps
{		
	background-image: url(../images/icons/world_w.gif);
}

.pager, .pagersearch
{			
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	overflow: hidden;
}

.pagersearch div
{	
	float: left;
}

.pager div
{	
	width: 33%;
	float: left;
}

#x
{
	color: White;
}

input, select
{
	font-family: Verdana;
}

.advInputBox
{
	font-size: 13px;
}

.advInputBox160
{
	width: 160px;
	font-size: 13px;
}
.advInputBox60
{
	width: 60px;
	font-size: 13px;
}
.advInputBox50
{
	width: 50px;
	font-size: 13px;
}
.advInputBox35
{
	width: 35px;
	font-size: 13px;
}

.advBreaker
{
	color: #C6DAEE;
}

.advbox
{
	margin-right: 5px;
	float: left;
	width: 188px;	
	height: 400px;
}

.grayLineBox
{
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}

.IndexHoverCell
{
	background-color: #FFFFFF;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
}

.IndexHoverCell:hover
{
	background-color: #EAEFF4;
}

.IndexHoverLink
{
	padding: 10px;
	color: gray;
}

.IndexHoverLink:hover
{
	color: #4088b8;
}

.grayLineBoxAdv
{
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
	height: 365px;
	padding: 4px 4px 0px 4px;
}

#loaderLarge
{
	display: none;
}

.TextLabel
{
	font-weight: bold;
}

.toLower
{
	text-transform: lowercase;
}

#dhtmltooltip
{
	position: absolute;
	font-size: 11px;
	width: 150px;
	border: 3px solid #6699CC;
	padding: 2px;
	background-color: white;
	visibility: hidden;
	display: none;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#SearchTable
{
	width: 100%;
	border: solid 1px #cccccc;
}

#SearchTable td
{
	padding: 10px 0px 10px 10px;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
	color: #000000; /*color:#8C8C8C;border-color:#BED2E8;*/
}
#SearchTable td:hover
{
	background-color: #E4EDF7; /*border-color:#000000; 	color:#000000;*/
}

.TableHeaderCell
{
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: White;
	height: 25px;
	padding-left: 5px;
}

#SearchTable .TableHeaderCell
{
	border-style: none;
	border-width: 0px;
	padding: 5px;
	color: white;
}

#SearchTable .TableHeaderCell:hover
{
	color: white;
}

.iconImage
{
	margin-right: 5px;
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.searchtableheaderrow
{
	cursor: pointer;
	font-weight: bold;
	color: White;
}

.searchheadercellsort
{
	background-color: #888;
}

.searchtableheaderrow a
{
	color: White;
}

.menuTabs
{
	padding: 0px 0 0 1em;
	margin: 0;
	list-style: none;
	height: 40px;
	position: relative;
	background: transparent url(images/tabs/pro_five_0c.gif) repeat-x left bottom;
	font-size: 12px;
}
.menuTabs li
{
	float: left;
	height: 40px;
	margin-right: 1px;
}
.menuTabs li a
{
	display: block;
	float: left;
	height: 40px;
	line-height: 35px;
	color: #333;
	text-decoration: none;
	font-family: verdana, sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 0 0 0 4px;
	cursor: pointer;
	background: url(images/tabs/pro_five_0a.gif) no-repeat;
}
.menuTabs li a b
{
	float: left;
	display: block;
	padding: 0 16px 5px 12px;
	background: url(images/tabs/pro_five_0b.gif) no-repeat right top;
}
.menuTabs li.current a
{
	color: #000;
	background: url(images/tabs/pro_five_2a.gif) no-repeat;
}
.menuTabs li.current a b
{
	background: url(images/tabs/pro_five_2b.gif) no-repeat right top;
}
.menuTabs li a:hover
{
	color: #000;
	background: url(images/tabs/pro_five_1a.gif) no-repeat;
}
.menuTabs li a:hover b
{
	background: url(images/tabs/pro_five_1b.gif) no-repeat right top;
}
.menuTabs li.current a:hover
{
	color: #000;
	background: url(images/tabs/pro_five_2a.gif) no-repeat;
	cursor: default;
}
.menuTabs li.current a:hover b
{
	background: url(images/tabs/pro_five_2b.gif) no-repeat right top;
}

#TopAd
{
	text-align: center;
	margin-top: 0px;
	margin-bottom: 5px;
	width: 100%;
}

#TopLogo
{
	margin-top: 5px;
	margin-bottom: 0px;
	float: left;
}

.WideBlockBox
{
	display: block;
	margin-bottom: 5px;
	width: 100%;
}

/**** HEADER BACKGROUND *******/
.searchtableheaderrow, .controlHeader, #x, .TableHeaderCell, #SearchTable .TableHeaderCell:hover, .searchfooter, #sidebar li a:hover, th.Header
{
	/*background-color:#6699CC;#3f3f3f*/
	background-color: #4381a4;
}

/**** controlcontent adds ****/
.controlcontent.tipafriend input, .controlcontent.tipafriend textarea
{
	width: 95%;
	border: solid 1px #999;
	font-family: Verdana;
	font-size: 11px;
}

.opaque
{
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.controlcontent.tipafriend input.error
{
	background-color: #f35814;
	border-color: #ca5825;
	color: #fff;
}

/******** main control ********/
.controlcontent
{			
	display: block;
	padding-right: 5px;
	margin: 5px;
	font-size: 11px;
}

.controlcontent a[disabled='disabled']
{
	color: #999;	
}

.controlcontent a[disabled='disabled']:hover
{
	text-decoration: none;
}

#control, .control
{
	overflow: hidden;
	border: solid 1px #ccc;
	margin-bottom: 5px;
}

.controlHeader
{
	height: 20px;
	display: block;
	width: auto;
	font-size: 11px;
	border: solid 3px #fff;
	color: White;
	text-indent: 5px;
	padding-top: 2px;
}

.control .toplisttable
{
	width: 100%;
}

.control .toplisttable .secondrow
{
	vertical-align: top;
	height: 16px;
	border-bottom: dashed 1px #cccccc;
}

#controlHeader img, .controlHeader img
{
	margin-left: 5px;
	margin-top: 5px;
	width: 16px;
	height: 16px;
}

/* Frontpage search */
#frontpagesearch
{	
	margin-bottom: 5px;
	padding-bottom: 5px;	
	width: 100%;
	overflow: hidden;	
}

#frontpagesearch div
{	
	padding-left: 2px;
	float: left;	
}
#frontpagesearch div div
{	
	width: 99%;	
}

#frontpagesearch div.searchpropertycontainer
{			
	width: 100%;		
	margin-top: 0px;
	padding: 2px;
}
.searchpropertycontainer
{			
	width: 100%;		
	margin-top: 4px;
	padding: 2px;
}


#propertytypelist
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	margin-top: 2px;
	margin-bottom: 5px;
}

#propertytypelist li
{
	width: 50%;
	list-style: none;
	display: block;
	float: left;
}

.subHeader
{	
	width: 100%;	
	/*border-bottom: dashed 1px #999;*/
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: inline-block;		
}

/* Index elements  */

.maincontainerlist, .letterlist
{
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	width: 100%;
	margin-bottom: 5px;
	padding-bottom: 10px;
	overflow: auto;
}

.letterlist
{
	display: none;
}

.maincontainerlist li
{
	height: 25px;
	width: 47%;
	list-style: none;
	margin-right: 10px;
	display: block;
	float: left;
}

.controlcontent.newslettersignup div
{
	text-align: right;
}

.maincontainerlist li a, .maincontainerlist li span
{
	height: 20px;
	background: transparent url(../images/icons/folder.png) no-repeat 0px 5px;
	font-weight: normal;
	cursor: pointer;
	width: 90%;
	padding: 3px;
	padding-left: 22px;
	display: inline-block;
	text-decoration: none;
}

#estatelist
{
	margin: 0;
	padding: 0;
}

#estatelist li
{	
	color: #4381a4;
	height: 15px;	
	font-weight: normal;
	cursor: pointer;
	width: 90%;
	padding: 3px;	 
	display: inline-block;
	text-decoration: none;
}

#estatelist li:hover
{	
	color: #000;
	text-decoration: underline;
}

.maincontainerlist li
{
	height: 25px;
	width: 47%;
	list-style: none;
	margin-right: 10px;
	display: block;
	float: left;
}

.maincontainerlist li span
{
	cursor: default;
}

.maincontainerlist li a:hover
{
	height: 20px;
	background-position: 0px 4px;
	padding-top: 2px;
	background-color: #EFF7FF;
	border: dashed 1px #86B8EF;
	border-left-width: 0px;
	border-right-width: 0px;
}

.maincontainerlist li strong
{
	font-weight: normal;
	color: black;
}

/* End - Index elements  */

div.boxerror, div.boxsuccess
{
	margin-top: 6px;
	margin-bottom: 6px;
	padding: 3px;	
	text-align: center;
	color: White;	
}

div.boxsuccess
{	
	border: solid 1px #5d8446;
	background-color: #aacc95;
}

div.boxerror
{	
	border: solid 1px #b06a32;
	background-color: #f28c39;
}

.controlcontent.newslettersignup div.boxerror
{
	text-align: center;
}

.controlHeader span
{
	margin-left: 3px;
	bottom: 4px;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
	color: Green;
}

.controlRow img
{
	margin-top: 5px;
	width: 16px;
	height: 16px;
}

.controlRow a
{
	bottom: 4px;
	position: relative;
	font-family: Verdana;
	font-size: 12px;
	font-weight: bold;
}

#loginDisplay
{
	text-align: left;
	font-size: small;
	margin-bottom: 5px;
	line-height:18px;
}

.containerinformation
{
	background-color: #f7f3e5;
	border: solid 1px #b6b19c;
	color: #736f5e;
	padding: 5px;
}

/******** signup  ********/
#signupForm
{
	width: 670px;
}
#signupForm label.error
{
	margin-left: 10px;
	width: auto;
	display: inline;
	color: Red;
}

#signupSuccess
{
	display: none;
}

#errorMessage, .errorMessage
{
	margin-left: 10px;
	width: auto;
	display: inline;
	color: Red;
	font-weight: bold;
}

label.error
{
	margin-left: 10px;
	width: auto;
	color: Red;
	font-weight: bold;
}

#addFavoriteSearchForm
{
	position: absolute;
	display: none;
	padding: 10px;
	margin-top: 5px;
	background-color: #ffffff;
	border: 1px solid #000000;
}

#changePasswordForm
{
	position: relative;
	display: none;
	padding: 10px;
	margin-top: 5px;
	background-color: #ffffff;
	border: 0px solid #000000;
}

#changeProfileForm
{
	position: relative;
	display: none;
	padding: 10px;
	margin-top: 5px;
	background-color: #ffffff;
	border: 0px solid #000000;
}

#myFunctions
{
}

#changePassword
{
}

.warningBox
{
	display: none;
	border-color: #8b0000;
	border-style: dashed;
	border-width: 2px;
	color: Black;
	padding: 5px;
	margin: 10px;
	line-height: 16px;
	font-size: 12px;
	background-color: #ffc0cb;
}

#PropertyInfo table tr td
{
	vertical-align: baseline;
	line-height: normal;
}

#PropertyInfo table
{
	width: 100%;
}

#btnHomeWatch
{
	background-image: url(../images/icons/magnifier_zoom_in_w.gif);
	padding-left: 20px;
	display: block;
	background-repeat: no-repeat;
}

/* ------- Button --------- */
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('../images/buttons/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    cursor: pointer;
    float: left;
    text-align: center;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/buttons/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 */
}

#containerimages ul
{		
	margin: none;
	padding: none;
}

#containerimages ul li
{	
	width: 23%;
	list-style: none;
	display: block;
	float: left;
}

#containerimages ul li img
{
	width: 75px;
	height: 50px;
	border: solid 1px #999;
}

.useraddescriptions input
{
	width: 400px;	
	margin-right: 10px;
}

.useraddescriptions td.charactersleft
{
	padding-left: 3px;
	padding-right: 3px;
	background-color: #3f3f3f;
	color: #fff;
	
}
