/** These are the two things from style-layout.css that we want to apply to printing... **/
#tagline {
	margin-top: 20px;
	margin-right: 20px;
	height: 60px;
	float: right;
}
#tagline2 {
	height: 80px;
	float: right;
}

/** Do page break before any divs with a style of "newPage" or "pageBreak" **/
.newPage, .pageBreak {
	page-break-before: always;
}

/** we swap out the transparent png for one with a printable background **/
#logo {
	display: none;	
}
#printLogo {
	float: left;
	margin-top: -80px;
	display: block;
	width: 400px;
	background: #fff;
}
#mainContent {
/*	margin-top: -40px; */
}

/** The rest is just for printing **/
body,p,td,th,input,textarea,a,a:hover,a:visited {
	color: #000 !important;
}
input,textarea,submit,select {
	border: 1px solid #999 !important;
}
table {
	border: 1px solid #ddd;	
}
table th {
	background: #eee;
	border-bottom: 2px solid #000;
}
table td {
	border-bottom: 1px solid #000;
	border-right: 1px solid #000;
}
#wrapper3 {
	background: #fff;
}
#sidebar, #sidebarNav, #sidebarNav2, #watermark, #greeting, #footer ul, #tagline {
	display: none;
}
#wrapper1, #wrapper2, #wrapper3 {
	border: none;
}
#pageContent {
	margin-left: 5px;
}
#pageContent, #mainContent {
	clear: both;
	float: none;
}

#title {
	display: none;
}

a:link, a:visited {
	color: #520;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
}

/** Show and hide **/
.noPrint {
	display: none;
}
.hide {
	display: none;
}
#footer p {
	display: none;
}
#footer .printFooter {
	display: block;
	text-align: left;
}


/** Trying to get tables to print properly in FireFox **/
.reportTable {
	clear: both;
	float: none;
}
#propertyReportTable {
	clear: both;
	float: none;
}

/** for property page **/
.expandCollapseAll {
	display: none;
}
.groupingContentTitle {
	top: 0px;
	border: none;
}
.reportTable, .groupingContent {
	display: block;
	clear: both;
	float: none;
}

/** List everything that has a float in the main stylesheet **/
.redLeftCorner,
.blueLeftCorner,
#homeLoginLeft,
#homeLoginLeft .textFieldLabel,
#homeLoginLeft #loginRight,
#loginPage .textFieldLabel,
#sidebar,
.editLink,
.checkboxgroup,
.expandCollapseAll,
.noteText ,
#tagline,
#tagline2,
#sidebar ,
.homeLeft,
.homeRight, 
#prevLink ,
#nextLink,
#imageData #imageDetails,
#imageData #bottomNavClose
{
	float: none !important;
}

/** have table headers repeat on every page when printed **/
thead {
	display:table-header-group;
}
tbody {
	display:table-row-group;
}

#pageContent table {
	width: 99%;
	float: none !important;
}
#navRow2 {
	display: none;
}

#searchResultsScroll, .searchResultsTable, #propertySortableTable {
	clear: both;
	float: none !important;
}

/** Stuff for printing maintenance requests, affects other stuff as well... **/

#maint_requests_single_content table
{
	border: 1px solid #999;
	width: 100%;
}
#maint_requests_single_content table td {
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
}

#maint_requests_single_content h3 {
	margin-top: 5px;
}

#maint_requests_single_content, 
#maint_requests_single_content td
{
	font-size: 10px; 
}

#footer .printFooterImagesRight {
	float: right; 
	margin-top: 18px;
}
#maint_requests_single_content #tenant_email_message,
#maint_requests_single_content .menuButtons,
#maint_requests_single_content input[type=button],
#maint_requests_single_content th,
#maint_requests_single_content td a,
#footer .printFooterImages
{
	display: none;
}

#footer {
	margin-top: 0px;
}
#footer .printFooter {
	margin: 2px;
}

#wrapper3 {
	padding: 0;
}
