@charset "iso-8859-1";
/* Star Students CSS Document */

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #ffff00;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: 336699;
}

img {
	border: 0px;
}

a:active {
	text-decoration: underline
}

a:link {
	text-decoration: underline
}

a:visited {
	text-decoration: underline
}

a:hover {
	text-decoration: none
}

p {
	padding: 0px;
	margin: 1em 0 0 0;
}

h1 {
	clear: both;
	padding: 0px;
	margin: 0px;
	font-size: 1.7em;
	font-weight: bold;
}

h2 {
	clear: both;
	padding: 0px;
	margin: 20px 0 0 0;
	font-size: 1.5em;
	font-weight: bold;
}

h3 {
	clear: both;
	padding: 0px;
	margin: 20px 0 0 0;
	font-size: 1.3em;
	font-weight: bold;
}

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

.alert {
	margin: 20px 0 0 0;
	color: #ff9600;
	font-weight: bold;
}

form {
	width: 490px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.form-row {
	clear: both;
	width: 490px;
	overflow: hidden;
	margin: 10px 0 0 0;
}

.form-row .form-required {
	float: left;
	width: 30px;
}

.form-row .form-label {
	float: left;
	width: 220px;
	margin: 0 30px 0 0;
}

.form-row .form-field {
	float: left;
	width: 210px;
}

form input, form textarea, form select {
	width: 200px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

form textarea {
	height: 100px;
}

.checkbox, .radio {
	width: auto;
	margin-right: 1em;
}

.form-field-note {
	clear: both;
	margin: 5px 0 0 0;
}

.button {
	padding: 0;
	border-color: #ffff00;
	border-style: solid;
	border-width: 1px;
	background-color: #ffff00;
	color: #336699;
	font-size: 1.3em;
	font-weight: bold;
}




/**
* == Header
*/



#header {
	clear: both;
	width: 780px;
	margin: 30px 30px 0px 30px;
	overflow: hidden;
	background-color: #336699;
}

#header .logo {
	float: left;
	width: 200px;
	height: 190px;
	background: #ffff00 url('/assets/images/header/logo.gif') no-repeat top left;
	overflow: hidden;
	padding: 0px 30px 9000px 0px;
	margin: 0px 0px -9000px 0px;
}

#header .logo a {
	display: block;
	height: 0px;
	padding-top: 190px;
	overflow: hidden;
}

#header .search {
	float: left;
	width: 490px;
	padding: 30px;
	overflow: hidden;
}

#header .search .title {
	clear: both;
	width: 154px;
	height: 19px;
	text-indent: -9000px;
	overflow: hidden;
	background: transparent url('/assets/images/titles/property-search.gif') no-repeat top left;
}

#header .search p {
	color: #ffff00;
	font-size: 0.75em;
}

#header .search .search-form {
	clear: both;
	margin: 10px 0px 0px 0px;
	overflow: hidden;
}

#header .search .search-form .search-box {
	float: left;
	width: 180px;
	margin: 0;
	background-color: #ffffff;
	font-size: 0.75em;
	color: #000000;
}

#header .search .search-form .search-button {
	float: left;
	width: 100px;
	height: 24px;
	margin: 0px 0px 0px 10px;
	padding: 24px 0px 0px 0px;
	overflow: hidden;
	background-image: url('/assets/images/header/search-button.gif');
	border-style: none;
	border-width: 0px;
	cursor: hand;
}

#header .search .call-us {
	clear: both;
	width: 419px;
	height: 0px;
	padding-top: 19px;
	margin-top: 20px;
	overflow: hidden;
	background: transparent url('/assets/images/titles/call-us.gif') no-repeat top left;
}



/**
* == Side Content
*/



#side-container {
	float: left;
	width: 200px;
	margin: 30px 30px 0px 30px;
	overflow: hidden;
	display: inline;
}

#side-container .main-menu {
	clear: both;
	width: 200px;
	overflow: hidden;
}

#side-container .main-menu ul {
	width: 200px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#side-container .main-menu ul li {
	width: 200px;
	height: 30px;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	overflow: hidden;
}

#side-container .main-menu ul li a {
	display: block;
	height: 0px;
	padding-top: 30px;
	overflow: hidden;
}

#side-container .main-menu ul li.home {
	background: transparent url('/assets/images/main-menu/home.gif') no-repeat top left;
}
#side-container .main-menu ul li.home a:hover {
	background: transparent url('/assets/images/main-menu/home.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .main-menu ul li.landlords {
	background: transparent url('/assets/images/main-menu/landlords.gif') no-repeat top left;
}
#side-container .main-menu ul li.landlords a:hover {
	background: transparent url('/assets/images/main-menu/landlords.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .main-menu ul li.current-lets {
	background: transparent url('/assets/images/main-menu/current-lets.gif') no-repeat top left;
}
#side-container .main-menu ul li.current-lets a:hover {
	background: transparent url('/assets/images/main-menu/current-lets.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .main-menu ul li.parents-guide {
	background: transparent url('/assets/images/main-menu/parents-guide.gif') no-repeat top left;
}
#side-container .main-menu ul li.parents-guide a:hover {
	background: transparent url('/assets/images/main-menu/parents-guide.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .main-menu ul li.contact-us {
	background: transparent url('/assets/images/main-menu/contact-us.gif') no-repeat top left;
}
#side-container .main-menu ul li.contact-us a:hover {
	background: transparent url('/assets/images/main-menu/contact-us.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .main-menu ul li.star-match {
	background: transparent url('/assets/images/main-menu/star-match.gif') no-repeat top left;
}
#side-container .main-menu ul li.star-match a:hover {
	background: transparent url('/assets/images/main-menu/star-match.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .main-menu ul li.maintenance {
	background: transparent url('/assets/images/main-menu/maintenance.gif') no-repeat top left;
}
#side-container .main-menu ul li.maintenance a:hover {
	background: transparent url('/assets/images/main-menu/maintenance.gif') no-repeat top left;
	background-position: 0px -30px;
}

#side-container .student-pic {
	clear: both;
	width: 200px;
	height: 232px;
	margin: 26px 0px 0px 0px;
	background: transparent url('/assets/images/student-images/jumper-over-face.jpg') no-repeat top left;
}

#side-container .contact-info {
	clear: both;
	margin-top: 30px;
	font-size: 0.75em;
	color: #336699;
}

#side-container .contact-info a {
	color: #336699;
}



/**
* == Main Content
*/

#main-container {
	float: left;
	width: 550px;
	margin: 0px 30px 0px 0px;
	font-size: 0.75em
}

.content-container {
	clear: left;
	padding: 30px;
	margin-top: 30px;
	background-color: #336699;
	color: #ffff00;
	position: relative;
}

.content-container a {
	color: #ffff00;
}

.content-container a:hover {
	color: #ffffff;
}

.content-container ul {
	padding: 0px;
	margin: 20px 0px 0px 0px;
	list-style-type: square;
}

.content-container ul li {
	padding: 0px;
	margin: 0px 0px 0px 15px;
}

.home-intro {
	width: 300px;
	padding-right: 220px
}

.home-intro h1 {
	width: 252px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/welcome.gif') no-repeat top left;
	overflow: hidden;
}

.coming-soon {
	padding-bottom: 90px;
}

.coming-soon h2 {
	width: 308px;
	height: 19px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/coming-soon.gif') no-repeat top left;
	overflow: hidden;
}

.coming-soon p {
	width: 180px;
}

.competition h2 {
	width: 256px;
	height: 18px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/star-competitions-80-09.gif') no-repeat top left;
	overflow: hidden;
}

.competition h3.photographic-competition {
	width: 257px;
	height: 19px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/photographic-competition.gif') no-repeat top left;
	overflow: hidden;
}

.competition h3.go-green {
	width: 89px;
	height: 14px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/go-green.gif') no-repeat top left;
	overflow: hidden;
}

.benefits {
	width: 270px;
	padding-right: 250px
}

.benefits h2 {
	width: 244px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/benefits.gif') no-repeat top left;
	overflow: hidden;
}

.parents-guide {
	width: 490px;
	padding-bottom: 230px;
}

.parents-guide h1 {
	width: 134px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/parents-guide.gif') no-repeat top left;
	overflow: hidden;
}

.properties {
	width: 490px;
}

.properties h1 {
	width: 139px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/search-results.gif') no-repeat top left;
	overflow: hidden;
}

.property-detail {
	width: 490px;
}

.property-detail h1 {
	font-size: 1.5em;
	padding: 0px;
	margin: 0px;
}

.star-match {
	width: 490px;
	padding-bottom: 230px;
}

.star-match h1 {
	width: 104px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/star-match.gif') no-repeat top left;
	overflow: hidden;
}

.maintenance {
	width: 490px;
	padding-bottom: 230px;
}

.maintenance h1 {
	width: 124px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/maintenance.gif') no-repeat top left;
	overflow: hidden;
}

.landlords h1 {
	width: 215px;
	height: 15px;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/services-for-landlords.gif') no-repeat top left;
	overflow: hidden;
}



/**
* == Titles
*/

h2.staff {
	width: 47px;
	height: 15px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/staff.gif') no-repeat top left;
}

h2.out-of-hours {
	width: 323px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/out-of-hours.gif') no-repeat top left;
}

h2.the-property {
	width: 125px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/the-property.gif') no-repeat top left;
}

h2.furniture {
	width: 89px;
	height: 15px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/furniture.gif') no-repeat top left;
}

h2.tenancy-agreements {
	width: 200px;
	height: 18px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/tenancy-agreements.gif') no-repeat top left;
}

h2.rent {
	width: 43px;
	height: 14px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/rent.gif') no-repeat top left;
}

h2.damage-deposit {
	width: 159px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/damage-deposit.gif') no-repeat top left;
}

h2.keys {
	width: 43px;
	height: 18px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/keys.gif') no-repeat top left;
}

h2.inventory {
	width: 93px;
	height: 18px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/inventory.gif') no-repeat top left;
}

h2.insurance {
	width: 93px;
	height: 14px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/insurance.gif') no-repeat top left;
}

h2.registration-form {
	width: 173px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/registration-form.gif') no-repeat top left;
}

h2.maintenance-form {
	width: 179px;
	height: 15px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/maintenance-form.gif') no-repeat top left;
}

h2.becoming-landlord {
	width: 204px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/becoming-landlord.gif') no-repeat top left;
}

h2.selecting-property {
	width: 295px;
	height: 19px;
	overflow: hidden;
	text-indent: -9000px;
	background: transparent url('/assets/images/titles/selecting-property.gif') no-repeat top left;
}





/**
* Student Images
*/

.image-students-laptop {
	position: absolute;
	bottom: -45px;
	right: -45px;
	width: 389px;
	height: 255px;
	z-index: 1;
	background: transparent url('/assets/images/student-images/students-laptop.png') no-repeat top right;
}
* html .image-students-laptop {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/student-images/students-laptop.png', sizingMethod='crop');
}

.image-holding-hands {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 227px;
	height: 364px;
	z-index: 1;
	background: transparent url('/assets/images/student-images/home-holding-hands.png') no-repeat top left;
}
* html .image-holding-hands {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/student-images/home-holding-hands.png', sizingMethod='crop');
}

.image-sitting-reading {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 250px;
	height: 155px;
	z-index: 1;
	background: transparent url('/assets/images/student-images/sitting-reading.png') no-repeat top left;
}
* html .image-sitting-reading {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/student-images/sitting-reading.png', sizingMethod='crop');
}

.image-feet-up {
	position: absolute;
	bottom: -15px;
	left: 30px;
	width: 265px;
	height: 218px;
	z-index: 1;
	background: transparent url('/assets/images/student-images/feet-up.png') no-repeat top left;
}
* html .image-feet-up {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/student-images/feet-up', sizingMethod='crop');
}

.image-standing {
	position: absolute;
	bottom: 0px;
	right: -15px;
	width: 284px;
	height: 200px;
	z-index: 1;
	background: transparent url('/assets/images/student-images/standing.png') no-repeat top left;
}
* html .image-standing {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/student-images/standing.png', sizingMethod='crop');
}



/**
* Property search and listing
*/

.search-info {
	clear: both;
	width: 490px;
	margin: 20px 0px 0px 0px;
	font-weight: bold;
}

.property-list {
	clear: both;
	width: 490px;
	padding: 20px 0px 0px 0px;
	margin: 20px 0px 0px 0px;
	overflow: hidden;
	border-top-color: #ffff00;
	border-top-style: dotted;
	border-top-width: 1px;
}

.property-list .property-image {
	float: left;
	width: 170px;
	margin: 0px 20px 0px 0px;
}

.property-list .property-image .image {
	clear: both;
	border-width: 10px;
	border-style: solid;
	border-color: #3c75ad;
	margin-bottom: 10px;
	overflow: hidden;
}

.property-list .property-image .no-margin {
	margin: 0px;
}

.property-list .property-details {
	float: left;
	width: 300px;
}

.property-list .property-details .property-price {
	font-weight: bold;
}

.property-list .property-details .property-title {
	clear: both;
	padding: 0px;
	margin: 0px;
}

.property-list .property-details .property-quick-description {
	clear: both;
	padding: 0px;
	margin: 10px 0px 0px 0px;
}

.property-list .property-details .property-status {
	clear: both;
	padding: 0px;
	margin: 10px 0px 0px 0px;
	color: #ffffff;
	font-weight: bold;
	font-size: 1em;
}

.selected-image {
	clear: both;
	border-width: 10px;
	border-style: solid;
	border-color: #3c75ad;
	margin: 30px 0px 0px 0px;
}



/**
* == Footer
*/

#footer {
	clear: both;
	width: 780px;
	padding: 20px 30px 30px 30px;
	font-size: 0.75em;
}

#footer ul {
	clear: both;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
}

#footer ul li {
	float: left;
	display: inline;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 5px;
	border-left-color: #336699;
	border-left-style: solid;
	border-left-width: 1px;
	color: #336699;
}

#footer ul li.first {
	border-left: none;
	margin-left: 0px;
	padding-left: 0px;
}

#footer ul li a {
	color: #336699;
}