/*  
Name: Badger Realty Layout Stylesheet
URI: http://tux.glengroup.com/dev/todd/badger/templates
Description: Version: 1.0 - Layout Styling
Author: Todd Libby - todd@glengroup.com
Author URI: http://www.glengroup.com/
*/

img {
 border: 0;
 }
 
body {
 margin: 0;
 padding: 0;
 background: #fffde6;
 text-align: center;
 }
 
body#admin {
 background-color: #333;
 margin: 0 auto;
 padding: 0;
 text-align: center;
 }

#wrapper  {
 margin: 0 auto;
 padding: 0; 
 text-align: center;
 width: 100%;
 }
 
.insidewrap {
 margin: 0;
 padding: 0;
 }

.contentedit {
 margin-top: 10px;
 }
 
#wrapedit {
 text-align: center;
 width: 70%;
 }
 
#header {
 text-align: center;
 height: 124px;
 width: 100%;
 min-width: 770px;
 /* background: #7089C1; */
 background-color: #405b64;
 margin: 0;
 padding: 0;
 }

#logo {
	height: 94px;
}

#logo img {
 border: 0;
 padding: 0;
 margin: 0;
}

#logo a {
	padding: 0;
	margin: 0;
	border: 0;
}
 
#highlightband {
 height: 30px;
 width: 100%;
 background-color: #65102D;
 font-family: Georgia, Times, "Times New Roman", serif;
 font-size: 16px;
 color: #fff;
 text-align: center;
}

#bandtext {
 background-color: #65102D;
 padding: 5px;
 text-align: center;
 font-family: Verdana, Helvetica, Arial, sans-serif;
}

#bandtext a {
 color: #fff;
 /* text-decoration: none;*/
}

#login {
 text-align: center;
 margin-left: 150px;
 }
 
#login img {
 position: absolute;
 margin: -40px 0 0 -35px;
}
 
#mainPic {
 margin: 0;
 padding: 0;
 }

#leftcol {
 text-align: right;
 float: left;
 height: 300px;
 width: 200px;
 margin-top: 8px;
 background-color: #fffde6;
 }
 
#insleftcol {
 float: left;
 height: 375px;
 width: 90px;
 margin-top: 10px;
 }
 
#insideLeft {
 float: left;
 height: 100%;
 width: 160px;
 margin-left: 20px;
 margin-top: 8px;
 }
 
.searchcontainer {
 width: 200px;
 margin: 0;
 }

#rightcol {
 float: right; 
 width: 150px;
 height: 375px;
 /* margin-top: 12px; */
 }
 
#insrightcol {
 float: right;
 width: 150px;
 height: 375px;
 /* margin-top: -394px; */
 }
 
#comrightcol {
 float: right;
 width: 150px;
 height: 375px;
 margin-top: -704px; 
 }
 
.leftmenupic {
  text-align: center;
   margin: 5px 0px 0px 0px; 
   /* padding: 0 10px 0 20px; */
 }
 
#imgwithtopborder {
  border-top-width: 2px;
  border-top-style: dotted;
  /* border-color: #cce6e6; */
  border-color: #e1e1e1;
  padding: 10px 0px;
 }

#myportfolio img {
 background-color: #fffde6;
 color: #fffde6;
 padding-top: 10px;
 }
 
.line {
 margin: 0;
 }

 
#centercol {
 height: auto;
 text-align: center;
 }

.levelone img {
 margin: 5px 0;
}
 
#rentcentercol {
 width: 90%;
 margin: -1px 157px 0 157px;
 position: relative;
 height: auto;
 text-align: left;
 }

#splashtext {
 text-align: justify;
 margin: 0 20px;
}

#splashimgholder img {
 margin: 10px 55px; 
 padding:  0 0px;
}


.inscentercontent {
 margin: 0;
 }

.inscentercontent img {
 margin: 0;
 margin-top: 20px;
 padding: 15px;
 float: left;
 }
 
input.input {
 clear:both;
 }

.footHold, #footSplash {
 clear: both;
 padding: 0 0 10px 0;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 }

.navBorder {
 /* border-bottom: 2px dotted #cce6e6;*/
 border-bottom: 2px dotted #e1e1e1;
 }

.footNav {
 background-color: #e1e1e1;
}

#footer {
 font-weight: bold;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 clear: both;
 text-align: center;
 width: 100%;  
 padding: 20px 0 20px 0;
 }

#footeraddress {
 margin: auto;
 text-align: left;
}

/* FOOTER MENU */
.footMenu {
        color: #fff;
        margin-top: 10px;
	/* margin-right: 190px; */
	}
	
.footMenu li {
	display: inline;
	padding: 0 2px 0 4px;
 	}
	
.footMenu li a {
	list-style-type: none;
	font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
 	font-size: 11px;
 	font-weight: bold;
 	color: #666;
	line-height: 0.7em;
	text-decoration: none;
	text-transform: lowercase;
	}
.footHold, #footSplash {
 width: 800px;
 clear: both;
 margin: auto;
 padding: 0 0 10px 0;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 text-align: left;
 }

.footHold img {
  float: right; 
  margin: 0 5px 0 0px;
}
/********FORM STYLING *********/

.bed-header {
	font-weight: bold;
	border-top: 1px solid #000;
	}

.bed-count {
	border-top: 1px solid #000;
	text-align: center;
	border-bottom: 1px solid #000;
	}

.form-table {
	font-size: 10px;
	}

.form-error {
	color: #900;
	}
 
	
/* AGENT LISTING STYLING */

.agentadmin, span.noagents {
 width: 100%;
 margin: 0;
 padding: 0;
 }

#agentfindadmin {
 width: 225px;
 float: right;
 text-align: left;
 margin: 0;
 padding: 0 5px 0 5px;
 }
 
.addanagent {
 width: 400px;
 float: right;
 text-align: left;
 margin: 0;
 padding: 0;
}
 
 
.agentlist {
 /* float: left; */
 text-align: left;
 /* margin-left: -30px; */
 padding: 0;
 }

.agentbox {
 float: left;
 width: 15%;
 text-align: center;
 padding: 0px;
 margin: 0px;
}
 
#infoholder {
	float: left;
 	clear: right;
 	margin: 0;
 	padding: 0;
 	}
 
.staffview {
 	float: left; 
 	width: 400px;
/*  	margin: 10px 0 0 20px; */ 
 	padding: 0;
 	}
 
#agentpic img {
	 float: left; 
 	 padding: 5px; 
 	}
 
.editdel li {
	list-style-type: none;
	display: inline;
	font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0 3px 0 3px;
 	}
	
.editdel li a {
	display: inline;
	color: #666;
	} 
	
.editadmin li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
	}
	
.editadmin li a {
	padding: 2px;
	margin-top: 5px;
	}
	
/* 
.rentcenter {
 width: 300px;
 font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
 font-size: 12px;
 font-weight: normal;
 text-align: left;
}

.rentcenter a {
	color: #666;
}
*/

span.rent {
	font-family: Arial, Helvetica, Verdana, Lucida, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #666;
	}

form#addrental {
  margin: 0;
  padding: 0;
  font-size: 12px;
  width: 200px;
}

form#addrental fieldset {
  clear: both;
  font-size: 12px;
  border: 1px solid #933;
  padding: 10px;
  margin: 0;
}

form#addrental fieldset legend {
  font-size: 14px;
  font-weight: normal;
  color: #933;
  margin: 0;
  padding: 0 5px;
}

label {
  font-size: 100%;
}

input, select, textarea {
  font-family: Verdana, Tahoma, Arial, sans-serif;
  font-size: 100%;
  color: #000;
}

textarea {
  overflow: auto;
}

form#addrental div {
  clear: left;
  display: block;
  width: 335px;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

form#addrental div fieldset {
  clear: none;
  border: 1px solid #933;
  margin: 0 0 0 142px;
  padding: 0 5px 5px 5px;
  width: 197px;
}

form#addrental div fieldset legend {
  font-size: 12px;
  padding: 0 3px 0 9px;
}

form#addrental div.required fieldset legend {
  font-weight: bold;
}

form#addrental div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

form#addrental div.optional label, label.optional {
  font-weight: normal;
}

form#addrental div select {
  width: 100px;
  padding: 1px 3px;
  margin: 0;
}

form#addrental div textarea, form div input {
  padding: 1px 3px;
  margin: 0;
  border: 1px solid #000;
}

form#addrental div input.inputFile {
  width: 100px;
}

form#addrental div.submit {
  width: 214px;
  padding: 0 0 0 140px;
}

form#addrental div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

form#addrental div input.inputSubmit, form#addrental div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #ccc;
  color: #000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

form#addrental div.submit div input.inputSubmit, form#addrental div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

/***** SITE MAP STYLING *****/

.menu-holder {
	text-align: left;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	font-size: 12px;
	width: 444px;
	float: right;
	margin: -75px 0 0 0;
}

.top-page {
	font-weight: bold;
	list-style-type: none;
}

.top-page li a {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #666;
}

.sub-page {
	font-weight: bold;
	list-style-type: none;
}

.sub-page li a {
	font-size: 11px;
	padding: 0 0 0 10px;
	margin: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #666;
}

.lower-sub-page {
	font-weight: bold;
	list-style-type: none;
}

.lower-sub-page li a {
	font-size: 10px;
	padding: 0 0 0 20px;
	margin: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #666;
}

/**** Rent Results ****/

.brief-info {
	width:93px;
	height:33px;
	background-color:#c6d1e7;
	font-size:11px;
	color:#808080;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	padding:0px 5px 0px 5px;
	margin-top:1px;
}

.brief-info span {
	color:#616161;
	font-weight:bold;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

#rental-misc {
	text-align:left; 
	font-size:12px; 
	font-family: Verdana, Tahoma, Arial, sans-serif;
	float:left; 
	margin:20px 0px 0px 0px;
}

#rental-main-img {
	float:left; 
	width:320px; 
	height:209px;
}

#rental-saver {
	background-color:#9fb3d8; 
	width:91px; 
	height:26px;
	padding:12px 5px 0px 7px;
}

.rental-thumb {
	width:103px; 
	height:67px; 
	float:left;
}

#desc-info {
	float:left;
	padding:0px 5px 0px 5px;
	width:161px;
	color:#808080;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size:11px;
}

#desc-info span {
	font-weight:bold;
	color:#616161;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

#prop-info {
	margin-top:10px;
}

#prop-info .header {
	background-color:#9fb3d8;
	color:#616161;
	padding:2px 0px 0px 10px;
	font-size:12px;
	font-weight:bold;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	height:18px;
}

#prop-left .prop-lbl {
	float:left;
	color:#616161;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-weight:bold;
	width:92px;
	background-color:#c6d1e7;
	padding:5px 3px 0px 0px;
	text-align:right;
}

#prop-left .prop-val {
	float:left;
	color:#808080;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	width:181px;
	padding:5px 0px 0px 3px;
}

.prop-ele {
	clear:left;
}

#prop-left {
	font-size:11px;
	float:left;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

#prop-right {
	font-size:11px;
	float:left;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

.prop-val-amenities {
	height:145px;
	float:left;
	padding:5px 0px 0px 3px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color:#808080;
	width:217px;
}

.prop-lbl-amenities {
	height:145px;
	background-color:#c6d1e7;
	float:left;
	width:92px;
	padding:5px 3px 0px 0px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color:#616161;
	font-weight:bold;
	text-align:right;
}

.prop-lbl-beds {
	float:left;
	color:#616161;
	font-weight:bold;
	width:92px;
	background-color:#c6d1e7;
	height:55px;
	padding:5px 3px 0px 0px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	text-align:right;
}

.prop-val-beds {
	float:left;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color:#808080;
	width:181px;
	height:55px;
	padding:5px 0px 0px 3px;
}

.amenity-clear {
	clear:left;
}

.amenity-float {
	float:left;
}
