/******************************************************************************************************************
Homewise
Global Stylesheet

Developed by Matthew Hill, March 2007
Copyright Nixon McInnes (c) 2007
http://www.nixonmcinnes.co.uk

Elements receiving auto float-containing behaviour are defined at the bottom of the file to avoid repetition
of code in their own declaration block. This is for compliant browsers only and keeps markup clean of extra
clearing elements:
http://www.csscreator.com/attributes/containedfloat.php

Elements requiring layout in IE6&7 for float clearing issues use ZOOM:1 

******************************************************************************************************************/

@import url("forms.css");

body {
	margin:15px 0 0 0;
	padding:0;
	background:#E3E3E3;
	/*Changed from Tahoma,Verdana,Arial to Arial by Paul 28/11/2007 for Fogbugz 2314*/
	font: normal 100%/150% Arial,"Helvetic Neue",Helvetica,sans-serif;
	color:#000;
}

/******************************************************************************************************************
AUTO EXPANDING FLOATS FOR COMPLIANT BROWSERS
******************************************************************************************************************/

form:after,
#wrapper:after,
#banner:after,
#navtop:after,
#tools:after,
#breadcrumbs:after,
#threecolumns:after,
#sidebar1:after,
#sidebar2:after,
#content:after,
#content ul.pagination:after,
ul#ifatabs:after,
#footer:after
	{
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}


/******************************************************************************************************************
RESET BLOCK LEVEL ELEMENT MARGINS
******************************************************************************************************************/

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td
{
	margin:0;
	padding:0;
} 


/******************************************************************************************************************
GENERAL FORMATTING OF STANDARD ELEMENTS
******************************************************************************************************************/
#skipnav {
	position:absolute;
	left:-999em;
}

a,a:link {
	color:#006E51;
	text-decoration:underline;
}

a:visited {
	color:#006E51;
}

a:hover {
	color:#A02443;
}

.floatright {
	float:right;
}
.floatleft {
	float:left;
}

.picright {
	clear:right;
	float:right;
	margin:0 0 14px 14px;
}

.picleft {
	clear:left;
	float:left;
	margin:0 14px 14px 0;
}

.hitext,
.warning {
	color:#A02443;
}

img {
	border:none;
	padding:0;
	display:block;
}

code {
  font-size:75%;
  font-family: monospace, serif;  
}

/******************************************************************************************************************
WRAPPER
******************************************************************************************************************/

#wrapper {
	width:746px;
	padding:11px;
	margin:0 auto;
	background:#FFF url(../images/bg-banner.gif) top left no-repeat;
	zoom:1;
}

/******************************************************************************************************************
BANNER
******************************************************************************************************************/

#banner {
	min-height:127px;
	margin:0 auto;
	border-bottom:1px solid #CCC;
	zoom:1;
}

#banner img {
	border:0;
	margin:0;
	padding:0;
	display:block;
	float:left;
}

	/******************************************************************************************************************
	TOOLS
	******************************************************************************************************************/
	
	#tools {
		float:left;
		width:364px;
		margin:17px 0 0 0;
		font-size:80%;
		zoom:1;
	}

	#tools li {
		float:left;
		list-style:none;
		margin-right:14px;
	}
	
	#tools li a img {
		padding:5px 5px 0 0;
	}
	
	#tools li a,
	#tools li a:visited {
		text-decoration:none;
		display:block;
		color:#666;
	}
	
	#tools li a:hover {	
		color:#A02443;
	}


	/******************************************************************************************************************
	TOP NAVIGATION
	******************************************************************************************************************/
	
	#navtop {
		width:364px;
		float:right;
		font-size:90%;
		zoom:1;		
	}
	
	#navtop ul {
		margin:0 auto;
		padding:0;
		list-style:none;
		width:173px;
		display:block;
		float:left;
	}
	
	#navtop #right {
		margin-left:18px;
	}
	
	#navtop li {
		line-height:1;
		padding:2px 0 3px;
		border-bottom:1px solid #CCC;
	}
	
	#navtop li a, 
	#navtop li a:visited {
		display:block;
		color:#006E51;
		text-decoration:none;
		font-weight:bold;
	}
	
	#navtop li a:hover,
	#navtop li.selected a,
	#navtop li.selected a:visited {
		color:#A02443;
	}	
	
	#navtop li.phonenum {
		background:url(../images/phone-gold.gif) left center no-repeat;
		border:none;
		margin:11px 0 0 ;
		padding:0 0 0 24px;
		font-size:120%;
		color:#AB9968;
	}	
	
/******************************************************************************************************************
BREADCRUMBS
******************************************************************************************************************/

#breadcrumbs {
	clear:both;
	padding:0;
	margin:5px 0 14px 0;
	width:450px;
	float:left;
	zoom:1;	
}

#breadcrumbs li {
	margin:0 5px 0 0;
	padding:0;
	list-style:none;
	display:inline;
	font-weight:bold;
	font-size:70%;
	color:#999;	
}

#breadcrumbs li a,
#breadcrumbs li a:visited {
	color:#999;
	font-weight:normal;
	text-decoration:underline;
	background:url(../images/arrow-crumb.gif) right center no-repeat;
	padding:0 11px 0 0;
}

#breadcrumbs li a:hover {
	color:#A02443;
}

/******************************************************************************************************************
SITE SEARCH
******************************************************************************************************************/

#searchsite {
	float:right;
	width:285px;
	margin:8px 0 14px 0;
	color:#999;
	font-size:80%;
	zoom:1;
}

#searchsite fieldset {
	border:none;
	margin:0;
	padding:0;
}

#searchsite legend {
	display:none;
}

#searchsite label {
	float:left;
	width:107px;
	margin-right:5px;
	text-align:right;
}

#searchsite input {
	float:left;
	width:146px;
	padding:2px 2px 3px;
	border:1px solid #CCC;
	border-right:none;
	height:16px;
}

#searchsite button {
	clear:none;
	float:left;
	width:22px;
	height:23px;
	background:#A02443 url(../images/icon-search.gif) top left no-repeat;
	margin:0;
	padding:0;
}

#searchsite button span {
	position:absolute;
	left:-1000em;
	/* Padding / Margin required to cancel oversizing of button in Safari (shouldn't really be required!) */
	margin:0;
	padding:0;
}


/******************************************************************************************************************
3 COLUMN LAYOUT (One true layout)
http://www.positioniseverything.net/articles/onetruelayout/
******************************************************************************************************************/

/* Order in source: 2 */
#sidebar1 {
	float: left;
	width: 173px;
	padding:0 18px 0 0;
	margin-left:-555px;
	zoom:1;
	}
	
/* Order in source: 1 */
#content {
	float: left;
	width: 364px;
	margin-left:191px;
	zoom:1;
	}
/*Added by Paul 3/10/2007 for Connell's agents form*/
#content.usewholewidth {width: 740px; float: none; margin-left: 0;}
/*Added by Paul 30/1/2008 for Fogbugz 2623 so that it uses two columns*/
#threecolumns div.onlytwocolumns {width: 555px; margin-left: 0; min-height: 500px;}
#threecolumns div.onlytwocolumns form {margin-left: 0; padding-left: 0;}
#threecolumns div.onlytwocolumns ul.propertysearch {float: left;}
#threecolumns div.onlytwocolumns ul.propertysearchodd {clear: both;} /*clear after the 2nd one*/
#threecolumns div.onlytwocolumns ul.propertysearch li {
	/*display: inline; float: left;*/
	background-image: none;
	margin: 0 8px 2px 0;
	padding: 2px 5px;
	width: 170px;
}
#threecolumns div.onlytwocolumns ul.propertysearch li input {float: right;}
#threecolumns div.onlytwocolumns ul.propertysearch li.highlight {background-color: #E7F0EB;}
#threecolumns div.onlytwocolumns ul.propertysearch li a {color: #000000;}
#threecolumns div.onlytwocolumns ul.propertysearch li a:hover {color: #007D5D;}
#threecolumns div.onlytwocolumns form.propertysearch {background: none;}
#threecolumns div.onlytwocolumns p.propertysearchboxes {width: 200px; float: right;}
#threecolumns div.onlytwocolumns ul.propertyresults li {background-image: none; border-top: 1px solid #CCC; padding: 10px; clear: both;}
#threecolumns div.onlytwocolumns ul.propertyresults li img {width: 150px; margin: 0 5px 10px 0; float: left;}
#threecolumns div.onlytwocolumns ul.propertyresults li p {}
#threecolumns div.onlytwocolumns div.propertyview img.mainimage {width:280px; float: left; padding-bottom: 15px;}
#threecolumns div.onlytwocolumns div.propertyview img.smallimage {width:60px; float: left; padding: 0 0 3px 3px;}
#threecolumns div.onlytwocolumns div.propertyview p.address {clear: both;}
#threecolumns div.onlytwocolumns div.propertyview #googlemap {width: 300px; height: 300px; float: right;}

	
/* Order in source: 3 */
#sidebar2 {
	float: left;
	width: 173px;
	padding:0 0 0 18px;
	zoom:1;
	}


/******************************************************************************************************************
MAIN TYPOGRAPHY
******************************************************************************************************************/

#threecolumns {
	font-size:80%;
	line-height:150%;
}

#threecolumns h1,
#threecolumns h2,
#threecolumns h3.title,
#threecolumns h3,
#threecolumns h4,
#threecolumns h5 {
	line-height:1;
	margin:0 0 14px 0;
	clear:both;
}

#threecolumns h1 {
	background:#006E51;
	color:#FFF;
	font-size:130%;
	font-weight:normal;
	padding:3px 7px;
}

#threecolumns h2,
#threecolumns h3.title {
	background:#AB9968;
	color:#FFF;
	font-size:130%;
	font-weight:normal;
	padding:3px 7px;
}


#threecolumns h3 {
	color:#006E51;
	font-size:110%;
	padding:3px 0;	
}

#threecolumns h4,
#threecolumns h5 {
	font-size:100%;
	color:#006E51;
}

#threecolumns dl,
#threecolumns ul,
#threecolumns ol,
#threecolumns p {
	margin:0 0 14px 0;	
}

#threecolumns ul li {
	list-style:none;
	padding-left:20px;
	background:url(../images/bullet-green.gif) 4px 1px no-repeat;
}

/******************************************************************************************************************
PAGE TOOLS
******************************************************************************************************************/

#threecolumns ul.pagetools {
	border-top:1px solid #CCC;
	padding:8px 0;
	margin-top:11px;
	clear:both;
}

#threecolumns ul.pagetools li {
	display:inline;
	list-style:none;
	margin:0 18px 0 0;
	padding:5px 0;
	background:none;
}

#threecolumns ul.pagetools li a,
#threecolumns ul.pagetools li a:visited {
		color:#666;
}		

#threecolumns ul.pagetools .printpage a {
	background:url(../images/icon-print.gif) left center no-repeat;
}

/************************************************************************
The send a friend link has it's LI set to relative positioning: This is
important for the popup windows so that they have something to anchor
on to for their default position -- because the send to friend could end
up anywhere on the page, the popup position needs to be based on that
************************************************************************/

#threecolumns ul.pagetools .sendfriend {
	position:relative;
}

#threecolumns ul.pagetools .sendfriend a {
	background:url(../images/icon-sendfriend.gif) left center no-repeat;
}

#threecolumns ul.pagetools a,
#threecolumns ul.pagetools a:visited {
	padding:3px 0 3px 20px;
	color:#999;
	text-decoration:none;
}

#threecolumns ul.pagetools a:hover {
	color:#A02443;
}

/******************************************************************************************************************
SIDE BAR 1 (LEFT)
******************************************************************************************************************/

#sidebar1 h2,
#sidebar1 h3.title {
	margin:0;
}

	/* Level 1 lists: */

	#sidebar1 #navigation {
		margin:0 0 28px;
		padding:0;
	}
	
		#sidebar1 #navigation li {
			list-style:none;
			background:none;
			line-height:1;
			padding:0;
			margin:0;
			border-bottom:1px solid #CCC;
		}
		
			#sidebar1 #navigation li a,
			#sidebar1 #navigation li a:visited
			 {
				display:block;
				padding:5px 7px;
				text-decoration:none;
				line-height:1;
				color:#006E51;
			}
			
			#sidebar1 #navigation li a:hover,
			#sidebar1 #navigation li.selected a,
			#sidebar1 #navigation li.selected a:visited {
				background:#006E51;
				color:#FFF;
/*				font-weight:bold;*/
			}
			
		/* Level 2 lists: */

		#sidebar1 #navigation li.selected ul {
			background:#F5F3ED;
			margin:0;
		}
		
			#sidebar1 #navigation li.selected ul li,
			#sidebar1 #navigation li.selected ul li.selected {
				background:#F5F3ED;
				border:none;
				border-top:1px solid #FFF;
				font-size:90%;
				zoom:1;
			}
			
				#sidebar1 #navigation li.selected ul li a,
				#sidebar1 #navigation li.selected ul li a:visited {
					background:#F5F3ED;
					color:#006E51;
					zoom:1;
					padding-left:14px;
				}
				
				#sidebar1 #navigation li.selected ul li.selected a,
				#sidebar1 #navigation li.selected ul li.selected a:visited {
					background:#E6E0D1;
				}
				
				#sidebar1 #navigation li.selected ul li a:hover {
					background:#E6E0D1;					
				}

				#sidebar1 #navigation li.selected ul li.selected a:hover {
					background:#DCD4C0;
				}

#sidebar1 div {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:7px;
	margin:0 0 28px 0;
}

#sidebar1 div h2,
#sidebar1 div h3.title {
	margin:-8px -8px 8px -8px;
}

/******************************************************************************************************************
SIDE BAR 2 (RIGHT)
******************************************************************************************************************/

#sidebar2 div {
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:7px;
	margin:0 0 28px 0;	
}

#sidebar2 div h2,
#sidebar2 div h3.title {
	margin:-8px -8px 8px -8px;
}

/*  How can we help list */

#sidebar2 ul.helplist {
	background:#F5F3ED;
	zoom:1;
	margin:-14px 0 28px 0;
}

#sidebar2 ul.helplist li {
	border-bottom:1px solid #FFF;
	background:none;
	list-style:none;
	margin:0;
	padding:0;
}

#sidebar2 ul.helplist li a,
#sidebar2 ul.helplist li a:visited {
	color:#006E51;
	display:block;
	text-decoration:none;
	line-height:normal;
	font-weight:bold;
	padding:5px 30px 5px 7px;
	margin:0;
	background:url(../images/bg-arrowred1.gif) right bottom no-repeat;
	zoom:1;
}

#sidebar2 ul.helplist li a:hover {
	color:#FFF;
	background:#006E51 url(../images/bg-arrowgreen1.gif) right bottom no-repeat;
}

#sidebar2 p.phonenum {
		background:url(../images/phone-gold.gif) left center no-repeat;
		border:none;
		padding:0 0 0 24px;
		font-size:130%;
		color:#AB9968;
	}
	
#sidebar1 h2 a,
#sidebar1 h2 a:visited,
#sidebar2 h2 a,
#sidebar2 h2 a:visited,
#sidebar1 h3.title a,
#sidebar1 h3.title a:visited,
#sidebar2 h3.title a,
#sidebar2 h3.title a:visited {
	text-decoration:none !important;
	color:#FFF;
}


/******************************************************************************************************************
GENERAL ADDITIONAL PANEL
******************************************************************************************************************/

#sidebar1 div.placepanel,
#sidebar2 div.placepanel {
	
}

#sidebar1 div.placepanel img,
#sidebar2 div.placepanel img {
	margin:-8px -8px 8px -8px;
	text-align:center;
}

/******************************************************************************************************************
DREAMHOME
******************************************************************************************************************/

#dreamhome {
	color:#006E51;
	font-weight:bold;
	padding-bottom:0;
}

#dreamhome div {
	margin:0;
	padding:0;
	border:none;
}

#dreamhome img {
	margin:-8px -8px 8px -8px;
}

/******************************************************************************************************************
CUSTOMER STORIES PANEL
******************************************************************************************************************/

#customerstories {
	padding-bottom:0;
}

#customerstories img {
	margin:-8px -8px 8px -8px;
}

/******************************************************************************************************************
TIPS
******************************************************************************************************************/

#tips {
	padding-bottom:0;
}

#tips h3 {
	font-size:100%;
	line-height:150%;
}

#tips #tipquestion {
	position:relative;
	padding:0;
	border:none;
}

/* Special rules for TIPS popup are at the bottom of this file */



/******************************************************************************************************************
RED BUTTON LINKS
******************************************************************************************************************/

a.redbutton,
a.redbutton:visited {
	display:block;
	background:#A02443;
	color:#FFF;
	margin:-8px -8px -8px -8px;
	padding:5px 7px;
	text-decoration:none;
	text-align:right;
	font-weight:normal;
	line-height:1;
}


/******************************************************************************************************************
3 BOXES AT PAGE END
******************************************************************************************************************/

#pagetail {
	clear:both;
	zoom:1;
}

#pagetail div {
	float:left;
	zoom:1;
	background:#FFF url(../images/bg-panel-small-arrow.gif) left bottom no-repeat;
	min-height:160px;
	color:#006E51;
}

#pagetail div h2,
#pagetail div h3.title {
	margin:-7px -7px 8px -7px;
}

#pagetail #links {
	padding:7px;
	margin:0 18px 0 0;
	width:350px;
	background:#F5F3ED url(../images/bg-beige-corner.gif) right bottom no-repeat;	
}

#pagetail #links h2,
#pagetail #links h3.title {
	width:auto;
}

#pagetail #links ul,
#pagetail #links ol {
	margin-left:24px;
	background:none;
}

#pagetail ul li {
	list-style:disc;
	background:none;
	padding:0;
}

#pagetail ol li {
	list-style:decimal;
	background:none;
	padding:0;
}

#pagetail #infopack {
	width:159px;
	margin:0 18px 0 0;
	padding:7px 7px 0 7px;
	font-weight:bold;
	min-height:167px;
	background:#FFF url(../images/bg-panel-infopack.gif) left bottom no-repeat;
}

#pagetail #infopack p.fixed {
	float:right;
	width:80px;
}

#pagetail #stayupdated {
	width:159px;
	padding:7px 7px 0 7px;
	font-weight:bold;	
	min-height:167px;
	background:#FFF url(../images/bg-panel-news.gif) left bottom no-repeat;	
}

/******************************************************************************************************************
PAGINATION
******************************************************************************************************************/

#content ul.pagination {
	padding:0;
	zoom:1;
}

#content ul.pagination li {
	line-height:17px;
	margin:0 5px 0 0;
	padding:0;
	background:none;
	float:left;
}

#content ul.pagination li a,
#content ul.pagination li a:visited {
	display:block;
	line-height:15px;
	width:15px;
	margin:0;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#999999;
	border:1px solid #999;
}

#content ul.pagination li a:hover {
	color:#FFF;
	background:#999999;
}

#content ul.pagination li.first a,
#content ul.pagination li.last a {
	width:45px;
}

#content ul.pagination li.previous a,
#content ul.pagination li.previous a:visited,
#content ul.pagination li.next a,
#content ul.pagination li.next a:visited {
	width:17px;
	height:17px;
	border:none;
	background-position:left top;
	background-repeat:no-repeat;
}

#content ul.pagination li.previous a:hover,
#content ul.pagination li.next a:hover {
	background-position:left bottom;
}

#content ul.pagination li.previous a,
#content ul.pagination li.previous a:hover {
	background-image:url(../images/arrow-pagination-previous.gif);
}

#content ul.pagination li.next a,
#content ul.pagination li.next a:hover {
	background-image:url(../images/arrow-pagination-next.gif);
}

#content ul.pagination li.previous a span,
#content ul.pagination li.next a span {
	position:absolute;
	left:-1000em;
}

#content ul.pagination li.current a,
#content ul.pagination li.current a:visited,
#content ul.pagination li.current a:hover {
	background:#999;
	color:#FFF;
}

/* Individual control spacing */

#content ul.outer {
	float:left;
}

#content ul.inner {
	float:right;
}

/******************************************************************************************************************
******************************************************************************************************************
GENERAL STYLES USED ON MULTIPLE TEMPLATES
******************************************************************************************************************
******************************************************************************************************************/

#content .clear {
	margin:0 0 11px 0;
	zoom:1;
}

#content .panel {
	clear:both;
	border-bottom:1px solid #CCC;
	padding:0;
	margin:11px 0;
	zoom:1;
}

/* Auto expand container to wrap floats if contents are all floated: Gecko, Opera, etc, -- not IE */
#content .clear:after,
#content .panel:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#content .itemlist {
	margin:0;
	padding:0;
	list-style:none;
}

#content .itemlist li {
	margin:0 0 11px 0;
	padding:0;
	list-style:none;
	background:none;
	border-bottom:1px solid #CCC;
	zoom:1;
}

#content .itemlist li ul {
    margin-left:20px;
}

#content .itemlist li ul li {    
    border:0;
    list-style-type:disc;
    margin:0;
}

#content .itemlist h3 {
	line-height:normal;
	font-size:100%;
}

#content .itemlist h3 a {
	margin-right:90px;
	display:block;
}

#content .itemlist h3 span {
	font-weight:normal;
	color:#000;
	margin-top:-1.2em;
	display:block;
	width:80px;
}

#content a.seeall {
	text-align:left;
	display:block;
	float:left;
	width:70%;
}

#content a.backtotop {
	text-align:right;
	display:block;
	float:right;
	width:25%;
	padding:0 5% 0 0;
	background:url(../images/arrow_top.gif) right center no-repeat;
}

/******************************************************************************************************************
GLOSSARY
******************************************************************************************************************/

/* Auto expand container to wrap floats if contents are all floated: Gecko, Opera, etc, -- not IE */
#content ul.glossarylist li:after,
#content ul.glossarylist li:after {
	content: ".";
	height:0;
	display:block;
	clear:both;
	visibility:hidden;
}

#content ul.glossarylist li {
	background:none;
	float:left;
	padding:0;
	margin:0 5px 0 0;
	zoom:1;	
}

#content ul.glossarylist li a {
	display:block;
	float:left;
	padding:0 5px;	
	font-size:120%;
	zoom:1;
}

#content h2:target,
#content h3.title:target {
	background:#006E51;
}

/******************************************************************************************************************
FAQ
******************************************************************************************************************/

#content ul.faqlist li {
	background:none;
	padding:0;
	color:#006E51;
	font-size:130%;
}

#content ul.faqlist li ol {
	background:none;
	padding:0;
	margin-left:30px;
	margin-top:11px;
}

#content ul.faqlist li ol li {
	list-style:decimal;
	font-size:80%;
}

#content ul.faqanswers li {
	background:none;
	padding:11px 0 0 0;
	margin:0 0 11px 0;
	border-top:1px solid #CCC;
}

#content ul.faqanswers li h3 {
	font-size:100%;
}

#content ul.faqanswers li:target h3 {
	color:#A02443;
}

/******************************************************************************************************************
PERSON LIST
******************************************************************************************************************/

#content ul.imagelist li {
	background:none;
	padding:11px 0;
	margin:0 0 11px 0;
	border-top:1px solid #CCC;
	zoom:1;
}

#content ul.imagelist li img {
	float:left;
	max-width:120px;
	margin-right:7px;
}

#content ul.imagelist li h3,
#content ul.imagelist li h4,
#content ul.imagelist li h5,
#content ul.imagelist li ol,
#content ul.imagelist li ul,
#content ul.imagelist li p {
	clear:none;
	margin:0 0 0 127px;
}

/******************************************************************************************************************
FOOTER
******************************************************************************************************************/

#footer {
	clear:both;
	width:768px;
	margin:0 auto;
	font-size:70%;
}

#footer ul {
	list-style:none;
	margin:7px 11px;
}

#footer li {
	float:left;
	margin:0 4px 0 0;
}

#footer li#copyright {
	width:173px;
}

/******************************************************************************************************************
FOOTER IMAGES
******************************************************************************************************************/

#centerall {
	clear:both;
	display: table;
	margin: 11px auto;
}

#centerall ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}

#centerall ul li {
	display: block;
	float: left;
	margin: 0 1px 0 1px; /* tab separation is margin L + R. */
	list-style-type: none;
	padding: 5px;
	text-indent: 0;
}

#shrinkwrap {
	display: table-cell;
}


/******************************************************************************************************************
POPUPS
******************************************************************************************************************/

div.popup {
	height:auto;
	width:366px;
	padding:0 0 5px 0;
	z-index:100;
	/*position:absolute;*/ /*Removed by Paul 3/12/2007 for Fogbugz 2462*/
	top:-130px;
	left:0;
	background:#E3E3E3;
	/* Next rule ensures popups are closed by default */
	display:none;
}

div.popup div.inner {
	background:#FFF;
	width:364px;	
	padding:5px;
	border:1px solid #CCC;	
	margin:-5px 0 0 -5px;
	position:relative;
	z-index:101;
}

div.popup form {
	margin-bottom:0;
}

div.popup form h2 a.close,
div.popup form h2 a.close:visited,
div.popup form h3.title a.close,
div.popup form h3.title a.close:visited {
	display:block;
	float:right;
	font-size:80%;
	font-weight:bold;
	padding:0 7px 0 0;
	margin:-1em 0 0 0;
	color:#FFF !important;
	background:none !important;
}

div.popup form h2 a.close:hover,
div.popup form h3.title a.close:hover {
	text-decoration:underline;
}

/* Override rules for tips popup (to clear sidebar rules for nested DIVs */

#tips #tipquestion div.popup {
	border:none;
	height:auto;
	width:376px;
	padding:0 0 5px 0;
	z-index:100;
	position:absolute;
	top:-140px;
	left:180px;
	background:#E3E3E3;
}

#tips #tipquestion div.popup div.inner {
	background:#FFF;
	width:364px;	
	padding:5px;
	border:1px solid #CCC;	
	margin:-5px 0 0 -5px;
	position:relative;
	z-index:101;
}

#tips #tipquestion div.popup div.inner form {
	margin-top:0;
	margin-bottom:5px;
}

#tips #tipquestion div.popup div.inner h2,
#tips #tipquestion div.popup div.inner h3.title {
	margin:0 -11px 11px;
}

/******************************************************************************************************************
IFA TABS
******************************************************************************************************************/

ul#ifatabs {
	zoom:1;
}

ul#ifatabs li {
	float:left;
	list-style:none;
	background:none;
	padding:0;
	min-width:142px;
	margin:0 9px 11px 0;
}

ul#ifatabs li a,
ul#ifatabs li a:visited {
	display:block;
	padding:1px 5px;
	border:1px solid #CCC;
	white-space: nowrap;
	font-weight:bold;
	font-size:85%;
	text-decoration:none;
	background:#F6F6F6;
}

ul#ifatabs li.selected a,
ul#ifatabs li.selected a:visited {
	background:#AB9968;
	color:#FFF;
	border:none;
	padding:2px 6px;	
}

ul#ifatabs li#logout {
	float:right;
	display:inline;
	min-width:0;
	width:60px;
	margin-right:0;
	text-align:center;
}

ul#ifatabs li#logout a,
ul#ifatabs li#logout a:visited {
	background:#A02443;
	color:#FFF;
	border:none;
	padding:2px 6px;
}

/**
 * Added by Telmo 2008-02-20
 * New style for a.viewing (Connell properies)
 */
a.viewing {
	font-size:120%;
}