/* Basic Styles */
 
body { background-color: #f5f5f5; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal;	}	
a:link, a:visited, a:hover, a:active { color: blue; }

/* Layout */
	
#wrapper { width: 760px; height: auto; margin: 0 auto; padding: 0; border: 1px solid #333; }
	
#header { width: 100%; background-color: #b9b9b9; }
#header .logo { float: left; width: 400px; height: 80px; margin: 10px 0 0 0; background: url(/images/client_folders/pl_logo.gif) no-repeat; }
#header .logo a { display: block; width: 400px; height: 36px; margin: 14px 0 0 0; }
#header .logo span { display: none; }

/* Hide this logo for screen output */
div.logo-print { display: none;}

#header .info { float: right; width: 320px; font-size: 10px; }
#header .info div { margin: 4px 10px; padding: 6px; background-color: #cfcfcf; border: 1px solid #777; *padding-bottom: 20px;}
#header .info div img { width: 70px; height: 88px; margin: 2px 6px 6px 0; border: 1px solid #999; *position: relative;}

#menu { clear: both; height: 28px; background-color: #000; border: 1px solid #cfcfcf; border-width: 1px 0; font-size: 12px; }
#menu ul { margin: 0 0 0 10px; padding: 0; list-style: none; }
#menu ul li { float: left; margin:  0 20px 0 0; padding: 5px 0 0 0; color: #f5f5f5; font-weight: bold; }
#menu a, #footer a { color: #fff; font-weight: normal; }
#menu a:hover, #footer a:hover { color: blue; background-color: #fff; text-decoration: none; }

#content_wrapper { clear: both; display: table;	width: 100%; background-color: #fff; }
#content { margin: 10px; }
#content h1 { font-size: 1.5em; }

#footer { clear: both; width: 100%; height: 20px; margin: 0; padding: 6px 0 0 0; background-color: #000; font-size: 12px; text-align: center; }
#footer a { color: #fff; }

/* Tabs */

ul.tabs { float: left; width: 100%;	margin: 0 0 4px 0; padding:0; font-size: 93%; line-height: normal; list-style: none; background: #cfcfcf url(/images/connect/tab_shadow.gif) bottom right repeat-x;	} 	
ul.tabs li { display: inline; margin: 0; padding: 0; }
ul.tabs li a { float: left;	display: block;	margin-right: 2px;	padding: 2px 8px; color: #cfcfcf; border: 1px solid #cfcfcf; font-size: 11px; font-weight: bold; text-decoration: none; }
ul.tabs li a:hover { color: #aaa; background-color: #eee; }	
ul.tabs li.current { border-bottom: 1px solid #fff;	}	
ul.tabs li.current a { color: #222;	background-color: #fff;	border-bottom: 1px solid #fff; }	
ul.tabs li.current a:hover { color: #222; background-color: #fff; }
ul.tabs li a span { float: left; display: block; padding: 6px 24px; cursor: pointer; }	
ul.tabs li.current a span {}

/* Listings section */
 
div.top,
div.bottom { padding: 6px; color: #777; background-color: #f5f5f5; border: 1px solid #cfcfcf; font-size: 1em; }
div.top .page-links a,
div.bottom .page-links a { padding: 0 5px; }

table.listings { width: 100%; }
table.listings tr.even { background-color:#eee; }
table.listings td { padding: 6px; font-size: 10px; vertical-align: top; }
table.listings table { width: 100%; }
table.listings table td { padding: 0 2px; }
table.listings table td.right { font-weight: bold; text-align: right; }

/* Map Section */
 
div.info_address { display: block; width: auto;	font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 12px;	white-space: nowrap; }
div.info_address img { float: left; margin-right: 8px; border: 1px solid #cfcfcf; }
div.info_address span { display: block; }
div.info_address strong.link { color: blue; text-decoration: underline; }

#map_wrapper {}
#map_wrapper #map { float: left; border: 1px solid #cfcfcf; }
#map_wrapper #results { float: left; width: 40%; }
#map_wrapper h2 { background-color:#cfcfcf; margin:0; padding: 8px; color:#fff; font-size:1em; }
#map_wrapper #mapped,
#map_wrapper #unmapped,
#map_wrapper #demographics { clear: both; overflow: auto; width: 100%; height: 470px; margin:0; padding:0; border-bottom: 1px solid #cfcfcf; }
#map_wrapper table { width: 100%; background-color:#fff; }
#map_wrapper table.even { background-color: #eee; }
#map_wrapper table th,
#map_wrapper table td { padding: 4px; text-align: left; vertical-align: top; font-size: 10px; }
#map_wrapper table .num { width: 20px; padding-right: 0; }
#map_wrapper table .desc { width: inherit; }
#map_wrapper table .price { width: 20%; text-align: right; }

#map_wrapper #mapped table th { background-color: #ffbbb5; }
#map_wrapper #unmapped table th { background-color: #ddd; }

/* Reports Section */

form.reports { clear: both; margin: 10px 0 0 0; padding: 10px; background-color: #f5f5f5; border: 1px solid #777; }
form.reports div.section_header { }
#content form.reports div.section_header h1 { margin: 0; padding: 6px; color: #777; border-bottom: 1px solid #ddd; font-size: 1.25em; }
#content form.reports div.section_header p { padding: 6px; }
#report_detail_options,
#report_line_item_options { padding: 6px; }
form.reports div.controls { margin: 10px 0; padding: 10px 0 0 0; border-top: 1px solid #ddd; }
form.reports div.controls input { margin-left: 6px; }

/* Misc */

.clearme { clear: both; }
.title, .dots { display: none; }
.link { cursor:pointer; }
.flare { margin-right: 20px; }