body {
	background: none;
}

#header {
	display: none;
}

#navigation {
	display: none;
}

#body {
	background: none !important;
}

#main {
	float: none;
	padding: 0;
	width: 100%;
}

#sidebar {
	display: none;
}

#tip_banner {
	display: none;
}

#feedback {
	display: none;
}

#footer {
	display: none;
}

/* these are needed to stick the footer to the bottom of the page; thanks https://stackoverflow.com/a/21043407/462162 */
html, body, #page, #body, #main, #main_inner, form, #songs_list {
	height: auto; /* 100% adds a blank page after every page, but 99% falls well short of the bottom */
}
#page.set_list_share_set_list .set_list_share_page, #page.smart_list_share_set_list .set_list_share_page, #page.set_list_share_songs .set_list_share_page, #page.smart_list_share_songs .set_list_share_page {
	position: relative;
	height: 100%;
}
#page.set_list_share_set_list #songs_list .set_list_footer, #page.smart_list_share_set_list #songs_list .set_list_footer, #page.set_list_share_songs #songs_list .songs_list_footer, #page.smart_list_share_songs #songs_list .songs_list_footer {
	/* this aligns the bottom of the footer with the bottom of the table, so it overlaps the last line of the table
	   we could set the bottom to the inverse of the height of the footer, but then it would still be below the table rather than at the bottom of the page
	   so just removing this code does the same thing
	position: absolute;
	bottom: 0;
	*/
	width: 100%;
}

/* we're doing this in stage_plot_layout_edit.php so it doesn't affect the set list share pages:
	@page {
		margin: 0;
	}
*/

#page.stage_plot_layout_edit #content_view {
	/* we're doing this programatically in stage_plot_layout_edit.php:
	transform: scale(1.0);
	width: 100%;
	height: 100%;
	*/
	background-image: none !important;
}

.debug {
	display: none;
}

/* make this darker in printouts */
.row_colored {
	background-color: #E3E3E3;
}