Typesetter/include/css/additional.css

.gpclear {
	clear: both;
}

body .messages {
	position: absolute;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 11010;
	height: 0;
	overflow: visible;
	margin-top: -1px;
}

body .messages * {
	text-align: left;
	margin: 0;
	padding: 0;
	font-weight: normal;
	color: #333 !important;
}

body .messages > div {
	position: relative;
	width: 700px;
	min-width: 220px;
	max-width: calc(100% - 40px);
	min-height: 36px;
	max-height: 250px;
	margin: 0 auto;
	display: block;
	background-color: #FEF9B0;
	border: 1px solid  #f2e098;
	border-top: 0 none;
	box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
	border-radius: 0 0 7px 7px;
	resize: both;
	overflow: auto;
	overflow-x: visible;
	overflow-y: auto;
}

body .messages ul {
	margin: 0;
	padding: 4px 15px;
}

body .messages li {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-family: -apple-system, BlinkMacSystemFont,
		"Segoe UI", Helvetica, Arial, sans-serif,
		"Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	line-height: normal;
	line-height: 24px;
	text-decoration: none;
	float: none;
}

body .messages li li {
	list-style: disc;
	margin-left: 2em;
}

body .messages .msg_controls {
	display: block;
	position: absolute;
	position: sticky;
	top: 1px;
	right: 1px;
	margin: 0 0 0 auto !important;
	z-index: 2;
}

body .messages a.close_message,
body .messages a.copy_message {
	position: absolute;
	top: 0;
	text-decoration: none !important;
	font-weight: bold !important;
	color: #666 !important;
	font-size: 17px !important;
	display: none;
	border: 0 none !important;
	height: 24px;
	width: 24px;
	box-sizing: border-box;
}

body .messages a.close_message {
	right: 0;
	background: url('../imgs/cancel.png') 50% 50% no-repeat;
}

body .messages a.copy_message {
	right: 24px;
	background: url('../imgs/copy.png') 50% 50% no-repeat;
}

body .messages a {
	color: #111 !important;
	text-decoration: underline !important;
}

body .msg_buttons {
	white-space: nowrap;
}

body .msg_buttons a {
	display: inline-block;
	border-radius: 3px;
	padding: 0 8px;
	margin: 6px 6px 4px;
	text-decoration: none !important;
	border: 1px solid rgba(0,0,0,0.15);
	background: rgba(0,0,0,0.075);
}

.contactform {
	margin: 0;
	width: 50%;
}

.contactform div.captchaForm {
	padding: 0;
	margin: 0;
}

.contactform label {
	width: 98%;
	display: block;
	float: left;
	clear: left;
	margin: 5px 0;
}

.contactform label span.title {
	width: 30%;
	display: block;
	float: left;
	margin-right: 10px;
}

.contactform input,.contactform textarea {
	padding: 5px;
}

.contactform input {
	float: left;
	width: 60%;
}

.contactform textarea {
	height: 180px;
	width: 98%;
}

.contactform .submit {
	width: 50%;
	cursor: pointer;
	margin: 12px 0;
	float: right;
}


.STCLASS .req_script {
	display: block !important; /* needs to be block and not inherit for IE */
}

.STCLASS .without_script {
	display: none !important;
}


.siteinfo {
	font-size: 85%;
}

.siteinfo a {
	text-decoration: none;
}

.siteinfo li {
	list-style: none;
}


.clear {
	clear: both;
}

.sitemap_xml {
	float: right;
}

.nodisplay {
	display: none;
}


div.GPAREA:after {
	content: '';
	display: block;
	height: 0 !important;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/* for IE7... does not validate */
div.GPAREA {
	zoom: 1;
}

/* clearfix */
.cf:before,
.cf:after {
	content: '';
	display: table;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1
}


/**
 *	Typesetter Grid (floating, like Bootstrap 3)
 *	12-columns, percent based widths, 15px side padding
 *
 *	CLASSES:
 *	gpRow -> for wrappers
 *	gpCol-1 - gpCol-12 -> for grid sections
 *
 *	all columns render full width below 768px viewport width
 */

.gpRow img {
	max-width: 100%;
	height: auto!important;
}

/* Prevents height distortion in IE<=8 */
@media screen {
	.gpRow img {
		width: auto;
	}
}

/* MEDIA QUERIES / BREAKPOINTS */

@media (min-width: 768px) {

	.gpRow {
		margin-left: -15px;
		margin-right: -15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gpRow:before,
	.gpRow:after {
		content: '';
		display: table;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gpCol-1,  .gpCol-2,  .gpCol-3,
	.gpCol-4,  .gpCol-5,  .gpCol-6,
	.gpCol-7,  .gpCol-8,  .gpCol-9,
	.gpCol-10, .gpCol-11, .gpCol-12 {
		float: left;
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		margin-bottom: 15px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.gpCol-1   { width: 8.33333333%; }
	.gpCol-2   { width: 16.66666667%; }
	.gpCol-3   { width: 25%; }
	.gpCol-4   { width: 33.33333333%; }
	.gpCol-5   { width: 41.66666667%; }
	.gpCol-6   { width: 50%; }
	.gpCol-7   { width: 58.33333333%; }
	.gpCol-8   { width: 66.66666667%; }
	.gpCol-9   { width: 75%; }
	.gpCol-10  { width: 83.33333333%; }
	.gpCol-11  { width: 91.66666667%; }
	.gpCol-12  { width: 100%; }

}


/**
 * Make Bootstrap buttons selectable for editing
 *
 */
.gp_editing .btn {
	-webkit-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}


/**
 * Search results
 *
 */
ul.search_nav_bottom {
	list-style: none;
}

ul.search_nav_bottom li {
	display: inline;
}

ul.search_nav_bottom li > * {
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.search-matches-count {
	font-size: 82.5%;
	font-weight: normal;
}

.search-matches-count:before {
	content: '(';
}

.search-matches-count:after {
	content: ')';
}