/*Default template created by http://www.orodhadesign.com - Drop by for tips, tricks, resources and templates :)*/
/*test*/
/*-----------*/
/*---INDEX---*/
/*-----------*/

/* 
   30 - Resets
  122 - Basic typography
  176 - Forms in general - 265 - Contact us form
  297 - All pages (styles that affect just about everything!)
  411 - Navigation
  507 - Home page specific
  548 - Featured listings
  575 - Class search
  579 - Listings search
  588 - Search results
  741 - Listing detail
1034 - Sign up
 1051 - View favorites, searches, agents and agent (Phew!)
 1161 - Edit profile
 1178 - Footer
 1220 - Feedback	
 1250 - Login form
 1326 - Maintenance mode
 1344 - Contact friend form
 1360 - Multi language enhancements (beta)
*/												

/*------------*/
/*---RESETS---*/
/*------------*/

body, input, button, textarea, select { font-family: Verdana, Geneva, sans-serif}

pre, tt, code, kbd, samp, var { font-family: "Courier New", Courier, monospace}

h1 {font-size: 44px}
h2 {font-size: 22px}
h3 {font-size: 18px}
h4 {font-size: 14px}

a:link {color: #0066CC}
a:visited {color: #0066CC}
a:hover {text-decoration: none}
a:focus {text-decoration: none}
a:focus, :focus {outline: none}
a:active {outline: none}

body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {border: 0}

img {vertical-align: bottom}

li {margin-left: 30px}
ol li, ul ol li {list-style-type: decimal}
form ol li {list-style-type: none}
ul li {list-style-type: disc}
ul ul li {list-style-type: circle}
ul ul ul li {list-style-type: square}
ol ol li {list-style-type: lower-alpha}
ol ol ol li {list-style-type: lower-roman}

table {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	background: #fff;
}

caption {
	font-weight:bold;
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	padding: 6px 6px 6px 12px;
	background: #333;
}

td {padding: 4px 4px 4px 10px}

.alt {background: #eee !important}

code, pre {font-family: "Courier New", monospace, serif}

blockquote, q, em, cite, dfn, i, cite, var, address {font-style: italic}

blockquote p:before, blockquote p:after, q:before, q:after {content: ''}

th, strong, dt, b {font-weight: bold}

ins {
	text-decoration: none;
	border-bottom: 3px double #333;
}

del {text-decoration: line-through}

abbr, acronym {
	border-bottom: 1px dotted #333;
	font-variant: normal;
}

hr {
	border-style: inset;
	border-width: 1px;
	margin: 22px 0px;
}

/*----------------------*/
/*---BASIC TYPOGRAPHY---*/
/*----------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 11px;
}

h1, h1 a {
	letter-spacing: -0.5px;
	text-decoration: none;
	font-size: 33px;
	margin-bottom: 22px;
}

h2 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

h3 {margin: 0px}

h4 {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

p {
	font-size: 14px;
	margin-bottom: 22px;
	line-height: 22px;
}

blockquote {
	margin: 22px 0px 0px 18px;
	border-left: 5px solid #eee;
	padding: 0px 22px 22px 22px;
	font-style: italic;
}

cite {
	display: block;
	background: #eee;
	margin: -26px 0px 33px 44px;
	padding: 2px 15px;
}

ul li {list-style-type: none}

#Content ul {margin-bottom: 22px}

#Content ul li {list-style-type: disc}

/*----------------------*/
/*---FORMS IN GENERAL---*/
/*----------------------*/

fieldset {
	float: left;
	clear: both;
	width: 100%;
	padding: 0px 0px 10px 0px;
	border-style: none;
	background: url(../images/main/fieldset_back.jpg) repeat-x;
}

fieldset.NoBack {
	background: none;
	border: 0px;
}

legend {
	padding-left: 20px;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
}

fieldset ol {padding-top: 10px}

fieldset li {
	float: left;
	clear: left;
	width: 100%;
	list-style: none;
	padding-bottom: 10px;
}

label {
	float: left;
	vertical-align: top;
	width: 150px;
	text-align: right;
	margin-right: 10px;
}

input {background: #fff}

input[type="text"], input[type="password"] {
	padding: 3px 5px;
	border: 1px solid #666;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

input[type="checkbox"] {
	vertical-align: middle;
	position: relative;
	top: -1px;/*Yes they were one pixel out attention to detail people! ;)*/
}

textarea {
	width: 300px;
	height: 200px;
	padding: 3px 5px;
	border: 1px solid #666;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
}

.GeneralButton {
	float: none;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #333;
	cursor: pointer;
	margin: 10px 6px 0px 190px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.GeneralButton:hover {
	background: #666;
	color: #fff;
}

.Required {color: red}

#Content form ul li {list-style-type: none}

span.Required {
margin-left: 3px;
}

/*Contact us form*/

#ContactUsForm {
	float: left;
	margin: 30px 0px 10px 0px;
	width: 100%;
	}

#ContactUsForm label {
	float: none;
	display: block;
	margin: 10px 0px 0px 0px;
	width: auto;
	text-align: left;
	font-weight: bold;
	font-size: 13px
}

#ContactUsForm legend {
	padding: 3px 5px;
	background: #fff;
	border: 1px solid #999;
	margin-left: 27px;
}

#ContactUsForm fieldset {border: 1px solid #999}

#ContactUsForm .GeneralButton {
	margin: 10px 0px 0px 0px;
	width: 200px;
}

/*---------------*/
/*---ALL PAGES---*/
/*---------------*/

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #333;
	line-height: 22px;
	background: #eee;
}

#Wrapper {
	background: url(../images/main/page_back.png) repeat-y;
	width: 930px;
	margin: 0px auto;
	padding: 20px 35px 20px 35px;
}

#Header {
	height: 100px;
	position: relative;
	padding-left: 15px;
}

#Header h1, #Header a.Logo {
	text-indent: -9999px;
	background: url(../images/logo.png) no-repeat;
	width: 231px;
	height: 59px;
	margin: 0px;
}

#Header a.Logo {display: block}

#Header p.Tagline {
	padding-left: 42px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-top: -3px;
}

p.WelcomeBack {
	text-align: right;
	margin-top: -30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/*Content and sidebars*/

#Content, #SearchResultsContent {
	background: #fff;
	border: 1px solid #333;
	padding: 22px 0px 22px 22px;
}

#Content { /*For two col pages - This is the default setup and is overwritten with body classes if full width is required*/
	width: 600px;
	float: left;
	border: none;
/*	position: relative;*/ /*Why was that?*/
}

#SideBar {
	width: 220px;
	float: right;
	margin: 22px 0px 22px 0px;
	border-left: 1px solid #ddd;
	padding: 0px 20px 22px 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

#SideBar h4 {margin-bottom: 11px}

#SideBar p, #SideBar a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
}

a.AgentsSignup {margin-bottom: 22px}

#SideBar ul {margin-bottom: 22px}

#SideBar li {
	margin-left: 0px;
	list-style-type: square;
	list-style-position: inside;	
}

a.EditLink {
	clear: both;
	background: #ffc;
	display: inline-block;
	padding: 3px 10px;
	text-decoration: none;
	color: #333;
	margin-top: 11px;
	border: 1px solid #666;
}

a.EditLink:hover {background: #FF9}

.ImageLeft {
	float: left;
	margin: 0px 30px 22px 0px;
	padding: 2px;
	border: 1px solid #ccc;
}

/*---------*/
/*---NAV---*/
/*---------*/

/*MainNav*/

#MainNav, #MemberNav {
	float: left; /*To contain its own floats*/
	border-right: none;
	margin-bottom: 11px;
	position: relative;
}

#MainNav li, #MemberNav li {
	float: left; 
	list-style: none;
	margin-left: 0px;
}

#MainNav li a, #MemberNav li a {
	display: block;
	padding: 8px 33px 8px 33px;
	text-decoration: none;
	border-right: 1px solid #333;
	color: #fff;
	background: url(../images/main/nav_back.jpg) repeat-x;
}

#MainNav li a:hover, #MainNav li a.active {
	color: #333;
	background-position: 0px -40px;
}

#MainNav li.Last a {/*This class of last is added via js - This is so the last button*/
	padding: 8px 33px 8px 34px;
	border-right: none
}

/*Dropdowns*/

#MainNav ul li{zoom: 1}/*IE :(*/

#MainNav li ul a {
	border: none;
	border-bottom: 1px solid #ccc; 
	width: 155px; /*Match width below*/
}

#MainNav li.Hover, #MainNav li:Hover {position: relative}

#MainNav li ul {
	width: 155px; /*Match width above*/
  white-space: nowrap;
	visibility: hidden;/*...and then toggled with js*/
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9999;
}

.HasDropDown {
	display: inline-block;
	width: 12px;
	height: 7px;
	background: url(../images/icons/white_arrow_down.gif);
	margin-left: 5px;
}

/*"You are here" for the main nav - This relies on the dynamic body classes*/
.pageid_1 #MainNav li a.Home, .pageid_3 #MainNav li a.About, .searchresults #MainNav li a.AllListings, .view_agents #MainNav li a.ViewAgents, .pageid_2 #MainNav li a.Contact {
	color: #333;
	background-position: 0px -40px;
}

/*MemberNav*/

#MemberNav {
	position: absolute;
	top: 0px;
	right: 0px;
	border: none;
	background: none;
}

#MemberNav li a {
	background: #666;
	color: #fff;
	padding: 3px 10px;
	border: none;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#MemberNav li a:hover {background: #333}

/*Language navigation (selectors)*/

/*Dropdown*/

#LanguageSelectors {
	clear: both;
	margin-bottom: 11px;
	overflow: auto;
}

#LanguageSelectors form {
	float: right;
	font-family: Arial, Helvetica, sans-serif;
}

#LanguageSelectors form select {margin: 0px 5px;}


#LanguageSelectors form input {
	background: #424f6f;
	color: #fff;
	border: none;
	padding: 1px 5px;
}

/*Flags*/

#LanguageSelectors ul {float: right}

#LanguageSelectors ul li {
	display: inline;
	margin-left: 5px;
}

/*------------------------*/
/*---HOME PAGE SPECIFIC---*/
/*------------------------*/

.pageid_1 h2 {margin-bottom: 22px}

#Banner {
	clear: left;
	height: 220px;
	background: url(../images/main/banner.jpg);
}

#Banner h2 {
	border: none;
	font-size: 36px;
	color: #fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	padding: 20px 0px 0px 20px;
}

.index #Content, .default #Content {margin-top: 22px}

.index #SideBar {
	min-height: 900px;
	padding-top: 22px;
}

a.Donate {
	display: block;
	width: 225px;
	height: 47px;
	background: url(../images/main/donate.png);
	text-indent: -9999px;
	padding: 0px;
}

a.Donate:hover {background-position: 0px -47px}

#SideBarBottom li {margin-left: 0px}

/*-----------------------*/
/*---FEATURED LISTINGS---*/
/*-----------------------*/

#FeaturedListingsVertical a.FeaturedTitle {
	text-decoration: none;
	border: 1px solid #ccc;
	padding: 3px 5px;
	border-bottom: none;
	background: #eee;
}

#FeaturedListingsVertical h4 {margin-bottom: 22px}

a.FeaturedImage {display: block}

#FeaturedListingsVertical img {
	padding: 5px;
	border: 1px solid #ccc;
	margin-bottom: 25px;
}

#FeaturedListingsVertical hr {
	border: none;
	border-top: 1px solid #ccc;
}

/*------------------*/
/*---CLASS SEARCH---*/
/*------------------*/

/*---------------------*/
/*---LISTINGS SEARCH---*/
/*---------------------*/
	
#ListingsSearch select {
		width: 150px;
		padding: 3px 5px;
}

/*--------------------*/
/*---SEARCH RESULTS---*/
/*--------------------*/

/*Next/Previous*/

.NextPrevTopWrapper {
	clear: both;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.NextPrevBottomWrapper {float: right}

.NextPrevTopWrapper img, .NextPrevBottomWrapper img {
	border: none;
	vertical-align: middle;
}

.NextPreviousPages {display: inline}

.NextPreviousPages a, .CurrentPageNumber {
	font-weight:bold;
	border: 1px solid #333;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.CurrentPageNumber, .NextPreviousPages a:hover {
	background-color: #333;
	color: #fff;
}

.JumpToPage {
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.JumpToPage a, .NextPrevBottomWrapper a {
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

.NextArrow {margin-right: 5px}

.PrevArrow {margin-left: 5px}

/*Image overlays:*/

/*.result_row_0, .result_row_1 {
	position: relative;
}*/

.OneListing {
	position: relative; /*Allows absolute positioning of the "sold" banner*/
}

a.ImageOverlay.Sold {
	position: absolute;
	width: 200px;
	height: 150px;
	top: 20px;
	left: 0px;
	background: url(../images/main/sold.png);
}


/*Map*/

.SearchResultsMap {
	clear: both;
	padding-top: 10px;
	margin: 15px 0px 20px 0px;
}

.SearchResultsMap h3 {margin-bottom: 5px}

/*Search results header*/

/*This could be combined with mainnav, but trying to keep it "understandable"*/

#SearchResultsHeader {
	height: 33px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	background: #eee;
	padding: 10px 0px 0px 10px;
	position: relative;
}

ul#SortTitles {
	position: absolute;
	top: 10px;
	left: 170px;
}

#SearchResultsHeader #SortTitles li {
	float: left;
	list-style: none;
	margin-left: 0px;
	list-style-type: none;
}

#SortTitles li a {
	background: #999;
	color: #fff;
	padding: 3px 5px;
	border: none;
	margin-left: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
}

#SortTitles li a:hover {background: #666}

/*Each search result*/

.searchresults #Content {width: 885px}

.OneListing {
	padding: 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	min-height: 160px;
}

.OneListing img {float: left}

.OneListing h3 {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
}

.ListingSummary {
	float: right;
	width: 660px;
}

a.MoreInfoLink {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #999999;
	border:medium none;
	color:#fff;
	margin-left:5px;
	padding:3px 5px;
	text-decoration:none;
}

/*Search results admin links*/

.AdminSearchResultLinks {
	background: #FFC;
	border: 1px solid #ccc;
	margin-top: 5px;
	padding: 2px 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}

.view_favorites .AdminToolsToggle {display: none}

/*--------------------*/
/*---LISTING DETAIL---*/
/*--------------------*/

/*Next/prev*/

#NextPrevListing {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

#NextPrevListing li {
	list-style-type: none;
	display: inline;
	margin: 0px;
}

#BackButtons {float: left}

#NextButtons {float: right}

#NextPrevListing li.PrevArrow1, #NextPrevListing li.NextArrow1{margin-right: 10px}

#ThereAre {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc
}

.ListingNumbers {text-align: center}

.NextPrevTopWrapper {
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	position: relative;
}

.NextPrevBottomWrapper {float: right}

.NextPrevTopWrapper img, .NextPrevBottomWrapper img {
	border: none;
	vertical-align: middle;
}

.NextPreviousPages {display: inline}

.NextPreviousPages a, .CurrentPageNumber {
	font-weight:bold;
	border: 1px solid #333;
	padding: 1px 4px 1px 4px;
	cursor: pointer;
	text-decoration: none;
	vertical-align: middle;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.CurrentPageNumber, .NextPreviousPages a:hover {
	background-color: #333;
	color: #fff;
}

.JumpToPage {
	position: absolute;
	top: 0px;
	right: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.JumpToPage a, .NextPrevBottomWrapper a {
	color: #333;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	}

.NextArrow {margin-right: 5px}

.PrevArrow {margin-left: 5px}

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

.listingview #Content, .addtofavorites #Content {width: 885px} 

.listingview h1 {
	border-bottom: 5px solid #eee;
	padding-bottom: 7px;
}

ul#DetailTopLinks {
	top: 5px;
	right: 0px;
	text-align: right;
	margin-top: -50px;
}

ul.SearchResultsTopLinks {display: inline !important}

ul#DetailTopLinks li, .SearchResultsTopLinks li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

.AddToFavs, .RemoveFromFavs, .MoreLink, .PrinterFriendlyLink, .EmailFriend{
	padding-left: 20px;	
	background: url(../images/icons/favorites.png) 0px 1px no-repeat;
}

.RemoveFromFavs {	background: url(../images/icons/favorites_delete.png) 0px 1px no-repeat}
.PrinterFriendlyLink {background: url(../images/icons/printer.png) 0px 1px no-repeat}
.MoreLink {background: url(../images/icons/more.png) 0px 0px no-repeat}
.EmailFriend {background: url(../images/icons/email.png) 0px 1px no-repeat}

/*Data*/

#TopLeft { /*These unsemantic names aren't my fault! I'll get rid of them one day! ;)*/
	float:left;
	width: 345px;
	min-height: 375px;
	line-height: 37px;
	padding-top: 7px; /*Just to line the bottom line up with the slideshow base ;)*/
}
 
.ListingPrice {
	color: #2F3E6C;
	font-weight: bold;
	display: block;
}

#TopLeft .ListingField, .ListingPrice {border-bottom: 1px solid #eee}

/*Main Image*/

#MainImageWrapper {
	width: 500px;
	height: 375px;
	float: right;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 30px;
	position: relative;
}

#MainImageWrapper li, #MainImageWrapper ul {margin: 0px}

p.ClickHereSlideshow {
	position: absolute;
	top: 5px;
	left: 5px;
	margin-bottom: -35px;
	width: 500px;
	padding: 7px 0px;
	text-align: center;
	background: #000;
	color: #fff;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index: 500;
}

#SlideshowContainer {
	float: left;
	width: 540px;
}

p.ImageCount {
	font-style: italic;
	color: #888;
	margin: 11px 0px 0px 0px;
	text-align: right;
	font-size: 12px;
}

/*Text*/

#FullDescription {
	clear: both;
	margin: 22px 0px;
}

/*Maps*/

.NotGeoCoded #GoogleMap, .NotGeoCoded #NearbyMap {display: none} /*Removes map containers, and their contained titles if the listing lacks lat and long*/

#GoogleMap {
	border-top: 1px solid #ccc;
	padding-top: 15px;
	margin-bottom: 25px;
}

#NearbyMap {margin-bottom: 25px}

#NearbyMap h4 {margin-bottom: 15px}

#map_canvasyes {border: 1px solid #666}

#ToggleStreetView {
	display: inline-block;
	position: relative;
	top: 1px;
	border: 1px solid #666;
	border-bottom: 1px solid #fff;
	text-decoration: none;
	padding: 5px 15px;
	z-index: 10; /*(or anything else less than colorboxes 9999!)*/
	background: #fff;
	color: #333;
}

#searchmap_canvas {border: 1px solid #666}

/*The info popup on the map*/

table.MapInfoTable {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	line-height: 18px;
	border: 0px;
}

.MapInfoTable td {vertical-align: top}

.MapInfoTitle {
	display: block;
	margin: 0px 15px 10px 0px;
	padding: 3px 7px;
	background: #eee;
	font-weight: bold;
}

.MapInfoAddress {
	display: block;
	padding: 0px 0px 10px 7px;
	border-bottom: 1px solid #ddd;
	margin-right: 15px;
}

#MapInfoPrice {
	color: cyan;
}

.MapInfoImage {padding-right: 25px}

a.MapInfoLink {
	display: block;
	margin-top: 5px;
	text-align: right;
	margin-right: 15px;
}

/*Info layout*/

#Feature1, #Feature2, #TopRight {
	margin: 5px 45px 0px 0px;
	width: 250px;
	min-height: 350px;
	float: left;
}

#TopRight{
	float: right;
	margin-right: 0px;
}

#TopRight .FieldCaption {font-weight: normal}

#NeighbourhoodLinks {margin-top: 22px}

#NeighbourhoodLinksList li {
	list-style-type: none !important; /*Hmmm, bad form that*/
	margin-left: 0px;
}

#DetailTools {margin-right: 0px}

#AgentDetails {
	clear: both;
	margin-bottom: 30px;
	}

.FieldCaption {font-weight: bold}

.ListingField {display: block}

/*Colorbox*/

#ColorBoxSlideshow li {list-style-type: none !important}/*...and again! weird*/

/*Agents hCard to make human readable*/

span.type {display: none}

#ListingDetailFooter {
	clear: both;
	font-style: italic;
	color: #999;
}

/*-------------*/
/*---SIGN UP---*/
/*-------------*/

.signup table {border: 0px}

.signup input[type="submit"] {
	float: none;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #333;
	cursor: pointer;
	margin: 10px 6px 0px 0px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/*------------------------------------------------*/
/*---VIEW FAVORITES, SEARCHES, AGENTS AND AGENT---*/
/*------------------------------------------------*/

.view_favorites #Content, .view_saved_searches #Content, .view_agents #Content, .view_user #Content, .delete_favorites #Content { 
	padding-top: 8px;
 width: 885px;
}

.view_favorites h1, .view_saved_searches h1 {
	padding-left: 40px;
	background: url(../images/icons/favorites_title.png) 0px 10px no-repeat;
	line-height: 50px;
}

.view_saved_searches h1 { background: url(../images/icons/search_title.png) 0px 10px no-repeat}

/*View agents*/

.view_agents .NextPrevTopWrapper {
	clear:both;
	border-top: 1px solid #ccc;
	padding-top: 15px;
	}
	
.view_agents .NextPrevTopWrapper	.JumpToPage {top: 15px;}

#AgentsCol1 {
	width: 600px;
	float: left;
}

#AgentsCol2 {
	border-left: 1px solid #DDDDDD;
	color: #666666;
	float: right;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11px;
	padding: 0 20px 22px;
	width: 220px;
	margin-bottom: 22px;
}

.AgentsSignup {
	
	display: block;
	width: 225px;
	height: 47px;
	background: url(../images/main/agents_signup_button.png);
	text-indent: -9999px;
	padding: 0px;
}

.AgentsSignup:hover {background-position: 0px -47px}

.OneAgent {
	padding: 20px 0px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	min-height: 160px;
	overflow: auto;
}

.OneAgent img {float: left}

.OneAgent  h3 {
	display: inline-block;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
	font-family: Verdana, Geneva, sans-serif;
	display: inline;
}

.AgentSummary {
	float: right;
	width: 660px;
}

.ListingFieldUrl .FieldCaption {display: none}

a.MoreInfoLink {
	-moz-border-radius:5px 5px 5px 5px;
	background:none repeat scroll 0 0 #999999;
	border:medium none;
	color:#fff;
	margin-left:5px;
	padding:3px 5px;
	text-decoration:none;
}

.OneAgent .ListingField, .OneAgent .AgentTitleContainer, .ContactAgentLink {
	display: inline-block;
	float: left;
	clear: left;
	width: 235px;
}

.OneAgent .ListingFieldInfo {
	float: none;
	width: 395px;
	margin-left: 9px;
	padding-left: 15px;
	border-left: 5px solid #eee;
}

/*View agent*/

#AgentsOtherListingsList {margin-top: 20px}

/*------------------*/
/*---EDIT PROFILE---*/
/*------------------*/

.edit_profile table {border: 0px}

.edit_profile input[type="submit"] {
	float: none;
	padding: 5px 10px;
	background: #fff;
	border: 1px solid #333;
	cursor: pointer;
	margin: 10px 6px 0px 0px;
	-moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

/*------------*/
/*---FOOTER---*/
/*------------*/

#Footer {
	clear: both;
	overflow: auto;
	border-top: 3px solid #ccc;
	padding-top: 22px;
	padding-left: 20px;
}

#Footer a, #Footer {
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
	font-size: 12px;
}

#Footer a {color: #999}

#FooterCol1 {float: left}

#FooterCol2 {
	float: right;
	text-align: right;
	padding-right: 15px;
}

#Footer li {
	float: left;
	list-style: none;
	margin: 0px 10px 0px 0px;
}

#Footer #RSSLinks li {margin: 0px 0px 0px 10px}

#RSSLinks li {
	padding-left: 20px;
	background: url(../images/icons/rss_small.png) 0px 4px no-repeat; /*Will sprite all these icons later*/
}

/*--------------*/
/*---FEEDBACK---*/
/*--------------*/

.Error, .Good {
	border: 1px solid red;
	background: pink;
	padding: 3px 10px;
	margin-top: 15px;
}

.Good {
	border: 1px solid #393;
	background: #B3FDB7;
}

.ConfirmDeleteWrapper {
 border: 1px solid red;
	background: pink;
	padding: 3px 10px;
	margin: 3px 0px 5px 0px;
}

.ExternalLink {
	padding-left: 15px;
	background: url(../images/icons/external.png) 0px 3px no-repeat;
}

#SideBar .ExternalLink {background-position: 0px 0px}

/*----------------*/
/*---LOGIN FORM---*/
/*----------------*/

#SignUpMessage {
	float: left;
	width: 400px;
	min-height: 439px;
	padding-right: 22px;
	border-right: 1px solid #ccc;
}

.member_login #Content {
width: 885px;
	}

#LogInFormWrapper label, #LogInFormWrapper li {
	margin: 0px;
	padding: 0px;
}

#LogInFormWrapper li {margin-bottom: 15px}

#LogInFormWrapper {
	float: left;
	margin-left: 45px;
}

#LogInFormInnerWrapper {
	padding: 15px 20px 0px 20px;
	border: 10px solid #eee;
	margin-top: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	overflow: auto;
	width: 315px;
}

#LogInFormWrapper fieldset {background: none}

#LogInFormWrapper legend {display: none}

#LogInFormWrapper label {
	float: none;
	display: block;
	text-align: left;
	width: auto;
	font-weight: bold;
}

#LogInFormWrapper input[type="checkbox"] {
	float: left;
	margin: 6px 10px 0px 0px;
}

#LogInFormWrapper label.Remember, #EmailMyPasswordForm label {font-weight: normal}

#EmailMyPasswordForm label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
}

#LogInFormWrapper .GeneralButton {
	margin: 0px;
	float: right;
	padding: 5px 25px;
	margin-right: 3px;
}

#EmailMyPasswordForm {
	float: left;
	border-top: 1px solid #eee;
	padding-top: 10px;
}

/*----------------------*/
/*---MAINTENANCE MODE---*/
/*----------------------*/

#Maintenance {
	position: absolute;
	width: 100%;
	z-index: 99999;
	background: red;
	line-height: 20px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
	border-bottom: 1px solid #930;
	text-align: center;
	color: #fff;
}

/*------------------*/
/*---CONTACT FORM---*/
/*------------------*/

textarea#EmailRepeat {
	width: 588px;
	height: 255px;
	font-family: "Times New Roman", Times, serif;
	background: url(../images/main/a4.jpg);
	background-attachment: fixed;
	line-height: 24px;
	font-size: 15px;
}

/*-------------------------*/
/*---CONTACT FRIEND FORM---*/
/*-------------------------*/

#ContactForm {padding: 20px;}

#ContactForm fieldset {
	padding: 10px;
	background: none;
	}

#ContactForm label {
	float: none;
	text-align: left;	
}

#ContactForm textarea {height: 100px}

#ContactForm fieldset li {padding-bottom: 0px}

/*---------------------------------*/
/*---MULTI-LANGUAGE ENHANCEMENTS---*/
/*---------------------------------*/

/*
This is a work in progress. I am operating here around the idea that each template package would have the language added to the body classes.
The body tag for the Spanish template would therefore be:
<body class="{page_id} {page_action} {pclass} {template_in_use} {user_name} {account_type} {browser_type} ES">
*/

.ES #MainNav li a {
	display: block;
	padding: 8px 20px 8px 20px;
	text-decoration: none;
	border-right: 1px solid #333;
	color: #fff;
	background: url(../images/main/nav_back.jpg) repeat-x;
}


.ES #MainNav li.Last a {/*This class of last is added via js*/
	padding: 8px 20px 8px 20px;
	border-right: none
}

/*-------------*/
/*--ADDON CSS--*/
/*-------------*/

/*Any CSS that was included with your addons can safely be pasted after here :)*/

.guay {display: none}


.certificacionFicha {
    width: 100% !important;
}

.certificacionFicha > span {
    width: 100% !important;
    max-width: initial !important;
    min-width: initial !important;
}
@media (max-width: 1024px)

.certificacionFicha {
    width: 100%;
    float: none;
    clear: both;
    max-width: initial !important;
}
.eficienciaA {
    background: url(../images/eficiencia.png) no-repeat scroll 0 0 transparent;
    height: 33px !important;
    width: 100px;
}
.eficienciaB {
    background: url(../images/eficiencia.png) no-repeat scroll 0 -34px transparent;
    height: 33px !important;
    width: 116px;
}
.eficienciaC {
    background: url(../images/eficiencia.png) no-repeat scroll 0 -69px transparent;
    height: 33px !important;
    width: 133px;
}
.eficienciaD {
    background: url(../images/eficiencia.png) no-repeat scroll 0 -104px transparent;
    height: 33px !important;
    width: 150px;
}
.eficienciaE {
    background: url(../images/eficiencia.png) no-repeat scroll 0 -140px transparent;
    height: 33px !important;
    width: 166px;
}
.eficienciaF {
    background: url(../images/eficiencia.png) no-repeat scroll 0 -175px transparent;
    height: 33px !important;
    width: 183px;
}
.eficienciaG {
    background: url(../images/eficiencia.png) no-repeat scroll 0 -209px transparent;
    height: 33px !important;
    width: 200px;
}
.flechaEficiencia {
    background-color: #000000;
    color: #FFFFFF;
    display: block;
    float: left;
    font-size: 22px;
    font-weight: bold;
    height: 30px !important;
    line-height: 32px;
    margin-right: 10px;
    padding: 0 5px 0 0;
    text-align: center;
    width: 100%;
}
*:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
}

td, th {
    padding: 0;
}