.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: ')'; }