/**********************************************
	Jackson WEBSITE CSS
	
	Author: Micheal Jackson
	
**********************************************/

/*@import url(template.css); /* import old template temporarily */


/**** SELECTORS ****/
/*
body{ text-align:center; font-family:Arial, Helvetica, Sans-serif; font-size:11px; color:#868686; background-color:#FFFFFF;}
*/
body{ margin-top:20px; margin-bottom:20px; text-align:center; font-family: Arial,'Trebuchet MS', Tahoma, Helvetica, Sans-serif; font-size:11px; color:#2D3824; background: url(../images/fading_background_darkgreen.jpg) 0px 0px repeat-x;}
td,p{ font-size:11px;}
h1{ margin-top:0px; font-size:19px; color:#8D8D8D; font-weight: normal;}
h2{ margin-top:0px; font-size:14px; color:#7A7A7A;}
pre{ font-family:Arial, Helvetica, Sans-serif; font-size:11px; color:#000000;}

a{ text-decoration:none; color:#2D3824;}
a:hover{ text-decoration:underline;}

.link2 a{ text-decoration:none;color:#B4B4B4;}
.link2 a:hover{ text-decoration:underline;color:blue;}

.link3 a{ text-decoration:none;color:#2D3824;}
.link3 a:hover{ text-decoration:underline;color:blue;}

.link4 a{ text-decoration:none;color:white;}
.link4 a:hover{ text-decoration:underline;color:blue;}

.link5 a{text-decoration:underline;color:#7B7B23;font-weight:bold;}
.link5 a:hover{text-decoration:underline;color:blue;}

.link6 a{text-decoration:underline;color:#7B7B23;font-weight:normal;}
.link6 a:hover{text-decoration:underline;color:blue;}

.floatLeft { float: left;}

/**** LAYOUT ****/
.frame{ width:717px; margin-left:auto; margin-right:auto; text-align:left;}

.head{ width:717px; height:217px; margin:0px; padding:0px;}
.menubar{ width:717px; height:17px; border-top:2px solid #FFFFFF; background-color:#35616B; color:#F0ECE4;}
.menubar a{ color:#F0ECE4;}

.utilitymenu{ float:left; margin:0px; padding-left:10px;}


.container{ width:720px; margin-top:30px; padding:0px;}
.content_wrapper{ width:516px; float:left; border-right:1px dotted #555555;}
html>body .content_wrapper{ width:515px;}
.content{ width:515px; float:left; padding:0px 10px 10px 10px;}
html>body .content{ width:495px;}
.content img { border: solid 1px #555555; margin: 3 4 3 4px;} /* Not all images should have border. ***** Images that don't need borders or padding should use the .noFormatting class below */
.contentBottom{ width:515px; height:75px; clear:both; background-color:#F0ECE4;}

img.noFormatting { border: 0px; padding: 0px; margin: 0px;}

.userLogout { height: 34px; background: url(../../images/login_icon.gif) no-repeat top left; padding: 0 0 0 45px; font-size: 14px;}


/*Right Hand Menu Box */
.rightHandMenu{ width:204px; padding-bottom:20px; padding-left:9px; float:right; vertical-align:top;}
html>body .rightHandMenu{ width:195px;}

.rightHMenuBox{ width:195px; padding-top:10px; clear:both;}
.rightHMenuBox p{ margin:0px; font-size:10px;}

.rightHMenuBox p.title{ font-size:14px;}

.rightHMenuImg{ float:left; padding-right:5px; margin: 0 10 0 0px; border: solid 1px #555555;}
html>body .rightHMenuImg { padding: 0px;}

.galleryHeader { height: 40px; background: #95C33D; font-size: 16px; color: #FFFFFF; font-weight: bold; padding: 0 0 0 15px;}
.galleryAddress { height: 25px; background: #35616B; color: #FFFFFF;}

img.border { border: 1px solid #555555;}

/* Quick Entry Box */
.quickEntryBox{	width:172px; clear:both; margin:0px 10px 10px 0px; border:1px solid #A2A2A2;}

.quickEntryBox p{ margin:0 5 3 5px; text-align: left;}
html>body .quickEntryBox p { margin: 2 5 3 5px;}

.quickHeader{
	height:20px;
	background: #DDD8D0;
	color:#5F5E5A;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 2 5 2 5px;
	text-align: left;
	border-bottom: 1px solid #A2A2A2;
}
html>body .quickHeader {
	height: 15px;
}
.quickHeader a, .quickHeader a:link, .quickHeader a:visited, .quickHeader a:active {
	color:#5F5E5A;
	text-decoration: none;
}
.quickHeader a:hover {
	color:#5F5E5A;
	text-decoration: underline;
}

.quickImage { }
.quickEntryBox img { border: 1px solid #555555; padding: 0px; margin: 5 5 0 5px; }

.quickSummary{
	font: 11px Arial, Helvetica, sans-serif;
	margin: 1 4 5 4px;
	text-align: left;
}

.footer{ width:720px; height:17px; clear:both; padding-right:10px; border-top:2px solid #FFFFFF; background-color:#94C43D; color:#FFFFFF; text-align:right; font-size:10px;}
html>body .footer{ width:710px; height:15px;}
.footer a{ color:#FFFFFF;}

.smalltxt{ font-size:10px;}


/**** menu ****/
.mainmenu{
	float:right;
	margin:0px;
	background-color: #35616B;
}
.mainmenu ul {
	text-align:right;
	padding: 0px; 
	margin: 0px;
    height: 17px;
}
.mainmenu ul li {
 list-style: none;
 display: inline;
 padding: 0px; 
 margin: 0px;
 border: 0px;
}
.mainmenu ul li a {

 padding: 0 6 0 6;
/* margin: 0 -3 0 0px;*/
 background-color: #35616B;
 font: 12px Arial, Helvetica, sans-serif; 
 text-decoration: none;
 color: #FFFFFF;
}
html>body .mainmenu ul li a {

}
.mainmenu ul li a.current {
	color: #FFFFFF;
	background: #368941; 
}
.mainmenu li a:hover{
	background: #94C43D; 
	text-decoration:none;	
}


.printpage{ padding:2px 0px 0px 20px; background-image:url(../../images/new_template/printpage.gif); background-repeat:no-repeat;}

/**** MODULE: PROPERTY SEARCH ****/

/* Property Search Box */
.PSearchBox_AdjacentContent{ width:250px; float:left;}
.PSearchBox{ width:200px; margin:0px 10px 20px 10px; float:right; border:1px solid #D5D5D5; vertical-align:top;}
.PAdvSearchBox { width:300px; margin:0px 10px 20px 10px; float:left; border:1px solid #D5D5D5; vertical-align:top;}
.PSearchBoxHeader{ width:200px; margin:0px 10px 0px 10px; float:right; vertical-align:top; background: #DDD8D0 url(../../images/quick_search_icon.gif) no-repeat top left; }
.PSearchBoxAdvHeader { width:300px; margin:0px 10px 0px 10px; float:left; vertical-align:top; background: #DDD8D0 url(../../images/quick_search_icon.gif) no-repeat top left;}
html>body .PSearchBoxAdvHeader { width: 302px;}
.PSearchBoxHeader h2, .PSearchBoxAdvHeader h2{ /*width:200px;*/ height:22px; margin:0px; padding:3 2 2 35px 5px; font-size:13px; color:#5F5E5A;}
html>body .PSearchBoxHeader h2{ width:190px; height:21px; margin: 3 0 -3 35px;}
html>body .PSearchBoxAdvHeader h2{ width:190px; height:21px; margin: 3 0 -3 35px;}
.PSearchBox fieldset, .PAdvSearchBox fieldset{ padding:2px 5px; border:none; font-size:11px; font-weight:normal;}
.PSearchBox legend, .PAdvSearchBox legend{ padding:2px 0px; color:#333333;}

/* Property Results */
.pItem_titleWrapper{ width:490px; height:19px; border-bottom:1px solid #B4AD9E; background-color:#DDD8D0; color:#333333;}
html>body .pItem_titleWrapper{ width:488px; height:20px;}
.pItem_title{ float:left; padding:2px 5px; font-size: 14px; color: #5B574F;}
.pItem_icons { border-left: 1px solid #B4AD9E; padding: 0 5 0 5px; width:140px; height:20px; float:right; background-color:#CBC7BE; text-align:right;}
.pItem_icons td { font-size:14px; font-weight:bold; color: #5B574F;}

/* Property Results: Compact Elements */
.pItem_compact{ width:488px; height:101px; margin:0px 0px 5px 0px; border:1px solid #B4AD9E;}
html>body .pItem_compact{ width:488px; height: 130px;}

.pItem_info{ width:478px; height:82px; float:left; clear:both; padding: 5px;}
.pItem_thumb{ width:122px; height:82px; float:left;}
.pItem_thumb img { border: 1px solid #5B574F;}
.pItem_summary{ width:356px; height:62px; float:right; clear:right; text-align:left; padding:0px 5px; color: #5B574F;}
html>body .pItem_summary{ width:346px; margin: -10 0 0 0px;}

.pItem_more{ width:366px; height:15px; float:right;}
.pItem_more a, .pItem_more a:hover{ width:45px; height:15px; padding: 0px; float:right; text-align:center; background-color:#35616B; color:#FFFFFF; text-decoration:none;}
html>body .pItem_more a, .pItem_more a:hover{ height:16px;}
.pItem_more a:hover{ background-color:#94C43D; color: #5B574F;}

/* Property Results: Full Details Elements */
.pItem_full{ width:490px; margin:0px 0px 5px 0px; border:1px solid #B4AD9E;}
html>body .pItem_full{ width:488px;}
.pItem_full:after{ content: ".";} /* Enables pItem_full to contain two boxes */
.pItem_infoFull{ width:488px; padding: 5px; float:left; clear:both;}
.pItem_mainPic{ width:340px; float:left;}
.pItem_mainPic img { border: 1px solid #5B574F;}
.pItem_desc{ width:340px; float:left; padding:2px 5px;}
html>body .pItem_desc{ width:330px;}

.pItem_pDetails{ width:138px; float:right; padding:5px 2px 0px 5px; text-align:left;}
html>body .pItem_pDetails{ width:141px;}

.printHeader { background: #35616B; font-size: 14px; color: #FFFFFF;}
.printAddress { background: #DDD8D0; font-size: 14px; color: #5B574F; border: 1px solid #B4AD9E;}
.printDetails { font-size: 12px;}
.printDetailsHeader { font-size: 13px; font-weight: bold;}

.testBox{ float:right;}

.propertyAddress{ font-size:14px;}

/* Form Styles 
input{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	border: 0px;
	height: 16px;
	padding: 0px;
	margin: 1 0 1 0px;
	border: 1px solid #B4AD9E;
	vertical-align: top;
}
*/


input.lge{
	width: 190px;
}
input.med{
	width: 150px;
}
input.sml{
	width: 90px;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #555555;
	width: 180px;
	border: 0px;
	height: 60px;
	padding: 0px;
	margin: 0px;
	border: 1px solid #B4AD9E;
}
input.checkBox{
	margin-right: 3px;
	float: left;
	width: 14px;
	height: 14px;
}

html>body input.button { margin: 1 0 0 0px;}
input.imageButton{
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.button2
{
	FONT-SIZE: 12px;
	height: 18px;
	padding: 0px;
	margin: 0px;
	margin-top: 0px;	
	CURSOR: hand;
	COLOR: #000;
	FONT-FAMILY: Arial, Helvetica, san-serif;
	BACKGROUND-COLOR: #CACACA;
	font-weight: normal;
	border: 1px solid #B4B4B4;
	text-align; center;
}

select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 16px;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	border: 1px solid #B4AD9E;
}

/* CALENDAR */

.calendarRow{ 
	
}
.calendarDayHeading{ 
	background-color: <cfoutput>#developer.headingsColour#</cfoutput>;
	color: <cfoutput>#developer.lightColour#</cfoutput>;	
	width: 68px;
	height: 25px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay, .calendarDay_away, .calendarDay_home, .calendarDay_general{
	background-color: #F1F7E5;
	color:<cfoutput>#developer.lightColour#</cfoutput>;
	width: 68px;
	height: 85px;
	padding: 2px;
	margin: 1px;
	float: left;
}
.calendarDay_home{
	background-color: #9FC459;
	color: #333333;
}
.calendarDay_home a:link{
	color: #333333;
}
.calendarDay_home a:visited{
	color: #333333;
}
.calendarDay_home a:hover{
	color: #333333;
	text-decoration: underline;
}
.calendarDay_away{
	background-color: #35616B;
	color: #FFFFFF;
}
.calendarDay_away a:link{
	color: #FFFFFF;
}
.calendarDay_away a:visited{
	color: #FFFFFF;
}
.calendarDay_away a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.calendarDay_general{
	background-color: #555555;
	color: #FFFFFF;
}
.calendarDay_general a:link{
	color: #FFFFFF;
}
.calendarDay_general a:visited{
	color: #FFFFFF;
}
.calendarDay_general a:hover{
	color: #FFFFFF;
	text-decoration: underline;
}
.underline {
	border-bottom-width: 1px;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-bottom-color: #333333;
	border-bottom-style: solid;
	font-weight:bold;
}


#hintbox{ /*CSS for pop up hint box */
position:absolute;
top: 0;
background-color: #708D59;
width: 150px; /*Default width of hint.*/ 
padding: 3px;
border:0px solid #97D173;
font:normal 11px Arial;
color: white;
text-align: left;
line-height:10px;
z-index:100;
visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
font-weight: normal;
}

/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}

.storecat {
		font-family:Arial;
		font-size: 10px;
		font-weight: normal;
      	display: block;
      	background-color: #91ac7c;
      	background-image: url(/images/dropdown-arrow.gif);
      	background-repeat: no-repeat;
      	background-position: center right;
      	border-bottom: 1px solid #DFDFDF;
      	color: #ffffff;      	
      	text-decoration: none;
      	width: 95%;
      	padding: 1px 3px;
      	margin-top: 1px;
      	margin-right: 0px;
      	text-align: left;     	
}


.thin_line {
	BORDER-Right: #009966 1px solid;
} 

.thin_line2 {
	BORDER-bottom: #009966 1px solid
}  
.thin_line3 {
	BORDER-Left: #009966 1px solid;
}    
.outbox {
	color: #2D3824;
	border: 0px solid #000000;
}
.style1 {
	color: #000000;
	font-weight: normal;
}
.style3 {color: #000000; font-size: 19px;}
.style5 {color: #FF0000}

.style7 {color: #FF0000; font-weight: bold; }
      
.style6 {
	color: #FFFFFF;
	font-weight: normal;
	padding-left:20px;
}  


/* start - menu table */
#menutable {
	text-align:left;
	margin-left: 18px;	
}
#menutable table {
	border-collapse: collapse;
	margin: 0px;	
}
#menutable h2 {
	margin-bottom: 5px;
	color: #7B7B23;
}
#menutable th strong {
	color: #7B7B23;
}
#menutable th {
	/* background: #356A00; */
	height: 20px;
	padding-left: 0px;
	padding-right: 12px;
	text-align: left;
	border-left: 1px solid #E8E8E8;
	border-bottom: solid 0px #FFF;
}
#menutable tr {
	height: 15px;
}
#menutable td.first {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
	width: 402px;	
}
#menutable td.second {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 0px solid #E8E8E8;
	width: 402px;	
}
#menutable th.first {
	border-left: 0px;
}
#menutable th.second {
	border-left: 1px solid #E8E8E8;
	width: 90px;	
}
#menutable tr.row-a {
	background: #F8F8F8;
	text-align: left;
	border-left: 1px solid #E8E8E8;

}
#menutable tr.row-b {
	background: #EFEFEF;		
	text-align: left;
	border-left: 1px solid #E8E8E8;
}
#menutable tr.row-c {
	text-align: left;
}
/* end - table */    


/* start - menu table 2 */
#menutable2 {
	width: 400px;
	text-align:left;
	margin-left: 18px;	
}
#menutable2 table {
	border-collapse: collapse;
	margin: 0px;	
}
#menutable2 h2 {
	margin-bottom: 5px;
	color: #2D3824;
}
#menutable2 th strong {
	color: #2D3824;
	font-size: 15px;
}
#menutable2 th {
	height: 20px;
	padding-left: 0px;
	padding-right: 12px;
	text-align: left;
	border-left: 1px solid #E8E8E8;
	border-bottom: solid 0px #FFF;
}
#menutable2 tr {
	height: 15px;
}
#menutable2 td.first {
	vertical-align: top;
	text-align: justify;
	padding-left: 10px;
	padding-right: 10px;
	width: 302px;
	font-size: 12px;	
}
#menutable2 td.second {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #E8E8E8;
	width: 302px;	
}
#menutable2 th.first {
	border-left: 0px;
}
#menutable2 th.second {
	border-left: 1px solid #E8E8E8;
	width: 90px;	
}
#menutable2 tr.row-a {
	text-align: left;
}
#menutable2 tr.row-b {
	background: #EFEFEF;		
	text-align: left;
	border-left: 1px solid #E8E8E8;
}
#menutable2 tr.row-c {
	text-align: left;
	color: #7B7B23;
}
#menutable2 tr.row-d {
	background: #F8F8F8;
	text-align: left;
}
/* end - table */  


/* start - menu table 3*/
#menutable3 {
	text-align:left;
	margin-left: 18px;	
}
#menutable3 table {
	border-collapse: collapse;
	margin: 0px;	
}
#menutable3 h2 {
	margin-bottom: 5px;
	color: #7B7B23;
}
#menutable3 th strong {
	color: #000;
}
#menutable3 th {
	background: #356A00;
	height: 20px;
	padding-left: 11px;
	padding-right: 12px;
	text-align: left;
	border-left: 1px solid #E8E8E8;
	border-bottom: solid 0px #FFF;
}
#menutable3 tr {
	height: 20px;
}
#menutable3 td.first {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #E8E8E8;
	border-bottom: 1px solid #DFDFDF;
	width: 402px;	
}
#menutable3 td.second {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 0px solid #E8E8E8;
	width: 402px;	
}
#menutable3 th.first {
	border-left: 1px;
}
#menutable3 th.second {
	border-left: 1px solid #E8E8E8;
	width: 90px;	
}
#menutable3 tr.row-a {
	background: #F8F8F8;
	text-align: left;
	border-left: 1px solid #E8E8E8;
}
#menutable3 tr.row-b {
	background: #EFEFEF;		
	text-align: left;
	border-left: 1px solid #E8E8E8;
}
#menutable3 tr.row-c {
	text-align: left;
	color: #7B7B23;
}
/* end - table */ 


.title {
	font-weight: bold;
	font-size:12px;
}