.hide { display: none; }
.show { display: block; }

div#hoods span#close { text-align: right; float: right }

.wp-pagenavi {
	padding: 4px; }

.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	text-decoration: none;
	border: 1px solid #0066cc;
	border-top: 1px solid #0066cc;
	border-bottom: 1px solid #0066cc;
	border-left: 1px solid #0066cc;
	border-right: 1px solid #0066cc;
	color: #0066cc;
	background-color: #FFFFFF;
}

.wp-pagenavi a:hover {
	border: 1px solid #114477;
	border-top: 1px solid #114477;
	border-bottom: 1px solid #114477;
	border-left: 1px solid #114477;
	border-right: 1px solid #114477;
	color: #114477;
	background-color: #FFFFFF;
}

.wp-pagenavi span.wppages {
	padding: 2px 4px 2px 4px;
	margin: 2px 2px 2px 2px;
	color: #000000;
	border: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.wpcurrent {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	font-weight: bold;
	border: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.wp-pagenavi span.wpextend {
	padding: 2px 4px 2px 4px;
	margin: 2px;
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}

.Row {
	background-color: #FFFFFF;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #000000;
	/* font-size: 12px; */
	
}

.turuncu_b a,.turuncu_b a:link,.turuncu_b a:active {
	
	color: blue;
	
	font-weight: bold;
	text-decoration: none;
	text-decoration: underline;
}

.turuncu_b a:hover {
	color: blue;
	text-decoration: underline;
}

.turuncu_b {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

.fume_b {
	
	color: #221E1F;
	
	text-decoration: none;
}

.fume_siyah {
	color: #626469;
	font-weight: bold;
	text-decoration: none;
}

.seco {
	
	
	color: #000000;
	border: 1px solid #CCCCCC;
}

.tablehead {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
	font-variant: small-caps;
}

.trclnkoyu {
	font-weight: bold;
	text-decoration: none;
	background-color: #F9FAFB;
}

.trclnacik {
	
	
	font-weight: bold;
	text-decoration: none;
	background-color: #F2F4F7;
}

.trcln {
	font-weight: bold;
	text-decoration: none;
}

.trackl {
	text-decoration: none;
	background-color: #FFFFFF;
}

.areaspan {
	text-align: left;
	display: block;
	width: 180px;
	float: none;
}

.boxhead {
	font-family: verdana;
	font-weight: bold;
	color: #0066CC;
}

a,a:link,a:visited,a:active {
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #0000cc;
	/* font-size: 10pt; */
}

.h {
	font-size: 20px
}

.h {
	color: #3366cc
}

.q {
	color: #00c
}

#sd {
	font-size: 113%;
	font-weight: bold
}





p {
	/* font-size: 12px; */
	margin-top : 0px;
	margin-bottom : 8px;
	line-height: 18px;
}
p.instructions {
	margin-top : 0px;
	margin-bottom : 8px;
	line-height: 14px;
}
.fineprint {
    font-size: x-small;
}
p.fineprint {
	margin-top : 0px;
	margin-bottom : 8px;
	line-height: 14px;
}


td {
	/* font-size: 12px; */
	font-family: Verdana, Helvetica, sans-serif;
}
td.sln {
	color: #FFFFFF;
	background-color: #014B92;
	/* font-size: 10px; */
	font-weight : bold;
	padding: 2px 5px 3px 5px;
}
td.slnbottom {
	background-color: #769EC3;
}
td.heading {
	color : #FFFFFF;
	background-color: #014B92;
	/* font-size: 13px; */
	font-weight : bold;
	border-bottom: 0px solid #014B92;
}
td.subheading {
	color : #014B92;
	background-color: #EDF2F7;
	/* font-size: 13px; */
	font-weight : bold;
	border-bottom: 0px solid #014B92;
}
td.quicklinks_off {
	background-color: #FFFFFF;
	
	border-bottom: 1px dashed #b3b3b3;
	padding: 6px 0px 0px 0px;
}
td.quicklinks_on {
	background-color: #D4DDE5;
	
	border-bottom: 1px dashed #F15D2F;
	padding: 6px 0px 0px 0px;
}
td.footertop {
	background-color: #8CA6BE;
	height: 10px;
}
td.footer {
	color: #FFFFFF;
	/* font-size: 9px; */
	padding: 4px;
}
td.popcell {
	padding: 4px 0px 4px 0px;
}
td.subnav {
	padding-top: 20px; 
	padding-left: 0px; 
	padding-right: 0px; 
	border-top: 1px solid #FFFFFF; 
	background-color : #D4DDE5;
}
td.gutter {
	padding-top: 20px; 
	padding-left: 10px; 
	padding-right: 10px;
}
td.content {
	padding-top: 20px; 
	padding-bottom: 20px;
	padding-left: 20px; 
	padding-right: 20px;
	border-left: 0px solid #868686; 
}
td.callout_content {
	/* font-size: 9px; */
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px; 
	padding-right: 2px;
	border-bottom: 1px dashed #868686;
}
td.callout_heading {
	
	font-weight: bold;
	border-bottom: 1px solid #868686;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px; 
	padding-right: 2px; 
	/* background: url(/styles/Swoosh/Tables/Table.White.jpg); */
}
td.listing_detail_quicklinks {
	/* font-size: 10px; */
	color: #014B92;
	padding-left: 10px;
}
td.listing_detail_address {
	/* font-size: 10px; */
	color: #014B92;
	text-transform: uppercase;
	padding-left: 0px;
	padding-bottom: 0px;
}
td.listing_detail_heading {
	/* font-size: 10px; */
	font-weight: bold;
	color: #014B92;
	text-transform: uppercase;
	padding: 0px;
	border-bottom: 2px solid #014B92;
}
td.listing_detail_label {
	/* font-size: 10px; */
	font-weight: bold;
	padding-top: 1px;
	border-top: 0px solid #014B92;
	padding-bottom: 6px;
	border-bottom: 0px solid #014B92;
	vertical-align: top;
}
td.listing_detail_data {
	/* font-size: 10px; */
	font-weight: normal;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 6px;
	border-top: 0px solid #014B92;
	border-bottom: 0px solid #014B92;
	text-transform: uppercase;
	vertical-align: top;
}




/* END LINKS */

/****************************************************************************************************
 * The "clean" section of the CSS starts here. Everything above needs to be cleaned up and moved here
 */


body { height: 100%; color: #000000; background-color: #ffffff; margin-top: 2em; }
body { font: 75% Verdana, sans-serif; }

#layout-statusbar {	padding-bottom: 4px; position: absolute; top: 10px; right: 1em; font-weight: bold; text-align: right;}

#layout-daysleft { position: absolute; left: 0; top: 0; text-align: left; font-weight: bold; font-size: large; }

#layout-debugbar { position: fixed; left: 0px; top: 5em; text-align: left;}
#layout-debugbar, #layout-debugbar a { font-size: xx-small; }

#layout-navbar { position: absolute; top: 0px; left: 0px; width: 100%; margin: 0; }
#layout-navbar ul { margin-left: auto; margin-right: auto; text-align: center;}
#layout-navbar li { display: inline; padding: 0 0.5em; }
#layout-navbar li, #layout-navbar a { font-size: small; font-weight: bold; font-family: Verdana, Helvetica, sans-serif;  color: blue; }
#layout-navbar li { color: black; list-style: none;}
#layout-navbar a:hover { color: purple; }
#layout-navbar a:active { color: red; text-decoration: none; }

#layout-basic-criteria { text-align: center; margin: 0 auto .2em; }
#layout-basic-criteria fieldset { margin: 5px 0 5px; border-style: none; }

#layout-footer { margin: 1em; border-top-style: inset; border-top-color: #fcfcfc;
				 border-top-width: thin; color: graytext; font-weight: bold; }
#layout-footer td { white-space: nowrap; }
#layout-footer img { }
				 
#choose-areas fieldset {
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #ffffe0;
	padding: 10px;
	margin: 20px 0 20px 0;
}
.input_field {
	margin-right: 10px;
	text-align: left;
	font-style: italic;
	float: left; 
	display: inline;
	width: auto;
	font-variant: small-caps;
}
td.criteria_label {
	width: 18%;
	text-indent: 1.3em;
	font-weight: bold;
}
	
/* Equal Housing Opportunity logo */
span#eho { font-size: 0.8em; font-family: Arial, Helvetica, sans-serif; background-color: white;}
span#eho img { position: relative; top: +2px; }
	
/* body-centering rules (careful! breaks very easily) */
#mainbody { width: 980px; margin: 0 auto;}
#maincontent { min-height: 500px; margin: 0 auto; }

/* page-specific styles */
body#static-contact-us a#contact-us-link { display: none; }

/* general-purpose semantic styles */
.verbiage { line-height: 175%; }

/* OVAL BUTTONS */
/* Heavily modified from Dynamic Drive CSS Library. URL: http://www.dynamicdrive.com/style/ */
div.page-actions {
    width: 100%; text-align: center; height:50px;
}
div.page-actions a, a.ovalbutton {
	background: transparent url('../images/oval-blue-left.gif') no-repeat top left;
	display:inline-block;
	font: normal 13px Tahoma; /* Change 13px as desired */
	line-height: 16px;
	/* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
	height: 24px; /* Height of button background height */
	padding-left: 11px; /* Width of left menu image */
	text-decoration: none;
	margin: 1em;
}
div.page-actions a:link, div.page-actions a:visited, div.page-actions a:active, a:link .ovalbutton, a:visited .ovalbutton, a:active .ovalbutton {
	color: #494949; /*button text color*/
}
div.page-actions a span, a.ovalbutton span {
	background: transparent url('../images/oval-blue-right.gif') no-repeat top right;
	display:inline-block;
	padding: 4px 11px 4px 0;
	/*Set 11px below to match value of 'padding-left' value above*/
}
div.page-actions a:hover, a.ovalbutton:hover { /* Hover state CSS */
	background-position: bottom left;
}
div.page-actions a:hover span, a.ovalbutton:hover span { /* Hover state CSS */
	background-position: bottom right;
	color: black;
}
.buttonwrapper {
	/* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 100%;
}
/*END: OVAL BUTTONS*/

div#detail-thumbnails {
	padding: 5px;
	border-top: 1px solid #ffeebb;
	border-right: 1px solid #ffeebb;
	border-bottom: 1px solid #ffeebb;
	border-left: 6px solid #F15D2F;
	background-color: #E5ECF9;
	margin-bottom: 0;
	vertical-align: middle;
}

/* specific to search.view.php */
span#map-coordinates { }
span#map-coordinates input { }

#leftContents { float: left; width: 512px; }
#rightContents { float: right; width: 430px; }
#leftContents, #rightContents { margin: 0; padding: 0;} 
#rightContents table { width: 424px; }
.detail-section { width: 100%; margin: 5px; padding: 0; margin-bottom: 1em; }
.detail-section#map_canvas { height: 0; width: 492px; margin: auto; margin-bottom: 1em;}
.detail-section#map_streetview { height: 0; width: 492px; margin: auto; background-color: grey; }

.detail-section table { width: 100%; padding: 0 5px 0 5px; } 
.detail-section caption {    
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 20px;
    font-variant: small-caps;
    background-color: #E5ECF9;    
    text-align: left;
}
.detail-section td:first-child { font-weight: bold; min-width: 30%; }
.detail-section td { border-bottom-style: dotted; border-bottom-width: 1px; border-bottom-color: #c0c0c0 } 
.detail-section .roomsize { float: left; width: 5em; }

.detail-disclaimer { clear: both; }
 
.interior-navbar li { display: inline; padding: 0 .5em; }
.interior-navbar ul { }

table.disclaimer caption {    
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    line-height: 20px;
    font-variant: small-caps;
    background-color: #E5ECF9;    
    text-align: left;
    margin-top: 2em;
}

#statsTable {
    font-size:12px; font:Tahoma; border-style:solid; border-width:2px; border-color:#666666;
}
#statsTable td { padding: .5em; }

.sparse_text { line-height: 200%; list-style-type: square; } 

.warning { color: red; }
.error { color: red; font-weight: bold; }

.narrow-content { margin: auto; width: 600px; }
.narrow-content * { margin: .5em }

.listing-item { height: 140px; margin: 1em; border-style: dotted; border-width: 1px; clear: both}
.listing-item .exterior { height: 140px; width: 140px; float:left; margin-right: .5em; background-color: gray; }
.listing-item .exterior img { padding: 0; border: 0; max-width: 140px; max-height: 140px; margin: auto; vertical-align: middle;}
.listing-item .data-list { clear: right; }
.listing-item dl { width: 120px; display: block; float: left; margin-top: 5px; margin-bottom: 5px; }
.listing-item dt { text-align: right; }
.listing-item dd { text-align: right; font-weight: normal; text-transform: uppercase;} 
.listing-item dl.st { width: 150px; float: right}
.listing-item dl.pk { width: 480px; float: left; }
.listing-item dl.pk dt { width: 480px; margin: 0; }
.listing-item dl.pk dd { font-weight: normal; width: 480px; margin: 0}
.listing-item dl.yb { width: 110px; }
.listing-item dl.pt { width: 300px; float: right; }
.listing-item .tagline { font-weight: bold; padding: .3em; float: left}
.listing-item .mls-info-line { float:right; background-color: orange; padding: .3em; }
.listing-item a:hover { background-color: yellow; }
.listing-item div.office { width: 300px; display: block; float: right; margin-top: 5px; margin-bottom: 5px; position: relative; margin-right: 0 }
.listing-item .office dl { width: 260px; display: block; }
.listing-item .office img { display: block; float: right; margin-right: 3px; }
.listing-item .office dd { font-weight: normal; } 

#layout-header { margin-left: auto; margin-right: auto; }
#layout-header #small-logo-1 { width: 130px; height: 77px; border: 0; }
#layout-header #small-logo-2 { width: 130px; height: 65px; border: 0; }

#layout-titlebar { margin-bottom: 0.5em; }
#layout-titlebar td { background-color: #e5ecf9; border-top: 1px #3366cc solid; height: 25px; }