﻿/*
	--------------------------
	Common Page Styles
	--------------------------
*/

/*  Custom Classes
--------------------------  */

/* contain */
.contain:after	{ content: ""; display: block; clear: both; visibility: hidden; height: 0px; }
* html .contain	{ /* nomac \*/height: 1%;/* nomac */ }
.contain		{ display: inline-block; }

/* hidden */
.hidden	{ display: none; }

/* clear */
.clear	{ clear: both; }

.right	{ float: right; }
.left	{ float: left; }

.blue	{ color: #0198f1; }
.green	{ color: #9cd638; }


/*  Typography 
--------------------------  */

body 	{ font-family: arial,helvetica; color: #777; background-color: #ccc; font-size: 1em; line-height: 1.1em; margin: 0px; padding: 0.5em; text-align: center; }

h1 	{ font-size: 1.1em; margin: 0px 0px 1em 0px; color: #0198f1; }
h2 	{ font-size: 0.95em; margin: 0px 0px 1em 0px; color: #0198f1; }
h3 	{ font-size: 0.85em; margin: 0px 0px 0.5em 0px; }
h4	{ font-size: 0.75em; margin-bottom: 0px; }
h5	{ font-size: 0.75em; margin-bottom: 0px; }
h6	{ font-size: 0.75em; margin-bottom: 0px; }
h7	{ font-size: 0.75em; margin-bottom: 0px; }

legend	{ font-size: 0.75em; }
label	{ font-size: 0.75em; width: 15em; display: block; float: left; margin-bottom: 0.25em; }

dd	{ font-size: 0.75em; margin: 0px; }
dt	{ font-size: 0.75em; font-weight: bold; padding: 0px; }

td	{ font-size: 0.75em; }
td.descriptor	{ font-weight: bold; vertical-align: top; width: 25%; }

p	{ font-size: 0.75em; margin: 1em 0px; }

li	{ font-size: 0.75em; }
li li	{ font-size: 1em; }

a 			{ text-decoration: underline; color: #89bc31; font-weight: bold; }
a:hover		{ text-decoration: none; }
a img		{ border: 0px; }

textarea	{ font-family: arial,helvetica; font-size: 0.75em; }
select		{ font-family: arial,helvetica; font-size: 0.75em; }
input		{ font-family: arial,helvetica; font-size: 0.75em;  width: 25em; margin-bottom: 0.25em; }

/*  Template 
--------------------------  */

div#outer	{ width: 62em; text-align: left; margin: 0px auto; background: #fff url(../files/common/borders/outer-top.gif) repeat-x top; }
div#outerleft	{ background: transparent url(../files/common/borders/outer-left.gif) repeat-y left; }
div#outerright	{ background: transparent url(../files/common/borders/outer-right.gif) repeat-y right; }


/*  Front page images
--------------------------  */
.fpimg	{ padding: 0px 3.75em 0px 0px; }


/*  Links Column 
--------------------------  */
div#linkscolumn	{ float: left; width: 12.75em; background: url(../files/common/borders/outer-tl.gif) no-repeat top left; margin: 0px 0px 0.75em 0px; }

div#linkscolumn a.logo	{ display: block; margin: 0.75em 0px 0.75em 0.75em; }
div#linkscolumn a.logo img	{ width: 12.05em; }

div#linkssearch	{ margin-left: 0.75em; background: transparent url(../files/common/borders/inner-blue-left.gif) repeat-y left; }
div#linksinner	{ background: transparent url(../files/common/borders/inner-blue-right.gif) repeat-y right; }

/* property bar */
div#propertysearch	{ width: 12em; padding: 0px; margin: 0px 0px 0.5em 0px; background: #0198f1 url(../files/common/borders/inner-blue-tr.gif) no-repeat top right; }
div#propertysearchinner	{ width: 100%; margin: 0px; padding: 0px 0px 0px 0.5em; background: transparent url(../files/common/borders/inner-blue-tl.gif) no-repeat top left; }
div#propertysearch strong	{ font-size: 1em; color: #fff; padding: 1em 0.5em 0.25em 1em; margin-bottom: 0px; display: block; }
div#propertysearch div#propertyform	{ background-color: #9cd638; width: 10.6em; padding: 0.4em 0px 0.4em 0.4em; }
div#propertysearch label	{ display: block; color: #fff; font-weight: bold; }
div#propertysearch select	{ width: 13.5em; margin-bottom: 0.25em; }
div#propertysearch input	{ width: 13.5em; margin-top: 0.5em; }
div#propertysearch div.half	{ width: 5em; float: left; }
div#propertysearch div.half	select { width: 6.5em; }
div#propertysearch div.half.pad	{ margin-left: 0.25em; }

div#propertysearch a.button { width: 13.5em; padding: 0.1em 0px; margin-top: 0.5em; display: block; color: #000; font-size: 0.75em; text-decoration: none; text-align: center; border: solid 1px #707070; background: #f1f1f1 url(../files/common/backgrounds/button-back.gif) repeat-x bottom; }
div#propertysearch a.button:hover { border: solid 1px #3c7fb1; background: #e4f4fc url(../files/common/backgrounds/button-back-over.gif) repeat-x bottom; }

/* links bar */
div#linkssearch ul	{ padding-left: 0px; margin: 0px; color: #9cd638; list-style-type: none; }
div#linkssearch ul li	{ margin-bottom: 0px; }
div#linkssearch ul li a	{ color: #fff; display: block; padding: 0.5em 0.5em 0.5em 1em; margin: 0px 0.7em; font-weight: bold; text-decoration: none; background-color: #0198f1; border-bottom: solid 1px #fff; }
div#linkssearch ul li a:hover	{ background-color: #9cd638; }
div#linkssearch ul li.current a	{ background-color: #9cd638; }

div#linkssearch ul li a.last	{ padding: 0px 0px 0px 1.75em; background: #0198f1 url(../files/common/borders/inner-blue-bl.gif) no-repeat bottom left; margin: 0px; border-bottom: 0px; }
div#linkssearch ul li a.last span	{ padding: 0.5em 0px 1.3em 0px; display: block; background: transparent url(../files/common/borders/inner-blue-br.gif) no-repeat bottom right; margin: 0px; }
div#linkssearch ul li a.last:hover	{ background: #9cd638 url(../files/common/borders/inner-green-bl.gif) no-repeat bottom left; }
div#linkssearch ul li a.last:hover span	{ background: transparent url(../files/common/borders/inner-green-br.gif) no-repeat bottom right; }
div#linkssearch ul li.current a.last	{ background: #9cd638 url(../files/common/borders/inner-green-bl.gif) no-repeat bottom left; }
div#linkssearch ul li.current a.last span	{ background: transparent url(../files/common/borders/inner-green-br.gif) no-repeat bottom right; }


/*  Body Column 
--------------------------  */
div#bodycolumn	{ width: 47.5em; float: left; background-color: #fff; padding: 0px 0.75em 0px 1em; margin-bottom: 0.75em; background: url(../files/common/borders/outer-tr.gif) no-repeat top right; }

/* header bar */
div#header	{ width: 100%; margin: 0.75em 0px 0px 0px; background: transparent url(../files/common/borders/inner-blue-left.gif) repeat-y left; }
div#headerinner	{ background: transparent url(../files/common/borders/inner-blue-right.gif) repeat-y right; }

div#header ul#contact	{ width: 100%; margin: 0px; padding: 0px; color: #fff; font-weight: bold; list-style-type: none; background: #0198f1 url(../files/common/borders/inner-blue-tr.gif) no-repeat top right; }
div#header ul#contact li	{ float: left; margin: 0px 4em 0px 0px; padding: 1em 0.5em 0.5em 4em; font-size: 1.1em; }
div#header ul#contact li a	{ color: #9cd638; text-decoration: none; }
div#header ul#contact li a:hover	{ color: #9cd638; text-decoration: underline; }
div#header ul#contact li.first	{ background: transparent url(../files/common/borders/inner-blue-tl.gif) no-repeat top left; }

div#banner		{ width: 100%; height: 13.75em; background: transparent url(../files/banners/anim-loading.gif) no-repeat top left; }
/*
div#banner		{ background: transparent url(../files/common/borders/inner-white-bl.gif) no-repeat bottom left; }
div#bannerinner		{ padding: 0.5em; background: transparent url(../files/common/borders/inner-white-br.gif) no-repeat bottom right; }
div#banner img	{ width: 100%; padding: 0px; margin: 0px 0px 0.5em 0px; }
*/
/* body bar */
div.maincontent	{ background-color: #fff; padding-top: 0.75em; margin: 0px 1px; }

/*  Footer 
--------------------------  */
div#footer	{ color: #fff; text-align: center; padding: 0px; margin-top: 0.75em; background: #0198f1 url(../files/common/borders/outer-bl.gif) no-repeat bottom left; clear: both; }
div#footerinner	{ background: transparent url(../files/common/borders/outer-br.gif) no-repeat bottom right; padding: 0.25em 2em 1.25em 2em; }
div#footer a	{ font-size: 0.7em; color: #f3f3f3; }
div#footer span	{ font-size: 0.7em; }

div#base	{ width: 58em; text-align: left; padding-top: 0.25em; margin: 0px auto; color: #f3f3f3; }
div#base span	{ font-size: 0.65em; }
div#base ul	{ float: right; list-style-type: none; display: inline; margin: 0px; }
div#base ul li	{ display: inline; }
div#base ul li a	{ color: #f3f3f3; font-size: 0.75em; padding-left: 1em; text-decoration: none;  font-weight: normal;}

div#orantec	{ width: 58em; text-align: right; padding-top: 1em; margin: 0px auto; color: #ccc; }
div#orantec a	{ color: #e1e1e1; font-size: 0.65em; padding-left: 1em; text-decoration: none;  }
