/* ------------------------------------------------------------------
	MAIN STYLESHEET
	
	Project: Williams & McDaniel
	Date: 01.25.10
	Designer: Cindy Dochstader cindy@rkd.ca
	
	COLOURS:	
	Blue Text: #15438a
	Blue Text Hover: #3165b6
	Beige Background: #e8d5af	
	Light Beige Text: #f8eedb

------------------------------------------------------------------- */


/* TABLE OF CONTENTS */
/* ---------------------------------------- HTML, BODY, RESETS */
/* ---------------------------------------- GLOBAL STYLES */
/* ---------------------------------------- STRUCTURE */
/* -------------------------------------------- Header */
/* ----------------------------------------------- Top Nav */
/* -------------------------------------------- Wrappers and Content Area */
/* ----------------------------------------------- Side Bar */
/* ----------------------------------------------- Basic Pages */
/* ----------------------------------------------- Home Page */
/* ----------------------------------------------- City Page */
/* ----------------------------------------------- ListingPages */
/* ----------------------------------------------- SearchPages */
/* -------------------------------------------- Footer */
/* -------------------------------------------- Form */
/* ---------------------------------------- JAVASCRIPT SPECIFIC CSS */
/* -------------------------------------------- GalleryView (on Listing Details Page) */
/* -------------------------------------------- ClueTip */
/* -------------------------------------------- Cycle (on Homepage) */
/* -------------------------------------------- Accordian */


 

html { 
	overflow-y: scroll; /* keeps vertical scroll bar in firefox at all times so page doesn't jump around */
	height: 100%;
	}

body {
	background: #fff; /* background colour should be same as content area background colour to ensure WYSIWYG looks same as website */
	padding:0;
	margin:0;
	top:0;
	left: 0;
	font: 14px/20px Lucida Grande, Lucida Sans Unicode, sans-serif;
	line-height:20px;
	color:#312d27;
	}
	.BodyStyle { /* use this class to set body background colour so that it does not interfere with the WYSIWYG editor */
		background: none;		
		}

img, form { /* removes all default formatting on images and forms */
	padding:0;
	margin:0;
	line-height:0;
	}

:focus { outline: none; } /* removes dotted outline from links */

.Clear { clear: both; } /* clears all floats; apply to empty divs */



/* ----------------------------------------------
	GLOBAL STYLES - style as necessary
---------------------------------------------- */

a:link, a:visited {
	color: #15438a;
	text-decoration: none;
	}
		
h3 a:link, h3 a:visited {
	color: #564c3e;
	text-decoration: underline;
	}
	
a.PDF { /* icons for document downloads */
	display: inline-block;
	padding-right: 20px;
	margin-right:6px;
	background: transparent url(../../images/icon_adobe.gif) no-repeat center right;
	}
				
p, td, div { font: 14px/20px Lucida Grande, Lucida Sans Unicode, sans-serif; }
p { padding:0 0 11px 0; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

h1 {
	color: #15438a;
	font: 22px/24px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	margin:0 0 11px 0;
	}

h2 {
	color: #15438a;
	font: 18px/20px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	margin:20px 0 11px 0;
	}
	
h3 {
	color: #564c3e;
	margin:5px 0 2px 0;
	font-size:15px;
	font-weight:bold;
	}
		
ul, ol {
	margin-bottom:11px;
	padding:0;
	list-style-type: none;	}
	
	li {	
		background: url(../../images/li-bullet.png) no-repeat 0 7px;
		padding: 0 0 11px 10px; 
		margin: 0;
		}
		
hr {display: none;}

.Note {
	font-size:13px;
	font-style:italic;
	}

/* styles used by WYSIWYG - style as necessary */
pre { }
address { }



/* ----------------------------------------------
	STRUCTURE
---------------------------------------------- */	
			
/* ---------------------------------------- Header */

#PrintHeader { display: block; margin-bottom:20px; }

#Header { display: none;}
	
		
				
/* ---------------------------------------- Wrappers and Content Area */
	
#Wrapper{ 
	margin: 0;
	padding:0;
	width:675px;
	background: #fff;
	overflow:visible;
	z-index:1;
	}
	#WrapperSearchPages{ 
		margin: 0 auto;
		padding:0;
		width:675px;
		background: #fff;
		position:relative;
		overflow:visible;
		z-index:1;
		}
			
.Content {
	width:630px;
	float:none;
	display:inline;
	margin:25px 0 70px 0;
	}
	
.ContentListings {
	width:630px;
	float:none;
	display:inline;
	}
	
.MainImage {display:none;}



/* ---------------------------------------- Side Bar */
	
.SideBar {display:none;}


/* ---------------------------------------- Basic Pages */


/* ---------------------------------------- Home Page */

h2.HomeVideo {margin-bottom:18px;}

.ClueTipIcon {padding:0 3px; }

.RentNowButton {
	vertical-align:middle;
	margin-left:20px;
	}	

.NewsYouCanUse {
	width:630px;
	margin:20px 0 0 0;
	float:left;
	display:inline;
	}	
	.NewsDate { 
		font-size:12px;
		line-height:19px;
		}



/* ---------------------------------------- City Page */
	
.Video {display:none;}
	
.ViewListingsCallout {
	margin:20px 0 0 0;
	float:left;
	width:267px;
	}	
	
.ViewListingsCallout .Top {	
	display:block;
	background:#0e3c82 url(../../images/view-guelph-listings-callout-top-bg.png) no-repeat 0 0;
	font: 20px/24px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	text-align:right;
	padding:13px 53px 10px 0;
	cursor:pointer;
	text-transform:uppercase;
	}		
	 .ViewListingsCallout a:link .Top, .ViewListingsCallout a:visited .Top  {
		text-decoration:none;
		color:#fff;
		}
		.ViewListingsCallout a:hover .Top, .ViewListingsCallout a:active .Top {
			background:#244f90 url(../../images/view-guelph-listings-callout-top-bg.png) no-repeat -267px 0;
			text-decoration:none;
			}
			.ViewListingsCallout a:hover, .ViewListingsCallout a:active {
				text-decoration:none;
				}
			.ViewListingsCallout a img {cursor:pointer;}



/* ---------------------------------------- ListingPages */

.ListingMainArea {
	padding:22px 0;
	background: none;
	overflow:visible;
	}
	
.ListingMainArea .BacktoSearch {display:none;	}
	
			
.ListingInfo {
	width:210px;
	float:left;
	display:inline;
	margin-left:15px;
	}
	
.ListingMainArea .HR {
	clear:both;
	margin:9px 0;
	padding:0;
	height: 2px;
	background: url(../../images/search-listing-pricehr.png) repeat-x ;
	}
	
.ListingMainArea .FloorplansLink {
	height:40px;
	display:block;
	padding-left:45px;
	padding-top:5px;
	margin:15px 0;
	font: 15px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	background: url(../../images/floorplans-icon.png) no-repeat 0 10px;
	}
	
.Features {
	padding:0 0 60px 0;
	overflow:hidden;
	}
	
.Features .HR {
	clear:both;
	margin:9px 0 0 0;
	padding:0;
	height: 2px;
	background: url(../../images/sidebar-hr.png) repeat-x ;
	}
	
.FeaturesColumn {
	width:300px;
	padding-right:20px;
	display:inline;
	float:left;
	}
	.NoPaddingRight { padding-right:0; }
	
.FeaturesColumn ul {padding-bottom:11px; }
	.FeaturesColumn li {padding-bottom:0; }



/* ---------------------------------------- SearchPages */

/* Regional Search Pages */

.RegionalMap {
	width:675px;
	height:455px;
	}
	
.RegionalBar {
	overflow:visible;
	width:675px;
	background: #fff;
	padding-bottom:7px;
	}
	
.RegionalBar h1 {
	color:#312d27;
	text-transform:uppercase;
	font-size:16px;
	padding:5px 0 0 20px;
	margin-bottom:0;
	}
		
.RegionalBar ul.Cities  {
	color:#312d27;
	font-size:12px;
	padding:7px 0 0 20px;	
	margin-bottom:10px;	
	list-style-type: none;
	font-size:12px;
	line-height:19px;
	}		
	.RegionalBar ul.Cities li {	
		background: url(../../images/regional-bar-li-bullet.png) no-repeat 0 5px;
		width:120px;
		float:left;
		padding: 0 0 0 10px; 
		}
	
	
/* City Search Pages Results Bar*/
	
.SearchResultsBar {
	overflow:visible;
	width:600px;
	height:35px;
	background: #fff;
	}
	
.SearchResultsBar h1 {
	color: #15438a;
	font: 22px/24px Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	margin:0 0 11px 0;
	padding:0;
	float:none;
	}
		
.SearchResultsBar .Sort, .SearchResultsBar img, .SearchResultsBar .Pagination  {display:none;}
	

/* City Search Pages Content */
			
.SearchMap {display:none;}
	.ListingOverview {
		position:absolute;
		width:459px;
		z-index:500;
		padding:12px 10px 15px 10px;
		background: url(../../images/search-listingoverview-bg.png) no-repeat 0 bottom;
		}

.SearchListings {
	width:479px;
	height:455px;
	float:left;
	display:inline;
	background: #fff;
	overflow:auto;
	}	
	.Listing { 
		margin:12px 10px; 
		overflow:visible;
		}
		
.Listing .ImageColumn, .ListingOverview .ImageColumn {
	width:162px;
	float:left;
	display:inline;
	margin-right:10px;
    }
	
.Listing img, .ListingOverview img {border:1px solid #8d8066; }

.Listing a img, .ListingOverview a img {
	margin-top:10px;
	border:none; 
	}
		
.Listing .TextColumn, .ListingOverview .TextColumn {
	width:270px;
	margin-bottom:25px;
	float:left;
	display:inline;
	font-size:12px;
	}	
	.ListingOverview .TextColumn a.Close {
		background: url(../../images/arrow-icon.png) no-repeat 0 0;
		padding-left:18px;
		}

.Listing h2, .ListingOverview h2 {
	margin:0 0 8px 0;
	color:#15438a;
	font-size:15px;
	line-height:18px;
	}

.Listing ul {
	margin-bottom:0;
	padding:0;
	list-style-type: none;
	font-size:12px;
	line-height:16px;
	}		
	.Listing li {	
		background: url(../../images/li-bullet.png) no-repeat 0 4px;
		padding: 0 0 6px 10px; 
		margin: 0;
		}

.Listing p, .ListingOverview p {
		font-size:12px;
		line-height:19px;
		padding:0;
		}	
		
.Listing .PriceHR {
	clear:both;
	margin:9px 0;
	padding:0;
	height: 2px;
	background: url(../../images/search-listing-mainhr.png) repeat-x ;
	}
	
.SearchListings .MainHR {
	clear:both;
	margin:17px 10px;
	padding:20px 0 0 0;
	height: 2px;
	background: url(../../images/search-listing-pricehr.png) repeat-x ;
	}



/* ---------------------------------------- Footer*/

#Footer { 
	margin: 50px 0 0 0;
	padding:20px 0 5px 0;
	width:675px;
	height:50px;
	overflow:visible;
	background: none;
	font-size:12px;
	color:#312d27;
	clear:both;
	}
	
#Footer .Col1, #Footer .Col2 {display:none;}
		
#Footer .Col3 {
	width:252px;
	height:50px;
	padding:0;
	float:none;
	display:inline;
	background: none;
	}
	
	#Footer .TextSize, #Footer .Top, #Footer .Copyright br { display:none;}
				
	#Footer .Copyright { 
		background: none;
		margin-top:20px;
		padding-top:0;
		font-size:11px;
		line-height:15px;
		text-align:left;
		}
	


/* ---------------------------------------- Form */

.Error, .Required {
	color: #bb0000;
	font: 12px/19px Arial, Helvetica, sans-serif;
	}
	
.FormCol {
	width:250px;
	float:left;
	margin-right:50px;
	display:inline;
	}
	
.FormCol table{
	border-collapse:collapse;
	border-spacing: 0;
	}
	.FormCol td {
		padding: 5px 0;
		vertical-align: top;
		}
	
label {  
	display:block;
	margin:15px 0 2px 0;
	}
	label.Checkbox {  
		display:block;
		margin:0 0 2px 0;
		}    
	
.Field, select { width:250px; }
	select { margin-bottom:2px; }
	
	input.Checkbox { 
		float:left; 
		margin-bottom:2px;
		}
	
textarea {width:246px;}

.InputControl {width:200px;}

.CalendarTable td {
	padding:0 3px;
	text-align:center;
	}
	
.Submit {
	width:96px;
	height:31px;
	float:right;
	margin-top:25px;
	}
	
	
/* ----------------------------------------------
	JAVASCRIPT SPECIFIC CSS
---------------------------------------------- */


/* -------------------------------------------- GalleryView (on Listing Details Page) */

/* GALLERY LIST */
/* IMPORTANT - Change '#photos' to the ID of your gallery list to prevent a flash of unstyled content */
#gallery { visibility: visible; float:left; margin:10px 0; }

/* GALLERY CONTAINER */
.gallery { background: #5c5244; border: 1px solid #5c5244; padding: 1px;}
	.gallery li {background: none;}

/* LOADING BOX */
.loader { background: url(../../images/listings/loading.gif) center center no-repeat #5c5244; }

/* GALLERY PANELS */
.panel {}

/* DEFINE HEIGHT OF PANEL OVERLAY */
/* NOTE - It is best to define padding here as well so overlay and background retain identical dimensions */
.panel .panel-overlay,
.panel .overlay-background { height: 60px; padding: 0 1em; }

/* PANEL OVERLAY BACKGROUND */
.panel .overlay-background { background: #222; }

/* PANEL OVERLAY CONTENT */
.panel .panel-overlay { color: white; font-size: 0.7em; }
.panel .panel-overlay a { color: white; text-decoration: underline; font-weight: bold; }

/* FILMSTRIP */
/* 'margin' will define top/bottom margin in completed gallery */
.filmstrip { margin: 5px; }

/* FILMSTRIP FRAMES (contains both images and captions) */
.frame {}

/* WRAPPER FOR FILMSTRIP IMAGES */
.frame .img_wrap { border: 1px solid #5c5244; }

/* WRAPPER FOR CURRENT FILMSTRIP IMAGE */
.frame.current .img_wrap { border-color: #fff; }

/* FRAME IMAGES */
.frame img { border: none; }

/* FRAME CAPTION */
.frame .caption { font-size: 11px; text-align: center; color: #888; }

/* CURRENT FRAME CAPTION */
.frame.current .caption { color: #000; }

/* POINTER FOR CURRENT FRAME */
.pointer {
	border-color: #fff;
}

/* TRANSPARENT BORDER FIX FOR IE6 */
/* NOTE - DO NOT CHANGE THIS RULE */
*html .pointer {
	filter: chroma(color=pink);
}


/* -------------------------------------------- Accordian */

.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 0; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; padding: 10px 0 0 22px; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left:0; margin-top: 11px; }
.ui-accordion .ui-accordion-content { margin:0 0 5px 23px; border-top: 0; position: relative; overflow: visible; display: none; }
.ui-accordion .ui-accordion-content-active { display: block;}

#accordion .ui-icon-plus {background:url(../../images/arrow-icon.png) no-repeat left 3px; width: 13px; height:20px;}
#accordion .ui-icon-minus {background: url(../../images/accoridian-open-icon.png) no-repeat left 3px; width: 13px; height:20px;}

#accordion ul.ShortBulletsList li {	
	padding: 0 0 2px 10px; 
	}
	

/* -------------------------------------------- Cycle (on Homepage) */

.HomeMainImages {display:none;}