/* Rentmore.ca stylesheet */
/* Use: all pages */
/* -----------------------------------------------------------------*/
/* Global styles */
body
{
	margin:0px;
	/*padding:0px;*/
	font-size: small;

	position:relative;
	background:#CFE1ED url(../pics/background.jpg) repeat-x top;

	font-family:Trebuchet MS;
	color:#404040;
}

a
{
	color:#07a;

	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a img
{
	border:0px;
}

a:visited 
{
	color: Blue;
}


h1 
{
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 2px 5px;
	
	font-size: 2em;
	font-weight: bolder;
	
	voice-family: "\"
}\"";
	voice-family: inherit;
	padding: 0px 2px 0px 2px;
	}
	html>body h1 
	{
		padding: 5px 5px 2px 5px;
	}


h2
{
	font-size: large;
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

h3
{
	font-size: medium; /*
	margin:0px 0px 5px 0px;
	padding:0px;
	*/
	margin: 2px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
}

/* ------------------------- Tab pages -------------------------------------*/
#header 
{
      	margin-top:0px;
	
		float:left;
       	width:100%;
   
   		background: url("../pics/tab-bg2.gif") repeat-x bottom;

      	font-size:93%;
      	line-height:normal;
}

#header ul 
{
		margin:0;
      	padding:10px 10px 0;
      	list-style:none;
}

#header li 
{
	float:left;
      	background:url("../pics/tab-left.gif") no-repeat left top;
      	margin:0;
      	padding:0 0 0 9px;
}


#header a 
{
	float:left;
      	display:block;
      	width:.1em;
      	background: url("../pics/tab-right.gif") no-repeat right top;
      	padding:5px 15px 4px 6px;
      	text-decoration:none;
      	font-weight:bold;
      	color:#765;
}

#header > ul a {width:auto;}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a {float:none;}
/* End IE5-Mac hack */

#header a:hover 
{
      color:#333;
}

#mngHome				#nav-mngHome,
#mngTenant				#nav-mngTenant,
#mngApartment	  		#nav-mngApartment,
#mngListing				#nav-mngListing,
#mngRent				#nav-mngRent,
#mngForum				#nav-mngForum,
#mngUser				#nav-mngUser,
#mngAdmin				#nav-mngAdmin,
#mngPricingPlan			#nav-mngPricingPlan,
#mngAffiliate			#nav-mngAffiliate,
#mngForm				#nav-mngForm,
#tntHome				#nav-tntHome,
#tntApartment			#nav-tntApartment,
#tntApartmentFinder		#nav-tntApartmentFinder,
#tntRent				#nav-tntRent,
#tntRentalInsurance		#nav-tntRentalInsurance,
#tntUser		      	#nav-tntUser
{
    background-position:0 -150px;
    border-width:0;
}

#mngHome 				#nav-mngHome 			a,
#mngTenant 				#nav-mngTenant 			a, 
#mngApartment			#nav-mngApartment 		a,
#mngListing 		 	#nav-mngListing 		a, 
#mngRent 				#nav-mngRent 			a,
#mngForum 				#nav-mngForum 			a,
#mngUser				#nav-mngUser			a,
#mngAdmin		    	#nav-mngAdmin			a,
#mngPricingPlan  		#nav-mngPricingPlan	 	a,
#mngAffiliate			#nav-mngAffiliate		a,
#mngForm				#nav-mngForm			a,
#tntHome				#nav-tntHome			a,
#tntApartment			#nav-tntApartment		a,
#tntApartmentFinder		#nav-tntApartmentFinder a,
#tntRent				#nav-tntRent 			a,
#tntRentalInsurance		#nav-tntRentalInsurance	a,
#tntUser		        #nav-tntUser 			a
{
      background-position:100% -150px;
      padding-bottom:5px;
      color:#333;
}

#header li:hover, #header li:hover a 
{
      background-position:0% -150px;
      color:#333;
}
    #header li:hover a 
{
      background-position:100% -150px;
}

.bookmark
{
	position:relative;
	top:-25px;
	float:right;
	right:100px;
	width:50px;
}
* html .bookmark 
{
	right:18px; /* For IE */ 
	
}

/* ----------------------------------- Tree ------------------------------- */		
#Tree
{
	padding: 2px 0px 0px 10px;
	
	background-color: #FFFFFF;
	font-size: small;
	text-align: left;
	/*height: 1em;
	This for some reason completely messes up in Firefox. Doesn't show at all then */
	border-bottom: 1px solid;
}		

/* ------------------------- General ----------------------------------- */
#leftcontent 
{
	/*background:#CFE1ED;*/
	position: absolute;
	left:6px;
	/*top:144px;*/
	top:194px;
	width:185px; /* 200 before */
 /* This is needed for the hover on shortcuts. Since Shortcuts is a part of left content, z-index must be set otherwise the hover 
    will go below google maps */
	z-index:110;
}

#centercontent 
{
	margin-left: 208px; /* 20070702: 206 */
	margin-right:161px;
	padding-top:4px;
	margin-top:55px;
}

#centercontent h1
{
	padding-left: 10px;
}

#rightcontent
 {
		position: absolute;
		right:2px;
		padding-right:2px;
		top:194px;
		width:160px;
}

#rightHelp
{
	background-image : url(../pics/need-help.gif);
	background-repeat : no-repeat;
	background-position : right;
	width:150px;
	height:50px;
	z-index:1;
	/* Again, the ugly brilliant hack. */
	voice-family: "\";
}\"";
	voice-family:inherit;
	width:134px;
}

/* Again, "be nice to Opera 5". */
body>.rightHelp 
{
	width:134px;
}

	
#banner 
{
	height:141px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
html>body #banner 
{
		height:140px;
}

#logo
{
	position:absolute;
	float:left;
	left:20px;
	height:67px;
	width:350px;
}

.bannerad
{
	/*
	position:absolute;
	top:10px;
	left:400px;
	float:left;
	height:75px;
	width:400px;
	*/
	position:absolute;
	top:10px;
	left:0px;
	height:75px;
	width:100%;
	text-align:center;
}

.banneradtenant
{
	position:absolute;
	top:0px;
	float:left;
	height:75px;
	width:100%;
	text-align:center;
}


.bannerImage
{
	width:520px;
	height:67px;
}

#ManagerTenantLink
{
	right: 25px;
	position: absolute;
	top: 25px;
	padding-right: 0px;
	padding-top:0px;
}

#ShoppingCartLogo
{
	right: 70px;
	position: absolute;
	top: 75px;
}

#rightSearch
{
	background:#CFE1ED;
	font-size: small;
	position: absolute;
	top: 155px;
	left: 10px;
	border: 1px solid #666666; /*background-color:#eee;*/
	/*padding: 5px 5px 5px 10px;*/
	z-index: 2; /*margin-top:40px; */
}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:165px;
	}
/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#rightSearch {width:160px;
}

/* Boxes */

/* Big box covering the whole page in width --> */

/* Small box -->*/
.smallBox
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	
	background-color:#DAE0D2;
}

* html .smallBox 
{
	width: 99%; 
	w\idth: 99%;
}

.smallBoxDashed
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-color:white;

}

/* This one is mainly used for Search for listing id form to make it as small as possible */
.smallform
{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}

/* Used for google search form */
.googleForm
{
	/*border: 1px solid #666666;*/
	margin-top:5px;
	background-color: #DAE0D2;
}

* html .googleForm
{
	width: 99%; 
	w\idth: 99%;
}

.smallBoxHeadline
{
	font-size: medium;
	font-weight: bold;
	padding: 5px 5px 5px 5px;


}

.smallBoxText
{
	font-size: small;
	padding: 5px 5px 5px 5px;
}

.smallBoxTextSmaller
{
	font-size: smaller;
	padding: 5px 5px 5px 5px;
}

.smallBoxText ul
{
	margin-top: 5px;
	margin-bottom: 5px;
}


/* <-- Small Box end */

/* Small box for search for apartment box */
.smallBoxSearch
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/search-medium.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;	
}

* html .smallBoxSearch
{
	width: 99%; 
	w\idth: 99%;
}

/* Small box for search for Deals box */
.smallBoxDeals
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/deals-medium.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}

* html .smallBoxDeals
{
	width: 99%; 
	w\idth: 99%;
}

.smallBoxFavorites
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/favorites-medium.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}
* html .smallBoxFavorites
{
	width: 99%; 
	w\idth: 99%;
}

.smallBoxEmail
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	/*width: 15em;
	*/
	/*width: 20%; not needed in new design */
	background-image : url(../pics/email-medium.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}

* html .smallBoxEmail
{
	width: 99%; 
	w\idth: 99%;
}


/* Small box for search for apartment box END */
.signup
{
	float:right;
	margin:30px;
}

.offer
{
	float:right;
	margin:0px;
}


/* Tenant box for new listings -->*/
.tntNewListings
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 5px 0px;
	float: right;
}

/* Tenant box to search for apartments */
.tntSearchApt
{
	position:absolute;
	top:160px;

	left:250px;
	width:840px;

	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 5px 0px;
	float: right;

	background-image : url(../pics/search-big.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}

.textArea
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align:left;
}

#boxForm
{
	margin:0px 0px 0px 0px;
}


.helpText
{
	margin-bottom:0px;
	padding-bottom:0px;
	font-size: x-small;
}

div .footer
{
	font-size: small;
	padding: 20px 0;
}

div.footer ul
{
	float: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 24%;
}

div.footer ul.first
{
	text-indent: 40px;
}

div.footer ul ul
{
	float: none;
	font-weight: normal;
	width: 100%;
}

div .copyright
{
	clear:both;
	padding-top:2em;
	text-align:center;
}

/* Thumbnail */
div.tbContainer 
{
	left:250px;
	width:700px;
}

div.tbSpacer 
{
  clear: both;
}
  
div.tb
{
  background: url(..pics/image-loading.gif) no-repeat 50% 50%;  /* Loading GIF http://www.maratz.com/blog/archives/2005/05/02/image-preloader/ */
  float: left;
  margin:5px;
}

div.tb:hover
{
	cursor: pointer;
}
  
div.tb p 
{
	margin-top:0px;
	margin-left:2px;
	margin-right:2px;
	text-align: center;
}


/* Sitemap */
div.sitemapContainer
{
	
}

div.sitemap
{
	float:left;
}


#footer
 {
	position: absolute;
	bottom: 0;
	width: 70%; /* See note below */
	text-align: center;
	padding: 0 15%;
}

/* SBMH -- see http://css-discuss.incutio.com/?page=BoxModelHack 
 * Stupid hack lets IE see 100%, others see 70%. 
 */
#footer {
    \width: 100%;
    w\idth: 70%;
}

/* For picture buttons (First, Previous, next, last) */
div.picBtnContainer 
{
   /* Get it to center */
	width:180px;
	margin-left: auto; 
	margin-right: auto;
}

div.picBtnSpacer 
{
  clear: both;
}
  
div.picBtn
{
  float: left;
  margin:2px;
}


tr.even
{
	background-color: #eee;
	border:1px solid navy;
}

tr .odd
{
	background-color: #fff;
}


td.line
{
	border-bottom:1px solid black;
	/*font-weight: bolder;*/
}

td.preferedTop
{
	border-top:2px solid navy;
	font-weight : bold;
	background-color: #ffffff;
	/*color: #ffffff;*/
}

td.preferedTop a
{
}

td.preferedTop a:hover
{
}

td.preferedTopLeft
{
	border-top:2px solid navy;
	border-left: 2px solid navy;
	font-weight : bold;
	background-color: #ffffff;
}

td.preferedTopLeft a
{
}

td.preferedTopLeft a:hover
{
}


td.preferedTopRight
{
	border-top:2px solid navy;
	border-right:2px solid navy;
	font-weight : bold;
	background-color: #ffffff;
}


td.preferedBottom
{
	border-bottom:2px solid navy;
	font-weight : bold;

	background-color: #ffffff;
}

td.preferedBottomLeft
{
	border-bottom:2px solid navy;
	border-left:2px solid navy;
	font-weight : bold;
	background-color: #ffffff;
}

td.preferedBottomRight
{
	border-bottom:2px solid navy;
	border-right:2px solid navy;
	font-weight : bold;
	background-color: #ffffff;
}

td.preferedRight
{
	border-right:2px solid navy;
	font-weight : bold;

	background-color: #ffffff;
}

td.preferedLeft
{
	border-left:2px solid navy;
	font-weight : bold;
	
	background-color: #ffffff;
}

.statimg
{
	width:100%;
}

* html .statimg
{
	width: 99%; 
	w\idth: 99%;
}

/* For Forms. Taken from: http://www.aplus.co.yu/css/styling-form-fields  */
/* This one is to make the fieldset rounded in Firefox instead of square */
fieldset 
{ 
	-moz-border-radius: 8px; border-radius: px; 
	z-index: 100;
}

fieldset div 
{
	clear: both;
	position: relative;
	z-index: 100;
}

/* For error messages */
fieldset div p
{
	margin-left:20px;
	background: #fff6bf url(../pics/alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	font-size:small;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

fieldset .twoCols1
{
	position:absolute;
	width:50%;
	float: left;
	z-index: 100;
}

fieldset .twoCols2
{
	width:50%;
	float:right;
	z-index: 50;	/* Lower since span will hover on top of column 2 */
}

label, fieldset div.cr p 
{
	margin: 0;
	display: block;
	width: 15em;
	text-align: left;
	float: left;
	z-index: 100;	
}

fieldset div.cr label
{
	text-align: left;
	margin-left: 10em;
	width: auto;
	float: none;
	z-index: 100;
}

fieldset div span 
{
	display: none;
	z-index: 100;
}

fieldset div:hover span 
{
	top:-30px;
	left:350px;
	margin-left: 5em;
	display: block;
	position: absolute;
	z-index: 110;
	float: right;
	background: #f8fafc url(../pics/info.gif) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}

* html fieldset div span 
{
	/* Hover effect doesn't work in IE < 7 so disable comments for that version by setting Display:None */
	/*display: block;This will show the comments below the fields which I don't want */
	display:none;
}


/*  New CSS for showing apartment pictures */
#pic 
{
	background-color: #FFFFFF;
	left: 10px;
	position: relative;
	top: 10px;
/*	width: 135px;*/
}

#pic a .large 
{
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 1px;
}

#pic a img 
{
	border: 0;
}

#pic a.p1, #pic a.p1:visited
 {
	/*background: #FFFFFF;*/
	border: 1px solid #000000;
	display: block;
	/*height: 90px;*/
	left: 0;
	text-decoration: none;
	top: 0;
	/*width: 135px;*/
}

#pic a.p1:hover 
{
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .large 
{
	border: 1px solid #000000;
	display: block;
	/*height: 233px;*/
	height: 291px;
	left: -25px;
	position: absolute;
	top: -310px;
	/*width: 300px;*/
width: 375px;

}

/* These two spans are from: http://joshuaink2006.johnoxton.co.uk/blog/206/css-photo-gallery-template */
#pic a span
{
/*\*/
	position:absolute;
	left:-9999px;
}

#pic a:hover span
{
	margin : 5px;
	background: #f8fafc url(../pics/info.gif) center no-repeat;
	background-position: 10px 50%;
	text-align: left;
	padding: 5px 20px 5px 35px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	top:-309px;
	/* Top from p1:hover +1 px da jeg vil vise border */
	left:-24px;
	width:202px;
	font-weight:bold;
	filter: alpha(opacity=75);
} 


/* For messages */
.alert 
{
	margin : 5px 10px 5px 10px;
	background: #fff6bf url(../pics/alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.info 
{
	margin : 5px 10px 5px 10px;
	background: #f8fafc url(../pics/info.gif) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}

.question
{
	margin : 5px 10px 5px 10px;
	background: #f8fafc url(../pics/question.gif) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}


/* Hover message for favorites */
#favorite 
{
		position: relative;
		z-index:100;
}

#favorite a.p1:hover 
{
	text-decoration: none;
	z-index:100;
}

/* These two spans are from: http://joshuaink2006.johnoxton.co.uk/blog/206/css-photo-gallery-template */
#favorite a span
{
/*\*/
	position:absolute;
	left:-9999px;

	display:none;
	z-index:100;
}

#favorite a:hover
{
	z-index:100;
}

#favorite a:hover span
{
	position:absolute;
	display:block;
	z-index:105;
	margin : 5px;
	background: #f8fafc url(../pics/info.gif) center no-repeat;
	background-position: 10px 50%;
	text-align: left;
	padding: 5px 20px 5px 35px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
	top:-60px;
	left:160px;
	width:302px;
	filter: alpha(opacity=85);
	color:black;
} 

* html #favorite a span
{
	display: block;
	color:black;
}


.addToFavorite
{
	text-align:right;
	font-size: small;
	margin-right:5px;
}
/* Used when two cols are needed (Instead of tables */
.twoCols
{
	width:50%;
	float:left;
	padding-bottom:10px;
}

/* Sitemap - Begin */
#sitemap 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
}

#sitemap li 
{
	list-style-type: none;
}

ul#sitemap > li 
{
	margin-bottom: 10px;
}

#sitemap ul li 
{
	list-style-image: url(../pics/sitemap-l2_normal.gif);
}

#sitemap ul ul li 
{
	list-style-image: url(../pics/sitemap-l3_normal.gif);
}

#sitemap ul li.firstfollow 
{
	list-style-image: url(../pics/sitemap-l2_first_follow.gif);
}

#sitemap ul li.last 
{
	list-style-image: url(../pics/sitemap-l2_last_item.gif);
}

#sitemap ul ul li.firstfollow 
{
	list-style-image: url(../pics/sitemap-l3_first_follow.gif);
}

#sitemap ul ul li.last 
{
	list-style-image: url(../pics/sitemap-l3_last_item.gif);
}
/* Sitemap - End */

/* Used for the minimize/maximize icon on each box */
.smallBoxHeadline .showhide
{

}
.smallBoxHeadline .showhide:hover
{
	cursor: pointer;
}

.button:hover
{
  cursor: pointer;
}

#ApartmentFinderSignup
{
	right: 160px;
	position: absolute;
	top: 5px;
	padding-right: 0px;
	padding-top:0px;
}

.HugeCentered
{
	font-weight: bold;
	font-size: 2em;
	text-align:center;
}

.tiny
{
	font-size: 0.6em;
}

.wordWrap
{
  word-wrap: break-word;
}

/* Text Area description */
.description
{
  width:98%;
}

.CPAOffer
{
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
}

#paymentPlans
{
	text-align:center;

}

#paymentPlans tbody tr td 
{
		font-size: 12pt;
		padding: 3px 8px;
}
	
#paymentPlans tbody tr td.category
{
	text-align:right;
}

/* This is selected per line. It needs to be per row so that they can see that fx they are on the FREE plan */
#paymentPlans tbody tr.selected td 
{
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;

}

td.planSelectedTop
{
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;

	font-size:large;
	font-weight : bold;
	background-color: #ffffff;
	/*color: #ffffff;*/
}

td.planSelected
{
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;

	font-size:large;
	font-weight : bold;
	background-color: #ffffff;
}

td.planSelectedBottom
{
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-left: 1px solid #666666;

	font-size:large;
	font-weight : bold;
	background-color: #ffffff;
}

#topbar
{
	position:absolute;
	border: 1px solid black;
	padding: 2px;
	background-color: lightyellow;
	width: 650px;
	visibility: hidden;
	z-index: 200;
}

.cpa
{
	color: Blue;
	font-weight : bold;
}

.preloadImg
{
	display:none;
}

.formFieldHidden
{
	display:none;
}

.formFieldError
{
	display:inline; /* block*/
	color: #ff0000; /* Red */
	margin-left:20px;
	background: #fff6bf url(../pics/alert.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	font-size:small;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #ffd324;
	border-bottom: 2px solid #ffd324;
}

.AJAXIconHide
{
	display:none;
	padding:0px;
	margin:0px;
}

.AJAXIconShow
{
	display:inline;
	padding:0px;
	margin:0px;

}

.prepage
 {
 	position:absolute; 
	z-index:200;
	left:0px; 
	top:350px; /* Center */
	height:100%; 
	width:100%;
	text-align:center;
	font-size: 2em;
	font-weight: bolder;

	display:none;
}

.centerAlign
{
	margin-left: auto;
    	margin-right: auto;
	margin-top:0px;
	text-align:center;
	padding:0px;
	border:1px dashed;
	background:white;
	width:300px;
}

.purchaseSteps
{
	position:relative;
	font-size:2em;	
	font-weight: bolder;
	display:inline;
	padding:0px;
	margin:0px;
}

.purchaseSteps img
{
	vertical-align:middle;
}

.purchaseSteps .purchaseEnabled
{
	color:black;
	text-decoration:underline;	
}

.purchaseSteps .purchaseDisabled
{
	color:grey;
}

.purchaseTable
{
	font-size:medium;
}

.purchaseTable td line
{
	border-below:1px solid;
}

.PurchaseNum
{
	font-size:large;
}

.AJAXMsgHidden
{
	display:none;
}

.AJAXMsgShow
{
	display:inline; /* block*/
	margin-left:5px;
	background: #f8fafc url(../pics/info.gif) center no-repeat;
	background-position: 15px 50%;
	text-align: left;
	padding: 5px 20px 5px 45px;
	border-top: 2px solid #b5d4fe;
	border-bottom: 2px solid #b5d4fe;
}

.isItSafe
{
	background-image : url(../pics/is-it-safe.gif);
	background-repeat : no-repeat;
	background-position : top right;	
}

.huge
{
	display:block; 
	font-size: 2em;
	font-weight: bolder;
}

/* For auto complete*/
div.page_name_auto_complete 
{
	width: 100px;
	background: #fff;
	display: inline;
}

div.page_name_auto_complete ul 
{
	border: 1px solid #888;
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-type: none;
}

div.page_name_auto_complete ul li 
{
	margin: 0;
	padding: 3px;
}

div.page_name_auto_complete ul li.selected 
{ 
	background-color: #ffb; 
}

div.page_name_auto_complete ul strong.highlight 
{ 
	color: #800; 
	margin: 0;
	padding: 0;
}

.contentBox
{
	/*margin-bottom:20px; */
	padding: 0px 5px 5px 5px;
	margin: 0px 5px 10px 5px;
}

* html .contentBox 
{
	width: 99%; 
	w\idth: 99%;
}

.contentBox h1
{
	padding:8px;
	margin:0px;
	background: url(../pics/box-header.gif) top right no-repeat;
	
	color: #FFFFFF;
}

.contentBox h2
{
	font-size: 2em;
	font-weight: bolder;
}

.contentBox .content
{
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	background-color:#DAE0D2;
}

.contentBox .content h1
{
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 2px 5px;
	
	font-size: 2em;
	font-weight: bolder;
}

.contentBox .contentFeatured
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/featured-medium.gif) top right no-repeat;
}

.contentBox .contentSearch
{
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/search-big.gif) top right no-repeat;
}

.contentBox .contentEmail
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/email-big.gif) top right no-repeat;
}

.contentBox .contentContactUs
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/contactus.gif) top right no-repeat;
}

.contentBox .contentFavorite
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/favorites-big.gif) top right no-repeat;
}

.contentBox .contentUserSend
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/usersend-big.gif) top right no-repeat;
}

.contentBox .contentNewUser
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/newuser-big.gif) top right no-repeat;
}

.contentBox .contentUserLogon
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
}

.contentBox .contentEditUser
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/edituser-big.gif) top right no-repeat;
}

.contentBox .contentApartmentFinder
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/apartmentfinder-big.gif) top right no-repeat;
}

.contentBox .contentDeals
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/deals-big.gif) top right no-repeat;
}

.contentBox .contentSettings
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/settings-big.gif) top right no-repeat;
}

.contentBox .contentReports
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/reports-big.gif) top right no-repeat;
}

.contentBox .contentCart
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/shoppingcart-big.jpg) top right no-repeat;
}

.contentBox .contentCartFull
{
	
	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;
	
	background : #DAE0D2 url(../pics/shoppingcartfull-big.jpg) top right no-repeat;
}

.contentBox .contentHalloween
{

	padding:8px;
	padding-top:15px;
	border: 1px solid #666666;
	border-top:none;

	background : #DAE0D2 url(../pics/halloween-big.jpg) top right no-repeat;
}

.center-content h1
{
	font-size: 2em;
	font-weight: bolder;
}
.bottom 
{
width:100%;
height:61px;
background:url(../pics/liquid-bottom.gif) no-repeat left bottom;
}

.bottom span 
{
	display:block;
	position:relative;
	height:61px;
	background:url(../pics/liquid-bottom-right.gif) no-repeat right top;
}

p 
{
	margin:0 0 1em 0
}



/* Modal Box for hover effect. This is used in Contact PM and probably in the future other places */
#MB_overlay 
{
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window 
{
	position:absolute;
	top: 0;
	border: 0 solid;
	text-align:left;
	z-index:10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position:relative;
	background-color: #EFEFEF;
	height:100%;
}

#MB_header {
	margin:0;
	height: 28px;
}

#MB_content {
	padding: 6px .75em;
	overflow:auto;
}

#MB_caption {
	font: bold 85% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em 0 .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display:block;
	position:absolute;
	right:5px; top:4px;
	padding:2px 3px;
	font-weight:bold;
	text-decoration:none;
	font-size:13px;
}
#MB_close:hover {
	background:transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(../pics/ajax-loader-small.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_window {
	background-color:#EFEFEF;
	color:#000;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color:#DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color:#000 }
#MB_close { color:#777 }
#MB_close:hover { color:#000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}

/* End Modal */

.NextPaymentInfo
{
	font-family:Trebuchet MS;
	font-size: 1em;
	font-weight: bolder;
}

.colcon
{
	width: 100%;
	margin: auto;
	padding:0;
	display: table;
}

.colcon label
{
	width: 12em;
}

.colrow
{
    display: table-row;
}

.colleft 
{
	width:400px;
	display: table-cell;
}

.colright
{
	width:400px;
	display: table-cell;
}

.colmiddle
{
	display: table-cell;
}

.reportLoading
{
	width:100%;
	display:block;
	text-align:center;
}

/* Auto Complete */
div.autocomplete 
{
      z-index:200;
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}

div.autocomplete ul 
{
      list-style-type:none;
      margin:0px;
      padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li 
{
	  font-weight: bold;
      list-style-type:none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
      cursor:pointer;
}

div.autocomplete .informal
{
	font-weight:normal;
	display:block;
}

table th
{
	border-bottom:solid 1px #666666; 
	font-weight:bold; 
	font-size: 1.2em;
}

div .paperPreview
{
	background: white url(../pics/watermark.jpg) repeat;
	border:solid 1px #CCCCCC;
	padding:30px;
	font-family:Arial;
	margin:5px;
}

div .paperPreview .line2
{
	float:left;
    margin-top:0px;
    margin-right:10px;
    margin-bottom:10px;
    width:200px;
    height:1em;
}
div .paperPreview .line
{
	display:block;
}

div .paperPreview .line .linebelow
{
	width:500px;
	display:block;
	border-bottom:solid 1px black; 
	margin:0px;
}

div .paper
{
	background: white;
	border:solid 1px #CCCCCC;
	padding:30px;
	font-family:Arial;
	margin:5px;
}

div .paper .line2
{
	float:left;
    margin-top:0px;
    margin-right:10px;
    margin-bottom:10px;
    width:200px;
    height:1em;
}
div .paper .line
{
	display:block;
}

div .paper .line .linebelow
{
	width:500px;
	display:block;
	border-bottom:solid 1px black;
	margin:0px;
}