/* Start layout */

* {margin: 0; padding: 0;}

html { background: #e6dcd2; height:100%; }

body { position:relative; background: url(http://www.dordogneproperty.net/images/gitemiddle.jpg); min-height:100%; height: auto !important; height:100%; width: 760px; margin: 0 auto;  }

h1 { height: 192px; text-indent:-1000em; background: url(http://www.dordogneproperty.net/images/giteheader.jpg) no-repeat bottom center; }

#content { padding-bottom: 63px; width:760px;  }

#contentPadding{
		padding-left: 20px; padding-right: 20px; 
		}
#contentLargePadding{
		padding-left: 40px; padding-right: 40px; 
		}
		
img {
border-style: none;
}
p, ul, li{
font-family: arial, "lucida console", sans-serif;
}
.contentCenter { 
		width: 50%;
		margin-left: auto;
		margin-right: auto;
		}
#footer { position: absolute; bottom: 0; background: url(http://www.dordogneproperty.net/images/gitefooter.jpg) no-repeat; height: 63px; width: 100%; }
#footer p { text-align:center; }
#loggedIn {
	padding-top: 5px; padding-bottom; 40px; font-size:12px; padding-left: 20px;
	}
	
#login {
	padding-top: 10px;  padding-left: 50px;
	}

#buttons {
	padding-bottom: 60px; padding-left: 55px; padding-top: 10px;
	}
#gad {
	padding-left: 5%;
	}	
#gad2 {
	position: absolute;
	top: 220px;
	left: 10px;
	}
	
#testpic{ background: url(http://www.dordogneproperty.net/images/content/gite/thumbs/Gite\ Conservatory_thumb.jpg) no-repeat; height: 200px; width: 200px; background-position: 50% 50%; } 
	
	
table.center {margin-left:auto; margin-right:auto;}
#paddingBottom{
	font-size: 10px;
	padding-bottom: 10px;
	/* margin-left:10px; */
	}
#profileDescription{
	width:650px;
	}
.pictureBorder{

	float: left; 
	padding-right:10px;
	}
input .cb {
	width: 13px !important; 
	height: 13px !important; 
	vertical-align: middle;
	margin: 0;
	padding: 0;
	}
.browseBlock {
	background: url(images/galleryborder4.jpg) top left no-repeat;
	display: block; /* restore proper behavior (see IE bugfix above) */
	font-size: 12px;
	overflow: hidden;
 	 margin:0;
 	 margin-top:-2em;
 	 padding:15px; 
	 width:650px;
	 margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-bottom: 40px; 
	}
.browseBlock p, #picture {
	padding-top: 10px;
	margin-right: 20px;
	}
.viewedBlock {
	/* background: url(images/galleryborder4.jpg) top left no-repeat; */
	display: block; /* restore proper behavior (see IE bugfix above) */
	float: left;
	font-size: 12px;
	overflow: visible;
 	 margin:0;
 	 margin-top:-2em;
 	 padding:15px; 
	 width:450px;
	 height: 200px;
	 margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-bottom: 40px;
	padding-top:30px;
	}
.messageBlock {
	background: url(images/messagerow.jpg) top left no-repeat; 
	display: block; /* restore proper behavior (see IE bugfix above) */
	font-size: 12px;
	overflow: visible;
 	 margin:0;
 	 margin-top:-2em;
	 width:600px;
	 height: 20px;
	 margin-left: auto;
	margin-right: auto;
	 border:solid;
	 border-color: #ffffff #f3f0f0 #e5e1e1;
	 border-width: 1px 2px 3px;
	 text-align: center;
	}
tr.rows {
	 background-color: #f0f0f0; 
	 /*
	 border:solid;
	 border-color: #E0E0E0 #FAFAFA;
	 border-width: 1px 1px;
	 */
	}
tr.rows:hover {
	/* background-color: #e6c6e7; */
	}
.hrT
{
	font-size: 1px;
	border-top: solid 1px #E0E0E0;
	border-bottom: solid 1px #FAFAFA;
}
table {border-collapse: collapse;} td {padding: 0;}
#messageBlockMenu {
	display: block; /* restore proper behavior (see IE bugfix above) */
	font-size: 12px;
	overflow: visible;
 	 margin:0;
 	 margin-top:-2em;
	 width:600px;
	 height: 20px;
	 margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	 border:solid;
	 border-color: #ffffff #f3f0f0 #e5e1e1;
	 border-width: 1px 2px 3px;
	 text-align: center;
	}
.messageBlock:hover {
	background: url(images/messagerowhover.jpg) top left no-repeat;
	display: block; /* restore proper behavior (see IE bugfix above) */
	font-size: 12px;
	overflow: visible;
	text-align: center;
 	 margin:0;
 	 margin-top:-2em;
	 width:600px;
	 height: 20px;
	 margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	bottom: 20px;
	border:solid;
	 border-color: #ffffff #f3f0f0 #e5e1e1;
	 border-width: 1px 2px 3px;
	 /* OLD STYLE BORDER
	  border-color: #e5e1e1 #f3f0f0 #ffffff;
	 border-width: 1px 2px 2px;
	*/
	 }
span.username{
	clear:left;
	text-align: left;
	}
span.subject{
	float: left;
	margin-left:10px;
	width: 200px;
	text-align: left;
	}
span.username, span.date{
	float: left;
	margin-left:10px;
	width: 110px;
	text-align: left;
	}
.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	 width:730px; 
	}

#centreForm ul li {
	text-align:center;
 } 
#centreForm {
	font-size: 10px; 
	padding-bottom: 40px;
	padding-left: 100px;
 } 
#leftSidebar {
	 margin-top:40px;
	 float: left; 
	 display: block;
	 width:250px;
	 background: #e6c6e7;
	 border: solid 1px #ACACAC;
	 text-align: center; 
	 padding-bottom: 10px;
	 padding-top: 10px;
	}
#profileContent{
	float: left;
	display: block;
	width:450px;
	padding-left: 10px;
	}
#showMessage{
	display: block;
	background:  #f1e4f2;
	width:650px;
	margin-left: 25px;
	margin-bottom: 10px;
	padding: 10px;
	border: solid 1px #ACACAC;
	}
#description {
	 border: solid 1px #ACACAC;
	 background: #f1e4f2; /* #ead6eb; */
	 bottom: 10px;
	 padding: 10px;
	}
#headline {
	padding-bottom: 10px;
	}
#meetblock {
	 margin-top: 10px;
	 border: solid 1px #ACACAC;
	 background: #ead6eb;
	 padding: 10px;
	}
dd, dt {
	display: block;
	float: left;
	margin-left:10px;
	}	
dt {
	clear:left;
	width: 110px;
	text-align: left;
	font-weight: bold;
	}	

form #editprofile{  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  /* font:100% verdana,arial,sans-serif; */
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
  width: 650px;
}
#editProfileCenter {
	  padding-left: 43px;
	}
form fieldset legend {
	font-size:1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}
form input#menu{
	margin-left:300px;
	}
textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
	color:Red;
}
.checkInput {
	 margin: 0 0 5px 5px;  instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
	color:Red;
	display: none;
}
.checkInputw {
	/* margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
	color:Red;
	display: block;
}
form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}
div.row {
  clear: both;
  padding-top: 10px;
  }
div.row2 {
  clear: both;
  padding-top: 10px;
  }
div.row span.label {
  float: left;
  width: 100px;
  text-align: right;
  margin-right: 10px;
  }
div.row2 span.label {
  float: left;
  width: 120px;
  text-align: right;
  margin-right: 10px;
  }
.wide {
  width: 250px;
  }

span.labelw {
  float: left;
  width: 600px;
  text-align: left;
  display:block;
  }
.smallMargin{
	  padding-left: 5px;
	  padding-right: 10px;
	}
div.row span.formw {
  float: right;
  width: 335px;
  text-align: left;
  }
#headline, #description, #headlineLabel, #keywords, #lastnav, #meet2 {
	display: block;
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.hide {
	display: none;
}
/* End layout */

/* Start menu buttons */

#house a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/house.jpg) top left no-repeat;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 

#house a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/homewhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	}

#home a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/home.jpg) top left no-repeat;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 

#home a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/homewhite.jpg) top left no-repeat;
	/*background-position: 0 -44px;*/
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	}
	 
#contact a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/contact.jpg) top left no-repeat;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 

#contact a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/homewhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 
#browse a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/gite.jpg) top left no-repeat;
	height: 43px;
	width: 81px;
	float: left;
	padding-right: 10px;
	} 

#browse a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/browsewhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 81px;
	float: left;
	padding-right: 10px;
	} 
#pool a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/pool.jpg) top left no-repeat;
	height: 43px;
	width: 81px;
	float: left;
	padding-right: 10px;
	} 

#pool a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/editProfilewhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 81px;
	float: left;
	padding-right: 10px;
	} 
#register a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/register2.jpg) top left no-repeat;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 

#register a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/registerwhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 
#messages a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/local-area.jpg) top left no-repeat;
	height: 43px;
	width: 122px;
	float: left;
	padding-right: 10px;
	} 

#messages a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/messageswhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 122px;
	float: left;
	padding-right: 10px;
	} 
#myPage a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/garage-block.jpg) top left no-repeat;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 

#myPage a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/myPagewhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 
#signOut a { 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/signOut.jpg) top left no-repeat;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 

#signOut a:hover{ 
	display: block;
	text-indent: -100em;
	overflow: hidden;
	/* background: url(images/menubuttons/signoutwhite.jpg) top left no-repeat; */
	background-position: 0 -44px;
	height: 43px;
	width: 99px;
	float: left;
	padding-right: 10px;
	} 
#delete a { 
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/delete.gif) top left no-repeat;
	height: 28px;
	width: 52px;
	float: left;
	display:inline:
	} 

#delete a:hover{ 
	text-indent: -100em;
	overflow: hidden;
	background: url(images/menubuttons/deletewhite.gif) top left no-repeat;
	height: 28px;
	width: 52px;
	float: left;
	display:inline:
	} 
/* End menu buttons */