/*--------------------------------------------------------------------------------+
|																																									|
|													CSS for suncove realty site															|
|																																									|
+=================================================================================*/

/*--------------------------------------------------------------------------------+
|														general layout, text styles														|
+=================================================================================*/

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	margin:0;
	padding:0;
	/*scrollbar-base-color:#ccc;*/
}

/*--- site text link appearance ---*/
a:link, a:visited, a:active {
	font-weight:bold;
	color:#1B1CDB;
	background:transparent;
	text-decoration:none;
}

/*--- site text link hover appearance ---*/
a:hover {
	font-weight:bold;
	color:#1B1CDB;
	background:transparent;
	text-decoration:underline;
}

/*--- paragraph ---*/
p {
	font-family:arial;
	font-size:12px;
	color:#000;
	background:transparent;
	margin-left:2px;
	margin:1px;
	padding:0;
}

/*--- ordered, unordered list ---*/
ol, ul {
	font-family:arial;
	font-size:12px;
	color:#000;
	background:transparent;
}

/*--- list ---*/
li {
	font-family:arial;
	font-size:12px;
	background:transparent;
	margin:3px;
	margin-left:8;
	list-style-image: url(../images/bullet.gif);
}

h1 {
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 18pt;
	font-weight: bold;
	color: #0000aa;
	white-space: normal;
	margin-top: 0px;
	margin-bottom: 0px
}

h2 {
	font-family:arial;
	font-size:16px;
	color:#0000aa;
	margin-top:5px;
	margin-bottom:0;
	border-bottom:1px solid #0000aa;
}

h3 {
	font-family:arial;
	font-size:14px;
	color:#0000aa;
	padding:3px;
	margin-bottom:0;
}

h4 {
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 14px;
	font-weight: bold;
	color: #000066;
	white-space: nowrap;
	margin-top: 10px;
	margin-bottom: 5px
}

/*--- small form field label ---*/
.searchSmFont, .tableLabel 	{
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: normal;
	text-decoration: none
}


/*--- bold blue text like a ---*/
.blueLink	{
	color:#191FC3;
	font-weight:bold;
}

/*--- span like h2 ---*/
.spanH2	{
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	color:#0000aa;
	padding:3px;
	margin-bottom:0;
}

/*--- span like h3 ---*/
.spanH3	{
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	color:#0000aa;
	padding:3px;
	margin-bottom:0;
}

/*--- error text ---*/
.errorText	{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
	padding:3px;
	margin-bottom:0;
}

/*--- property details photo navigation box style ---*/
.detailsNav	{
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
	padding:0px;
}

/*--- property details field label ---*/
.propDetailsLabel	{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#000; background:transparent;
	margin-left:2px;
	margin:1px;
	padding:0;
	text-align:right;
}

/*--- property details output ---*/
.propDetailsData	{
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#0000aa; background:transparent;
	margin-left:2px;
	margin:1px;
	padding:0;
	text-align:left;
}

.propertyTitle {
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 13pt;
	font-weight: bold;
	color: #0000aa;
	white-space: normal;
	margin-top: 0px;
	margin-bottom: 0px
}



/*--------------------------------------------------------------------------------+
|														general	apply																					|
+=================================================================================*/

/*--- apply dark grey border to the following ---*/
#topRow, #leftColContent, #leftColHeader, .footer, #templateWrapper, #leftColSearchHeader,
#leftColSearchContent	{
	border:1px solid #333333;
}

/*--- apply blue border to the following ---*/
#checkBox	, #formBox, .propertyNav  {
	border:1px solid #0000aa;
}

/*--- apply hand cursor to the following ---*/
.formButton, .formButton:hover, .navCell, .tabCell, .resultsRow 	{
	cursor:hand ;
}

/*--- apply left/top text position ---*/
.centerCol, #leftColHeader, #leftColContent, #leftColSearchHeader   	{
	text-align: left;
	vertical-align: top;
}

/*----- common fieldset appearance -----*/
fieldset	{
	display:block;
	margin-bottom:10px;
}

/*----- title of fieldset -----*/
legend	{
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 9pt;
	font-weight: bold;
	color:  #0000aa;
	white-space:normal;
	padding: 1px 1px;
}

/*--------------------------------------------------------------------------------+
|														site structure /layout appearance											|
+=================================================================================*/

/*--- page header/info ---*/
#pageInfo {
  margin:2px;
  padding:4px;
  background: transparent;
}

/*--- page header/info float a box to the left ---*/
#pageInfo #floatLeft {
	font-family: Times New Roman, Times, serif;
	font-size: 18px;
	font-weight: bold;
	color: #75AD0B;
	border-right:2px solid #75AD0B;
	border-bottom:2px solid #75AD0B;
	float:left;
	width:25%;
	background:transparent;
	padding:20px;
	margin:10px 10px 10px 10px;
}

/*--- results page wrapper, controls margins ---*/
#pageWrapper {
  margin:0;
  background: transparent;
}

/*--- template page wrapper, controls margins ---*/
#templateWrapper {
  margin:4%;
  margin-top:2%;
  margin-bottom:0;
  padding:0;
  background: transparent;
  height:60%;
}

/*--- flash wrap ---*/
#flashWrapper	{
  margin:0;
  padding:1;
  width:450px;
  background: #edb112;
  float:right;
}

/*--- holder for header image and tabs ---*/
#topRow, #middleRow, #footerRow {
  margin: 2px 2px 0px 2px;
  padding:0;
  background:transparent;
}

#footerRow {
  margin-bottom:2px;
}

/*--- header image wrap---*/
#headerImage, .headerImage	{
	width:100%;
	padding:0px;
	background: transparent;
	background: url(../images/header_bg.gif) repeat-x;
	margin:0px;
}

/*--- main site table ---*/
.colTable	{
	width:100%;
	background:#fff;
}

/*--- center column in colTable ---*/
.centerCol	{
	width:77%;
}

/*--- left column in colTable ---*/
.leftCol	{
	width:200px;
	background:transparent;
}

/*--- bottom row in colTable ---*/
.footer	{
	font-family:verdana;
	font-size:10px;
	color:#000;
	background-color:#e59e20;
	height:25px;
	padding:2px;
	text-align: center;
}

/*--- left column search form/menu header ---*/
#leftColHeader	{
	font-family: Arial;
	font-weight:bold;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background: #edb112;
	background-image: url(../images/gradient_sm.gif);
	background-repeat: repeat-x;
	color: #000;
	margin:2px;
}

/*--- left column form/menu content ---*/
#leftColContent	{
	width:200px;
	background:#f5f74e;
	background-image: url(../images/gradient_lg.gif);
	background-repeat: repeat-x;
	margin:2px;
	margin-bottom:5px;
	padding:2px;
}

/*--- left column search header---*/
#leftColSearchHeader	{
	font-family: Arial;
	font-weight:bold;
	font-size: 11px;
	padding-top: 1px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	margin:2px;
	background: transparent;
	background-image: url(../images/gradient_sm_green.gif);
	background-repeat: repeat-x;
	color:#000;
}

/*--- left column search form/menu content ---*/
#leftColSearchContent	{
	width:200px;
	background:transparent;
	background-image: url(../images/gradient_lg_green.gif);
	background-repeat: repeat-x;
	margin:2px;
	margin-bottom:0px;
	padding:2px;
}

/*--- wrapper box for check box questions ---*/
#checkBox	{
	background:#ECFCCE;
	padding-left:.2em;
	margin:.2em;
}

/*--- form box for layout ---*/
#formBox {
	background-color: #F9FBFF;
	padding: .5em;;
	width: 100%;
	margin:.2em;
}

/*--- property details nav box ---*/
.propertyNav{
	background:#fff;
	background-image: url(../images/generic_bg.gif);
	background-repeat: repeat-x;
}

/* ================== generic rounded table styles ================================*/

/*--- generic page table styles ---*/
.genericColHeader {
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background:#191EAA;
	padding:4px;
	padding-bottom:1px;
	border:1px solid #2A31F9;
	vertical-align:middle;
}

/*--- background for generic table ---*/
.genericBg	{
	background:#fff;
	background-image: url(../images/generic_bg.gif);
	background-repeat: repeat-x;
	padding:.6em;
}

/*--- gradient background box for forms/paragraph layout ---*/
.gradientBgBox	{
	background:#fff;
	background-image: url(../images/gradient_ltgreen.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
	border:1px solid #83BF12;
	border-top:1px solid #0000aa;
	border-left:1px solid #ECF9D2;
	padding:3px;
	margin-bottom:4px;
}

.genericTable	{
	border-right:1px solid #0000aa;
	border-left:1px solid #0000aa;
}

.genericBottom	{
	border-bottom:1px solid #0000aa;
}


/* ================== results page rounded table styles  ================================*/

/*--- results header row ---*/
.resultsColHeader {
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	background:#191EAA;
	padding:4px;
	padding-bottom:1px;
	border:1px solid #2A31F9;
	vertical-align:middle;
}

/*--- results table border left/right ---*/
.resultsTable	{
	border-right:1px solid #0000aa;
	border-left:1px solid #0000aa;
}

/*---- results table border bottom ---*/
.resultsBottom	{
	border-bottom:1px solid #0000aa;
}

/*---- results row appearance ---*/
.resultsRow	{
	border-left:1px solid #83BF12;
	border-bottom:1px solid #75AC0D;
}

/*--------------------------------------------------------------------------------+
|														tabs / navigation																			|
+=================================================================================*/

/*--- text link appearance for nav ---*/
.aNav:link, .aNav:visited, .aNav:active	{
	color:#000;
	background:transparent;
	text-decoration:none;
}

.aNav:hover	{
	color:#000;
	background:transparent;
	text-decoration:none;
}

/*---- site tab appearance ---*/
.tabCell {
	background-color: #edb112;
	border-left: 1px solid #0D1063;
	border-top:1px solid #0D1063;
	border-right:1px solid #0D1063;
	border-bottom:0px solid #0D1063;
	vertical-align: middle;
	width: 100%;
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	padding: 1px;
	padding-bottom:0;
	white-space: nowrap;
}

/*--- wraps around tabs ---*/
#tabContainer	{
	width:100%;
	padding-top:6px;
	background-color: #2a31f9;
	background-image: url(../images/container_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	border-bottom:3px solid #edb112;
}

.mapBubble {
	font-family: Arial, Helvetica, Verdana, sans-serif, Geneva;
}

.mapBubblePrice {
	font-size: 12pt; 
	font-weight: bold;
	color:#0000aa;
}

.mapBubbleAddress {
	font-size: 11pt; 
	font-weight: bold;
	color:#0000aa;
}

.mapBubbleOther {
	font-size: 9pt; 
	font-weight: bold;
}



/*--- site menu nav appearance ---*/
.navCell {
	border: 1px solid #333;
	vertical-align: middle;
	width: 100%;
	font-family: Arial;
	font-size: 10px;
	color: #FFFFFF;
	padding: 0px;
	margin:1px;
}

/*--- box inside for 3d effect ---*/
#boxbg {
	color: transparent;
	background-color: transparent;
	text-align: left;
	border-top: 1px solid #FFE87B;
	border-right: 1px solid #AF7B20;
	border-bottom: 1px solid #AF7B20;
	border-left: 1px solid #FFE87B;
	width:100%;
	height:19px;
	z-index:auto;
	float: center;
	padding: 2px 4px 0px 4px;
}

/*--------------------------------------------------------------------------------+
|														form elements																					|
+=================================================================================*/

/*--- form button appearance ---*/
.formButton{
	font-family: Arial;
	font-weight:bold;
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
	color: #000;
	margin:.5em;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	border-right: 2px solid #83BF12;
	border-bottom: 2px solid #83BF12;
	background: #D8F0AA;
}

/*--- form button rollover appearance ---*/
.formButton:hover	{
	background: #83BF12;
}

/*--- JGK added small button ---*/
.formButtonSmall {
    font-size: 10px;
    background-color: #D8F0AA;
    color: #000000;
	font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-weight : 700;
	border-bottom: #325366 1px solid;
	border-right: #325366 1px solid;
	border-top: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
}


/*--- form list box appearance ---*/
.formList{
	font-family: Arial;
	font-size: 11px;
	background-color: #fff;
	color:#0E3550;
	width: 200px;
}

/*--- form drop jump menu appearance ---*/
.formDrop{
	font-family: Arial;
	font-size: 11px;
	color:#0E3550;
	background-color: #fff;
}

/*--- appearance of input fields ---*/
.inputField {
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 8pt;line-height: normal;
	text-decoration: none ;
	clip:       rect(   )
}

/*--- appearance of input fields ---*/
.inputField2 {
	color: #000;
	font-family: Verdana, Helvetica, Arial;
	font-size: 8pt;line-height: normal;
	text-decoration: none ;
	width: 173px;
	clip:        rect(   )
}

/*--------------------------------------------------------------------------------+
|														property detail slideshow															|
+=================================================================================*/

/*--- slide show div wrapper ---*/
#slideShow	{

	background:#ffffff;
	margin:2px;
}

/*--- slide show image ---*/
#slideShowImage	{

	width:150px;
}

/*--- slide show text ---*/
#SLIDESTEXT	{
	font-family: Arial;
	font-size: 10px;
	color: #000;
}

/*--------------------------------------------------------------------------------+
|														               displaytag |
+=================================================================================*/

table.listing {
	border: 1px solid #666;
	width: 99%;
	margin: 10px 0 10px 0;
}

table.listing th, table.listing td {
	padding: 2px 4px 2px 4px;
	text-align: left;
	vertical-align: top;
	font-size : 8pt;
}

table.listing th	{
	background-color: #191EAA;
	font-family : verdana;
	font-size : 8pt;
	text-align : left;
	color:white;
}

table.listing tr th	{
	background:#191EAA left top repeat-x url(../../resources/images/message_gradient1.gif);
}

table.listing thead tr {
	padding:3;
	height: 20px;
}

table.listing th.sorted {
	background-color: #575fd9;
	color:white;
}

table.listing th a, table.listing th:link, table.listing th:active, table.listing th a:visited {
	color: white;
}

table.listing th a:hover {
	text-decoration: underline;
	color: white;
}

table.listing th.sorted a, table.listing th.sortable a {
	background-position: right center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	color:white;
}
table.listing th.sortable a {
	background-image: url(../images/arrow_off.gif);
}
table.listing th.order1 a {
	background-image: url(../images/arrow_down.gif);z
}
table.listing th.order2 a {
	background-image: url(../images/arrow_up.gif);
}

table.listing tr.odd {
  background-color: #fff
}

table.listing tr.tableRowEven, tr.even {
  background-color: #F4F3E9;
}

.pagebanner {
	color:#000;
	background-color: transparent;
	text-transform:Uppercase;
	padding: 5px 5px 5px 0px;
	margin: 0;
	font-size: 10px;
}

.pagelinks {
	color:#000;
	background-color: transparent;
	text-transform:Uppercase;
	padding: 5px 5px 5px 0px;
	margin: 0;
	font-size: 10px;
}