/* Rentmore.ca stylesheet */
/* Use: all pages */
/* -----------------------------------------------------------------*/
/* Global styles */
body
{
	/*background-color:white;*/
	margin:0px;
	padding:0px;
	font-size: small;
	/*font-family:verdana, arial, helvetica, sans-serif;*/
	position:relative;
	/*background:#FFF url(../pics/background.gif) repeat-x top;*/
 /* MBH: 20070621 -- */
	background:#CFE1ED url(../pics/background.gif) repeat-x top;

	font-family:Trebuchet MS;
	color:#404040;
/* < -- */
}

a
{
	color:#07a;
/*	color:#09c;*/

	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
/*	border-bottom: 1px dashed;*/
}

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 2px 6px;
}

#note
{
	font-style: italic;
}

/* ------------------- Front Page styles ----------------------------- */
div#frontMainBox
{
	width: 750px;
	background-color: White;
	margin: 50px auto 0px auto;
	position:relative;
}

div#frontBox
{
	padding: 0em 1em 0em 0em;
	text-align:center;
	border-top: 1px solid; 
	border-bottom: 1px solid;	
	border-left: 1px dashed;
	border-right:1px dashed;
}

.frontHeader
{
	text-align:left;
	margin: 1em 1em 5em 1em;
}

.frontHeader .Logo
{
	float:left;
}

.frontFooter
{
	text-align: center;
	font-size: x-small;
	margin-bottom:1em;
}

/* ------------------------- Tab pages -------------------------------------*/
#header 
{
      margin-top:0px;
	
	  float:left;
       width:100%;
   /*   background:#DAE0D2 url("../pics/tab-bg2.gif") repeat-x bottom;*/
   	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;
      /*border-bottom:1px solid #765;*/
}


#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,
#tntHome						#nav-tntHome,
#tntApartment				#nav-tntApartment,
#tntApartmentFinder		#nav-tntApartmentFinder,
#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,
#tntHome			   #nav-tntHome			a,
#tntApartment		#nav-tntApartment		a,
#tntApartmentFinder		#nav-tntApartmentFinder 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;
}


/* ----------------------------------- Tree ------------------------------- */		
#Tree
{
	/* Design update:
	padding: 2px 10px;
	width: 100%;
	*/
	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;
		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 
	{
		/*background:#CFE1ED;*/
		margin-left: 199px;
   		margin-right:164px;
		padding-top:0px;
	
		/*padding:2px 2px 2px 2px;*/
		/*
		IE5x PC mis-implements the box model. Because of that we sometimes have
		to perform a little CSS trickery to get pixel-perfect display across browsers.
		The following bit of code was proposed by Tantek Celik, and it preys upon a CSS
		parsing bug in IE5x PC that will prematurly close a style rule when it runs
		into the string "\"}\"". After that string appears in a rule, then, we can override
		previously set attribute values and only browsers without the parse bug will
		recognize the new values. So any of the name-value pairs above this comment
		that we need to override for browsers with correct box-model implementations
		will be listed below.
		
		We use the voice-family property because it is likely to be used very infrequently,
		and where it is used it will be set on the body tag. So the second voice-family value 
		of "inherit" will override our bogus "\"}\"" value and allow the proper value to
		cascade down from the body tag.

		The style rule immediately following this rule offers another chance for CSS2
		aware browsers to pick up the values meant for correct box-model implementations.
		It uses a CSS2 selector that will be ignored by IE5x PC.
		
		Read more at http://www.glish.com/css/hacks.asp
		*/
		
		voice-family: "\"}\"";
		voice-family: inherit;
   		margin-left: 208px; /* 20070702: 206 */
   		margin-right:161px;
		padding-top:4px;
		margin-top:3px;		
	}
	html>body #centercontent 
	{
		margin-left: 208px; /* 20070702: 206 */
   		margin-right:161px;
		padding-top:4px;		
	}

#rightcontent
 {
		/*background:#CFE1ED;*/
		position: absolute;
		right:2px;
		padding-right:2px;
		top:144px;
		/*width:145px;*/
		/*width:135px;*/
                width:160px;
}

/* Help */
#rightHelp:hover
{
	cursor: pointer;
}

#rightHelp
{
	background:#DAE0D2;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	font-size: xx-small;
	border:1px dashed #666666;
	background-image : url(../pics/help.gif);
	background-repeat : no-repeat;
	background-position : right;
	width:135px;
	height:45px;
	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;
		/*background-image:url(../pics/logo-big.gif); */
}

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

/* Contains the content */
/*
.content
{
	margin: 17px 165px 20px 5px;
}

.content li
{
	margin: 5px 0px 0px 30px;
}
*/
#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 --> */
.box
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 0px 10px 5px;
	/*width: 99%;
	*/
	background-color:#DAE0D2;
}

.boxSearchNote
{
	border: 1px solid black;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;

	background-image : url(../pics/searchnote.gif);
	background-color:#DAE0D2;	
	background-repeat : no-repeat;
	background-position : top right;
}
* html .boxSearchNote
{
	width: 99%; 
	w\idth: 99%;
}

.boxSearch
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;

	background-image : url(../pics/search-big.gif);
	background-color:#DAE0D2;
	background-repeat : no-repeat;
	background-position : top right;
}
* html .boxSearch 
{
	width: 99%; 
	w\idth: 99%;
}

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

.boxContactUs
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
/*	width: 99%;*/

	background-image : url(../pics/contactus.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;	
}
* html .boxContactUs
{
	width: 99%; 
	w\idth: 99%;
}

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

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

.boxApartmentFinder
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;

	background-image : url(../pics/apartmentfinder-big.gif);
	background-color:#DAE0D2;	
	background-repeat : no-repeat;
	background-position : top right;
}
* html .boxApartmentFinder 
{
	width: 99%; 
	w\idth: 99%;
}

.boxHeadline
{
	font-size:large;
	font-weight: bolder;
	
	/*padding: 5px 5px 5px 0px;*/
	/*color: #549FC9;	from seobook.com */
}

.boxHeadline h1 
{
	margin: 0px 0px 5px 0px;
	/*padding: 0px 5px 2px 5px;*/

	font-size: larger;
	font-weight: bolder;

	/*border-top:1px solid grey;
	border-bottom:1px solid grey;
	*/
	/*border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px dashed;
	border-right: 1px dashed;
	*/
	/*background-color: #eee;
	*/
	/*background-color:#6699CC;
	*/
	/*color:#000080;
	*/
	font-weight: bold;
	voice-family: "\"
}\"";
	voice-family: inherit;
	padding: 0px 2px 0px 2px;
	}
	html>body h1 
	{
		padding: 5px 5px 2px 5px;
	}

.boxText
{
	font-size: small;
	padding: 5px 5px 5px 5px;
}
/* <-- Big box end */

/* 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:#DAE0D2;*/
	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;
	/*width: 15em;
	*/
	/*width: 20%; not needed in new design */
	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%;
}

.smallBoxNewUser
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/newuser-big.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}

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

.smallBoxEditUser
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/edituser-big.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}

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

.smallBoxLogonUser
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/useronline-big.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}

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

.smallBoxUserSend
{
	border: 1px solid #666666;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-image : url(../pics/usersend-big.gif);
	background-repeat : no-repeat;
	background-position : top right;
	background-color: #DAE0D2;
}
* html .smallBoxUserSend
{
	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%;
}

/* This one is so similar that it used the headline and text from search to save space */
.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%;
}

.smallBoxSearchHeadline
{
	font-size: medium;
	font-weight: normal;
	padding: 5px 5px 0px 5px;
}

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

/* Small box for search for apartment box END */
.signup
{
	float:right;
	margin:30px;
/*
	padding:0px;
	margin:0px;
	*/
		/*background-image:url(../pics/logo-big.gif); */
}


/* 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;
}

.footer
{
	font-size: xx-small;
}

/* Thumbnail */
div.tbContainer 
{
	/* 20061217 - These two lines are new. To keep the pictures from staying in the center column */
	left:250px;
	width:700px;
	/* width:840px*/
}

div.tbSpacer 
{
  clear: both;
}
  
div.tb
{
/* 20070220: Commented for new thumbnail css
  border-top: 1px solid black;
  border-right: 1px dashed black;  
  border-left: 1px dashed black;  
  border-bottom: 1px solid black;      
  background:#FFF url(../pics/background.gif) repeat-x top;
  */
  
  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 
{
	/*border-top:1px solid black; 20070220: commented for new css*/

    margin-top:0px;
	margin-left:2px;
	margin-right:2px;
	text-align: center;
}


/* Sitemap */
div.sitemapContainer
{
	
}

div.sitemap
{
	float:left;
}

.forumHeader 
{
	margin:	10px 0px 0px 0px;
	background-color:#eee;
	padding:4px 0px 4px 6px;
}

.forumText
{
	margin:0px 0px 5px 0px;
	padding: 4px 0px 4px 6px;
}

.forumTopic
{
	border:1px solid black;
	margin:0px 0px 5px 0px;
	padding: 4px 0px 4px 6px;
	background-color:#eee;	
}

.forumTopicHeadline
{
	border-top: 1px solid black;
	background-color:#eee;	
	margin:0px;
	font-style:bold;
	margin:0px 0px 5px 0px;
}

.forumTopicHeadlineTxt
{
	border-bottom: 1px solid black;
}

.forumTopicReplyHeadline
{
	border-top: 1px solid black;
	background-color:#eee;	
	margin:5px 0px  0px 0px;
}

.forumTopicReply
{
	margin:10px 0px 10px 0px;
	border-bottom: 1px solid black;
}

#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%;
}

/* Used for links that are shown center. Ex: Show as listing, Show listings in Vancouver etc */
/* Doesn't work. Fix later
a.linkcenter
{
	text-align:center;
	font : bold;
}
*/

/* 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;
}

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

td.preferedTop a
{
	/*color:white;*/
}

td.preferedTop a:hover
{
	/*color:blue;*/
}

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

td.preferedTopLeft a
{
/*	color:white;*/
}

td.preferedTopLeft a:hover
{
/*	color:blue;*/
}


td.preferedTopRight
{
	border-top:2px solid navy;
	border-right:2px solid navy;
	font-weight : bold;
/*	background-color: #7DAAEA;*/
	background-color: #ffffff;
	/*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;
}

.boxFirefox
{
	border-left: 1px dashed black;
	border-right: 1px dashed black;
	border-top:1px solid black;
	border-bottom:1px solid black;
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;
	background-color:#DAE0D2;
	background-repeat : no-repeat;
	background-position : top right;
	font-size: xx-small;
}

.boxFirefoxHeadline
{
	font-size: medium;
}

.boxNews
{
	border-left: 1px dashed black;
	border-right: 1px dashed black;
	border-top:1px solid black;
	border-bottom:1px solid black;	
	padding: 5px 5px 5px 5px;
	margin: 5px 5px 10px 5px;

	background-color:#DAE0D2;
	
	background-repeat : no-repeat;
	background-position : top right;
}
* html .boxNews 
{
	width: 99%; 
	w\idth: 99%;
}

.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: 0px 0px 0px 10em;
	padding:0px 0px 0px 10px;
*/
	/*
	top:-40px;
	left:350px;
	*/

	/*margin-right:200px;*/
	/*margin-right:200px;*/

	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 
{
	margin-left: 5em;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
	border:1px dashed;
	background-color:#eee;
	background-image : url(../pics/info.gif);
	background-repeat : no-repeat;
	background-position : top right;
	padding-right:10px;
	padding:10px;
}
*/
fieldset div:hover span 
{
	top:-30px;
	left:350px;
	margin-left: 5em;
	display: block;
	position: absolute;
	z-index: 110;
	float: right;
/*	border:1px dashed;
	background-color:#eee;
	background-image : url(../pics/info.gif);
	background-repeat : no-repeat;
	background-position : top right;
	padding-right:10px;
	padding:10px;
*/	
	/*margin : 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;
}

* 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;
	/*background:#FFF;
	color:#999;
	*/
	/*padding:5px 0 5px 0;
	*/
	/*text-transform:uppercase;
	*/
	/*font-size:100%;
	*/
	/*border:1px solid #EEE;
	border-width:0 0 5px 0;
	*/
	filter: alpha(opacity=75);
	/*-moz-opacity:.8;
	opacity:.80;
	*/
	/**/
} 


/* For messages */
.alert 
{
	margin : 5px;
	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;
	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;
	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 
{
	/*background-color: #8C97A3;
	color: #000000;*/
	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;

	/*clear: both;*/
	display:none;
	z-index:100;
}

#favorite a:hover
{
	/*border: 5px double #DAE0D2;*/
	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;
	/* Top from p1:hover +1 px da jeg vil vise border */
	left:160px;
	width:302px;
	filter: alpha(opacity=85);
	color:black;
	/*padding:5px 0 5px 0;
	*/
	/*text-transform:uppercase;
	*/
	/*font-size:100%;
	*/
	/*border:1px solid #EEE;
	border-width:0 0 5px 0;
	*/
	/*filter: alpha(opacity=75);
	*/
	/*-moz-opacity:.8;
	opacity:.80;
	*/
	/**/
} 

* 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: 175px;
	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%;
}
/* WYSIWYG EDITOR */
/* Toolbar */
.toolbar1   { border: 1px solid #666666; height: 26px; background-image: url(../icons/background_silver.jpg); }
.toolbar2   { border: 1px solid #666666; height: 24px; background-image: url(../icons/background_silver.jpg); border-bottom: 0px; border-top: 0px; }

/* Command Buttons */
.wusiwygbutton     { width: 20px; height: 20px; border: 0px solid transparent; margin: 1px; padding: 0px; background: transparent; }*/
.buttonOver { width: 20px; height: 20px; border: 1px solid #999999; margin: 0; padding: 0px; }


/* Font Type and Size Drop Down */
.dropdown          { background-color: #FFFFFF; border: 1px solid #333333; height: 140px; overflow: auto; padding: 1px; }
button.mouseOver   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 3px; cursor: default; text-align: left;}
button.mouseOut    { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 3px; cursor: default; text-align: left;}




/* CREATE TABLE POPUP */

/* Select Border Width/Type */
.on   { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 6px; width: 140px; cursor: default; height: 5px;}
.off  { background-color: #FFFFFF; border: 1px solid #FFFFFF; padding: 6px; width: 140px; cursor: default; height: 5px;}

/* Select Shading/Border Color */
.selectColorTable  { border: 1px solid #7E7E81; background-color: #F7F7F7; padding: 1px; }
.selectColorBorder { border: 1px solid #F7F7F7; }
.selectColorOn     { border: 1px solid #999999; background-color: #CCCCCC; }
.selectColorOff    { border: 1px solid #F7F7F7; background-color: #F7F7F7; }
.selectColorBox    { border: 1px solid #FFFFFF; font-size: 1px; height: 13px; width: 13px; }




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

#paymentPlans
{
	text-align:center;

}

#paymentPlans tbody tr td 
{
		/*font-family: "lucida grande", verdana, sans-serif;*/
		font-size: 12pt;
		padding: 3px 8px;
		/*border-left: 1px solid #D9D9D9;*/


}
	
#paymentPlans tbody tr td.category
{
	text-align:right;
	/*border-right: 1px solid #666666;*/
}

/* 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;
	/*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;
	/*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; 
	/*font-family:arial; */
	z-index:200;
	left:0px; 
	/*top:15px; TOP */
	top:350px; /* Center */
	height:100%; 
	width:100%;
	text-align:center;
	font-size: 2em;
	font-weight: bolder;
	/*background-color: #CFE1DE;*/
	/*border: 1px solid #666666;*/
}