/* FONTS */
body {
	font-size: 9pt;
	font-family: Helvetica,Arial,sans-serif;
}

h1, h2, h3, h4 {
	font-size: 1.8em;
	color: #67318f;
	font-weight: bold;
	margin: 0 0 10px 0;
}
h2 { font-size: 1.5em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }

p, ul, ol { margin: 0 0 10px 0; line-height: 1.5em; }
ul { display: list; }
li { display: list-style-position: inside; list-style-type:disc; margin: 0 0 0 12px; }

table { 
	margin: 0 0 10px 0;
	border-collapse: collapse;	
	font-size: 0.8em;
}
th { padding: 2px 4px 2px 4px; border: 1px solid #999; background-color: #67318f; color: #fff; font-weight: bold; }
td { padding: 2px 4px 2px 4px; border: 1px solid #999; }

strong { font-weight: bold; color: #000; }
div.copy p { color: #67318f; }

#content .left_col p {
	text-align: justify; text-justify: newspaper;
}
#content .left_col form p {
	text-align: left;
}
#content  h1, #content h2 {
	display: block; text-align: center;
}	
#content h3 {
	margin: 0;
}
#content .right_col h2 {	
	display: block; text-align: center; font-size: 13pt;
}
#content .left_col form {
	width: 200px;	
}
#content .left_col p.button {
	text-align: left;
}
#content .right_col p.button {
	text-align: center;
}
#content #loginpage  p.button {
	text-align: left;
}


/* LINKS */
a, a:visited, a:active { color: #67318f; text-decoration: none; }
a:hover { color: #67318f; text-decoration: underline; cursor: pointer; }

/* MENUS */
ul.menu {	display: block; float: left; width: 100%; text-align: center; }
ul.menu li {	display: inline; }
ul.menu li+li { margin-left: 6px; padding-left: 7px; border-left: 1px solid #67318f; }

#menubar ul.menu { line-height: 28px; text-transform: uppercase; font-size: 8pt; font-weight: bold; color: #67318f; }
#menubar ul.menu li+li { border-left: 1px solid #888; }
#menubar ul.menu a, #menubar ul.menu a:visited, #menubar ul.menu a:active { 
	color: #fff; 
	text-decoration: none; 
	text-shadow: 2px 2px 6px #555; 	
}
#menubar ul.menu a:hover { color: #fff; text-decoration: underline; }

#content ul.menu { clear: both; width: 728px; position: absolute; bottom: 10px; color: #666; }

#footer ul.menu a, #footer ul.menu a:visited, #footer ul.menu a:active { color: #fff; }
#footer ul.menu li+li { border-left: 1px solid #fff; }

/* SEARCH BAR */
#searchbar p {
	margin: 30px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	display: block;
}
#introtext {
	position: relative;
	position: absolute;
	width: 200px;
	left: 36px;
	top: 36px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: left;	
}
#valuetext {
	position: relative;
	position: absolute;
	width: 482px;
	left: 155px;
	top: 10px;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
.track {
	float: left;
	position: relative;
	width: 482px;
	height: 23px;
	left: 155px;
	top: 33px;
	background-image: url('/images/track.png');
	background-position: top left;
	background-repeat: no-repeat;	
}

.handle {
	position: absolute;
	width: 28px;
	height: 29px;
	margin-top: 12px;
	background-image: url('/images/handle.png');
	background-position: top left;
	background-repeat: no-repeat;
	cursor: e-resize;
}

.tracktext {
	position: absolute;
	top: 25px;
	left: -80px;
	color: #fff;
	width: 200px;
	text-align: center;
	font-weight: bold;	
	font-size: 0.9em;	
}

#tovaluetext {
	left: 362px;	
}

#search_button {
	/*
	float: right;
	margin: 20px 75px 0 0;
	position: relative;*/
	position: absolute;
	top: 20px;
	right: 75px;
	z-index: 9;
}


/* ERROR MESSAGES (admin) */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
  margin: 0;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin: 1em 0 0 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}


/* ERROR MESSAGES (none-admin) */
.left_col .fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
  margin: 0;
}

.left_col #errorExplanation {
  width: 400px;
  border: none;
  padding: 0;
  padding-bottom: 0;
  background-color: #fff;
}

.left_col #errorExplanation h2 {
  display: none;
}

.left_col #errorExplanation p, .left_col #errorExplanation li {
  color: #e60000;
}


/* VALUATIONS PAGE */
#valuation_form {
	height: 294px;
	width: 485px;
	background-image: url('/images/valuations_bg.png');
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	position: relative;		
}

/* PROPERTY LISTING */
#content .property .content h2 {
	font-size: 1.7em;
	text-align: left;
	margin: 0;
}
#content .property .content h3 {
	color: #000;
	font-size: 2.0em;
	text-align: left;
}
#content .property .content h4 {
	color: #000;
	margin-bottom: 0px;
	text-align: left;
}
#content .property .content p {
	font-size: 11px;
	line-height: 1.3em;		
}

.property_extender {
	font-size: 11px;
}
#content .left_col .property_extender  p {
	text-align: left; 
	text-justify: auto;
}
.property_extender h1, .property_extender h2, .property_extender h3, .property_extender h4 {
	text-align: left;
	color: #000;
	font-weight: bold;
	font-size: 1.3em;
}
.property_extender h2 { font-size: 1.2em; }
.property_extender h3 { font-size: 1.1em; }
.property_extender h4 { font-size: 1.0em; }

.property_extender em, .property_extender strong, .property_extender b {
	font-weight: bold;
	color: #000;
}