@import url("/css/screen.css");

html {margin:0;padding:0;width:100%;height:100%;}
body {background:#3f3f3f;margin:0;padding:0;width:100%;height:100%;text-align:center;font-size:12px;}

#highlight {border:1px solid red;}

a:hover {	text-decoration: underline;	font-weight: bold;	color: #CC0000;}
a {text-decoration:none;	color:#036;}
a:link {	font-style: normal;	font-weight: bold;	color: #333399;}
a:visited {	font-style: normal;	font-weight: bold;	color: #333399;}

h1 {color:#036;border-bottom:1px solid #FFCD9A;margin:5px;}
h1 {font-size:2em;margin-bottom:0.75em;}
h2 {color:#004264; }
h3 {color:#F8981D;}
h4 {color:#F8981D;}

#container {border-top:none;margin:auto;width:830px;text-align:left;}

form .row {padding:8px;}
form .rowes {padding:8px;}
form .rowes input[type=text]{width:100%;}
form label {margin-right:10px;}
.fullLbl {clear:both;width:100%;display:block;}
form textarea {height:100px;width:100%}

#alertBox {border:1px solid #8F0000;background:#FFDFDF url(/design/icons/warn.png) 5px 5px no-repeat !important;font-size:12px;font-family: Arial!important;color:black;padding:10px; margin:10px;padding-left:35px!important;}
#alertBox h1 {color:#8F0000!important;font-size:1.4em}
#alertBox .data {font-weight:bold;color:#8F0000;}

#infoBox {border:1px solid #8F0000;background:#FFDFDF url(/design/icons/warn.png) 5px 5px no-repeat !important;font-size:12px;font-family: Arial!important;color:black;padding:10px; margin:10px;padding-left:35px!important;}
#infoBox h1 {color:#8F0000!important;font-size:1.4em}
#infoBox .data {font-weight:bold;color:#8F0000;}

.warning {border:1px solid #8F0000;background:#FFDFDF url(/design/icons/warn.png) 5px 5px no-repeat !important;font-size:12px;font-family: Arial!important;color:black;padding:10px; margin:10px;padding-left:35px!important;}
.warning h1 {color:#8F0000!important;font-size:1.4em}

.notice h1 {font-size:1.2em;}
.notice {padding:5px;}

#header {height:100px;overflow:hidden;border-bottom:4px solid #FAEA01;background:#FFF;background:url(/images/header.jpg) center center no-repeat;}

#topLinks {background:#273B94 url(/images/blueBar.jpg) left top repeat-x;height:30px;color:#FFF}
#topLinks div {padding:5px 15px;float:right;}
#topLinks div:hover {background:#FFF;}
#topLinks div:hover a{color:#036;}
#topLinks a {color:#FFE3BF;font-size:13px;}

#navCol {overflow:hidden;}
.nav {overflow:hidden;line-height:10px;}
.nav ul {list-style:none;margin:0;padding:0;display:block;overflow:hidden;}
.nav li {margin:0;white-space:nowrap; background:white;padding:4px; border-bottom:1px solid #F8981D;}
.nav a {font-size:1.1em; text-decoration:none; color:black; padding:6px 100% 6px 5px ;display:block;}
.nav a:visited {color:black}
.nav a:hover {text-decoration:none;color:#F8981D}
.nav li:hover {background-color:#036;}
.nav li:hover > a {color:white;}

.newsTitle {background:#F8981D;padding:5px;border:1px solid #fff;border-left:none;border-right:none;}
.newsTitle a {color:#fff;font-size:14px;}
.nwList {padding:0px;}
.nwList .nwItem {background:#FFE3BF;padding:4px;margin-bottom:3px;border-bottom:1px solid #F8981D; border-top:1px solid #F8981D;}
.nwList a{  font-size:12px;  color:#036;}
.nwList .nwDate {padding-top:4px;  font-size:11px;  font-weight:bold;}
.nwList .more {  padding:4px;  background:white;  border-bottom:1px solid #F8981D;  border-top:1px solid #F8981D;  text-align:right;}

.article {padding:10px 5px;line-height:1.4em;font-size:1.1em}

#content {background:#FFF;text-align:left;}
#contentContainer {background:#fff;background:#FFCD9A url(/images/lShadow.jpg) 184px top repeat-y;min-height:500px;padding-top:10px;}
#content li {padding:5px;margin-left:15px;}
#content {line-height:15px;font-size:13px;}

/* Footer */
#footer {background:#273B94 url(/images/blueBar.jpg) left top repeat-x;padding:5px 0;color:#FFF;border-top:4px solid #FAEA01;text-align:right;}
#footer a {font-size:12px;color:#FFF;margin:0 10px;}
#footer a:hover {color:lightblue;}

.siteList th {background:#273B94 url(/images/blueBar.jpg) left top repeat-x;color:#FFE3BF;padding:5px;}
.siteList td {border-bottom:1px dashed #ccc;padding:5px;}

/* Home */
.homeAds {display:table;width:100%;}
.homeAds .hLeft{float:left;}
.homeAds .hRight {float:right;padding-top:12px;}
.homeContent {padding:0 5px;}

.homeBox {margin:5px;}
.homeBox .image {padding:4px;background:#CCC;border:1px solid #F8981D;margin:2px;float:left;}
.homeBox .details {margin-left:140px;font-size:1.1em;padding-top:5px;line-height:24px;}
.homeBox .content{padding:4px;position:relative;}
.homeBox .address {padding:4px;margin:5px 0;}
.homeBox .address a {font-size:1.2em;color:#036;}
.homeBox .title {background:#FFCD9A;  font-weight:bold;  padding:8px;  border-bottom:2px solid #F8981D;}
.homeBox .title {font-size:1.2em;color:#036;}
.homeBox .title a{color:#036}
.homeBox .bItem {  padding:8px 8px;  border-bottom:1px dashed #AFE4FF;}
.homeBox .info {padding:5px;}
.homeBox .bItem .cnt {width:20px;  float:left;  text-align:center;  margin-right:4px; border:1px solid #CCC;}
.homeBox .bItem a{font-size:12px;}
.homeBox .features {clear:both;}
.homeBox .features h2{margin:4px 0;padding:3px 0 0 0;font-size:1.3em;font-weight:bold;}


/* Property Bar */
.properties {margin:10px;}
.properties .property {border-bottom:1px dashed #000;height:120px;overflow:hidden;margin:10px 0;}
.properties .photo {float:left;width:100px;height:100px;overflow:hidden;margin:5px;border:2px solid #036;}
.properties .details {position:relative;float:left;padding:5px;width:450px;}
.properties .cost{position:absolute;top:10px;right:0;padding:8px;font-size:1.3em}
.properties .details div{padding:2px;}

.properties h2 {padding:5px 0;margin-bottom:10px;}
.properties .rent {position:absolute;top:12px;right:0;padding:10px;font-size:14px;}


#propertyDetail {}
#propertyDetail .images {display:table;width:100%;}
#propertyDetail .instruct {text-align:center;font-weight:bold;margin:0;}
#propertyDetail .photo {height:75px;width:75px;padding:4px;float:left;margin:3px;border:1px solid #036;}

#propertyDetail h1{}
#propertyDetail .available {padding:5px 10px;}
#imageHolder {width:400px;margin:5px;height:300px;overflow:hidden;border:2px solid #036;cursor:pointer;}
#propertyDetail .features li {margin:2px;padding:1px;}
#propertyDetail h2 {border-bottom:1px solid #CCC;margin:10px 0;padding:5px 0;}
#propertyDetail h3 {padding:5px 0;margin:4px;border-bottom:1px solid #CCC;}
#propertyDetail .imageCategories {margin:5px 0}
#propertyDetail .imageCategories li {padding:4px;border-bottom:1px dashed lightblue;}

#plPhoto, #printPhoto {display:none;float:left;}


.propRow {display:table;}
.propTable {border-collapse:collapse;margin:0px 5px;}
.propTable td {vertical-align:top;}
.propPrice {border:1px solid #000066;background:#FFFFCC;margin:5px;padding:5px;font-size:1.2em;}
.price {padding:4px;font-size:1em;font-weight:bold;}
.rooms {padding:4px;}

.pagination {margin:10px 0;padding:5px 0;position:relative;text-align:center;height:30px;}
.pagination .count {width:200px;margin:auto;}
.pagination .next {position:absolute;right:0;padding:5px;top:0;}
.pagination .previous {position:absolute;left:0;padding:5px;top:0;}

.debugger textarea {width:100%;}

.login {padding:5px;width:300px;margin:auto;}
.login h2{line-height:normal;}
.login div {padding:5px;}

.adminLogin {background:#FFF;border:3px solid #036;padding:5px;margin:auto;width:300px;margin-top:50px;}
.signup {padding:5px;margin:auto;width:400px;}
.signup div {padding:15px 0 4px 0;color:#036;}

/* Tickets */
#troubleTicket .ti {padding:5px 0;}
#troubleTicket .open {color:green;}
#troubleTicket .closed {color:black;}
#troubleTicket .inprogress {color:blue;}
#troubleTicket h3 {margin:0;padding:10px 0 5px;}
.ticketReply {margin:5px;padding:5px;border:1px solid #ccc;}
#ticketComment #ImmForm {padding:3px;margin-bottom:1em;border:2px solid #ddd;background:#FFF6BF;color:#514721;border-color:#FFD324;}
.adminReply {border:2px solid #036;}


/* MLS */
#mlsSystem h3 {font-size:16px;font-weight:bold;border-bottom:1px solid black;color:#036;margin:0px;padding:0px;margin-top:10px;}
#mlsSystem td {font-size:12px;}
#mlsList {width:475px;}
#mlsList *{font-size:12px;}
.reSearch {padding:4px;background:lightblue;margin:4px;border:1px solid #036;font-size:13px;}
.ads {position:absolute;top:0px;right:0px;width:130px;}
.mlsItem {position:relative;margin:5px;width:460px;border:1px solid grey;}
.additional {position:absolute;top:0px;left:320px;}
.data {position:absolute;top:0px;left:120px;}
.data div {padding:1px;}
.photo {padding:4px;}
.mlNumber {padding:4px;}
.recordCount {border:1px solid #E9E9E9; padding:3px;margin:4px;text-align:center;}
.mls_smNote {font-size: 12px;	font-weight: bold;}
.mlst td {vertical-align:top}
.mls_title {font-size:15px !important;}
#areaList .areaItem {float:left;width:48%;border:1px solid lightblue;font-size:11px;font-weight:bold;margin:1px;}
#areaList input {vertical-align:middle;}
#areaList .areaItem:hover{background:#FFFFCC;}
#areaList .areaItem .name{padding:2px;display:inline;cursor:pointer;}
#areaList .areaItem .amount {color:green;margin-left:4px;display:inline;}
#areaList {overflow:auto;height:200px;margin:4px;border:1px solid #CCC;}
.direct {text-align:left;}
.direct div {padding:4px;border:1px solid #000;margin:2px;}
.direct div a {color:#036}
.mls_title {
	background-color: #FFFFFF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	padding: 3px;
	color: #000066;
	font-weight: bold;

}
.mls_note {

	font-size: 10px;
	color: CC9900;
}
.mls_title_cell {
	background-color: #C6E8FF;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #000066;
	padding: 3px;
	color: #000066;
	font-weight: bold;

}