/*--------------------------------------------------------------------
 * Attributes of common elements
 *--------------------------------------------------------------------*/
body   { font-size:10pt; font-family: Arial; text-align:center; }
body   { color:black; }
body.we  { background-color:#cccc99; }

img.logo { margin-left:auto; margin-right:auto; margin-top:5px; border-style:none; } 		  

a.logo    	{ border-style:none; border-width:0px;  } 		  



/*----------------Header---------------------------------------------*/
h1 { color:black; text-align:center; }
h2 { color:black; text-align:center; }
h3 { color:#00007e; }

/*--------------Table------------------------------------------------*/
table 		{ border-color:#000000; }
table		{ border-spacing:0px; border-collapse:collapse; margin:0px; padding:0px }
table caption 	{ background-color:#00007e; border-color:white; border-width:0px; padding:2px 4px 0px 4px; }
table caption 	{ font-size:12pt; color:white; font-weight:bold; border-style:solid; }
table thead 	{ background-color:#00007e; }
table th	 	{ font-size:10pt; color:white; font-weight:bold; text-align:center; vertical-align:bottom;}
table th     	{ border-width:0px; border-color:white; border-style:solid }
table th 		{ margin:2px 2px; padding:2px 8px; }       
table th.left	   { text-align:left; }       
table th.right    { text-align:right; }       
table th.center  { text-align:center; }       
table td	 	  { font-size:10pt; text-align:left; vertical-align:bottom; }
table td.left 	  { text-align:left; }
table td.right   { text-align:right; }
table td.center { text-align:center; }

/*--------------Fieldset---------------------------------------------*/
fieldset 		{ width:auto; border-width:4px; border-color:#ffffff; padding:8px; }
fieldset  legend{ font-weight:bold; font-size:12pt; color:#00007e; }


/*--------------------------------------------------------------------
 * Property Search Page
 * fieldset, search-table, iframe
 *--------------------------------------------------------------------*/

/*-----------------------------2--------------------------------------*/
/* table.search-table     { border-spacing:0px; margin:2px; padding:2px } */
table.search-table caption 	{ border-width: 0px; border-style:none; text-align:center; }
table.search-table th 		{ border-style:none; vertical-align:middle; padding:2px;}
table.search-table th.wide { border-style:none; vertical-align:middle; padding:5px 0px;}
table.search-table th .left		{ text-align:left; }
table.search-table th .right		{ text-align:right; }
table.search-table th.text-right 	{ text-align:right; border:2px inset #ffffff; background-color:#cccccc; }
table.search-table th.text-center 	{ text-align:center; border:2px inset #ffffff; background-color:#cccccc; }
table.search-table th.text-left 	{ text-align:left; border:2px inset #ffffff; background-color:#cccccc; }
table.search-table th.right-red 	{ text-align:right; color:#cf0000; border:2px inset #ffffff; }
table.search-table th.right-red 	{ background-color:#cccccc; }
table.search-table th.right-yellow { text-align:right; color:#ff6600; border:2px inset #ffffff; }
table.search-table th.right-yellow { background-color:#cccccc; }
table.search-table th.right-green 	{ text-align:right; color:#00b200; border:2px inset #ffffff; }
table.search-table th.right-green 	{ background-color:#cccccc; }
table.search-table th.right-blue	{ text-align:right; color:#00007e; border:2px inset #ffffff; }
table.search-table th.right-blue 	{ background-color:#cccccc; }
table.search-table td		{ vertical-align:middle; }

span.text-right 		{ text-align:right; color:#000000; }
span.text-center 	{ text-align:center; color:#000000; }
span.text-left 		{ text-align:left; color:#000000;  }
span.right-red 		{ text-align:right; color:#cf0000; }
span.right-yellow 	{ text-align:right; color:#ff6600; }
span.right-green 	{ text-align:right; color:#00b200; }
span.right-blue	 	{ text-align:right; color:#00007e; }
span.red 			{ color:#cf0000; }
span.yellow 			{ color:#ff6600; }
span.green 			{ color:#00b200; }
span.blue	 		{ color:#00007e; }



/*-----------------------------2--------------------------------------*/
table.button-table  	 { width:100%; border-width:0px; font-size:10pt; font-weight:bold; }
table.button-table  td { margin:4px; border:0px; padding:4px; color:#ffffff; }
table.button-table  td.middle { vertical-align:middle; position:relative; }
table.button-table  td.left { left:4px; position:relative; margin:4px; padding:4px;   }
table.button-table  td.right { position:relative; right:4px; padding:4px; margin:4px; text-align:right; }
table.button-table  td.bottom { padding:0px 4px 2px 4px;   }
table.button-table  td.top	 { padding:2px 4px 0px 4px; }

fieldset.record-count		{ border-width:2px; border-color:#00007e; padding:2px; margin:2px; }
fieldset.record-count  legend{ font-weight:bold; font-size:10pt; color:#00007e; }
table.record-count-table 				{ background:#00007e; width:auto; border-width:0px; }
table.record-count-table  td			{ vertical-align:middle; position:relative; margin:4px; padding:4px;}
table.record-count-table  td			{ width:60px; }

 /*--------------Table for centering content on page------------------*/
table.page-layout   { border-style:none; border-width:0px; }
table.page-layout   { margin:auto; }
 
/*---------------iframe properties-----------------------------------*/
body.iframe { background-color:#cccc99; }
iframe.property-list  { width:100%; height:300px; overflow:hidden; margin:0px; background:#ffffff; }
iframe.property-list-count  { visibility:hidden; height:0px; width:0px; overflow:hidden; margin:0px; }
iframe.property-list-count  { border-style:none; border-spacing:0px; border-width:0px;}
iframe.property-list-count  { padding:0px; vertical-align:middle; }
body.if-property-count { margin:0px; height:0px; overflow:hidden; }


/* Set the margins of iframe content pages */
body.iframe-content { margin:0px; height:300px; overflow:hidden; }
/*--------------------------------------------------------------------*/
/*
div.property-record-search {vertical-align:middle;}
div.property-record-search  { width:800px; height:720px; }
iframe.property-record-search  { width:100%; height:100%; scrolling:auto; overflow:hidden; margin:0px; padding:0px }
iframe.property-record-search  { border-style:none; border-width:0px; border-spacing:0px; }
*/
div.last_update {font-size:8pt}
/*--------------------------------------------------------------------
 * PropertySearch->iframe->PropertyList :
 * div.scrollTableContainer, table.selectable-table
 *--------------------------------------------------------------------*/
 
/* div.scrollTableContainer - defines attributes for the  stationary table header */
/*-------------------------------3------------------------------------*/
div.scrollTableContainer  { width: 100%; height:300px; overflow:auto; margin:0 0 0 0 }
div.scrollTableContainer  table { width: 100%; }
div.scrollTableContainer  table>tbody { overflow: auto; height:100%; /*overflow-x: hidden;*/ }
div.scrollTableContainer  thead tr { position:relative; top:expression(offsetParent.scrollTop); left:0px }
/*--------------------------------------------------------------------*/
div.scrollTableContainer  table>thead>th {  border-color:white; border-style: none solid none solid; }
div.scrollTableContainer  table>thead>th {  margin:0px; border-width:1px; padding:2px 5px 2px 5px; background:#00007e;}
div.scrollTableContainer  table>tbody>td {  border-color:black; border-style: none solid none solid; }
div.scrollTableContainer  table>tbody>td {  border-width:1px; padding:2px 5px 2px 5px; }
 /*--------------------------------------------------------------------*/

/* table.selectable-table - defines attribues for the bounce bar, selectable table */
/*-------------------------------4-----------------------------------*/
table.selectable-table     {  margin:0px; padding:0px; }
table.selectable-table     {  border-style:none; border-spacing:0px; border-width:0px; }
table.selectable-table th {  border-style:none; border-width:0px; padding:2px 4px 2px 4px; }
table.selectable-table th {  margin:0px; }
table.selectable-table td {  padding:2px 4px 2px 4px; vertical-align:top; cursor:pointer; }
table.selectable-table td {  border-style:none solid; border-color:gray; border-width:1px; }
table.selectable-table th.nowrap { white-space: nowrap; text-align:center;}
table.selectable-table td.nowrap_l { white-space: nowrap; text-align:left;}
table.selectable-table td.nowrap_r { white-space: nowrap; text-align:right;}

table.selectable-table td.checkbox {  padding:4px 4px 4px 4px; vertical-align:middle; text-align:center; }

/*-------
table.selectable-table    {  width:100%; border-style:none; border-spacing:0px; background:#b2b2ff;}
table.selectable-table th {  font-size:10pt; color:white; border-color:white; border-style: none solid none solid; }
table.selectable-table th {  margin:0px; border-width:1px; padding:2px 5px 2px 5px; background:#00007e;}
table.selectable-table td {   border-width:1px; padding:2px 5px 2px 5px; }
table.selectable-table td {  border-color:black; margin:0px; border-style: none solid none solid; }
-------*/

table.details-table		{  border-width:1px; border-style:solid }
table.details-table colgroup   { border-width:0px; border-style:none; }
table.details-table th	{  border-width:0px; border-color:white; margin:0px; }
table.details-table th	{  background-color:#00007e; border-style:none; padding:0px; }
table.details-table td 	{  vertical-align:top; border-width:0px; }
table.details-table td 	{  border-style:none none none none; background-color:white; }
table.details-table td.left 	{  border-width:1px; border-style:none none none solid; }
table.details-table td.right 	{  border-width:1px; border-style:none solid none none; }
table.details-table foot {  margin:0px; border-style:double none none none; border-width:4px; }
table.details-table foot {  border-color:white; text-align:center; background-color:#00007e; }

div.flyover-text {  border-right-style:solid; border-right-width:1px;   }
div.flyover-text {  border-right-color:#000000; padding-right:5px;   }
div.flyover-text {  border-bottom-style:solid; border-bottom-width:1px;   }
div.flyover-text {  border-bottom-color:#000000; padding-bottom:5px;   }
div.flyover-text {  display:none; position:absolute;   }
div.flyover-text {  background-color:#FFFFAA;  }
div.flyover-text {  width:200px;  }

/*-----------------------*/
/* class: compare-table 
/*-----------------------*/
/* This defines the table used for the comparison of multiple properties */
/*-------------------------------5-----------------------------------*/
table.compare-table     {  border-width:2px; border-color:#00007e; background-color:#FFFFFF;}
table.compare-table th {  color:white; font-weight:bold; border-color:white; }
table.compare-table th {  margin:0px; border-width:0px; padding:10px 4px 10px 4px; background-color:#00007e;}
table.compare-table td {  border-color:black; }
table.compare-table td {  margin:4px; border:1px; padding:2px 4px 2px 4px;   }
table.compare-table td.odd  {  background-color:#d6d6d6; }
table.compare-table td.even{  background-color:white;   }
table.compare-table td.odd-left  {  background-color:#d6d6d6; text-align:left; }
table.compare-table td.even-left {  background-color:white; text-align:left; }
table.compare-table td.odd-right  {  background-color:#d6d6d6; text-align:right;}
table.compare-table td.even-right {  background-color:white; text-align:right; }
table.compare-table td.group{  color:white; font-weight:bold; margin:2px; padding:4px 4px 4px 4px; text-align:center; }
table.compare-table td.group{  background-color:#00007e; border-width:0px; }
 /*--------------------------------------------------------------------*/
/* This custom class defines a data element in a row that is used as a caption or title */
/*-------------------------------6-----------------------------------*/
table.compare-table td.title{  text-align:right; border-color:#00007e; border:0px; border-style:solid; background-color:#00007e; }
table.compare-table td.title{  background-color:#00007e; color:white; font-weight:bold; margin:2px; padding:4px 4px 4px 4px; }
 /*--------------------------------------------------------------------*/

table.element-table	{  width:100%; background:white; }
table.element-table th {  text-align:left; font-weight:bold; text-decoration:underline; color:#00007e; }
table.element-table th {  margin:1px; padding:1px 4px 1px 4px; background-color:white; }
table.element-table td {  margin:1px; padding:1px 4px 1px 4px; color:black; text-align:left; }
table.element-table td {  vertical-align:top; border-style:none; border-width:0px; background-color:white; }
table.element-table td.et-th-left     {  text-align:left; }
table.element-table td.et-th-right   {  text-align:right; }
table.element-table td.et-th-center {  text-align:center; }
/*-------------------------------7-----------------------------------*/
table.caption-table     {  width:100%; border-style:none none double none; border-width:4px; text-align:center; }
table.caption-table     {  border-spacing:4px; border-color:white; }
table.caption-table  th     {  padding:1px 4px 1px 4px; }
table.caption-table  th.left-top    		{ text-align:left;  padding:1px 0px 1px 4px; }
table.caption-table  th.left-bottom    	{ text-align:left;  padding:1px 0px 2px 4px; }
table.caption-table  th.right-top   		{ text-align:right;  padding:1px 4px 1px 0px; }
table.caption-table  th.right-bottom   	{ text-align:right;  padding:1px 4px 2px 0px; }
table.caption-table  th.center-top 		{ width:40%; text-align:center;  padding:1px 0px 1px 0px; }
table.caption-table  th.center-bottom 	{ width:40%; text-align:center;  padding:1px 0px 2px 0px; }
table.footer-table       {  margin:0px; border-color:white; border-style:double none none none; border-width:4px; }
table.footer-table       {  width:100%; }
table.footer-table  th  {  margin:4px; padding:6px 2px 6px 2px; text-align:center; }




