/* ---------------------------------------------------------------------- */
/* body */
/* ---------------------------------------------------------------------- */

body { background: url(../images/background.gif) 50% 0% repeat-y #333; }

/* ---------------------------------------------------------------------- */
/* headings */
/* ---------------------------------------------------------------------- */

h1 { font: 36px arial, sans-serif; } /* 36px */

h2 { font: 32px arial, sans-serif; } /* 32px */
	
h3 { font: 28px arial, sans-serif; } /* 28px */

h4 { font: 24px arial, sans-serif; } /* 24px */

h5 { font: 20px arial, sans-serif; } /* 20px */

h6 { font: 16px arial, sans-serif; } /* 16px */

/* ---------------------------------------------------------------------- */
/* copy */
/* ---------------------------------------------------------------------- */

p {	font: 12px arial, sans-serif; line-height: 20px; }

.bloc { padding-left: 25px; }

/* ---------------------------------------------------------------------- */
/* lists */
/* ---------------------------------------------------------------------- */

ul li {
	list-style: outside disc;
	margin-left: 40px; padding: 4px 0px 3px 0px;
	font: 12px arial, sans-serif; line-height: 20px; text-align: left;
	}
	
	
ol li {
	list-style: outside decimal;
	margin-left: 40px; padding: 4px 0px 3px 0px;
	font: 12px arial, sans-serif; line-height: 20px; text-align: left;
	}
	
/* ---------------------------------------------------------------------- */
/* images */
/* ---------------------------------------------------------------------- */
	
img { border: none; outline: none; }

/* ---------------------------------------------------------------------- */
/* fonts */
/* ---------------------------------------------------------------------- */

.fTime { font-family: "times new roman", serif; }
.fFixe { font-family: "courier new", courier, monospace; }

/* ---------------------------------------------------------------------- */
/* colors */
/* ---------------------------------------------------------------------- */

.c700 { color: #700; } /* maroon */

.c333 { color: #333; } /* dark gray */
	
.c666 { color: #666; } /* gray */
	
.c999 { color: #999; } /* light gray */

/* ---------------------------------------------------------------------- */
/* weight */
/* ---------------------------------------------------------------------- */
	
.bold {	font-weight: bold; }
	
/* ---------------------------------------------------------------------- */
/* case */
/* ---------------------------------------------------------------------- */
	
.uCase { text-transform: uppercase; }
	
.lCase { text-transform: lowercase; }

/* ---------------------------------------------------------------------- */
/* alignment */
/* ---------------------------------------------------------------------- */

.aLeft { text-align: left; } /* left */
	
.aCent { text-align: center; } /* center */
	
.aRigh { text-align: right; } /* right */

.aJust { text-align: justify; } /* justify */

/* ---------------------------------------------------------------------- */
/* float */
/* ---------------------------------------------------------------------- */
	
.fLeft { float: left; } /* left */
	
.fRigh { float: right; } /* right */
	
/* ---------------------------------------------------------------------- */
/* links : site */
/* ---------------------------------------------------------------------- */

a { outline: none; text-decoration: none; }

a:link, a:visited, a:active { color: #700; }
	
a:hover { color: #333; text-decoration: underline; }

/* ---------------------------------------------------------------------- */
/* cfDocument */
/* ---------------------------------------------------------------------- */

.page {
	position: relative;
	width: 8.5in; height: 11in;
	}
	
	/* 
	 * 1st page <div> must use .pageCover class, each additional page <div> must use .pageContent class
	 * This is to account for the default margin of page 1 which is 1/8" (.125") greater than other pages. 
	 */
	
	.pageCover {
		position: relative; margin: .5in;
		width: 7.5in; height: 10in;
		}
	
	.pageContent {
		position: relative; margin-top: .625in; margin-left: .5in;
		width: 7.5in; height: 10in;
		}

/* ---------------------------------------------------------------------- */
/* links : footer */
/* ---------------------------------------------------------------------- */

.footer a:link, .footer a:visited, .footer a:active { color: #333; outline: none; text-decoration: none; }
	
.footer a:hover { color: #700; }
	
/* ---------------------------------------------------------------------- */
/* form controls */
/* ---------------------------------------------------------------------- */

.frmButton {
	width: auto; height: 24px; padding: 0px 5px 0px 5px;
	font: bold 12px arial, sans-serif; color: #333; text-align: center; line-height: 24px;
	background: url(../images/button-off.gif) top left repeat-x #fff; border: 1px solid #333;
	cursor: pointer;
	outline: none;
	}
	
	.chrome .frmButton {
		line-height: 22px;
		}
	
	/* fix to center label vertically in Firefox */
	.win.gecko .frmButton {
		padding: 0px 5px 2px 5px;
		}
	
	/* fix to center label vertically and set standard width in Internet Explorer */
	.ie .frmButton {
		padding: 0px 7px 0px 7px;
		}
	
	/* fix to center label vertically and set standard width in Internet Explorer 7 */
	.ie7 .frmButton {
		padding: 0px; line-height: 20px;
		}
	
	.frmButton:hover {
		color: #700;
		background: url(../images/button-on.gif) top left repeat-x #fff; border: 1px solid #700;
		}
		
.frmSelect {
	position: relative;
	width: auto; height: 24px;
	font: 16px arial, sans-serif; color: #333; line-height: 24px;
	}

/* ---------------------------------------------------------------------- */
/* container */
/* ---------------------------------------------------------------------- */

.container {
	margin: 10px auto 0px auto;
	width: 960px;
	border: 1px solid #999;
	}
		
/* ---------------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------------- */

.header {
	position: relative; margin: 0px auto;
	width: 960px; height: 100px;
	background: url(../images/header.gif) bottom left no-repeat #fff;
	}
	
	.loginout {
		position: relative; margin: 0px 12px 0px 0px; padding: 10px 0px 0px 0px;
		width: auto; height: auto;
		font: 12px arial, sans-serif; color: #333; text-align: right;
		}
		
	.logo-hp {
		position: relative; float: left; margin: 20px 0px 0px 20px;
		width: 300px; height: 48px;
		background: url(/images/logo-hp.gif) top left no-repeat;
		}
		
		.logo-hp:hover {
			cursor: pointer;
			}
		
	.logo-aptupdate {
		position: relative; float: right; margin: 0px 20px 0px 0px;
		width: 339px; height: 48px;
		background: url(../images/logo-aptupdate.gif) top left no-repeat;
		}
		
		.logo-aptupdate:hover {
			cursor: pointer;
			}
	
	.headerTag {
		position: relative; float: right; top: 44px; right: 20px;
		width: auto; height: 40px;
		font: 16px arial; color: #666; line-height: 20px; text-align: right;
		word-spacing: 2px;
		}
			
		/* browser drop shadow text */
		
		/* chrome safari */
		.webkit	.headerTag {
			text-shadow: #bbb 2px 2px 2px;
			}
	
/* ---------------------------------------------------------------------- */
/* menu : vertical */
/* ---------------------------------------------------------------------- */
		
.menuVert {
	position: relative; margin: 14px 0px 0px 10px;
	width: 157px; height: auto;
	}
	
.menuVert2 {
	position: relative; top: 14px; left: 10px;
	width: 157px; height: auto;
	}
	
/* ---------------------------------------------------------------------- */
/* menu : horizontal */
/* ---------------------------------------------------------------------- */
		
.menuHorz {
	position: relative; margin: 0px; z-index: 10;
	width: 960px; height: 25px;
	background: url(../images/transparency.png) repeat;	border: 1px solid #999; border-bottom: none;
	}
	
/* ---------------------------------------------------------------------- */
/* home  */
/* ---------------------------------------------------------------------- */

.homeContent {
	margin: 0px;
	width: 960px; height: 316px;
	}
	
	.homeLeft {
		width: 189px; height: 316px;	
		background: url(../images/home-left.jpg) top left no-repeat;
		}
	
	.homeRight {
		width: 771px; height: 316px;
		background: url(../images/home-right.jpg) top left no-repeat;
		}
		
.homeBottom {
	margin: 0px;
	width: 960px; height: 25px;
	background: url(../images/home-bottom.gif) top left repeat-x #fff; border-bottom: 1px solid #999;
	}
		
/* home copy */

.homeCopy {
	margin: 0px;
	width: 960px; height: 250px;
	}
	
	.homeCopyLeft {
		margin: 20px 0px 0px 20px;
		width: 350px; height: 160px;
		}
		
	.homeCopyRight {
		margin: 20px 20px 0px 0px;
		width: 540px; height: 160px;
		}
		
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* interior */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

.interiorContent {
	position: relative; margin: auto;
	width: 960px; height: auto;
	overflow: auto;
	}
	
	/* included pages from index loaded into this */
		
	table.interiorContent {
		width: 960px;
		}
		
		/* menu background */
		
		td.interiorContentLeft {
			vertical-align: top; padding-bottom: 100px;
			width: 189px; height: auto;
			background: url(../images/interiorContentLeft.jpg) top left repeat-y;
			}
			
			/* menu background */
			
			.interiorContentLeftMenu {
				position: relative; margin: 0px; padding: 0px 0px 14px 0px;
				width: 189px; height: 170px;
				background: url(../images/interiorContentLeft.jpg) top left no-repeat;
				}
			
			/* div containing page specific menu */
			
			.interiorContentLeftMenu2Divider {
				position: relative; margin: 10px 0px 5px 0px;
				width: 167px; height: 18px;
				background: url(../images/interiorContentLeftMenu2Divider.gif) no-repeat;
				}
			
			.interiorContentLeftMenu2 {
				position: relative; margin: 0px;
				width: 167px; height: auto;
				font: bold 12px arial, sans-serif; color: #fff; text-align: right; line-height: 25px;
				}
				
				.interiorContentLeftMenu2 a {
					color: #fff;
					}
					
					.interiorContentLeftMenu2 a:hover {
						color: #999;
						}
			
		td.interiorContentRight {
			width: 771px; height: auto; vertical-align: top;
			}
			
			/* div containing right column content */
			
			.interiorContentRight {
				position: relative; margin: 10px auto;
				width: 750px; height: auto;
				}
				
		/* for pages that have sub-sections, e.g., Student Housing Group */		

		table.horzmenu {
			margin: 0px 0px 0px 2px;
			width: 769px; height: 20px; line-height: 20px; text-align: center;
			font: 12px arial, sans-serif;
			border-bottom: 2px solid #333;
			}

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* footer */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

.footer {
	position: relative; margin: 0px auto 10px auto;
	width: 960px; height: 25px;
	font: 12px "Times New Roman", serif; color: #333; line-height: 25px; text-indent: 10px;
	background: url(../images/footer.gif); border: 1px solid #999; border-top: none;
	}
	
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* property search : prefix classes & ids with ps */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

.psLabels {
	margin: 10px auto 0px auto; z-index: -100;
	width: 750px; height: 20px;
	}
	
	/* form labels */
		
	.psMetroLabel, .psStateLabel, .psCityLabel, .psPriceLabel, .psUnitsLabel, .psSpecialtyLabel {
		position: relative; float: left;
		width: auto; height: 20px;
		font: bold 12px arial, sans-serif; color: #333; line-height: 20px;
		}
		
		.psStateLabel {
			margin-left: 46px;
			}
			
		.psCityLabel {
			margin-left: 31px;
			}
			
		.psPriceLabel {
			margin-left: 90px;
			}
			
		.psUnitsLabel {
			margin-left: 149px;
			}

.psLabels2 {
	margin: 3px auto 0px auto;
	width: 750px; height: 20px;
	}

	.psSpecialtyLabel {

		}

/* form controls */

.psControls {
	margin: 3px auto 0px auto;
	width: 750px; height: 24px;
	}
	
	.psMetroControl, .psStateControl, .psCityControl, .psPriceControl, .psUnitsControl {
		position: relative; float: left; margin-left: 10px;
		height: 20px;
		font: 12px arial, sans-serif; color: #333; line-height: 20px;
		border: 1px solid #999;	
		}
		
	.psMetroControl {
		margin-left: 0px;
		width: 100px;
		}
	
	.psStateControl {
		width: 50px;
		}
		
	.psCityControl {
		width: 100px;
		}
		
	.psPriceControl {
		width: 75px;
		}
	
	.psUnitsControl {
		width: 50px;
		}
		
	.psSpecialtyControl {
		width: 100px;
		}
		
	.psSeparatorControl {
		position: relative; float: left; margin: 0px -8px 0px 2px;
		width: 10px; height: 24px;
		font: bold 16px arial, sans-serif; color: #333; line-height: 24px; text-align: center;
		}
		
.psControls2 {
	margin: 3px auto 10px auto;
	width: 750px; height: 24px;
	border:#009900 1px dashed;
	}
	
	.psSpecialtyControl {
		position: relative; float: left; margin-left: 10px;
		height: 20px;
		font: 12px arial, sans-serif; color: #333; line-height: 20px;
		border: 1px solid #999;	
		}
		
	.psCheckboxes {
		position: relative; float: left; margin-left: 5px; top: 6px;
		font: bold 12px arial, sans-serif; color: #333;
		}
		
	.ie7	.psCheckboxes {
		margin-left: 0px; top: 2px;
		}
		
	/* fx */
		
	.psCityControl:hover, .psPriceControl:hover, .psUnitsControl:hover { 
		border-color: #700;
		}
	
	.psCityControl:focus, .psPriceControl:focus, .psUnitsControl:focus {
		background-color: #ddd; border-color: #700;
		}
	
	#minPrice,#maxPrice,#minUnits,#maxUnits {
		text-align: center;
		}
		
	/* flash */
	
	#psFlash {
		position: relative; margin: 10px auto 10px auto;
		width: 720px; height: 580px;
		
		}
		
	.ie7 #psFlash {
		margin-bottom: 6px;
		}
		
	#psFlashMap {
		position: relative; margin: 10px auto 10px auto;
		}
		
	/* search results */
	
	.psTab {
        list-style-type: none;
        margin-left: 0px; padding: 4px 0px 3px 0px;
		font: bold 12px arial, sans-serif; text-align: left;
        border-bottom: 1px solid #333;
    	}
				
	ul.psTabLink li {
		list-style-type: circle;
		margin-left: 0px; padding: 4px 0px 3px 0px;
		font: bold 12px arial, sans-serif; text-align: left;
		}
		
		ul.psTabLink li {
			margin-right: 5px; padding: 5px 7px;
			color: #333; text-decoration: none;
			background-color: green; border: none;
			}
    
    .ie .psTab {
        padding: 4px 0px 4px 0px;
        }
    
    .psTab li {
        display: inline;
        margin: 0px;
    	}
    
    .psTab li a {
        margin-right: 5px; padding: 5px 7px;
        color: #333; text-decoration: none;
        background-color: #fff; border: 1px solid #333;
    	}
    
    .psTab li a:visited {
        color: #333;
    	}
    
    .psTab li a:hover {
        color: #fff;
        background-color: #700;
        border-bottom: 1px solid #700;
    	}
    
    .psTab li a:active {
        color: #fff;
    	}
    
    .psTab li.selected a {
        position: relative; margin-top: 1px; padding-top: 4px;
        color: #fff;
        background-color: #700;
    	}
	
	 li.psSort {
		margin: 0px;
		}
		
	/* property search - search results */
		table.psResults {
			font: 10px arial, sans-serif;
			}
			
			/* column header text */
			.psResultsHead {
				font: bold 12px arial, sans-serif;
				}
		
	/* disclaimer */
	
	.psDisclaimer {
		position: relative; margin: 0px auto 10px auto;
		width: 648px; height: auto;
		text-align: justify;
		}
		
	.psPlugins {
		position: relative; margin: 50px auto 0px auto;
		width: 648px; height: auto;
		text-align: justify;
		}
			
/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* buying or selling  : prefix classes & ids with bos */
/* ------------------------------------------------------------------------------------------------------------------------------------- */
	
	.bosLabel {
		width: 150px; height: 28px; text-align: right;
		font: bold 12px arial, sans-serif; color: #333; line-height: 20px;
		}
		
	.bosLabel2 {
		padding-left: 10px;
		font: bold 12px arial, sans-serif; color: #333; line-height: 20px;
		}
		
	.bosTextField {
		position: relative; margin-left: 10px;
		width: 200px; height: 20px;
		font: 16px arial, sans-serif; color: #333; line-height: 20px;
		border: 1px solid #999;
		}
	
	.bosTextFieldSmall {
		position: relative; margin-left: 10px;
		width: 50px; height: 20px;
		font: 16px arial, sans-serif; color: #333; line-height: 20px;
		border: 1px solid #999;
		}
		
	.bosSeparator {
		position: relative; margin: 0px 0px 0px 10px;
		height: 20px;
		font: 16px arial, sans-serif; color: #333; line-height: 20px;
		}
		
	.bosClick {
		position: relative; margin-left: 10px;
		font: bold 16px arial, sans-serif; line-height: 20px;
		}
		
	.bosNote {
		position: relative; margin-left: 10px;
		font: 12px arial, sans-serif; line-height: 20px;
		}
		
	td.radio {
		font: 12px arial, sans-serif; color: #333; line-height: 20px;
		}
		
	.bosRadio {
		position: relative; margin-left: 10px;
		}
		
	.bosTextArea {
		position: relative; margin: 4px 0px 4px 10px;
		width: 400px; height: 200px;
		font: 12px arial, sans-serif; color: #333; line-height: 20px;
		}
		
	.bosSelect {
		position: relative; margin-left: 10px;
		width: 202px; height: 24px;
		font: 16px arial, sans-serif; color: #333; line-height: 24px;
		}
		
	.bosCheck {
		position: relative; margin-left: 10px;
		}	
		
	.bosCheckLabel {
		margin: 0px 0px 0px 4px;
		font: 12px arial, sans-serif; color: #333;
		}
		
	.bosAlert {
		padding: 0px 0px 0px 10px;
		font: bold 12px arial, sans-serif; color: #700;
		}

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* firm > focus */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

	ul.focus {
		list-style-position: outside;
		font: 12px arial, sans-serif; line-height: 20px;
		}
		
		ul.focus li {
			list-style-type: disc;		
			}

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* student housing group : prefix classes & ids with shg */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

td.shgHead { font: bold 12px arial, sans-serif; }
/* property info : name address city state */
td.shgProp { font: 12px arial, sans-serif; }	
td.shgAdvi { font: 10px arial, sans-serif; }

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* 24/7 : prefix classes & ids with 247 */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------- */
/* CA - Client Access Buttons : prefix classes & ids with ca */
/* ------------------------------------------------------------------------------------------------------------------------------------- */

	.caButt {
		cursor: pointer;
		float: left; margin: 0 0 0 20px; 
		width: 70px; height: 82px;
		}
		
		.caStan {
			background: url(../login/Images/ca-stan.png) 0 0 no-repeat;
			}
			
		.caCust {
			background: url(../login/Images/ca-cust.png) 0 0 no-repeat;
			}
			
		.caNone {
			background: url(../login/Images/ca-none.png) 0 0 no-repeat;
			}
			
		.caStanAct {
			background: url(../login/Images/ca-stan.png) 0 -82 no-repeat;
			}
			
		.caCustAct {
			background: url(../login/Images/ca-cust.png) 0 -82 no-repeat;
			}
			
		.caNoneAct {
			background: url(../login/Images/ca-none.png) 0 -82 no-repeat;
			}
	#actionDiv {
		width: 640px; height: auto;
		margin-left: -320px; left: 50%;
		padding: 10px; text-align:center;
		top: 100px;
		background: #fff; border: solid #333 6px;
		display: none; z-index: 2000; position: absolute;
		}