/*
	EWM Realtors V3 print stylesheet
	Author: Fernando Herrera
*/

/* Default HTML Tags */
body, div, span, p, ul, li, td, th, input, select, textarea, button  {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10pt;
}
body {
	margin: 0; 
	padding: 0; 
}
p { line-height: 1.5em; }
h1+p,
h2+p,
h3+p {
	margin-top: 0;
	padding-top: 0;
}
hr {
	height: 1px; 
	padding: 0px; 
	border: 1px solid; 
}
ul {
	margin-top: 0; 
	padding-top: 0px; 
}
ul li {
	list-style: outside; 
}
ol li {
	margin: 15px 0;
}
input, button {
	padding: 0 3px; 
}

a img { border: none; }



/* General Headings */
h1 {
	margin: 0px;
	padding: 10px 0 0 0;
	border: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: -1px;
}
h2 {
	margin: 0px;
	padding: 10px 0 0 0;
	border: none;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 18px;
	font-weight: bold;
	line-height: 22px;
	letter-spacing: -1px;
}
h3 {
	margin: 0px;
	padding: 10px 0 0 0;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	margin: 0;
	padding: 7px 0 0 0;
	font-size: 12px;
}



/* Custom Headings */
#announcements h1 {
	margin: 0;
	padding: 10px 15px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size: 22px;
	font-weight: normal;
	line-height: 22px;
	letter-spacing: -1px;
}



/* Structure */
#wrapper {
	margin: 0;
	padding: 0;
}
#header {
	padding: 0;
	display: none;
}
#pm { display: none; }
#content {
	margin: 0;
	padding: 5px 40px;
}
#footer {
	clear: both;
	margin: 10px 0;
	padding: 1px;
	font-size: 10px;
	text-align: center;
}
#progressContainer, #loadingbox {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 300px;
	padding: 10px 0;
	margin-left: -150px;
	background: #fff;
	color: #8199da;
	border: 3px solid #8199da;
	text-align: center;
	z-index: 1;
}
#section {
	padding: 5px 12px;
	font-size: 12pt;
	font-style: normal;
	font-weight: normal;
	vertical-align: middle;
	text-align: left;
}
#subsection {
	padding: 2px;
	font-size: 10pt;
	font-weight: bold;
}



/* tab menu */
#tabmenu {
	margin: 0;
	padding: 25px 0 3px 15px;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #D5D3C8;
	background: #EEEAE2;
}
#tabmenu ul { list-style: none; margin: 0; padding: 0; }
#tabmenu ul li { display: inline; margin: 0; list-style: none; }
#tabmenu ul li a {
	padding: 3px 10px;
	text-decoration: none;
	color: #fff;
	background: #B4B19A;
	border: 1px solid #fff;
	border-bottom: none;
}
#tabmenu ul li a:hover { color: #fff; background: #f60; }
#tabmenu .here a {
	padding: 3px 10px;
	text-decoration: none;
	color: #000;
	background: #fff;
	border: 1px solid #D5D3C8;
	border-bottom: 1px solid #fff;
}



/* alt tabs */
.tabs { margin: 0; padding: 10px 0 3px 0; font-size: 12px; font-weight: bold; }
.tabs ul { list-style: none; margin: 0; padding: 0 0 3px 5px; border-bottom: 1px solid #ccc; }
.tabs ul li { display: inline; list-style: none; margin: 0; }
.tabs ul li a { margin: 0 1px; padding: 3px 10px; text-decoration: none; color: #fff; background: #b00; }
.tabs ul li a:hover { color: #fff; background: #f60; }
.tabs .here a { padding: 3px 10px; text-decoration: none; color: #000; background: #f8f8f8; border: 1px solid #ccc; border-bottom: 1px solid #f8f8f8; }
.tabs .options { margin: 0 0 3px 0; padding: 7px 15px; background: #f8f8f8; color: #000; font-weight: normal; }



/* Relo Leads section */
#adminmenu { margin: 0; padding: 0 5px; text-align: right; font-size: 10px; font-weight: normal; background: #EEEAE2; color: #000; }
#adminmenu td { color: #000; }
#adminmenu ul { list-style: none; margin: 0; padding: 0; }
#adminmenu ul li { display: inline; list-style: none; }
#adminmenu ul li a { margin: 0; padding: 3px 7px;  font-size: 10px; text-decoration: none; background: #b00; color: #fff;}
#adminmenu ul li a:hover { color: #fff; background: #f60; }
#adminmenu a.here { margin: 0; padding: 3px 7px; text-decoration: none; background: #f60; color: #fff;}



/* side menu - admin section */
#admin { background: #eee; color: #000; }
#sidemenu { }
#sidemenu h2 { padding: 2px; margin: 20px 0 0 0; border: none; font-size: 12pt; background: #b00; color: #fff; }
#sidemenu ul { list-style: none; margin: 0; padding: 0; border: none; }
#sidemenu li { margin: 0; }
#sidemenu li a { display: block; padding: 5px; text-decoration: none; color: #000; width: 100%; }
html>body #sidemenu li a { width: auto; }
#sidemenu li a:hover { background: #fff; color: #000; }



/* profile page content */
#photo { margin: 0; padding: 5px; width: 150px; }
#photo img { padding: 5px; }



/* Messages */
#msg { margin: 5px; padding: 5px; color: #000; background: #f8f8f8; border: 1px solid #dfdfdf; font-size: 12px; }
#errormsg { margin: 5px 10px; padding: 7px 7px 7px 40px; border-width: 1px 0 1px 0; border-style: solid; border-color: #eaa; background: #fee url("msg_icon_error.gif") 10px 6px no-repeat; color: #c00; }
#okmsg { margin: 5px 10px; padding: 7px 7px 7px 40px; border-width: 1px 0 1px 0; border-style: solid; border-color: #aea; background: #efe url("msg_icon_ok.gif") 10px 6px no-repeat; color: #090; }
#warningmsg { margin: 5px 10px; padding: 7px 7px 7px 40px; border-width: 1px 0 1px 0; border-style: solid; border-color: #eea; background: #ffc url("msg_icon_warning.gif") 10px 6px no-repeat; color: #f90; }
#infomsg { margin: 5px 10px; padding: 7px 7px 7px 40px; border-width: 1px 0 1px 0; border-style: solid; border-color: #ddf; background: #eff url("msg_icon_info.gif") 10px 6px no-repeat; color: #00c; }
.error { font-size: 12px; font-weight: bold; color: #c00; }
.ok {	font-size: 12px; font-weight: bold; color: #090; }
.info { font-size: 12px; font-weight: bold; color: #00c; }
.warning { font-size: 12px; font-weight: bold; color: #f60; }



/* Ad system statuses */
.new { padding: 0px 5px; font-size: 12px; font-weight: bold; color: #0cf; }
.pending { padding: 0px 5px; font-size: 12px; font-weight: bold; color: #f90; }
.completed { padding: 0px 5px; font-size: 12px; font-weight: bold; color: #0c0; }
.accepted { padding: 0px 5px; font-size: 12px; font-weight: bold; color: #1f5ccf; }
.cancelled { padding: 0px 5px; font-size: 12px; font-weight: bold; color: #999; }



/* News Articles */
#article h1 { padding: 10px 0 7px 0; }
#article span.date { font-size: 10pt; font-weight: bold; display: block; color: #000; }
#article span.byline { font-size: 10pt; font-style: italic; color: #666; display: block; }
#article .summary { margin: 0; padding: 15px 40px; font-size: 11pt; font-weight: normal; font-style: italic; color: #444; }
#article .body { margin: 0; padding: 10px 40px; }
#article #tools { text-align: right; }



/* Custom Classes */
.address { font-weight: bold; color: #1f5ccf; }
.price { font-weight: bold; color: #E49700; }
.date, .byline { color: #999; }
.bulletin { color:#c00; text-decoration:none; }
.area { width: 220px; float: left; }



/* data grid */
.datagrid { font-size: 10px; }
.datagrid a { text-decoration: none; color: #0a5096; }
.datagrid a:visited { color: #800; }
.datagrid a:hover { color: #c00; }
.datagrid small { color: #900; font-style: italic; }
.datagrid small a { text-decoration: none; color: #090; }
.datagrid small a:visited { color: #090; }
.datagrid small a:hover { color: #c00; }
.datagrid th, .datagrid .header { padding: 3px 5px; font-size: 12px; font-weight: normal; text-align: left; border: 1px solid #800; background: #b00; color: #fff; }
.datagrid .header a, .datagrid .header a:visited { color: #fff; background: transparent; font-size: 12px; font-weight: normal; text-align: left; }
.datagrid .header a:hover { text-decoration: underline; color: #fff; background: transparent; }
.datagrid td { padding: 4px; border-bottom: 1px solid #c1cdd8; cursor: pointer; }
.datagrid .row1 { border-bottom: 1px solid #ccc; background: #fff; }
.datagrid .row2 { border-bottom: 1px solid #ccc; background: #f8f8f8; }
.datagrid .nav { border-top: 1px solid #000; border-bottom: none; }
.datagrid .nav td { font-size: 11px; padding: 3px; border: none; }



/* simple data grid */
.simplegrid {font-size: 10px;}
.simplegrid a {color: #0a5096; text-decoration: none; }
.simplegrid a:hover {color: #c00;}
.simplegrid small a { text-decoration: none; color: #090; }
.simplegrid small a:hover { color: #c00; }
.simplegrid .header {font-size: 12px; font-weight: bold; color: #000; text-align: left; padding: 3px; border-bottom: 1px solid #000; }
.simplegrid .header td {font-size: 12px; font-weight: bold; color: #000; text-align: left; padding: 3px; border-bottom: 1px solid #000; }
.simplegrid .header a {color: #0a5096;}
.simplegrid .header a:hover {color: #c00;}
.simplegrid .row1 {background: transparent; border-bottom: 1px solid #ccc;}
.simplegrid .row2 {background: #f8f8f8; border-bottom: 1px solid #ccc;}
.simplegrid .td {border-bottom: 1px solid #ccc; }
.simplegrid .nav { padding: 3px; border-top: 1px solid #000;}
.simplegrid .nav td {font-size: 11px;}
.simplegrid .navlink  {text-decoration: none; color: #0a5096;}
.simplegrid .navlink:hover {color: #c00; text-decoration: underline;}



/* data grid  alt */
.grid {font-size: 10px; border: 1px solid #000; }
.grid a {text-decoration: underline; color: #00f;}
.grid a:hover {color: #f00;}
.grid .header {background: #dcdcdc; font-size: 11px; font-weight: bold; color: #000; text-align: left; padding: 3px; border-left: 1px solid #fff; border-right: 1px solid #666; border-bottom: 1px solid #666; }
.grid .header td {background: #dcdcdc; font-size: 11px; font-weight: bold; color: #000; text-align: left; padding: 3px; border-left: 1px solid #fff; border-right: 1px solid #666; border-bottom: 1px solid #666; }
.grid .header a {background: #dcdcdc; font-size: 11px; font-weight: bold; color: #000; text-align: left; padding: 3px;}
.grid .header a:hover {background: #000; font-size: 11px; font-weight: bold; color: #fff; text-align: left; padding: 3px;}
.grid .row1 {border-bottom:1px solid #c1cdd8;}
.grid .row2 {border-bottom:1px solid #c1cdd8; background: #f2f4f8; }
.grid .td {border-bottom:1px solid #c1cdd8;}
.grid .nav {background: #dcdcdc; padding: 3px; border-top: 1px solid #666; margin: 1px; }
.grid .nav td {color: #000;}
.grid .navlink  {text-decoration: none; color: #000;}
.grid .navlink:hover {background: #000; color: #fff; text-decoration: underline;}



/* rolodex search */
.rolodexSearch td{background: #b0c4de; font-size: 10px; color: #48576c;}
.rolodexAlpha td{background: #dae3f0; padding: 1px;}
.alpha { list-style: none; display: inline; margin: 0; padding: 0; }
.alpha li { display: inline; margin: 0; padding: 0 3px; }
#directory .alpha { list-style: none; display: inline; margin: 0; padding: 0; }
#directory .alpha li { display: inline; margin: 0; padding: 0 3px; }
#directory .alpha li a { color: #fff; text-decoration: none;}



/* Relo Leads section */
#btns { text-align: center; }
#infobar { margin: 3px; padding: 2px; color: #00c; text-align: center; }
#toolbar { margin: 3px; padding: 3px; border: 1px solid #ccc; background: #f8f8f8; }



/* rolodex alpha table */
#alphalist td { width: 3%; background: #b0c4de; text-align: center; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; }
table.alphalist { margin: 0; padding: 0; }
	.alphalist td { padding: 2px; background: #b00; color: #fff; border: none; text-align: center; font-size: 10pt; font-weight: bold }
	.alphalist td a { text-decoration: none; color: #fff; display: block; }
	.alphalist td a:hover { background: #f60; width: 100%; text-decoration: none; color: #fff; }
	.alphalist td.here { background: #fff; color: #000; border: none; }
	.alphalist td.here a { color: #000; }


	
/* marketing logos */
#logodl { clear: left; width: 400px; margin: 15px auto; padding: 5px; }
.logo { float: left; width: 48%; margin: 10px 0; padding: 5px 0; font-size: 12px; font-weight: bold; text-align: center; color: #00f; }
.logo img { text-align: center; margin-bottom: 10px; }



/* Forms */
form { margin: 0; padding: 0; }
fieldset { width: 95%; margin: 0 auto; text-align: left; -moz-border-radius: 10px; /* mozilla only */ }
fieldset legend { color: #000; font-weight: bold; padding: 5px; }
form h1 { margin: 15px 0 3px 0; padding: 2px; }
form h2 { margin: 15px 0 0 0; padding: 2px; font-size: 14px; font-weight: bold; color: #b00; border-bottom: 1px solid #ccc; }
form h3 { margin: 15px 0 0 0; padding: 2px; font-size: 14px; font-weight: bold; color: #fff; border: 1px solid #800; background: #b00; }
form small { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #900; font-style: italic; }
form label { font-weight: bold; }
form input.error { border: 1px solid #eaa; background: #fee; }
form .req { color: #c00; }
form .btns { clear: both; margin: 0; padding: 7px; border-bottom: 2px solid #ccc; text-align: right; background: #eee; }
form .opt { position: relative; margin: 4px 0; padding: 5px; background: #eee; }
form .opt strong { color: #555; }
form .section { position: relative; padding: 5px; background: #f8f8f8; }
form .desc { margin: 0; padding: 10px; font-weight: normal; text-align: left; background: #ffc; border-bottom: 1px solid #eee; }
form .gridoptions { text-align: right; background: #c00; border: 1px solid #800; }
form .gridoptions .activebtn { background-color: #f60; }
form .gridoptions a.link { color: #fff; }
form .gridoptions a.link:hover { background: #f60; color: #fff; }
form .actions { vertical-align: top; float: left;  }
form .actions img { padding: 3px 0 0 0; }

table.form { position: relative; text-align:  left; }
	.form th { font-weight: normal; text-align: left; background: #ffe; border-bottom: 1px solid #eee; }
/*	.form th,*/
	.form td { vertical-align: top; border-bottom: 1px solid #eee; background: #f8f8f8; }
	.form td.about { width: 35%; color: #666; }
	.form td.subhead { font-weight: bold; }
	.form td.label { font-weight: bold; text-align: right; padding-right: 7px; vertical-align: top; }
	.form tfoot td { text-align: center; border-style: none; }
	.form input[type="text"] { margin-bottom: 3px; }
	.form textarea { }
	.form ul { margin-top: 0; list-style: none; }
	.form dl dt { font-weight: bold; margin-bottom: 5px; margin-top: 10px; }
	.form dl dd { margin-left: 20px; }
	.form .brokersbox { display: none; }
	.form p { margin: 0 0 6px 0 !important;  padding: 0; }
	html>body .form p { padding: 0 !important; }



/* Custom Form elements */
#pub {}
#adform, #schedule {
	position: relative;
	width: 500px;
	margin: 7px 0px 7px 0px;
}


	
/* Links */
#menu a { color: #fff; }
#menu a:hover { color: #fc0; }



/* Icons */
.icon { width: 64px; height: 84px; margin: 5px; padding: 2px; text-align: center; }
.icon img { border: none; }
.icon a { font-size: 10px; text-align: center; text-decoration: none; color: #000; }
.icon a:hover { color: #f00; }



/* Icon groups */
.icongrp { margin: 0; padding: 5px; }
.icongrp br { clear: both; }
.icongrp div.icon { float: left; }



/* Photo Manager */
.photo, .mainphoto { position: relative; float: left; width: 200px; margin: 5px; padding: 5px; border: 1px solid #ccc; font-size: 12px; font-weight: bold; text-align: center; background: #eee; }
.mainphoto { border: 1px solid #1875E0; background: #4291FF; color: #fff; }
.photo:hover { background: #ffc; }
.photo .image, .mainphoto .image { width: 100%; height: 150px; margin-bottom: 2px; text-align: center; }
.photo div.options, .mainphoto div.options, .mlsphoto div.options, .mlsmainphoto div.options { margin: 5px; text-align: left; font-size: 10px; font-weight: normal; }
.mainphoto div.options a { color: #cff; }
.photo span.name, .mainphoto span.name { text-align: right; width: 180px; }
.mainphoto span.name { color: #fff; }
.photo span.del, .mainphoto span.del { position: absolute; bottom: 5px; right: 5px; width: 16px; }
.photo a, .mainphoto a, .mlsphoto a { cursor: pointer; }

.mlsphoto, .mlsmainphoto { position: relative; float: left; width: 110px; margin: 5px; padding: 5px; border: 1px solid #ccc; text-align: center; background: #eee; }
.mlsphoto .image, .mlsmainphoto .image { width: 100px; height: 100px; text-align: center; }
.mlsmainphoto { border: 1px solid #1875E0; background: #4291FF; color: #fff; }

#listinginfo { width: 100%; margin: 25px 0 5px 0; padding: 0 0 5px 0; border: none; font-size: 10px; text-align: center; background: #f8f8f8; color: #000; }
#listinginfo h2, #openhouse h2 { margin: 0; padding: 2px 0; border: none; text-align: center; font-size: 14px; background: #e8e8e8; color: #000; }
#listinginfo strong { color: #b00; }
#listinginfo .price { font-size: 10px; font-weight: bold; color: #E49700; }
#listinginfo img { padding-top: 5px;}
#openhouse { margin: 10px 0; padding: 0 0 5px 0; border: none; font-size: 10px; text-align: center; background: #f8f8f8; color: #000; }

table.simplelist {
	padding: 0px 15px 5px 15px;
}
	.simplelist th,
	.simplelist td { padding: 5px; border-bottom: 1px solid #e8e8e8; font-size: 11px; }
	.simplelist td.headline a { font-weight: normal; text-decoration: none; }
	.simplelist td.date { text-align: right; color: #666; }
	


/* Paging Controls for .NET */
.pagingcontrol {
	margin: 5px 0;
	text-align: right;
}
.pagingcontrol * {
	vertical-align: text-top;
}



/*
	Login Page 
*/
#loginbox {
	float: left;
	width: 250px;
	margin: 10px 0 0 10px;
	text-align: center;
}
#logincontent {
	margin: 0 10px 10px 310px;
	padding: 0;
}

/* Login Box */
.login th {
	padding: 5px 3px;
	border: none;
	background: #b00;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}
.login td {
	padding: 1px;
	font-size: 11px;
}
.login input[type="submit"] {
	padding: 0 5px;
	border: none;
	font-weight: bold;
	color: #000;
}

#helpstar { display: none; }

/* hide main menu and personal links on login page. */
body#loginpage .mainmenu,
body#loginpage #pm { display: none; }



/* 
	Home Page 
*/
#column1 {
	float: left; 
	width: 66%;
}
#column2 {
	float: right;
	width: 33%;
	margin: 0 1px;
}
#welcome {
	color: #000;
	margin: 5px 10px;
	padding: 10px;
}



/*
	elements to hide
********************************************************/
#livehelp { display: none; }
.mainmenu { display: none; }
#adminmenu { display: none; }
#reportlist { display: none; }
.navmenu { display: none; }
.no-print { display: none; }