/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid #10A2D1; /*bottom horizontal line that runs beneath tabs*/
margin-top: 20px;
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 20px; /*offset of tabs relative to browser left edge*/
font: bold 10px arial,Verdana;
text-transform: uppercase;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 7px 8px; /*padding inside each tab*/
border-right: 1px solid white; /*right divider between tabs*/
color: white;
background: #10A2D1; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: white;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #f90; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/*- Menu 5--------------------------- */
	
#menu5 {
	width: 200px;
	font: bold 13px arial;
	
	}
#menu5 ul, #menu6 ul {
list-style:none; 
margin:0;
padding:0;}	
	
#menu5 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu5 li a:link, #menu5 li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/menu5.gif);
	padding: 8px 0 0 10px;
	}
	
#menu5 li a:hover {
	color: #FFF;
	background:  url(images/menu5.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	
	/*- Menu 6--------------------------- */
	
#menu6 {
	width: 200px;
	margin: 0px;
	}
	
#menu6 li a {
	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	text-decoration: none;
	}	
	
#menu6 li a:link, #menu6 li a:visited {
	color: #FFF;
	display: block;
	background:  url(images/menu6.gif);
	padding: 8px 0 0 10px;
	}
	
#menu6 li a:hover {
	color: #FFF;
	background:  url(images/menu6.gif) 0 -32px;
	padding: 8px 0 0 10px;
	}
	



/* The CSS Code for the menu starts here */
			#menu {
				font-family: Arial, sans-serif;
				font-weight: bold;
				text-transform: uppercase;
				margin: 15px 0;
				padding: 0 0 0 10px;
				list-style-type: none;
				font-size: 13px;
				background: #eee;
				height: 40px;
				border-top: 2px solid #eee;
				border-left: 2px solid #eee;
				border-bottom: 2px solid #ccc;
				border-right: 2px solid #ccc;
			}
			#menu li {
				float: left;
				margin: 0;
				
			}
			#menu li a {
				text-decoration: none;
				display: block;
				padding: 0 20px;
				line-height: 40px;
				color: #666;
			}
			#menu li a:hover, #menu li.active a {
				background-color: #f5f5f5;
				border-bottom: 2px solid #DDD;
				color: #999;
			}
			
			/* Black Menu */
			#menu.black {
				border-top: 2px solid #333;
				border-left: 2px solid #333;
				border-bottom: 2px solid #000;
				border-right: 2px solid #000;
				background: #333;}
			#menu.black a {color: #CCC;}
			#menu.black li a:hover, #menu.black li.active a {color: #999; background: #555; border-bottom: 2px solid #444;}

			
			/* Blue Menu */
			#menu.blue {
				border-top: 2px solid #356AA0;
				border-left: 2px solid #356AA0;
				border-bottom: 2px solid #204061;
				border-right: 2px solid #204061;
				background: #356AA0;}
			#menu.blue a {color: #fff;}
			#menu.blue li a:hover, #menu.blue li.active a {color: #fff; background: #4282C1; border-bottom: 2px solid #356AA0;}
			
			/* Red Menu */
			#menu.red {
				border-top: 2px solid #660000;
				border-left: 2px solid #660000;
				border-bottom: 2px solid #450000;
				border-right: 2px solid #450000;
				background: #660000;}
			#menu.red a {color: #fff;}
			#menu.red li a:hover, #menu.red li.active a {color: #F27F84; background: #990000; border-bottom: 2px solid #660000;}
			
			/* Orange Menu */
			#menu.orange {
				border-top: 2px solid #d15600;
				border-left: 2px solid #d15600;
				border-bottom: 2px solid #B44500;
				border-right: 2px solid #B44500;
				background: #d15600;}
			#menu.orange a {color: #fff;}
			#menu.orange li a:hover, #menu.orange li.active a {color: #FA9B5B; background: #B44500; border-bottom: 2px solid #d15600;}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.sexypanels{
list-style-type: none;
margin: 0;
padding: 0;
width: 170px; /* width of menu */
}

.sexypanels li{
border-bottom: 1px solid white; /* white border beneath each menu item */
}

.sexypanels li a{
background: #2F5BAE url(images/sexypanelright.gif) no-repeat right top; /*color of menu by default*/
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: #fff;
width: auto;
padding: 5px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
border-bottom: 1px solid black; /*bottom border of menu link. Should be equal or darker to link's bgcolor*/
}

.sexypanels li a:visited, .sexypanels li a:active{
color: white;
}

.sexypanels li a:hover{
background-color: #f90; /*color of menu onMouseover*/
color: white;
border-bottom: 1px solid black; /*bottom border of menu link during hover. Should be equal or darker to link's hover's bgcolor*/
}


</style>

<!--[if IE]>
<style type="text/css">
.sexypanels li a{ /* Menu link width value for IE */
width: 100%;
}

.main {
font: normal 11px verdana,arial;
padding: 2px;
margin: 2px;

 }
.quicksearch {
font: normal 11px verdana, arial;
}
.quicksearch #header {
background: #09c;
color: #fff;
font: 18px verdana;
padding: 2px;
}
.quicksearch #content {
background: #e5ecf9;
padding: 3px;
}
.leftmenu {
width: 160px;
font: normal 12px verdana, arial;
background: #e5ecf9;
padding: 2px;
border: 1px solid #d5e8f9;
list-style: none;
}
.leftmenu li {
background: #e5ecf9;
padding: 5px;
border: 1px solid #f3f3f3;
}
.propertylisting {
font: normal 12px arial, verdana;
border-bottom: 1px solid #09c;
}


.propertylisting td {
padding: 10px;
margin: 5px 0;
border-bottom: 1px dotted #09c;
}

.propertylisting  #title {
font-weight: normal;
}
.propertylisting span {
padding: 5px 0;
font: normal 11px arial, verdana;
}
.propertylisting img {
float: left;
padding: 2px 5px;

}

.propertylisting .cost {
font: bold 13px arial, verdana;
}
#footer, #footer a {
text-align: center;
font: normal 12px verdana, arial;
background-color: #06c;
color: #fff;
padding: 5px;
}
.menuhdr, .menuhdr a  {
font: bold 18px verdana, arial;
color: #06c;
background: #C8E8F9;
}

 #hdr{
font: bold 22px arial, verdana;;
color: #c00;
border-bottom: 1px solid #c00;
padding: 2px;

}

 #theader{
font: normal 19px verdana,arial;
color: #fff;
background-color: #10A2D1;
padding: 3px;
margin: 2px;

}

a:link {
color: #00f;
}

.details {
font: normal 13px arial,verdana;
}

.details #title {
font: normal 22px arial,verdana;
}

.details #desc {
font: normal 11px arial, verdana;
}
.cost {
font: bold 18px arial, verdana;
}
.offer {
font: normal 10px verdana,arial, helvetica;
background-color: #f30;
color: #fff;
border: 1px solid #f39;
margin: 2px;
padding: 2px 3px;
text-transform: uppercase;
text-align: center;
/*
	font: bold 16px arial, verdana;
	border: 1px solid #C76B05;
	background-color: #FDE0C1;
	padding: 3px 5px;
	color:#C76B05;
	text-transform: uppercase;
*/
}
.seller {
width: 350px;
height: auto;
font: normal 13px arial, verdana;
height: auto;
border: 1px solid #1385BB ;
background-color: #E8F9FD;
padding: 5px;
margin: 2px;

}
.seller #header {
font: bold 17px arial, verdana;
color:#1385BB;
display: block;

}
.addl {
font: normal 11px arial, verdana;
float: right;
padding: 5px;
margin-right: 2px;
background: #E4FAE7;
width: 125px;
/*border: 1px solid #B6F1BD;*/


}
.addl #hdr {
font: normal 14px arial, verdana;
color: #20A631;

}


.forms   {
font: normal 12px arial, verdana;
padding: 2px 3px;
margin: 2px;
}
.forms red {
color: #cc0;
}
.forms h3 {
font: normal 22px arial, verdana;
}
.error {
font: normal 13px arial, verdana;
color: #c00;
border: 1px solid #c00;
padding: 5px;
margin: 3px;
background-color:#FEE7E0;
}

.left1 {
margin: 0;
background-color: #FBD5BB;
padding: 10px;
list-style:none;
}
.left1  li {
font: normal 12px arial,verdana;
padding: 5px;
border-bottom: 1px solid #F9BA91;
}



.left2 {
margin: 0;
font: normal 12px arial,verdana;
background-color: #D7F7B3;
padding: 10px;
list-style:none;
}
.left2  li {
padding: 5px;
margin: 2px;
border-bottom: 1px solid #ADEE66;

}
.required {
font: bold 12px verdana,arial;
color: red;
}
.myaccount {

font: normal 12px arial, verdana;
background-color: #E0F0FC;
padding: 3px;
margin: 2px;
}
.featured {

font: normal 13px arial,verdana;
border: 1px solid #ADD8F8;
background-color:#E8F4FD; /*#E0F0FC;*/
}
.featured span {
font: normal 12px arial;
}

.featured #thumb {
float: left;
padding: 0 3px;
}
.featured .offer {
font: normal 10px verdana,arial, helvetica;
background-color: #f30;
color: #fff;
border: 1px solid #f39;
margin: 2px;
padding: 2px 4px;
}
.sponsored {
font: normal 12px arial,verdana;
padding: 5px;
background-color:#F7E1FF; /*#F5D9FF;*/
}
.sponsored a {
color: #5B007D;
}
.sponsored div {
padding: 2px;
margin: 2px;
tet-align: center;

}
.lblFeatured {
padding: 2px;
margin: 2px;
font: normal 10px arial;
background-color: #53B40C;
color: #fff;
width: 50px;
height: 15px;
float: left;
text-align: center;


}
.lblSponsored {
padding: 2px;
margin: 2px;
font: normal 10px arial;
background-color:#F48942;
color: #fff;
width: 50px;
height: 15px;
float: left;
text-align: center;


}
.example {
font: normal 10px arial;
color: red;
}
.approved {
font: normal 10px arial;
color: green;
}
.checkboxes {
width: 150px;
float: left;
margin: 5px;
padding: 5px;
}