/* {{pp-template}} */

.banner-shell {

	border-collapse: separate;

	border-spacing: 4px;

}



.banner-shell-header {

	text-align: center;

	font-weight: bold;

}



.banner-shell-inner {

	padding: 2px 4px;

	background: #fffaef;

	border: 1px dotted gray;

}



/* For tmboxes inside banner-shell */

.banner-shell .tmbox {

	margin: 2px 0;

	/* TODO: Still needed? Probably at least for .mbox-small */

	width: 100%;/* For Safari and Opera */

}



/* "small" tmboxes should not be small when also "nested", so reset styles that

 * are set in tmbox.css.

 */

.banner-shell .tmbox.mbox-small { 

	line-height: 1.5em;

	font-size: 100%;

}



/* hide things that should only display outside shells */

.banner-shell-inner .banner-shell-outside {

	display: none;

}





@media (min-width: 720px) {

	.wpbs {

		width: 80%;

	}

}



.wpbs .assess {

	width: 60px;

	text-align:center;

}



.wpbs .banner-shell-header {

	border: none;

	padding: 0.25em 0.9em 0.25em 0;

}



/* This selector needs to have three classes because wpbm.css will come after

 * the shell CSS. Possibly .wpb-header will be the only class in the future in

 * which case we will still need at least two.

 */

.wpbs .wpb .wpb-header {

	display: table-row;

}



/* hide the header icon when banner expanded */

.wpbs .wpb:not(.mw-collapsed) .wpb-header-icon a {

	display: none;

}