/* Sidebar */

div.tour {
	margin-top: 10px;
}

div.tour a, div.tour a:visited {
	color: #0033FF;
	text-decoration: none;
}

div.tour a:hover {
	text-decoration: underline;
}

div.tour img {
	margin-right: 5px;
	vertical-align: top;
}

/* Main */

div.topBox {
	position: relative;
	height: 65px;
}

div.topBox div.mainSearchBox {
	float: left;
	width: 560px;
	height: 65px;
	background: url(http://static.peanutcafe.com/1.2.5/img/homepage/searchBkgd.jpg) no-repeat left top;
}

div.topBox div.mainSearchBox table {
	height: 40px;
	margin-top: 10px;
	margin-top: expression('5px'); /* hack for IE7 */
	border-collapse: separate;
	border-spacing: 20px 0px;
}

div.topBox div.mainSearchBox th {
	height: 19px;
	vertical-align: top;
	text-align: left;
}

div.topBox div.mainSearchBox th.phrase {
	width: 220px;
}

div.topBox div.mainSearchBox th.phrase a.tips {
	font-size: 8pt;
	font-weight: normal;
	color: #0033FF;
	text-decoration: none;
}

div.topBox div.mainSearchBox th.phrase a.tips:hover {
	text-decoration: underline;
	color: #0033FF;
}

div.topBox div.mainSearchBox th.phrase span.bracket {
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #333333;
}

div.topBox div.mainSearchBox th, div.topBox div.mainSearchBox td {
	padding-left: expression('18px'); /* hack for IE7 */
}

div.topBox div.mainSearchBox td input.phrase {
	width: 220px;
}

div.topBox div.btnBox {
	float: left;
	width: 140px;
	height: 65px;
	margin-left: 40px;
}

div.topBox div.btnBox ul {
	margin-top: 2px;
	list-style-type: none;
}

div.topBox div.btnBox li {
	height: 26px;
}

div.topBox div.btnBox li.bottom {
	margin-top: 10px;
}

/* module box */

div.moduleBox {
	margin-top: 20px;
}

div.tabs {
	position: relative;
	width: 740px;
}

div.tabs ul {
	height: 22px;
	display: block;
    list-style: none;
}

div.tabs li {
    float: left;
}

div.tabs li img {
	display: block;
}

div.tabs img.tabHorz {
	display: block;
	width: 740px;
	height: 6px;
}

div.mdContent {
	position: relative;
	width: 740px;
	height: 225px;
}

div.mdContent > div {
	position: relative;
	height: 210px;
}

div.mdContent > div.empl {
	border-left: 1px solid #8FA6C4;
	border-right: 1px solid #8FA6C4;
}
div.mdContent > div.hous {
	border-left: 1px solid #DCCE68;
	border-right: 1px solid #DCCE68;
}
div.mdContent > div.auto {
	border-left: 1px solid #ACB6B8;
	border-right: 1px solid #ACB6B8;
}
div.mdContent > div.fosa {
	border-left: 1px solid #FFB167;
	border-right: 1px solid #FFB167;
}
div.mdContent > div.pers {
	border-left: 1px solid #D5868D;
	border-right: 1px solid #D5868D;
}
div.mdContent > div.pets {
	border-left: 1px solid #E2C87B;
	border-right: 1px solid #E2C87B;
}
div.mdContent > div.trav {
	border-left: 1px solid #A5E1E9;
	border-right: 1px solid #A5E1E9;
}
div.mdContent > div.comm {
	border-left: 1px solid #FFCC67;
	border-right: 1px solid #FFCC67;
}

div.mdContent img.tabBottom {
	display: block;
	width: 740px;
	height: 15px;
}

/* Module Content */


div.mdContent div.mdcMain {
	position: relative;
	height: 160px;
	margin: 0px 10px 0px 10px;
	overflow: hidden;
}

div.mdContent div.mdcColoredStrip {
	position: relative;
	width: 100%;
	height: 50px;
}

div.mdContent div.mdcColoredStrip.auto {
	background-color: #E6EAEA;
}

div.mdContent div.mdcColoredStrip.comm {
	background-color: #FFF3DA;
}

div.mdContent div.mdcColoredStrip.empl {
	background-color: #E9EDF3;
}

div.mdContent div.mdcColoredStrip.fosa {
	background-color: #FFEAD2;
}

div.mdContent div.mdcColoredStrip.hous {
	background-color: #F7F7D7;
}

div.mdContent div.mdcColoredStrip.pers {
	background-color: #F0DBDD;
}

div.mdContent div.mdcColoredStrip.pets {
	background-color: #F7F0DA;
}

div.mdContent div.mdcColoredStrip.trav {
	background-color: #E5F7F9;
}

div.mdContent ul {
	margin: 0px 10px 0px 0px;
	padding: 0px;
}

div.mdContent li {
	list-style-type: none;
	margin-bottom: 5px;
}

div.mdContent a, div.mdContent a:visited {
	color: #666666;
	text-decoration: none;
}

div.mdContent a:hover {
	color: #CC3824;
}

div.mdcMain .title {
	font-weight: bold;
	color: #333333;
}

div.mdcMain h1.title {
	margin: 0px;
	padding: 0px;
}

div.mdcMain div.mdcPane {
	clear: both;
	height: 140px;
	margin: 10px 0px 0px 0px;	
}

div.mdcMain div.leftPane {
	float: left;
	height: 100%;
}

div.mdcMain div.rightPane {
	float: left;
	height: 100%;
}

div.mdcMain table.searchOptions {
	margin-top: 3px;
	border-spacing: 0px 0px;
}

div.mdcMain table.searchOptions tr {
	height: 30px;
}

div.mdcMain table.searchOptions td {
	vertical-align: top;
}

div.mdcMain table.searchOptions td.buttons {
	vertical-align: bottom;
}

div.mdcMain table.searchOptions td.title {
	padding-right: 5px;
}

/* Autos */
div.mdContent div.auto div.leftPane {
	width: 240px;
	border-right: 1px solid #ACB6B8;
}

div.mdContent div.auto div.rightPane {
	width: 445px;
	margin: 0px 0px 0px 30px;	
}

div.mdContent div.auto select {
	width: 160px;
}

div.mdContent div.auto div.leftPane input.checkbox {
	width: 15px;
	margin: 0px;
	margin: 0px 3px 0px 0px;
	vertical-align: middle;
}

div.mdContent div.auto div.leftPane select.radius {
	width: 63px;
	margin: 0px 0px 0px 3px;
}
	
div.mdContent div.auto div.leftPane input.zipcode {
	width: 55px;
}

div.mdContent div.auto div.rightPane ul {
	float: left;
	margin: 8px 40px 0px 0px;	
}

/* Housing */
div.mdContent div.hous div.leftPane {
	width: 554px;
	margin-right: 20px;
}

div.mdContent div.hous div.rightPane {
	width: 144px;
}

div.mdcMain div.housePhoto {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
}

div.mdcMain div.housePhoto img, div.mdcMain div.openHouse img {
	border: 1px solid #B39911;
}

div.mdcMain div.housContent {
	float: left;
	width: 434px;
}

div.mdcMain div.housContent ul {
	float: left;
	margin: 10px 30px 0px 0px;	
}

/* For Sale */
div.mdContent div.fosa div.title {
	margin-top: 5px;
}

div.mdContent div.fosa table.categories {
	display: block;
	width: 740px;
	height: 115px;
	border-collapse: collapse;
	margin-top: 8px;
}

div.mdContent div.fosa table.categories td {
	vertical-align: top;
}

div.mdContent div.fosa table.categories td img {
	display: block;
}

div.mdContent div.fosa table.categories td.topImage {
	width: 60px;
	height: 70px;
	vertical-align: top;
}

div.mdContent div.fosa table.categories td.bottomImage {
	width: 60px;
	height: 70px;
	vertical-align: bottom;
}

/* Pers */
div.mdContent div.pers div.leftPane {
	width: 280px;
	border-right: 1px solid #D5868D;
}

div.mdContent div.pers div.rightPane {
	width: 410px;
	margin: 0px 0px 0px 20px;	
}

div.mdContent div.pers h1.title {
	margin-bottom: 10px;
}

div.mdContent div.pers select {
	width: 170px;
}

div.mdContent div.pers select.gender {
	width: 70px;
}

div.mdContent div.pers input.age {
	width: 40px;
}

div.mdContent div.pers div.rightPane div.photo {
	float: left;
	width: 100px;
	height: 100px;
}

div.mdContent div.pers div.rightPane div.browseLinks {
	float: left;
	margin-left: 10px;
}

div.mdContent div.pers div.rightPane ul {
	float: left;
}

/* Pets */
div.mdContent div.pets div.lostFound {
	float: left;
	width: 354px;
	height: 100%;
	margin-right: 10px;
	border-right: 1px solid #E2C87B;
}

div.mdContent div.pets div.postToLostFound {
	height: 20px;
	margin-top: 10px;
}

div.mdContent div.pets div.clear {
	clear: both;
}
div.mdContent div.pets div.searchLostFound {
	margin-top: 10px;
}

div.mdContent div.pets div.adoption {
	float: left;
	width: 350px;
	height: 100%;
}

div.mdContent div.pets div.petsPhoto {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 10px;
}

div.mdContent div.pets div.petsPhoto img {
	border: 1px solid #965714;
}

div.mdContent div.pets div.petsContent {
	float: left;
	width: 234px;
}

div.mdContent div.pets div.petsContent p {
	margin: 10px 0px 10px 0px;
}

div.mdContent div.pets div.lostFound div.petsContent a {
	font-weight:bold;
	color: #0033FF;
}

div.mdContent div.pets div.adoption ul {
	float: left;
	margin: 10px 30px 0px 0px;	
}

div.mdContent div.pers div.rightPane ul.last {
	margin-left: 30px;	
}

/* Comm */
div.mdContent div.comm div.leftPane {
	width: 410px;
	margin-right: 20px;
	border-right: 1px solid #FFCC67;
}

div.mdContent div.comm div.rightPane {
	width: 200px;
}

div.mdContent div.comm div.rightPane ul {
	float: left;
	margin: 10px 10px 0px 0px;	
}

div.mdContent div.comm div.leftPane ul {
	float: left;
	margin: 10px 30px 0px 0px;	
}

div.mdContent div.comm div.leftPane ul.last {
	margin: 10px 0px 0px 0px;	
}

/* Landing Link */

div.mdcMain div.landingLink {
	position: absolute;
	top: 140px;
	right: 0px;
}

div.mdcMain div.landingLink a {
	font-weight:bold;
	text-decoration: none;
	color: #0033FF;
}

div.mdcMain div.landingLink a:hover {
	text-decoration: underline;
}

/* Colored Strip */

div.mdcColoredStrip table {
	width: 100%;
	height: 100%;
}

div.mdcColoredStrip td {
	text-align: center;
}

div.mdcColoredStrip td.button {
	text-align: right;
	padding-right: 50px;
}

div.mdcColoredStrip a {
	text-decoration: none;
	color: #0033FF;
}

div.mdcColoredStrip a:hover {
	text-decoration: underline;
}

div.mdcColoredStrip td.filler {
	width: 150px;
}

div.mdcColoredStrip.hous td.filler {
	width: 500px;
}

div.mdcColoredStrip.comm td.filler {
	width: 500px;
}

/* Marketing Box */

div.marketingBox {
	position: relative;
	margin-top: 20px;
}

div.marketingBox div.yellowBox {
	position: relative;
	width: 740px;
}

div.marketingBox div.yellowBox div.ybHeader {
	width: 740px;
	height: 28px;
}

div.marketingBox div.yellowBox div.ybHeader img {
	width: 740px;
	height: 28px;
	display: block;
}

div.marketingBox div.yellowBox div.ybContainer {
	position: relative;
	width: 740px;
	width: expression('738px'); /* hack for IE7 */
	height: 165px;
	border-left: 1px solid #BEB9A2;
	border-right: 1px solid #BEB9A2;
}

div.marketingBox div.yellowBox div.ybBody {
	position: relative;
	text-align: left;
}

div.marketingBox div.yellowBox div.ybFooter {
	width: 740px;
	height: 15px;
	background: url(http://static.peanutcafe.com/1.2.5/img/homepage/marketingFooter.gif) no-repeat left top;
}

div.marketingBox div.ybBody div.ybPane {
	margin: 0px 5px 0px 15px;
}

div.marketingBox div.ybBody div.ybPane a {
	font-size: 9pt;
	font-weight: normal;
	color: #0033FF;
	text-decoration: none;
}

div.marketingBox div.ybBody div.ybPane a:hover {
	text-decoration: underline;
	color: #0033FF;
}

div.marketingBox div.ybBody div.tm {
	margin-top: 15px;
}

div.marketingBox div.ybBody div.leftPane {
	float: left;
	width: 354px;
	height: 165px;
}

div.marketingBox div.ybBody div.leftPane div.tm {
	border-right: 1px solid #BEB9A2;
	padding-right: 20px;
}

div.marketingBox div.ybBody div.rightPane {
	float: left;
	width: 349px;
	height: 170px;
	margin-left: 15px;
}

div.marketingBox div.yellowBox div.ybBody h1 {
	margin-bottom: 10px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
	color: #333333;
}

div.marketingBox div.yellowBox div.ybBody div.note {
	margin: 10px 0px 0px 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #999999;
}

div.marketingBox div.yellowBox div.ybBody div.note a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-weight: normal;
	color: #999999;
}

div.marketingBox div.yellowBox div.ybBody div.note a:hover {
	color: #CC3824;
}

div.marketingBox div.ybBody div.leftPane ul {
	margin-left: 25px;
}

div.marketingBox div.ybBody div.pContent {
	position: relative;
	height: 100px;
}

div.marketingBox div.ybBody div.leftPane a.startPosting {
	position: absolute;
	left: 10px;
	bottom: 0px;
}

div.marketingBox div.ybBody div.leftPane img {
	float: right;
	width: 88px;
	height: 100px;
}

div.marketingBox div.ybBody div.rightPane img {
	float: left;
	vertical-align: top;
	margin-left: 10px;
}

div.marketingBox div.ybBody div.rightPane a {
	position: absolute;
	left: 100px;
	bottom: 0px;
}

/* Advertising */

div.advertising {
	position: relative;
	width: 740px;
	height: 75px;
	margin: 30px 0px 10px 0px;
}

div.leftAd {
	position: absolute;
	top: 0px;
	left: 60px;
	width: 300px;
	height: 75px;
}

div.rightAd {
	position: absolute;
	top: 0px;
	right: 60px;
	width: 300px;
	height: 75px;
}