/*
 Composr
 Copyright (c) ocProducts, 2004-2016
*/

/*
This is Composr's main CSS file. It defines colours, re-used styles, and core styles for core functionality.

The CSS is written to CSS3/HTML5 standards. Parts that are still considered experimental on some browsers are surrounded using the Tempcode 'BETA_CSS_PROPERTY' symbol, which automatically injects CSS prefixes for all major browsers.

Most sizes are defined in 'em' units. 1em is roughly 10px, depending on font size. If a size is not defined in 'em' then it is probably due to it being dependent on the size of some related image.
'em' units are great because they scale very well. If you reduce the font size, the spacings will reduce as well, in proportion.

left and right usually resolve to left and right respectively. Right-to-left languages (commonly Arabic and Hebrew) will be the opposite. We only test with Left-to-right, but are likely to accept patches to fix any little glitches that may have developed over time.

When editing theme CSS we recommend you comment out code you're removing and heavily comment your own changes - this will make it much easier for you to upgrade your theme to new versions. Composr minifies outputted CSS, so there is no performance penalty for doing this.
*/

/*
=========================
========Colours==========
=========================
*/

/* Used to initiate equations (although running the Theme Wizard replaces these with what the user chooses - which is how it works) */



/*Theme seed is: 426aa9*/

/* The fundamental website */





/* Colours to mirror UI conventions (i.e. non-thematic) */












 /* Google adwords style */



/* Colours to mirror human understandings (i.e. non-thematic) */











/* For standard elements */








/* Borders */





/* Backgrounds (quiet a variety, as we need to be able to stack them, to have both hover and active effects, to have zebra striping, and various other levels of perceived focus) */














/* Backgrounds, employing color wheel theory */





/* Text */








/* Text, employing color wheel theory */




/* Special colour for box titles */





/* Special colour for code/quote boxes */





/* Drop down menus should look 'above' the site */



/* Global-level messages should stand out compared to other styling */
 /* Intentionally coloured on all themes */


/* Footer */



/* Used for image generation */

 /* We always want the light source coming from the top */
 /* We always want the light source coming from the top */
  /* We always want the light source coming from the top */
 /* We always want the shadows at the bottom */









/* Range of bright varying colours */
















/*
=========================
===Overridden Elements===
=========================
*/

html {
	overflow-y: scroll; /* This makes rendering smoother, no jerk when browser realises a scrollbar is needed, or between pages with/without */
}

html, body {
	border: 0;
	text-size-adjust: none;
	-o-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-moz-text-size-adjust: none;
}

body, .email_body, textarea, input, td, th {
	/* 'Open Sans' is a Google font, and only will be enabled if uncommented in HTML_HEAD.tpl -- so normally it is Segoe UI (Windows, newer version of Tahoma) or Tahoma that is active (available on Windows and Mac since Leopard) or a similar humanist sans-serif font */
	font-family: 'Open Sans', 'Segoe UI', Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

tt, kbd, samp {
	font-weight: bold;
	font-size: 1.15em;
	word-wrap: break-word;
}

abbr {
	border-bottom: 1px dotted; /* For Safari, which does not have it by default */
	text-decoration: none;
	cursor: help;
}
a abbr {
	cursor: pointer;
}

/* Give all browsers a 'q' tag with smart quotes */
q:before {
	content: "\201c";
}
q:after {
	content: "\201d";
}

/* Reapply default styles non-HTML5-aware browsers */
details, aside, header, footer, nav, article, section, figure, figcaption {
	display: block;
}

textarea, input, code {
	font-size: 1em;
}

/* Our little 'typing' effect, shows a keyboard when focusing input fields */
/*Doesn't look good in IE10 input[type="text"]:focus, input[type="password"]:focus {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAQCAQAAABezYzpAAAAbElEQVQoU82O0Q3AIAhEHVAXa+jvDSGD1S2oVSEQ+99COBSfF1L6cZx4kpaS0/limOAK2UwZWTHqV0Fdxa6zx86O1TGqo/Q84YDJ5iNr5rDmvNRP9WW3mBzdyPbZ3Q4UxXL/UZAxezHVTN/FDYKQtaDwwoMuAAAAAElFTkSuQmCC') right center no-repeat #ffffff;
}
input[type="text"][size="6"]:focus, input[type="text"][readonly="true"]:focus {
	background-image: none;
}*/

/* Normally a browser default, but gets inherited on some phones */
input[type="text"], input[type="password"], input[type="color"], input[type="email"], input[type="number"], input[type="range"], input[type="search"], input[type="tel"], input[type="url"], textarea, select {
	background-color: #ffffff;
	color: #000000;
}
input[type="text"]:disabled, input[type="password"]:disabled, input[type="color"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="range"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="url"]:disabled, textarea:disabled, select:disabled {
	color: gray;
}

a, .button_hyperlink {
	color: #123d7b;
}
a:visited {
	color: #113871;
}
a:hover, .button_hyperlink:hover {
	color: #051225;
}

h1, h2, h3, .faux_h2 {
	font-weight: normal;
	color: #325180;
	border-bottom: 1px solid #c1cee3;
}
h1 {
	font-size: 1.6em;
	margin-top: 0.27em; /* Consistency with boxes (so gap between header and content is consistent), but rationalised against higher em font size */
}
h2, .faux_h2 {
	font-size: 1.3em;
}
h3 {
	font-size: 1.1em;
	letter-spacing: -0.75px;
}
h3 a, h3 a:hover {
	text-decoration: none;
}
h4 {
	font-size: 1em;
	color: #325180;
	font-weight: bold;
}
/* An iframe screen */
.opens_below h1 {
	display: none;
}

td, th {
	vertical-align: top;
	padding: 0.25em;
}
th>p:first-child, td>p:first-child, th>h2:first-child, td>h3:first-child {
	margin-top: 0;
}
th>p:last-child, td>p:last-child {
	margin-bottom: 0;
}
th, .fake_th {
	background-color: #426aa9;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
.table_header_sorting {
	float: right;
}
.columned_table[itemprop="significantLinks"] tbody tr th, .columned_table[itemprop="significantLinks"] tbody tr .fake_th { /* itemprop is for precedence */
	background-color: #7f9ac5 !important;
	color: #ffffff !important;
	text-align: left;
}
th a, th a:hover, th a:visited, .fake_th a, .fake_th a:hover, .fake_th a:visited {
	color: #ffffff;
}
thead>tr>th, .boxless_space .box>table>thead>tr>th, .pte_set_box .box>table>thead>tr>th {
	background-color: #426aa9;
	color: #ffffff;
	background-repeat: repeat-x;
}
.light_table th, .light_table .fake_th, .light_table thead>tr>th, .light_table .boxless_space .box>table>thead>tr>th, .light_table .pte_set_box .box>table>thead>tr>th {
	background-color: #8daede;
}
.box>table>thead>tr>th {
	background: #dce2eb;
	color: #2a3d5a;
}
.box thead>tr>th a {
	color: inherit;
}
/* .de_th makes a th look like a td, yet allows us to use correct markup */
td, th.de_th {
	color: #0d1522;
	font-weight: normal;
	text-align: left;
	font-weight: normal;
	border: 0;
}
table[border="1"] td, table[border="1"] th.de_th { /* To make WYSIWYG easier */
	border: 1px solid;
}
th.de_th {
	background-color: transparent;
	background-image: none;
}
th.de_th a, th.de_th a:hover, th.de_th a:visited {
	color: #0d1522;
}

hr {
	height: 0;
	border: 0;
	border-bottom: 2px dotted #a2b6d5;
	text-align: left; /* Fixes difference with Opera */
}

img {
	border: 0; /* Some (older?) browsers imply a border for linked images */
}

blockquote {
	margin: 1em 0;
}

iframe {
	padding: 0;
	margin: 0;
	border: 0;
}

/*input[type="text"],textarea {  So Comcode can be typed
	unicode-bidi: bidi-override;
	direction: ltr;
}*/
#wysiwyg_editor input[type="text"], #wysiwyg_editor textarea {
	unicode-bidi: normal;
	direction: ltr;
}




/* Cool effect to change how text selection looks; not valid CSS, but is safe */
.website_body ::selection {
	background: #ffffc9;
}
comcode-::selection ,comcode-, tempcode ::selection {
	background: #007A00;
}

/* Stop Chrome breaking our datalist display with an arrow */
input.input_username::-webkit-calendar-picker-indicator {
  display: none;
}

/*
=========================
======Global Layout======
=========================
*/

/* Consider .website_body as 'body': it is just we cannot put our styles directly on body because sometimes this gets used in things we should not mess with such as the WYSIWYG editors frame (which is #wysiwyg_editor) and e-mails */
body.website_body {
	padding: 0 !important;
	margin: 0;
	color: #0d1522;
	background-color: #ffffff;
}
body.website_body.frame {
	background: transparent; /* Don't assume too much for a frame, it may be nested inside a box for example */
}



body.website_body, #wysiwyg_editor {
	font-size: 13px; /* Note that the font sizer may override this (FONT_SIZER.tpl) */
}
#wysiwyg_editor {
	margin: 0;
	color: #0d1522;
	background-color: #ffffff;
	user-select: text !important;
	-o-user-select: text !important;
	-webkit-user-select: text !important;
	-ms-user-select: text !important;
	-moz-user-select: text !important;
}

body#main_website {
	margin: 0;

	/* To stop it scaling down if we are applying "width=device-width" and forcing a page to displaying non-mobile */
	
		min-width: 1000px;
	
}

body#main_website #main_website_inner .global_middle_outer {
	min-height: 450px;
}

/* If not #main_website, it'll be one of these (the names correspond to the templates used) */
body#basic_html_wrap {
	margin: 0;
}
body#standalone_html_wrap {
	margin: 0;
}

header {
	background-color: #ffffff;
}

header h1 {
	margin: 0;
	
	border: 0;
}

.global_banner {
	text-align: center;
	background: url('install.php?type=themes/default/images/banner_frame.png') center top no-repeat;
	position: relative;
	
	padding-top: 6px;
	padding-bottom: 3px;
}

.global_banner + .logo_outer {
	margin-top: 0;
}

.text_banner {
	width: 13.5em;
	font-family: 'Arial', sans-serif;
	background-color: #ffffff;
}
.text_banner a {
	font-size: 1.3em;
	display: block;
}

.text_banner_l_text {
	color: #008000;
	font-size: 0.9em;
}

.logo_outer {
	display: block;
	margin: 0;
	overflow: hidden;
}
.logo_outer a, .logo_outer img {
	display: block;
}
.logo_outer .logo {
	width: 100%;
	height: auto;
	padding: 0; /* Only needed because some external CSS may mess with the common name of ".logo" */
}

.global_navigation {
	border-top: 1px solid #6b81a1;
	border-bottom: 1px solid #6b81a1;
	background-color: #345495;
	background-image: linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -o-linear-gradient(top, #5a85c5, #345495) !important;background-image: -o-linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -webkit-linear-gradient(top, #5a85c5, #345495) !important;background-image: -webkit-linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -ms-linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -moz-linear-gradient(top, #5a85c5, #345495) !important;background-image: -moz-linear-gradient(to bottom, #5a85c5, #345495) !important;
	color: #ffffff;
	
	min-height: 3.4em;
}

.global_navigation_inner {
	overflow: hidden;
	
}

.global_navigation .top_buttons, .global_navigation .top_form {
	padding: 0.5em 0;
	margin-right: 1em;
	float: right;
}

.global_navigation .top_buttons {
	
		margin-left: 1.3em;
	
	margin-top: 1px; /* To force it align correctly with the form in a different block (which is taller) */
}

.global_navigation .top_form.top_search {
	margin-top: 3px; /* To force it align correctly with the form in a different block (which is taller) */
}
.global_navigation .top_form * {
	vertical-align: middle;
}

.global_navigation .top_login .horizontal_links {
	margin-left: 0.5em;
	width: auto;
	padding-top: 2px; /* To force it align correctly with the form in a different block (which is taller) */
}

.global_navigation .top_login .horizontal_links a {
	color: inherit;
	text-decoration: none;
}
.global_navigation .top_login .horizontal_links a:hover {
	text-decoration: underline;
}

/* This is applied to the screen title, which is specially included on each screen; in the case of Comcode pages it is the first level 1 title. The screen title is by default an h1, but we define the styles separately so we can style this special title independently (there are lots of cool things we could do to it) */
.screen_title {
	margin-top: 0.35em;
	margin-bottom: 0.8em;
	min-width: 300px;
	padding-bottom: 6px; /* For better alignment with breadcrumbs to the right */
}
.screen_title li span {
	display: block;
}

/* .hero_section is specially designed to wrap around a title and some text, to give a 'hero' introduction for the front page of a site (standard marketing technique) */
.hero_section {
	background-image: linear-gradient(to bottom right, #ffffff, #ebebeb);
	background-image: -o-linear-gradient(top right, #ffffff, #ebebeb);background-image: -o-linear-gradient(to bottom right, #ffffff, #ebebeb);
	background-image: -webkit-linear-gradient(top right, #ffffff, #ebebeb);background-image: -webkit-linear-gradient(to bottom right, #ffffff, #ebebeb);
	background-image: -ms-linear-gradient(to bottom right, #ffffff, #ebebeb);
	background-image: -moz-linear-gradient(top right, #ffffff, #ebebeb);background-image: -moz-linear-gradient(to bottom right, #ffffff, #ebebeb);
	font-size: 1.25em;
	color: #0d1522;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /* Choose better font for larger text */
	padding: 2em 3em;
	margin-bottom: 3em;
	position: relative;
	left: -0.8em; /* So is flush to borders, undoes page padding */
}
#wysiwyg_editor .hero_section {
	left: 0;
}
.hero_section h1 {
	font-size: 2.6em;
	margin-bottom: 0.1em;
	text-decoration: none;
	border-bottom: none;
	color: inherit;
}
.hero_section * {
	margin-top: 0;
}
.hero_section .hero_button a:visited, .hero_section .hero_button a:link, .hero_section .hero_button a:active, .hero_section .hero_button a:hover, .hero_section .hero_button a.user_link:link, .hero_section .hero_button a.user_link:active, .hero_section .hero_button a.user_link:hover {
	text-decoration: none;
	padding: 0.5em !important;
	background-image: none !important; /* Will be overridden below if linear-gradient supported by browser */
	background-position: 0 0 !important;
	margin-bottom: 1em;
	background-image: linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -o-linear-gradient(top, #5a85c5, #345495) !important;background-image: -o-linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -webkit-linear-gradient(top, #5a85c5, #345495) !important;background-image: -webkit-linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -ms-linear-gradient(to bottom, #5a85c5, #345495) !important;
	background-image: -moz-linear-gradient(top, #5a85c5, #345495) !important;background-image: -moz-linear-gradient(to bottom, #5a85c5, #345495) !important;
	font-size: 0.9em;
}

.global_breadcrumbs {
	padding: 7px 0 7px 0;
	
		
		
			float: right; /* Sits beside title on non-fixed width */
		
		margin-left: 0.5em;
	
}
.global_breadcrumbs abbr, .global_breadcrumbs a, .global_breadcrumbs span {
	white-space: nowrap !important;
}


.non_accessibility_redundancy .breadcrumbs {
	width: 100%;
}

.breadcrumbs {
	font-weight: bold;
}

.breadcrumbs .sep:after, .associated_breadcrumbs .sep:after {
	content: " \00A0\00BB " !important;
	display: inline-block;
	font-size: 0.9em;
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50.00)";
}
.breadcrumbs .sep:last-child:after, .associated_breadcrumbs .sep:last-child:after {
	content: "" !important;
}

.breadcrumbs_img {
	margin-right: 4px;
}

.breadcrumbs_img, .breadcrumbs span .breadcrumbs_img a {
	vertical-align: middle;
}

.title_tagline {
	font-size: 0.95em;
	padding-bottom: 2em;
	color: #2a3d5a;
}
h1 + .title_tagline {
	margin-top: -1.2em;
}

body#main_website #main_website_inner, html>body div.global_middle_faux {
	background-color: #ffffff;

	/* Want to set a tiled background?
		Uncomment the code below
		Try this Google search to get image ideas http://www.google.co.uk/search?tbm=isch&q=tile+background
		Find how to edit the referenced "inner_background" theme image by doing an Admin Zone search for "inner_background"
	*/
	/*background: url('themes/default/images/inner_background.png');*/
}

.main_website_faux {
	background-color: #e3eaf6 !important;
}

.global_middle_outer {
	margin-top: 0.8em;
	overflow: visible !important;
}
/* We normally hide stuff with overflow:hidden, but some share buttons use absolute positioned layers that need to escape our box */
.global_middle_outer:after {
	content: "";
	display: table;
	clear: both;
}

	
		.zone_running_ .global_middle_outer {
			margin-top: 0; /* Splash page style design, tighter spacing */
		}

		.zone_running_ .global_side_panel {
			margin-top: 0.8em;
		}
	


.global_middle {
	/*overflow: hidden; Breaks Safari so we'll let the surrounding element contain floats*/

	margin-bottom: 1em;

	
		/* Add some spacing. This will be overwritten to 1.5em in rules below if we have panels */
		padding-left: 1em;
		padding-right: 1em;
	
}

.zone_running_docs .comcode_page {
	line-height: 1.35em;
}
.zone_running_docs .comcode_page img:not([width]):not([height]) {
	max-width: 100%;
	height: auto;
}



body.popup_spacer {
	padding: 1em !important;
}
body.popup_spacer h2 {
	margin-top: 0;
}

#panel_bottom {
	
		margin: 0 1em;
	
	
}

#panel_top .cns_member_bar_etc { /* Should not be flush with site borders (but the menu above it will be, so don't do the whole panel */
	
		margin: 0 1em;
	
	
}

#panel_left {
	float: left;
	
		margin-left: 1em;
	
	
}

#panel_right {
	float: right;
	
		margin-right: 1em;
	
	
}

.global_side_panel {
	word-wrap: break-word;
	-o-word-wrap: break-word;
	-webkit-word-wrap: break-word;
	-ms-word-wrap: break-word;
	-moz-word-wrap: break-word;
	
		width: 13em;
	
	
	color: #3d434c;
}
.global_middle_faux>.global_side_panel {
	width: auto;
}


	/* Spacing around middle column if it adjoins panels */
	#panel_left ~ .global_middle {
		margin-left: 13em;
		padding-left: 3.5em;
	}
	#panel_right ~ .global_middle {
		margin-right: 13em;
		padding-right: 3.5em;
	}


.global_side_panel h2 {
	border-bottom: 1px solid;
	text-transform: lowercase;
	font-weight: normal;
	width: 50%;
	padding-left: 10px;
	margin-left: 10px;
}

.global_side_panel .hide_if_in_panel {
	display: none;
}
.hide_if_not_in_panel {
	display: none;
}
.global_side_panel .hide_if_not_in_panel {
	display: block;
}

.global_messages {
	margin: 0 1em;
}
.global_middle_faux .global_messages {
	margin: 0; /* Probably inside a frame, hence already indented outside said frame */
}

.global_message {
	min-height: 21px;
	margin-top: 0.75em;
	margin-bottom: 1em;
}

.global_message span, .global_message img {
	vertical-align: middle;
}
.global_message strong {
	text-shadow: 1px 0px 0px #c4cdd9;
	font-weight: normal;
}
.global_message img {
	margin-right: 0.5em;
	float: left;
}
.global_message>span, .global_message>p {
	margin-left: 22px;
	padding-left: 0.5em;
	padding-top: 3px;
	display: block;
}
.global_message>p {
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}

footer {
	background-color: #345495;
	margin-top: 2em;
	background-image: linear-gradient(to bottom, #6b81a1, #607490);
	background-image: -o-linear-gradient(top, #6b81a1, #607490);background-image: -o-linear-gradient(to bottom, #6b81a1, #607490);
	background-image: -webkit-linear-gradient(top, #6b81a1, #607490);background-image: -webkit-linear-gradient(to bottom, #6b81a1, #607490);
	background-image: -ms-linear-gradient(to bottom, #6b81a1, #607490);
	background-image: -moz-linear-gradient(top, #6b81a1, #607490);background-image: -moz-linear-gradient(to bottom, #6b81a1, #607490);

	color: #ffffff;
	
		box-shadow: 0 0 2px 2px #8ba4ca;
	-o-box-shadow: 0 0 2px 2px #8ba4ca;
	-webkit-box-shadow: 0 0 2px 2px #8ba4ca;
	-ms-box-shadow: 0 0 2px 2px #8ba4ca;
	-moz-box-shadow: 0 0 2px 2px #8ba4ca;
	
	
		padding: 1.5em;
	
}

footer .button_hyperlink, footer a, footer a:visited, footer .horizontal_links {
	color: #ffffff;
}

footer a:hover, footer .button_hyperlink:hover {
	color: #8ba4ca;
}



footer .global_footer_left {
	
		float: left;
	
}

footer .footer_button_loading {
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40.00)"; display: inline-block;/*Needed for IE8*/
}

footer .global_footer_left .horizontal_buttons {
	width: auto;
	white-space: nowrap;
	margin-top: 0;
	font-size: 0; /* Fixes wrapping problem */
	
}



footer .global_footer_left .horizontal_buttons>li:first-child {
	padding-left: 0 !important;
}
footer .global_footer_left .horizontal_buttons>li {
	padding-left: 8px !important;
}

footer .su_form *, footer .special_page_type_form * {
	vertical-align: middle;
}

footer .su_form input[type="text"] {
	border: 0;
}

footer .special_page_type_form select, footer .special_page_type_form select option.label {
	color: #545454;
}

footer .special_page_type_form select option {
	color: #000000;
}

footer .global_footer_left .horizontal_buttons, footer .su_form, footer .special_page_type_form {
	
		float: left;
		padding-right: 14px;
	
}
footer .global_footer_left .horizontal_buttons {
	margin-top: 5px;
}
footer .su_form, footer .special_page_type_form {
	margin-top: 6px;
}

footer .global_footer_left img {
	vertical-align: middle;
}

footer .global_footer_left #special_page_type {
	width: 8em;
}

footer .global_footer_right {
}

footer .invisible_ref_point {
	position: absolute;
	width: 0;
}

footer .global_copyright {
	
		text-align: center;
	
	
}

footer .global_minilinks {
	padding-bottom: 0.3em;
	font-size: 0.9em;
	white-space: nowrap; /* Stops logout link wrapping around in Firefox 3.6 */
	
		text-align: center;
	
	margin-right: 3em; /* Make tidy gap away from the font sizer */
}

footer .global_minilinks .footer_links {
	width: auto;
	font-size: 1.1em;
	
}



footer .global_minilinks a, footer .global_minilinks .button_hyperlink {
	white-space: nowrap !important; /* So works on mobiles */
	text-decoration: none;
}
footer .global_minilinks a:hover, footer .global_minilinks .button_hyperlink:hover {
	text-decoration: underline;
}

/*
=========================
==With Special Meanings==
=========================
*/

.webstandards_checker_off { /* Membership of this class is used as a tag to turn off the webstandards checker */
	display: inline-block; /* To stop it breaking text-align: center */
	width: 100%;
}

.textarea_scroll { /* Turns off word-wrapping for a textarea: this has to be done using JavaScript so that the invalid 'wrap' property isn't written into the XHTML */
}

.leave_native_tooltip { /* No automatic tooltips on this element */
}

body .accessibility_hidden { /* Contents should be made visible (or interpreted) for accessibly representation but hidden for normal visual display */
	/* Shift it out of the viewport */
	position: absolute;
	top: -256000px;
	left: 0;
	opacity: 0; /* So browser doesn't waste resources rendering (cannot use visibility, Mac Voiceover will not pick up on it) */
	display: block; /* stops browser bugs where it interacts with the layout flow incorrectly */
}
.email_body .accessibility_hidden {
	display: none;
}

.non_accessibility_redundancy { /* Contents should be skipped by screen readers */
	
}

/*
=========================
=====Reusable Styles=====
=========================
*/

/* All floats within this will be contained to it */
.float_surrounder {
	overflow: hidden;
}

/* Commonly used to indicate there is no content to display */
.nothing_here, .more_here {
	font-size: 13px !important; /* px not em due to careful background positioning */
	padding-left: 15px !important;
	margin: 1.5em;
	margin-left: 10px !important;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAGCAYAAAARx7TFAAAAM0lEQVQI12PYFuP+HIj/A/F2IGZD5zPAACkKK2AS2PgwRfVQwWRsfAYoB4QTsPEJKwACAHOZUgsBt+TNAAAAAElFTkSuQmCC');
	background-position: left center;
	background-repeat: no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.nothing_here, .more_here {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAJ0lEQVQoz2PYFuP+H4QZkAA2MQZsCpAVYRMb1UiMxhGpAVc6IxS8AMahrXGimkZaAAAAAElFTkSuQmCC');
		background-size: 9px 6px;
	}
}

/* Used for styling the 'last edited' information */
.edited {
	font-size: 0.85em;
	padding-left: 2em;
	font-style: italic;
}
div.edited {
	margin: 2em 0;
}

/* Usage guide: Use on the immediate surrounding element, and make sure that there is no loose text inside (put that in a span) */
.vertical_alignment, .vertical_alignment>* {
	vertical-align: middle !important;
}

/* Used to align inline images to the top of the rendering context */
.top_vertical_alignment, .top_vertical_alignment * {
	vertical-align: top;
}

/* Used to align a back to top image beside screen item buttons */
.back_to_top_by_buttons {
	padding-top: 4px;
}

/* Used to align next to a floated button(s) */
.vertical_alignment_buttons {
	line-height: 1.9em;
}


/* Makes an item of media (e.g. an image) get framed nicely. NB: We do not use this for galleries (which are more elaborate), although that has similar styling with .gallery_grid_cell */
.media_box {
	margin: 1.5em 0;
	text-align: center;
}
.media_box a {
	outline: 0;
}
.media_box>a>img, .media_box>img {
	border: 1px solid #6b81a1;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-shadow: 3px 3px 10px #6b81a1;
	-o-box-shadow: 3px 3px 10px #6b81a1;
	-webkit-box-shadow: 3px 3px 10px #6b81a1;
	-ms-box-shadow: 3px 3px 10px #6b81a1;
	-moz-box-shadow: 3px 3px 10px #6b81a1;
}
.media_box>a>img:not([width]):not([height]), .media_box>img:not([width]):not([height]) {
	max-width: 100%;
	height: auto;
}

.scale_down { /* Membership of this class is used as a tag to turn on image scale-to-fit */
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.scale_down:not([width]):not([height]) {
	max-width: 100%;
	height: auto;
}

/* Used in a few places to make member links stand out */
a.fancy_user_link em {
	text-shadow: 2px 2px 2px #8497b3;
	padding: 4px 0;
	letter-spacing: 1px;
}
a.fancy_user_link, a.fancy_user_link:visited, a.fancy_user_link:hover {
	font-size: 1em;
	font-weight: bold;
	border: 1px dashed #8497b3;
	border-left: 0;
	border-right: 0;
	display: block;
	background-color: #dce2eb;
	margin-bottom: 7px;
	text-decoration: none;
	padding: 2px 2px !important;
}
.post_poster a.fancy_user_link, .post_poster a.fancy_user_link:visited, .post_poster a.fancy_user_link:hover {
	display: inline-block;
}
a.fancy_user_link:hover {
	border-color: #4b5a71;
	background-color: #f2f5f9;
}

/* A button styled to look like a link */
body input.button_hyperlink, body input.button_hyperlink:hover {
	border-style: none !important;
	background-color: transparent !important;
	background-image: none !important;
	/*font-weight: bold !important;*/
	border-radius: 0 !important;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	cursor: pointer !important;
	text-align: left !important;
	vertical-align: baseline !important;
	/*color: inherit !important;*/
	text-decoration: underline;
}

/* Used to make a button look more like an icon - i.e. undoes button-face styling */
.button_icon {
	background: none;
	border: none;
	cursor: pointer;
}

.help_icon {
	cursor: pointer;
	margin-left: 0.5em;
}

/* Makes a link tag (a) look like it's not anything special (we use these tags as tab points sometimes) */
.non_link,
.non_link:visited,
.non_link:hover {
	color: inherit !important;
	text-decoration: none !important;
	cursor: inherit !important;
	font-size: 1em !important;
}

.trinav_wrap {
	overflow: hidden;
	background-image: linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -o-linear-gradient(top, #ebebeb, #ffffff);background-image: -o-linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff);background-image: -webkit-linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -ms-linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -moz-linear-gradient(top, #ebebeb, #ffffff);background-image: -moz-linear-gradient(to bottom, #ebebeb, #ffffff);
	
		margin-bottom: 2em;
	
	border-radius: 20px;
	-o-border-radius: 20px;
	-ms-border-radius: 20px;
	-moz-border-radius: 20px;
	color: #325180;
}
.trinav_wrap.nograd {
	background-image: none;
}

/* Used e.g. for "paginating" through the calendar (i.e. infinite pagination left/right) */
.trinav_left, .trinav_mid, .trinav_right {
	margin: 1em 0 2em 0;
}
.trinav_left {
	float: left;
	
		margin-left: 2em;
		margin-right: 1em;
	
	
	text-align: left;
}
.trinav_mid { /* Used for putting a button in the middle of the left/right pagination, for example */
	text-align: center;
}
.trinav_mid.text {
	
		padding-top: 6px;
	
	
}

	.trinav_mid.text>span:before {
		content: "(";
	}
	.trinav_mid.text>span:after {
		content: ")";
	}

.trinav_right {
	float: right;
	
		margin-left: 1em;
		margin-right: 2em;
	
	
	text-align: right;
}

/* An inline avatar */
.embedded_mini_avatar {
	width: 0.9em;
	height: 0.9em;
	vertical-align: bottom;
	cursor: pointer;
	border: 1px solid #6b81a1;
}

/* Error/status messages */
span.red_alert, a.red_alert, strong.red_alert, em.red_alert {
	color: #cc0000;
	font-weight: bold;
}
div.red_alert, p.red_alert, .inline_wip_message {
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 1em 1em 1em 40px;
}
div.red_alert, p.red_alert {
	border: 1px solid #ff8888;
	background: url('install.php?type=themes/default/images/icons/24x24/status/notice.png') 0.6em 0.75em no-repeat #fff2f2;
	overflow: hidden;
}
.inline_wip_message {
	border: 1px solid #4b5a71;
	background: url('install.php?type=themes/default/images/icons/24x24/status/notice.png') 0.6em 0.75em no-repeat #eaeff6;
	color: #0d1522;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	div.red_alert, p.red_alert {
		background-image: url('install.php?type=themes/default/images/icons/48x48/status/notice.png');
		background-size: 24px 24px;
	}
	.inline_wip_message {
		background-image: url('install.php?type=themes/default/images/icons/48x48/status/notice.png');
		background-size: 24px 24px;
	}
}

.field_name {
	font-weight: bold;
}

/* Used when a label is the only thing in front of a textarea/list */
.lonely_label  {
	margin-bottom: 0.2em !important;
	display: block !important;
	font-size: 1.1em !important;
}
.lonely_label+ul, .lonely_label+ol, .lonely_label+p {
	margin-top: 0.2em;
}

/* Used for a little 'X comments' box, but with the comments bit showing as an HTML tooltip */
.comment_count:empty {
	display: none;
}
.comment_count {
	display: inline-block;
	white-space: nowrap;
	border: 1px dotted #4b5a71;
	background-color: #ffffff !important;
	text-align: center;
	width: 1.1em;
	font-size: 0.9em;
	position: relative;
}
.associated_links_block_group>li .comment_count {
	top: 2px;
}
.comment_count:hover {
	border-right-color: transparent;
}
.comment_count strong {
	background-color: #ffffff !important;
}
.comment_count span {
	display: none;
	padding-right: 2px;
	background-color: #ffffff !important;
}
.comment_count:hover span {
	display: inline-block;
	position: absolute;
	padding-left: 0.3em;
	margin-top: -1px; /* Brings it up to the 1px dotted borders level (need to do as out of flow) */

	/* Similar styles to tooltips */
	background-color: #f2f5f9;
	border: 1px dotted #4b5a71;
	z-index: 1000;

	border-left: 0;
}

th.metadata_title {
	font-weight: bold !important;
}

.help_jumpout {
	padding: 0.5em 0;
	padding-left: 50px;
	background: url('install.php?type=themes/default/images/help_jumpout.png') no-repeat left center;
}

.help_jumpout p {
	margin: 0;
}

.being_dragged {
	font-style: italic;
}

.img_thumb { /* Membership of this class is used as a tag to turn on the thumbnail blend effect */
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70.00)";
}
.img_thumb:not([width]):not([height]) {
	max-width: 100%;
	height: auto;
}
.img_thumb:hover, body.touch_enabled .img_thumb, .img_thumb_opaque .img_thumb {
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
	transition: opacity 0.2s linear !important;
	-o-transition: opacity 0.2s linear !important;
	-webkit-transition: opacity 0.2s linear !important;
	-ms-transition: opacity 0.2s linear !important;
	-moz-transition: opacity 0.2s linear !important;
}
.img_thumb_opaque .img_thumb {
	transition: none !important;
	-o-transition: none !important;
	-webkit-transition: none !important;
	-ms-transition: none !important;
	-moz-transition: none !important;
}

/*
=========================
=========Boxes===========
=========================
*/

/* Boxes, which most blocks use to wrap their output */

.box {
	border: 1px solid #6b81a1;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;

	margin: 1em 0;

	/* Want to change the tiled background?
		Try this Google search to get image ideas http://www.google.co.uk/search?tbm=isch&q=tile+background
		Find how to edit the referenced "block_background" theme image by doing an Admin Zone search for "block_background"
	*/
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQAAAAClFBtIAAAAAnRSTlMAAHaTzTgAAAAQSURBVHgBY+EAQgEWBRYHAAHyAJX9QpExAAAAAElFTkSuQmCC');
	background-color: #eaeff6;
	/* If the browser supports gradients, we'll put a nice box-filling gradient in here instead */
	background-image: linear-gradient(to bottom, #eaeff6, #d9e1ee);
	background-image: -o-linear-gradient(top, #eaeff6, #d9e1ee);background-image: -o-linear-gradient(to bottom, #eaeff6, #d9e1ee);
	background-image: -webkit-linear-gradient(top, #eaeff6, #d9e1ee);background-image: -webkit-linear-gradient(to bottom, #eaeff6, #d9e1ee);
	background-image: -ms-linear-gradient(to bottom, #eaeff6, #d9e1ee);
	background-image: -moz-linear-gradient(top, #eaeff6, #d9e1ee);background-image: -moz-linear-gradient(to bottom, #eaeff6, #d9e1ee);

	overflow: hidden;
}
td>.box, .right .box:first-child:last-child, .left .box:first-child:last-child {
	margin: 0;
}
/* Accordion boxes don't have margins */
.box___standardbox_accordion {
	margin: 0 !important;
}
/* Don't do margins for boxes at the end of frames */
/*#standalone_html_wrap>div>.box:first-child {	Actually we want this, due to how .fp_col_block has been written
	margin-top: 0;
}*/
#standalone_html_wrap>div>.box:last-child {
	margin-bottom: 0;
}

/* Don't let boxes on side panels get too much styling (focuses the eye away) */
.global_side_panel .box, .box.nested {
	background-color: #f4f4f4;
}
.box.nested {
	border: 1px solid #c1cee3;
}
.global_side_panel .box_inner>h1, .global_side_panel .box_inner>h2, .global_side_panel .box_inner>h3, .global_side_panel .box_inner>h4, .global_side_panel .box_inner>h5, .global_side_panel .box_inner>h6, .global_side_panel .box>.toggleable_tray_title {
	background-image: none;
}

.box>.box_inner, .box>.toggleable_tray {
	margin: 5px; /* not em so that header may be positioned properly */
}
.boxless_space .box>.box_inner, .boxless_space .box>.toggleable_tray {
	margin: 0;
}
.email_body .box .box_inner { /* Outlook.com does not support margins or complex use of the sibling selector */
	margin: 0;
	padding: 5px; /* not em so that header may be positioned properly */
}

.box_inner>h1, .box_inner>h2, .box_inner>h3, .box_inner>h4, .box_inner>h5, .box_inner>h6, .toggleable_tray_title, #standalone_html_wrap .box .box .box_inner>h2, #standalone_html_wrap .box .box .box_inner>h3 {
	border-top-left-radius: 3px;
	-o-border-top-left-radius: 3px;
	-ms-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-o-border-top-right-radius: 3px;
	-ms-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	background-color: #426aa9;
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAaCAIAAABKLomcAAACh0lEQVRIDQXBAQ0CQBAEsW7yKtGDNHTd0O7z/QEAAAAAAAAAAAAAAAAAgCettWYVZsm2UIatwCxWYRuCRjGaBbGRsK1iW/UqnJyYWFAhaasGJIRCxKpsq9uW0qxqSOM0q8NLIgahAAArBACAAgIVKqAyAqopgFdhSGAEAAABYCAwAiOAgTQC46ARTyEQMCEYASCAmNqWYwRlAwEcGBHjwMvVYK2FADjGgRET2KGA0yy4LGEGRIyIgdehWB0EMERiBBbBYXYx40SylUkLA0HZOPCupiyIkBEBI9LSCG2OqdQMoUYL6GAU0zWD111sEmYpSGAoUJTRquk2UhBD4yIAMQoQXmW6jLSgAAAFBCFTlIEzQsIIDJSlkeBVAoFiAEhLYCBGwlDNrJrKhsqGxFBGiL3rZgkjRkya0bVNABEQtNxa0sCJqRajGJU2WU9VaMpoIRREBRmBKVM0S0FDqIxjjSjYuizvLjLacuPQLJbENlJg7WQGrjA1KAaZ2GVYtYqlVwdN18iIhIxQAVgOqhHEwLUtN4vk2nYSglivEkIsDcQQFGAQiAmAkCQkCJIYMSSvO2YERTEjYoRsgjLM1QxGjBLWmpWhjAbH0KuMK8QszY5V1hJbESKTcWtVZlAgJHaSxRLT2bxKASiZLmScgDRYonEsB0gLaykYCSFshfKqGIhBmhUBTIE0EDhGMI6piBEUIygwXhUxQpqpDARiBC4bSBMjgRAj0ijNABCvQkAaCUQMIBCjlI0gkE0xAghIADFeBTSxMFiCAAAEQgBGFAGAWQIwULwyWg6aKRwAI8CmjGZpI43aVggx47SW2HQAe0kSm5y2NBjUsQ0qWgqNglDFKDLVqBGrgEx/reEkQdOGPiEAAAAASUVORK5CYII=');
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #5a85c5, #345495);
	background-image: -o-linear-gradient(top, #5a85c5, #345495);background-image: -o-linear-gradient(to bottom, #5a85c5, #345495);
	background-image: -webkit-linear-gradient(top, #5a85c5, #345495);background-image: -webkit-linear-gradient(to bottom, #5a85c5, #345495);
	background-image: -ms-linear-gradient(to bottom, #5a85c5, #345495);
	background-image: -moz-linear-gradient(top, #5a85c5, #345495);background-image: -moz-linear-gradient(to bottom, #5a85c5, #345495);
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	font-size: 1em;
	border: 0;
	letter-spacing: 0;

	/* .box_inner set us in the wrong position, so fiddle around a bit to move us back to be flush */
	margin: -5px 0 5px -5px;
	padding: 0.4em 5px 0.4em 5px;
	width: 100%;
}
.box_inner>h2>.right .button_screen {
	vertical-align: top;
}
.box.box_prominent>.box_inner {
	margin: 0;
}
.box.box_prominent>.box_inner>h2 {
	padding: 0.8em;
	margin: 0;
	text-align: left;
	font-size: 1.15em;
	font-weight: normal;
}

.box_inner>h1 a, .box_inner>h2 a, .box_inner>h3 a, .box_inner>h4 a, .box_inner>h5 a, .box_inner>h6 a, .toggleable_tray_title a, .box_inner>h1 a:visited, .box_inner>h2 a:visited, .box_inner>h3 a:visited, .box_inner>h4 a:visited, .box_inner>h5 a:visited, .box_inner>h6 a:visited, .toggleable_tray_title a:visited {
	color: inherit;
	text-decoration: underline;
}
a.toggleable_tray_button { /* Override above for toggleable_tray_button */
	text-decoration: none !important;
}
.box_inner>h1 a:hover, .box_inner>h2 a:hover, .box_inner>h3 a:hover, .box_inner>h4 a:hover, .box_inner>h5 a:hover, .box_inner>h6 a:hover, .toggleable_tray_title a:hover {
	color: #cccccc;
}
.boxless_space .box_inner>h1 a:hover, .boxless_space .box_inner>h2 a:hover, .boxless_space .box_inner>h3 a:hover, .boxless_space .box_inner>h4 a:hover, .boxless_space .box_inner>h5 a:hover, .boxless_space .box_inner>h6 a:hover, .boxless_space .toggleable_tray_title a:hover {
	color: inherit;
}

/* If we want a box to stand out less, give it 'pale_box' */
.pale_box.box, .pale_box .box {
	border: 1px solid #c1cee3 !important;
}
.pale_box.box h2, .pale_box .box h2, .pale_box.box h3, .pale_box .box h3 {
	background-color: #dce2eb !important;
	background-image: none;
	color: #2a3d5a !important;
}

/* If you want to mark a region as box-less, wrap a div with class 'boxless_space' around it -- it'll invoke a very different kind of modern styling */
.boxless_space .box {
	background: none;
	border: none !important;
	padding: 0;
	margin: 1em 0; /* Big margin, necessary as the boxes have no border around them */
	border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
}
.frame>.boxless_space .box:first-child {
	margin-top: 0; /* No top margin for boxes in a frame */
}
.boxless_space>.box:last-child {
	margin-bottom: 0; /* No margin on the last box */
}
.boxless_space .fp_col_blocks_wrap .box {
	margin: 0.5em 0; /* Half-sized margins for the fake-columns on front pages, as the overflow blocks margin collapsing */
}
.boxless_space .box>.box_inner {
	margin: 0;
}
.boxless_space .box>.box_inner>h1, .boxless_space .box>.box_inner>h2, .boxless_space .box>.box_inner>h3, .boxless_space .box>.box_inner>h4, .boxless_space .box>.box_inner>h5, .boxless_space .box>.box_inner>h6, .boxless_space .box>.toggleable_tray_title {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAABSlBMVEUAAAAgBKkgBqogBKkgCKsgBKkgCKshDK4gBKkgCKshDK4gBKkgBqohDa8gBKkgBqohDrAgBKkgCKshDK4hDa8hDrAhD7AjE7MjFrUjFrYjGrcjGrkkHbokH7skIb0lJcAlJsElLMYmKcImMcgmMsonMcgpNcspO84pPNAqLMQqNssqQdMqQtQrFrMrG7crJr0rJ78sMcYtILktO84vQ9MwS9kxUd0yI7o0LME3Qc43SdQ4Utw6WeE+Qs1AS9NDT9ZDV9xEXuFGZeVJMr1OPMRPQshSWdhTX91UZeFUa+VVcepXQcVXQ8ZkU85lWNFla99mcONmdudmeupof+1ogu98geh9het9iO59i/B9jfJ/kPR/kfSIiOqIjOuXnPSXnfWXn/aXoPiYo/m0tf60tv60t/+0uf+0uv+2q/W2rfbW0//W1P/59f////9ggJguAAAAEXRSTlMAEBBgYLCwsMDAwNDQ0PDw8OnD9HwAAADYSURBVBgZbcGxTgJBEIDhf3b3iNxBTAwFRqTxDaws9cmpbfQJqCzExJjoAXvc3cy41Pp98IdwFsPsnpe9KYUAUj/eJkDfNkeHCDJ/WguFXC52PURoHm6scDVtZh89iThZDlKAuy8vsiaq1UmKxZefrQ85Ma17Kbh692JS5wQ5SwHXW3fPgQC73BXAXdflTyGBt1MRAV7dszsRqo6guuJ5HNtvbYfE4NaeUmDjow1mPQLNNFVRgri5DoeWCGMVHNzNdOz2TgR6Ce5mqnrcGwhnMc6D+I+O/O8X8kh8jqIHIoIAAAAASUVORK5CYII=') no-repeat !important;
	color: #262155 !important;
	text-align: left;
	font-size: 15px;
	margin: 0.5em 0 !important;
	font-family: Arial;
	padding: 1px 0 2px 21px !important;
	width: auto;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 0;
	-o-border-radius: 0;
	-ms-border-radius: 0;
	-moz-border-radius: 0;
}
.global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6,
.boxless_space .box .box>.box_inner>h1, .boxless_space .box .box>.box_inner>h2, .boxless_space .box .box>.box_inner>h3, .boxless_space .box .box>.box_inner>h4, .boxless_space .box .box>.box_inner>h5, .boxless_space .box .box>.box_inner>h6 {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAACA0lEQVR42q2U30vbcBTF9yfsT2ur9AdsWthKjCFgqA/Vp7RYFDdYE1gXUSymQu1QUsYUtA8GLH1QYc1gm2zudWywh+1xT2c3BzLSLL554dP0nnu+h9u06QMA9wJfkpVpVMrCQIDumCR8T01mCXsyiAEPhUltbwPDD2P8/PN7iuHHMWruBkJP6E0GxUN+mQcWgm83CL6HfEbwgxDpqZuHFkIvw1KCJks7DZx+GuH0ZoSzL8Kt8DXGLXXODbfBzeJB0T3B1nkP3UsP+9fCOyEQ3scIqHO+ddFDZp33rRwP8ovPdLSGu7B8YSSMhcsOwrKvO7CvOuypj+hDydaRaVb8eBAeWUsw37RgnrRQHwrnFuoXFqKqj9lTlzl9jx2DW00FFV5oMF6voeoJx2tYPmti2W8iXtJTlzl9hVcaspvTQRSedGpQ+itY8FagHq9CHa4iWaJz/rRXQ9ZW0oPybQ1zroG5voF5r4r5kypixV50zgu7WmqQH37WbEtBfnsRxa6GYl9HydMRVekte+oFdxE5R6FfzvnTX39Tgp5XkHupILejYNZdwOyBypD8kYr8ocp+xuU89NEv58r//SCjrXJtmjGzJ3SFfV7ZM6T9b5vJnY+IfGaauJkjbPMweHWocy6+1EckFsbNuDYP2BEMoC7z9Ic2UdE9GzBwM4IBA9Hv/Bu5F/4CzuUSRYPcmsgAAAAASUVORK5CYII=') no-repeat !important;
	color: #214f55 !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.boxless_space .box>.box_inner>h1, .boxless_space .box>.box_inner>h2, .boxless_space .box>.box_inner>h3, .boxless_space .box>.box_inner>h4, .boxless_space .box>.box_inner>h5, .boxless_space .box>.box_inner>h6, .boxless_space .box>.toggleable_tray_title {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAGeUlEQVR4Xs2YXWhdxRbH/zP7pIkmqW0pFivcaEVo/YBAWy32QoQiUlptUTSiVeKDqGBN8OOhtA8HQXzxQgIVRB96BIV7H8QWVARRbh70IkUtCKIPlh6EgqY2Hz1fOXtmrXvWLOZk6MmRtHnQBcPM3pSsX//rP2vmbMPM+DtFAVcYQ9m/hwGMAZB5pAvANIAzAEpl/5jMKw5RaKUgAlGUJSSMATKDuJZV0Doq7jmuywCKLbDS6oEU5CCASVkKxOD6Ptz/wBbs2bcFd+/ux+Ag0sClS8A3X1Xxxafn8PknZzE/W49wAjbRAjt5dUAKIyDjAjKwrhfPvnQXRp/ejCuJ/5TO453Jb3Fprg021YKaWDmQgqwDIBIfkLLs3jOEl1/bhf6BVNsV0LBO1Qrwr+JpfP3lObAnATslPmyBza3U1ApTsLh33y14/tXtyB0wN4/OsOgMQke8eGwnevoKmP7sLNj4A3AkOQ52UaizTAJzz303Y+zwjiU1jLkqhZCYvXT8O/zvi3Ng5wFHHeUrLGPgcSnThk0D2PvoNsxXmprdJEAmkcd0A6EUSoEY2PvIVvz0wwXM/l4BM4+3cv5XjN6tZJOS1GQW+5+8EzkDecUBJgLZJaWsJjXLEHGkoKQNMCkcAw8euh3vTZ4OeZhIKnIyLVnaZ05Iqa7/xzo88eJOhbBGQQRUnxPFENcpjWblZE2sXMwKRowP3voeM7/OgcWcjp6OfSpVqBiS2gzbdt6IhYoPQDYTIBIgHVmikgGOHR7E68crKZAqxGmTpLCOgzxj2/YbMHN+AcZnYMNFAAqUHAdD4h0Z1228FtVarmrYJRBrEjgB1cDRFwZw5M2FBIp09gmEzBGMOOSA1XwgMyQMcsxEhaRcMBHAWtQCkA1D30eQLJYyvI/xxitrMf76bNvATJoYLGC+DaLvKYAYa8GWQl5WhokINKxGVa/UFh0URiAZKAQfKVzml3yVIQ1MHV2PZ4oXNblf8gv7AKHPLkLFvxPz0nDqoREhViiDas3BiBICY1UVU5B1UEZ9ZdH2UxrvFjfg0JELWh4iUIBRAHasaqlKl1nCjHRse91JFvUGwQZlMlVFsJ2oAy2ZzJbledl4/42NeHjiNwXxCsEKCHY6w/l2PjbU2RjTpleZa6Cnfw2QM0zBwnpVCwUKMCZAEcDoGh9ObsL+586DRRHvAKeqkPMBKq832/nS/IXlToKFi3UMSF0LBRjPAQw9GYzLApQtALo78Kfx8dubseepMtQ3Hsg9VCVGdbaONMzlCnECNf97Bb1rr9H/GVlt0KzeA+swZNW83QMjTwqMglAAIrDOWJipIQ3uKBlzmyxfdKjO19Ez0Av4TD1EUM+wriFV9Ogaux4vq4EVSD0UyuWRV5vIG67jrEuBpsNOYwYzwbBFZaaK/qwA0wNA/BchBMyJtgxfMFgudo6eVc84Ch4iR2rsXOAcKn9U1fCaL8JMp0Bn4HlEkoB0UE6ozdbQd11feDbMwcieCoHKUAa4zm02/NAvurMoAGhi5wBP4bk5VwM1PcCIuWLfOpMClcA8rs3LKhB5oN5E3aJVuj7AAaaHVC0xtFfANO7Y93P77NIhpVIgzhmu1oBfdLrbyLdhNC+X2vc9OUNkiu2eiYQ4DGo45AsNUDNvDQItOvimBzVdWMe47b4fQfK+oe+pqf9O1+KbBqiRK6hAes2j+bgsDJ2nvecTsFIabqtkvQnl4+oizBoP01sITRKZDC3Z1n+K2iYe9dCD1GtyJ1C5+imAJOoQR7hiR2OU+0jrxC0y+SHjDdh6GFHVEKxx4MDugnp6lNjgpVt3nE6bWOINLRPIK0wwtoMaPGz/OJfLbrTU7cY4Ac8fwWpbjxcwCrVVKMNadya9ioifLgtVgoMKURmFyVUxeIVUFbn7nVruti2VptjTuLEEdhEHCsUOzNoQjQBblrwKn/YzgnZk5rbByUWYpfOMPU211DnZDShCTbSgbpKfKuoKBwNt0cR6riEjsLUBCFZVTH5LRyAdXr3Y3nWxZM6fKjdHJ1b6u2wMjkoMKFT7uABIIMjA2gzBZNYs7yEGFCTuXC0TSGHgaOzqfkpnZtzEHSWz1ZteepfpCGYgbSHEUSEtkyizqo8NxgjYkLEClYAInLEdCjFT0vRiz/FlMXDqmdV/jjGmqGDx2tldodiBmVhAiunWXg1Q9w9WxgzLtbPL96HpcDYxr/aD1V8f/wcXLnXhADu4zgAAAABJRU5ErkJggg==');
		background-size: 18px 18px;
	}
	.global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6,
	.boxless_space .box .box>.box_inner>h1, .boxless_space .box .box>.box_inner>h2, .boxless_space .box .box>.box_inner>h3, .boxless_space .box .box>.box_inner>h4, .boxless_space .box .box>.box_inner>h5, .boxless_space .box .box>.box_inner>h6 {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAFSElEQVR4Ac2YbYhVRRjHfzP33LXrWq5JH+xtKxA0sk1J00pWTMwi2Y00o0L0wxKmaEgRZNCLGkQhGlqQH9qiAl/ILcVUKtzsRVhDTUukIFcioUhzc3fVe86ZujzD4x3O3ourQv1heA5zWea3/+d5zswZw/9M/QZqernlNmAOUIqN9K12YB/QKrEfQP8uwHlJIF4E6uUvq/xLLoid/u9aLxVQM7DSgzBoUC2TGibQ2DCe4UOvpy/99OdR2r/fzc7933KquxtSBXsKaLtwIAFZBFBbW2D21Bnce8tE+qMdP+zi3R0b6e7p9WCsErD+AdV5i5swMHZkA/Ob51DIFbgQ9Sa9rNncSseP+wXK8bEvgb/OF6jNw3Bnw+3MnfbwhbeCQ9W6fT1fH9wDsUI1VwUK0lRy5uYGZk2erhAXC4SDde2b6Ti030NJ+ioDCfEmDNTVXcET0x9jQM2AEMBWA6sAkqI6c/YMb2/5gBNdXR6KB4G2SkBHgHpyMGvKA1x71bCwvU0AFYKFIFkY5wfw6+/HWL9zCy4GEjqBG7JAUmTvYGHolUN4qHEa2AAmhFMwS1ZpACIxhNr05Tb+OHFCXEqZK00UAqk7E24dzY3X1KMQFoUw5XPAzBH3s+Hw1sqpcuAUCp375Vgnuw/sDV1SINkG9mLBRDBl3EQGFgqhM1Zhgrk5o2ZIBx3YCGRhcAoVzPWc7uWzjl2QIFApo4F9Hsh3Vk6A7rnjbjAewMrwAKKc/w14csxs8Hpz33soBB4iCQAlpvLb53u+ghjvknScB2InhkYiMLnSu2esOKIg4bBlLi0eFzQFKzrWBs6kCqFDHEvhm9I7qehwCRDTDkwyTUtbwOEwQF6AxowYRSmqM/4ZazA6J3HJ+AVAqOW7VwtQoosLWernPOR3hw9C7IGKABgFkvoRqJE3DQ9ArMAoBJFEY2HpXU/Tl57f9bosHOPhBCpNUbBDR36GxEFR0iZAy1og9UB5Wey6YVeTr4k8kE9dzsizn8PH1yYuoZKe+WK51EuCh3DeLYiLMUd/OyZAMbhiFaAhQwZTWxgoi+ayEERgjMRVjS9RTQu3vaCOKFwCPb09HD/ZBcXzAIoG5BlaN1gXL4/GQ1oPt2byK1TSvO3PQVLmUIzG410nKZ6OqzskNSTpuXxQLdFluTIIKyAKJ2Pt1FfpSy3bntXFU+8QSUoJLi4mnPq7GxdTsYak7X2XERlyNYbCwAL+3eTTZbAKI3Ot963InnU/XexTJCONfZcl4kTv6V7SohNXtMvCtl+JYRGRB8obSV2NJV+T1zrStFm0096f/gblenzrQrS1Y7SIiSV1xbNFkrPiFDHl7yF5MQqQbB3qRiRQJQibN+TykQCVFbf18cPm1eD16CcLALSINVU+xnFcckbh8M+SOtk6ws3VUq/piQxECFRkMCVAgRCanDi1bsYaAGZ9ND/Y1Z3CpAKXONJYYcSd2KcxLt9cl3mgVI4fgUs5U/YsI2cFlFI0sOGRt5i5YR4Q7ugSHS523ik/1JHAnczxI3CJSItb64eyYYPtQ8ACIOe0jjyMDqdgWjvqjjqkSuUIqy7ZDFS4ydqKJ0YB0ZGFIVV3qhxhRec6Tt85HkrbPXMuqnQO0qI+V1NOu484e8iXLgsFjjYMTR5KncKgYMFJMlBYRwri1BkPk/kMqgYkH4oZqHDXx5jKKXOBQwISwLj+fSiG6bN6SgzAMgf+NIAKQRQuTFMVhyrI+csGSz0GTIX6qXqelpR1ksplw6W9jhEwrR/TR8qc1pGCXPx1TBXJhZWRC6sKRS0XVu7iL6z+c/0DAHSduv53CrYAAAAASUVORK5CYII=');
		background-size: 18px 18px;
	}
}
.global_side_panel .boxless_space .box>.box_inner>h1, .global_side_panel .boxless_space .box>.box_inner>h2, .global_side_panel .boxless_space .box>.box_inner>h3, .global_side_panel .boxless_space .box>.box_inner>h4, .global_side_panel .boxless_space .box>.box_inner>h5, .global_side_panel .boxless_space .box>.box_inner>h6 {
}
.boxless_space .buttons_group, .boxless_space .associated_links_block_group, .boxless_space .media_box, .boxless_space .proceed_button {
	text-align: left;
	width: auto;
}

/* ... Dividers within boxless area... */
.boxless_space .box_wrapper + .box,
.boxless_space .box_wrapper + .fp_col_blocks_wrap,
.boxless_space .box + .box,
.boxless_space .box + .fp_col_blocks_wrap,
.boxless_space .fp_col_blocks_wrap + .box_wrapper,
.boxless_space .fp_col_blocks_wrap + .box {
	border-top: 2px solid #6b81a1 !important;
	margin-top: 1.5em;
	padding-top: 0.5em;
}
.boxless_space .box .box + .box, .comments_wrapper .boxless_space .box + .box { /* Nested dividers more subtle */
	border-top: 0 !important;
}
.global_side_panel .boxless_space .box .box + .box {
	padding-top: 0;
}
.global_middle .boxless_space .box .box + .box:before {
	content: "";
	width: 60%;
	display: block;
	margin: 0 auto;
	border-top: 2px dotted #c1cee3 !important;
	padding-top: 0.4em;
}
.comments_wrapper .boxless_space .box + .box:before {
	content: "";
	width: 60%;
	display: block;
	margin: 0 auto 2em auto;
	border-top: 2px dotted #c1cee3 !important;
}
.boxless_space .box + .fp_col_blocks_wrap {
	padding-top: 0;
}

/* Boxes under boxes shouldn't have the title style - would be ugly */

.box .box .box_inner>h1, .box .box .box_inner>h2, .box .box .box_inner>h3, .box .box .box_inner>h4, .box .box .box_inner>h5, .box .box .box_inner>h6, .box .box .toggleable_tray_title, #standalone_html_wrap .box .box .box .box_inner>h2, #standalone_html_wrap .box .box .box .box_inner>h3 {
	background: none;
	color: inherit;
	padding-left: 0;
	font-size: 1.1em;
} /* This rule is not applied to boxes under the top level box in the preview (#standalone_html_wrap) as those should show verbatim */
.box .box .box_inner>h1 a, .box .box .box_inner>h2 a, .box .box .box_inner>h3 a, .box .box .box_inner>h4 a, .box .box .box_inner>h5 a, .box .box .box_inner>h6 a, .box .box .toggleable_tray_title a, #standalone_html_wrap .box .box .box .box_inner>h2 a, #standalone_html_wrap .box .box .box .box_inner>h3 a {
	color: #051225;
}

/* Expanding and contracting, mostly for boxes but not necessarily always */

.toggleable_tray_title_heading {
	min-height: 20px;
}

.toggleable_tray_title {
	font-size: 1.1em;
	font-weight: bold;
	vertical-align: middle;
	margin: 0; /* Outside .box_inner so remove the margin added above */
}

.toggleable_tray_button {
	transition: opacity 0.2s linear !important;
	-o-transition: opacity 0.2s linear !important;
	-webkit-transition: opacity 0.2s linear !important;
	-ms-transition: opacity 0.2s linear !important;
	-moz-transition: opacity 0.2s linear !important;
	outline: 0;
	font-weight: bold;
	text-decoration: none;
	color: inherit !important;
	cursor: pointer;
}

.toggleable_tray_button img {
	float: right;
	margin: 0 0 0 0.3em !important;
}
.box .toggleable_tray_button img {
	margin-right: 0.5em;
}
.toggleable_tray_title .toggleable_tray_button img {
	margin: -2px 0.4em 0 0.4em !important;
}
.toggleable_tray_button img {
	width: 20px;
}
.box .toggleable_tray_title .toggleable_tray_button img {
	width: 20px;
}
.ttb_left_spaced, .ttb_left_spaced div {
	margin-top: 0.3em;
}
.toggleable_tray_button.ttb_left img {
	float: left;
	padding-left: 0 !important;
}
.toggleable_tray_button.ttb_light {
	font-weight: normal;
}

.toggleable_tray {
	overflow: hidden;
}

/* Used very rarely if our toggleable boxes need some extra space at their top) */
.toggleable_tray_pulldown_spacer {
	padding-top: 1em;
}

/* Used in the Setup Wizard constructed block layouts in the start page */

.fp_col_blocks_wrap {
	overflow: hidden;
}

.fp_col_block {
	
		width: 50%;
	
	
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.fp_col_block .pagination {
	float: none;
}
.fp_col_block form + span {
	margin-left: 0;
}

.fp_col_block .box {
	margin-bottom: 0; /* margin-top from boxes below will work instead. This is needed as the "overflow: hidden" stops margin collapsing between the block contents and outside it */
}

.fp_col_block.left {
	padding-right: 0.5em;
}
.fp_col_block.right {
	padding-left: 0.5em;
}
.fp_col_block.left:last-child {
	padding-right: 0; /* Undo padding if actually there is nothing to the right of this */
}

/* Box/title-attached meta details */

.meta_details {
	font-size: 0.9em;
	color: #2a3d5a;
	border-bottom: 1px dotted #c1cee3;
	
		width: 25em;
	
	max-width: 100%;
	padding-left: 0.5em;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
}
.boxless_space .meta_details {
	padding-left: 0;
	margin-top: -0.5em !important;
}

.compacted_subbox_stream h3+.meta_details, .compacted_subbox_stream .newscat_img+.meta_details {
	border-bottom: 0;
	margin-top: -0.8em;
	margin-bottom: 0.5em;
}
.box_inner>h3+.meta_details {
	margin-top: 0;
}

.meta_details a, .meta_details a:visited {
	text-decoration: none;
	color: #0d2d5d;
}
.meta_details a:hover {
	color: #051225;
}

.global_side_panel .meta_details {
	border-bottom: 0;
	padding-left: 0;
	padding-top: 0.5em;
}

/* Overlays are also based on boxes */

.box.overlay {
	box-shadow: 0px 0px 20px #000000;
	-o-box-shadow: 0px 0px 20px #000000;
	-webkit-box-shadow: 0px 0px 20px #000000;
	-ms-box-shadow: 0px 0px 20px #000000;
	-moz-box-shadow: 0px 0px 20px #000000;
}
.box.overlay.lightbox>.box_inner {
	margin: 0;
}
.box.overlay .associated_links_block_group {
	margin: 1em;
}

/* Boxes with arrows on the top */

.box.box_arrow {
	overflow: visible;
	margin-top: 4px; /* 2 +2px gap */
}
.box.box_arrow>span {
	background: url('install.php?type=themes/default/images/1x/box_arrow.png') no-repeat;
	margin-top: -7px;
	display: inline-block;
	width: 13px;
	height: 7px;
	margin-left: 20.2em;
	position: absolute;
	right: 13px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.box.box_arrow>span {
		background-image: url('install.php?type=themes/default/images/2x/box_arrow.png');
		background-size: 13px 7px;
	}
}

/*
=========================
========Spacing==========
=========================
*/

/* These are short hand for defining very common layout patterns. They are quasi-semantic in that they tie into Composr's visual language. */

.not_too_tall {
	max-height: 30em;
	overflow: auto;
}

.horizontal_scrolling {
	overflow: auto;
	padding-right: 1px; /* For non-aligning table borders */
}

.tiny_paragraph {
	margin: 0.3em 0;
}

.whitespace_visible {
	overflow: auto;
	outline: 0;
	white-space: pre-wrap !important;
}
.whitespace_visible.code {
	font-family: 'Courier New', 'Courier', monospace;
}

.standard_indent {
	padding-left: 4em;
}

.mini_indent {
	padding-left: 2em;
}

hr.spaced_rule {
	margin: 2em 0;
}

/* Used to indicate something showing underneath, in conjunction with an arrow image */
.arrow_ruler {
	text-align: center;
}

.inline_block {
	text-align: left;
	display: inline-block;
}

.inline_block .wide_table_wrap { /* Fixes Firefox bug */
	overflow-x: visible;
	overflow-y: visible;
}

.inline {
	display: inline;
}
.left {
	float: left;
}
.left.float_separation {
	margin-right: 1em;
}
.right {
	float: right;
}
.right.float_separation, .inline.spaced {
	margin-left: 1em;
}
@media screen and (max-width:800px) {
	.left.responsive {
		float: none;
	}
	.left.responsive.float_separation {
		margin-right: 0;
	}
	.right.responsive {
		float: none;
	}
	.right.responsive.float_separation {
		margin-left: 0;
	}
	.responsive>.box {
		width: auto !important;
	}
}

.inline_lined_up {
	white-space: nowrap;
}

.inline_lined_up>* {
	white-space: normal;
	display: inline-block;
}

/* Something being shown for previewing, on its own so needs focus */
.lonely_preview {
	text-align: center;
}

/* Used to align stuff horizontally, i.e. force a gap between separate bits */
.horiz_field_sep, ul.horizontal_links.horiz_field_sep {
	padding-left: 0.8em;
}
.horiz_field_sep, .horiz_field_sep_rightward {
	display: inline-block !important; /* Side-effect: stops internal wrapping */
}
.horiz_field_sep_rightward {
	padding-right: 0.8em; /* Useful so subsequent wrapped text doesn't get indented */
}
ul.horizontal_links.horiz_field_sep {
	display: inline !important;
}

/* Used e.g. on links that should not get split between lines */
.must_show_together {
	white-space: nowrap;
}

/*
=========================
=========Tables==========
=========================
*/

.table_cell_nowrap {
	white-space: nowrap;
	display: inline-block;
}

.autosized_table {
	table-layout: auto !important;
}

table.scrollable_inside {
	table-layout: fixed; /* For permission setting stuff that can scroll off */
}

.wide_table_wrap {
	overflow-x: auto;
	overflow-y: hidden;
	padding-right: 1px;
}

.wide_table {
	width: 100%;
	
		table-layout: fixed;
	
}

.spaced_table th, .spaced_table td {
	padding: 0.7em;
}



/* Undo any descendant spacing for nested tables made in WYSIWYG */
.results_table table[cellpadding="0"] td, .results_table table[cellpadding="0"] th {
	padding: 0;
}
.results_table table[border="0"] td, .results_table table[border="0"] th {
	border: 0;
}

.highlighted_table_cell {
	background-color: #d9e1ee;
}

.results_table {
	border-collapse: separate;
}

.results_table_simplified {
	border-collapse: collapse;
}

.results_table, .results_table_simplified {
	border: 0 !important;
	border-spacing: 0;
	margin: 1em 0;
}
.lined_up_boxes .results_table {
	margin-top: 0;
}
.wide_table_wrap>.results_table {
	margin: 0; /* As overflow would cause margin doubling */
}
.wide_table_wrap + .wide_table_wrap>.results_table {
	margin-top: 1em;
}

.results_table_simplified th, .results_table_simplified td {
	border: 1px solid #6b81a1 !important;
}

.results_table>thead:first-child>tr:first-child *:first-child, .results_table>thead:nth-child(2)/*after colspan*/>tr:first-child *:first-child, .results_table>tbody>tr:first-child>*:first-child {
	border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	-ms-border-top-left-radius: 5px;
	-moz-border-top-left-radius: 5px;
}
.results_table>thead:first-child>tr:first-child *:last-child, .results_table>thead:nth-child(2)/*after colspan*/>tr:first-child *:last-child, .results_table>tbody>tr:first-child>*:last-child {
	border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	-ms-border-top-right-radius: 5px;
	-moz-border-top-right-radius: 5px;
}
.results_table.columned_table>tbody>tr:first-child>*:first-child {
	border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	-ms-border-top-left-radius: 0px;
	-moz-border-top-left-radius: 0px;
}
.results_table.columned_table>tbody>tr:first-child>*:last-child {
	border-top-right-radius: 0px;
	-o-border-top-right-radius: 0px;
	-ms-border-top-right-radius: 0px;
	-moz-border-top-right-radius: 0px;
}
.results_table>tbody:last-child>tr:last-child>*:first-child, .results_table>tbody>tr.last>*:first-child {
	border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	-ms-border-bottom-left-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
}
.results_table>tbody:last-child>tr:last-child>*:last-child, .results_table>tbody>tr.last>*:last-child {
	border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	-ms-border-bottom-right-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
}

.results_table>*>tr>th {
	text-align: right;
}

.results_table>thead>tr>th {
	text-align: left;
}

.results_table>*>tr>td, .results_table>*>tr>th {
	border-top: 1px solid #6b81a1;
	border-right: 1px solid #6b81a1;
	padding: 0.5em;
}
.results_table>*>tr>td:first-child, .results_table>*>tr>th:first-child {
	border-left: 1px solid #6b81a1;
}
.results_table>tbody>tr:last-child>td, .results_table>tbody>tr.last>td, .results_table>tbody>tr:last-child>th {
	border-bottom: 1px solid #6b81a1;
}
.results_table>tfoot>tr>td, .results_table>tfoot>tr>th {
	border-bottom: 1px solid #6b81a1;
}

table>*>.zebra_0>th, table>*>.zebra_0>td, div.zebra_0, table.zebra>tbody>tr:nth-child(even)>th, table.zebra>tbody>tr:nth-child(even)>td {
	background-color: #d9e1ee !important;
	color: #0d1522;
}
table>*>.zebra_1>th, table>*>.zebra_1>td, div.zebra_1, table.zebra>tbody>tr:nth-child(odd)>th, table.zebra>tbody>tr:nth-child(even)>td {
	background-color: #eaeff6 !important;
	color: #0d1522;
}
div.zebra_0, div.zebra_1 {
	border: 1px solid #6b81a1;
	padding: 0.5em;
}
div.zebra_0 p, div.zebra_1 p {
	margin-top: 0;
}
div.zebra_0 p:last-child, div.zebra_1 p:last-child {
	margin-bottom: 0;
}
div.zebra_0+div.zebra_1, div.zebra_1+div.zebra_0 {
	border-top: 0;
}

.table_heading_cell {
	padding: 1em 0.5em !important;
	text-align: left !important;
	background-color: #eaeff6 !important; /*  !important so precedence over th.dh */
	font-weight: normal;
}
.table_heading_cell h2 {
	margin: 0;
}

.thick_border th, .thick_border td {
	border-top-width: 4px !important;
}

.field_name_column {
	width: 14em;
}

.field_name_column_shorter {
	width: 11em;
}

.field_input_column, .field_value_column {
	width: 100%;
}

.field_sup_column {
	width: 10em;
}

/*
=========================
=====Core Interfaces=====
=========================
*/

.question_ui_buttons {
	text-align: center;
	margin-top: 15px;
}

.tooltip {
	font-size: 1em;
	z-index: 10000;
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90.00)";
	word-wrap: break-word;
	-o-word-wrap: break-word;
	-webkit-word-wrap: break-word;
	-ms-word-wrap: break-word;
	-moz-word-wrap: break-word;
	min-width: 6em;
	pointer-events: none;
	-o-pointer-events: none;
	-webkit-pointer-events: none;
	-ms-pointer-events: none;
	-moz-pointer-events: none;
}
.tooltip a, .tooltip abbr {
	pointer-events: auto;
	-o-pointer-events: auto;
	-webkit-pointer-events: auto;
	-ms-pointer-events: auto;
	-moz-pointer-events: auto;
}
.tooltip_ownlayout {
	padding: 0.5em;
	border: 1px solid #8497b3;
	box-shadow: 3px 3px 10px #8497b3;
	-o-box-shadow: 3px 3px 10px #8497b3;
	-webkit-box-shadow: 3px 3px 10px #8497b3;
	-ms-box-shadow: 3px 3px 10px #8497b3;
	-moz-box-shadow: 3px 3px 10px #8497b3;
	border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #325180 !important;
}
.tooltip_ownlayout, .tooltip_nolayout th.de_th, .tooltip_nolayout td {
	background-color: #f2f5f9;
	background-image: linear-gradient(to bottom, #f2f5f9, #eaeff6);
	background-image: -o-linear-gradient(top, #f2f5f9, #eaeff6);background-image: -o-linear-gradient(to bottom, #f2f5f9, #eaeff6);
	background-image: -webkit-linear-gradient(top, #f2f5f9, #eaeff6);background-image: -webkit-linear-gradient(to bottom, #f2f5f9, #eaeff6);
	background-image: -ms-linear-gradient(to bottom, #f2f5f9, #eaeff6);
	background-image: -moz-linear-gradient(top, #f2f5f9, #eaeff6);background-image: -moz-linear-gradient(to bottom, #f2f5f9, #eaeff6);
}
.tooltip .box {
	margin: 0;
}
.tooltip img {
	max-width: 100%;
	max-height: 200px;
}
.tooltip .shunted_button {
	display: none;
}
.tooltip .whitespace_visible {
	max-height: 5em;
	overflow: auto;
}
.tooltip .associated_link {
	display: none;
}
.tooltip_img {
	position: absolute;
	right: 3px;
	top: 3px;
}
.tooltip h2 {
	margin-top: 0;
}
.tooltip a, .tooltip a:visited, .tooltip a:hover {
	text-decoration: none !important;
	color: inherit !important;
}
.tooltip.have_links a, .tooltip.have_links a:visited, .tooltip.have_links a:hover {
	color: #123d7b !important;
	text-decoration: underline !important;
}
.tooltip .tooltip_fields {
	font-size: 0.85em;
	display: inline-block;
	border-spacing: 0;
}
.tooltip .tooltip_fields table {
	border-collapse: collapse;
}
.tooltip .tooltip_fields th {
	border-right: 1px solid #4b5a71;
	font-weight: bold !important;
	padding-right: 1em;
	white-space: nowrap;
}
.tooltip .tooltip_fields td {
	padding-left: 1em;
	min-width: 18em;
}
.tooltip_with_img {
	padding-right: 30px;
}
.faded_tooltip_img {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20.00)"; display: inline-block; /*Needed for IE8*/
}

.diff del {
	color: #cc0000;
}
.diff ins {
	font-weight: bold;
	text-decoration: none;
}

.results_table_under {
	font-size: 0.85em;
	margin: 1em 0;
}

.results_table_sorter {
	max-width: 400px;
	float: left;
	margin-right: 0.75em;
}

.pagination_spacing {
	margin: 1em 0;
}

.compacted_subbox_stream .pagination_spacing {
	margin-left: 1em;
}

.pagination {
	float: left;
	/*	max-width: 540px; Looks bad on forumview */
}

.pagination * {
	vertical-align: middle;
}
.pagination .inline, .pagination nav {
	display: inline-block;
}

.pagination a,
.pagination span,
.results_launcher a,
.results_launcher span {
	border: 1px solid #6b81a1;
	border-left: 0;
	background-color: #eaeff6;
}
.pagination a:first-child,
.pagination span:first-child,
.results_launcher a:first-child,
.results_launcher span:first-child,
.pagination .first-child,
.results_launcher .first-child {
	border-left: 1px solid #6b81a1;
}
.pagination a:hover, .results_launcher a:hover {
	background-color: #c2d1e5 !important;
}

.pagination_load_more {
	border-top: 1px solid #6b81a1;
	text-align: center;
	font-size: 1.6em;
	padding: 0.2em;
	clear: both;
}

.alphabetical_jumper {
	float: none !important;
	margin-left: -2px !important;
	margin-bottom: 10px !important;
	max-width: 100% !important;
	padding: 3px;
}

.alphabetical_jumper.pagination a, .alphabetical_jumper.pagination a:hover, .alphabetical_jumper.pagination span {
	padding: 0.5em 0.65em !important;
}

.results_continue, .results_page_num {
	border-left: 0;
}

.results_page_num {
	font-weight: bold;
}

.pagination_pages {
	display: inline;
}

.pagination a,
.pagination a:visited,
.pagination a:hover,
.pagination span,
.results_launcher a,
.results_launcher a:visited,
.results_launcher a:hover,
.results_launcher span {
	display: inline-block;
	text-decoration: none;
	margin-top: 0;
}
.pagination a:hover,
.results_launcher a:hover {
	background-color: #c2d1e5;
}
.pagination a,
.pagination a:visited,
.pagination a:hover,
.pagination span,
.results_launcher a,
.results_launcher a:visited,
.results_launcher a:hover,
.results_launcher span {
	padding: 2px 6px !important;
}

.results_launcher {
	font-size: 0.8em;
	display: inline;
	padding-left: 2em;
}
.results_launcher a,
.results_launcher a:visited,
.results_launcher a:hover,
.results_launcher span {
	padding: 0 3px;
}

.compacted_subbox_stream.box_inner {
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.compacted_subbox_stream>.raw_ajax_grow_spot>h3 {
	margin: 1em 5px;
}
.compacted_subbox_stream .box {
	border-top: 1px dotted #6b81a1 !important;
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	border-radius: 0;
	padding: 0 !important;
	margin: 0.7em 0;
	padding: 0.7em 0;
	background: none;
}
.compacted_subbox_stream .box:first-child, .compacted_subbox_stream h3 + .box {
	border-top: 0 !important;
	margin-top: 0 !important;
	padding-top: 0 !important;
}
.compacted_subbox_stream .box a img {
	max-width: 150px;
}
.compacted_subbox_stream .box+.compacted_subbox_stream .box {
	border-top: 1px solid #6b81a1;
}
.compacted_subbox_stream .box a {
	font-size: 1.1em;
}
.compacted_subbox_stream .box .associated_details {
	margin-bottom: 0;
}
.compacted_subbox_stream.less_compact .box {
	padding-top: 1.5em !important;
	margin: 2em 0;
}
.compacted_subbox_stream.less_compact .box_inner>h3 {
	font-size: 1.3em;
	margin-bottom: 1em;
}

.category_sorter {
}
.category_sorter label {
	font-weight: bold;
}

.index_screen_fancier_screen_pre {
	margin-bottom: 1.5em;
}
.index_screen_fancier_screen_post {
	margin-top: 1.5em;
}


	.index_screen_fancier_screen_entries {
		margin-left: 1em;
	}

.index_screen_fancier_entry {
	margin: 0.5em;
	padding: 0.5em;
}
.index_screen_fancier_entry_link {
	font-weight: bold;
	margin-bottom: 0.3em;
	padding: 0 0 0 18px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAABnRSTlMAAAAAAABupgeRAAAAaklEQVR4AWOgL7DL20SCUiDCIoqJgpqOARGQga40deGN9IW3MxcB0d2sBXdzFt7NXfigYMEDdNVATuLcG6nzgaohSkEodzFIaeGiRyiqgazkBTeACKgabnD2ogdA1RB1pLuVcAhQHq70BwCFLGEBNFCCSwAAAABJRU5ErkJggg==') 0 3px no-repeat;
	background-size: 14px 14px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.index_screen_fancier_entry_link {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAPFBMVEX///8+brJKfL5KfL5qoN0+brJglNM/b7NCcrZAcLRFdrlhltREdbhAcbRDdLdgldNKfL5EdLdBcrVil9WXOL8fAAAABHRSTlMAANvcXjrksQAAAGtJREFUeF7NkUcOxTAIBYP9KE795f53zS7YQew929EgBMvsUCXKJXc2yrWkllR+fUsDCjm7lrXnA8jXW8ab63haRrRrcRltq7kUK/lYq+nYbfeFBhrwVz8SDTBkz85LvJl3QZp3UXqXPHtWbgQCBF5kvUgMAAAAAElFTkSuQmCC');
	}
}
.index_screen_fancier_entry_count {
	font-size: 0.9em;
	font-weight: normal;
}
.index_screen_fancier_entry_description {
	font-size: 0.9em;
	margin-left: 18px; /* Due to action_link image */
}

div.wysiwyg_toolbar_color_finder {
	color: #eaeff6;
}

.fractional_edit {
	outline: 1px dashed #8497b3;
}
.fractional_edit, .fractional_edit_nonover {
	display: inline-block;
}

.site_unloading {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20.00)";
}

.ajax_loading_block {
	padding: 2em 6em;
	margin-top: -2em;
	margin-left: -6em;
	background: rgba(255,255,255,0.5);
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
}

div.ajax_loading, p.ajax_loading {
	padding: 2em;
	text-align: center;
}

.ajax_tree_list {
	user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none;
}

.ajax_tree_expand_icon {
	width: 11px;
	height: 11px;
}

.ajax_tree_cat_icon {
	width: 14px;
	height: 14px;
	display: none;
}

.ajax_tree_magic_button {
	background-color: #ffffff;
	color: #000000;
	cursor: pointer;
}

.tree_list__root_tree_list {
	padding-bottom: 0.5em;
}
.tree_list_highlighted *, .tree_list_nonhighlighted * {
	vertical-align: middle;
}
.tree_list_highlighted a, .tree_list_nonhighlighted a {
	background-color: #ffffff;
	color: #000000;
}
.tree_list_highlighted a {
	font-weight: bold;
}
.tree_list_nonhighlighted a {
}

.software_chat {
	margin: 20px;
	font-size: 0.9em;
	float: right;
	width: 260px;
}
.software_chat_iframe {
	overflow: hidden;
	width: 650px;
	height: 90%;
}

/* Specific field types */

.multilist_mark {
	width: 1em;
	display: inline-block;
}
.multilist_mark.yes {
	color: #007A00;
}
.multilist_mark.no {
	color: #cc0000;
}

/*
=========================
========Feedback=========
=========================
*/


	.lined_up_boxes .right {
		margin-left: 1em;
	}

	.lined_up_boxes .left {
		margin-right: 1em;
	}




.ratings {
	width: 10em;
}

.RATING_BOX .rating_inner {
	text-align: center;
}

.RATING_INLINE, .RATING_INLINE div, .RATING_INLINE form {
	display: inline;
}
.RATING_INLINE .rating_outer {
	padding-left: 2em;
}
.RATING_INLINE .rating_outer:first-child {
	padding-left: 0;
}

.RATING_INLINE .ajax_loading {
	padding: 0;
}

.post_action_link .RATING_INLINE {
	padding-left: 2em;
}

.rating_inner img {
	cursor: pointer;
}

.rating_error {
	text-align: center;
}

.rating_stars {
	min-width: 55px;
	display: inline-block;
}

.rating_star, .rating_star_highlight {
	padding-right: 3px;
}
.rating_star {
	opacity: 0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20.00)"; display: inline-block;/*Needed for IE8*/
}
.rating_star_highlight {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)"; display: inline-block;/*Needed for IE8*/
}
.email_body .rating_star {
	display: none;
}

.rating_likers a+a {
	padding-left: 2px;
}

.trackbacks {
	width: 14em;
}

.box___trackback label {
	display: block;
}

.comments_sorting_box {
	margin-top: 0.45em;
}

.content_screen_comments .comments_wrapper {
	margin-top: 2em;
}

.post .post_title {
	font-weight: bold;
	padding-left: 0;
	margin-bottom: 0.3em;
}

.post .post_subline {
	margin: 0 0 1em 0;
	font-size: 0.9em;
}

.post .post_poster {
	font-weight: bold;
}

.post .post_time {
	margin-left: 0.5em;
}

.post .post_action_link {
}

.post .post_thread_children {
	margin-top: 1em;
	
	
		margin-left: 20px;
	
}

.post_buttons {
	text-align: left !important; /* Overrides buttons_group */
}

.post .post_buttons {
	margin-top: 1.3em;
}

div .post_buttons>*, div .buttons_group_faded>* {
	opacity: 0.25;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25.00)"; display: inline-block;/*Needed for IE8*/
	transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1); /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
}

.post_buttons>*[rel="add reply"], .post_buttons>a[rel="back_to_top"] {
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)"; display: inline-block;/*Needed for IE8*/
}

.post_buttons:hover>*, body.touch_enabled .post_buttons>*, .buttons_group_faded:hover>*, body.touch_enabled .buttons_group_faded>* {
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)"; display: inline-block;/*Needed for IE8*/
}

.post_show_more {
	text-align: center;
	border: 1px solid #6b81a1;
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	padding: 1em;
	font-weight: bold;
	font-size: 0.85em;
}

.post .post_show_more {
	margin-left: 2em;
}

.comment_wrapper {
	margin: 1em 0;
}

.comment_wrapper .highlighted_post {
	background-color: #dce2eb !important;
	padding: 1em !important;
	margin-top: 1em;
	border: 1px dotted #554121 !important;
}
.comments_wrapper .boxless_space .comment_wrapper .highlighted_post.box {
	border-top: 1px dotted #554121 !important; /* Needs to be more explicit as boxless-space rules will remove borders */
}

.reviews_average {
	font-size: 0.8em;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70.00)"; display: inline-block;/*Needed for IE8*/
}

.comments_field_name_column {
	width: 12em;
}

.comments_field_input_column {
	width: 100%;
}

.comments_posting_form_inner {
	text-align: left;
	padding: 1em 0 0 0;
	
}

.comments_posting_form_inner th, .comments_posting_form_inner td.one_line {
	padding: 0.5em 1.5em 0.5em 0.5em;
}

.comments_posting_form_inner th {
	font-weight: bold !important;
	border-right: 1px solid #c1cee3;
	text-align: right;
	
}
.comments_posting_form_inner th>* {
	text-align: right !important;
}

.comments_posting_form_inner td {
	padding-left: 1.5em;
	padding-right: 1em;
}

.comments_posting_form_inner textarea {
	color: #0a1019;
	width: 100%;
}

.comments_posting_form_inner table {
	border-collapse: collapse;
}

.comments_posting_form_emoticons {
	float: left;
	width: 140px;
	padding-right: 5px;
	text-align: center;
	padding-top: 0.5em;
}

.comments_posting_form_emoticons p {
	margin-bottom: 0;
}

.comments_posting_form_emoticons a {
	text-decoration: none;
}
.comments_posting_form_emoticons a:hover {
	text-decoration: underline;
}

.comments_posting_form_inner .associated_links_block_group {
	font-size: 0.85em;
	font-weight: normal;
}
.comments_posting_form_inner .associated_links_block_group li {
	white-space: normal !important;
}

.comments_posting_form_end {
	overflow: hidden;
	
	
		margin: 0 0 1em 0;
	
}

.comments_posting_form_end .proceed_button input:first-child, .comments_captcha {
	margin-left: 180px !important;
}

.comments_posting_form_end #submit_button {
	
	margin-right: 1em !important;
}

.comments_captcha {
	width: 210px;
	font-size: 0.85em;
	text-align: center;
}

.comments_captcha img, .comments_captcha iframe, .comments_captcha input {
	margin: 0 5px 2px 5px;
	vertical-align: middle;
}

/*
=========================
==========Lists==========
=========================
*/

ul.compact_list, .global_side_panel ul, ol.compact_list {
	margin: 0;
	padding: 0;
	text-align: left; /* In case cascading from somewhere */
}
ul.compact_list>li, .global_side_panel ul>li, ol.compact_list>li {
	margin: 0 0 0 17px;
	padding: 0;
}
.compact_list>li>p {
	margin-top: 0;
}

dl.compact_list {
	margin: 0.4em 0;
	overflow: hidden;
}
dl.compact_list>dt {
	display: list-item;
	list-style-type: circle;
	float: left;
	margin: 0 0.5em 0 8px;
	clear: both;
}
.global_side_panel .box dl.compact_list>dt {
	margin-left: 0;
}
dl.compact_list>dt:after {
	content: ":";
}
dl.compact_list>dd {
	margin: 0;
}

ul.spaced_list, .spaced_list ul, ol.spaced_list, .spaced_list ol, .zone_running_docs .comcode_page ul:not([class]), .zone_running_docs .comcode_page ol:not([class]) {
	margin: 0;
	padding: 0 !important;
}
ul.spaced_list, .spaced_list ul, .zone_running_docs .comcode_page ul:not([class]) {
	list-style-type: square;
}
.spaced_list li, .zone_running_docs .comcode_page ul:not([class])>li, .zone_running_docs .comcode_page ol:not([class])>li {
	margin: 0.5em 0 0.5em 30px !important;
	padding: 0;
}

ul.tick_list, ul.tick_list li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.actions_list {
	padding: 0;
	margin: 0;
}
ul.actions_list>li, .attachment ul.actions_list>li /*for higher precedence for attachments within docs zone*/ {
	padding: 2px 0 2px 18px !important;
	margin: 0 !important;
}
ul.actions_list_compact>li, ul.actions_list_super_compact>li {
	padding: 0 0 0 18px;
}
ul.actions_list>li, ul.actions_list_compact>li, ul.actions_list_super_compact>li {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAABnRSTlMAAAAAAABupgeRAAAAaklEQVR4AWOgL7DL20SCUiDCIoqJgpqOARGQga40deGN9IW3MxcB0d2sBXdzFt7NXfigYMEDdNVATuLcG6nzgaohSkEodzFIaeGiRyiqgazkBTeACKgabnD2ogdA1RB1pLuVcAhQHq70BwCFLGEBNFCCSwAAAABJRU5ErkJggg==') left 4px no-repeat;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	ul.actions_list>li, ul.actions_list_compact>li, ul.actions_list_super_compact>li {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAMAAABF0y+mAAAAPFBMVEX///8+brJKfL5KfL5qoN0+brJglNM/b7NCcrZAcLRFdrlhltREdbhAcbRDdLdgldNKfL5EdLdBcrVil9WXOL8fAAAABHRSTlMAANvcXjrksQAAAGtJREFUeF7NkUcOxTAIBYP9KE795f53zS7YQew929EgBMvsUCXKJXc2yrWkllR+fUsDCjm7lrXnA8jXW8ab63haRrRrcRltq7kUK/lYq+nYbfeFBhrwVz8SDTBkz85LvJl3QZp3UXqXPHtWbgQCBF5kvUgMAAAAAElFTkSuQmCC');
		background-size: 14px 14px;
	}
}
ul.actions_list>li, ul.actions_list_compact>li, ul.actions_list_super_compact>li {
	margin: 0;
	list-style-type: none;
	list-style-image: none;
}
ul.actions_list h4 {
	display: inline;
	line-height: 2em;
}

ul.actions_list_compact, ul.actions_list_super_compact {
	padding: 0;
	margin: 0;
}

li.actions_list_strong {
	font-weight: bold;
}

/*
A note about display of metadata...

It may be displayed using:
 - meta_details_list (usually used on full screen views of content)
 - horizontal_meta_details (usually used on blocks where the meta details are important to encourage a click through)
 - a table (usually used where the content defines its own metadata beyond what all Composr content has, such as a length or resolution)
 - a tooltip (good for tucking it away, although it's not touch friendly so should only be used if non-important)
But it should always have role="note" on it (ARIA)
*/

ul.meta_details_list {
	display: block;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

ul.meta_details_list>li {
	padding: 0;
	margin: 0.2em 0;
}

dl.meta_details_list>dt {
	float: left;
	clear: left;
	padding-right: 0.4em !important;
}
dl.meta_details_list>dt, dl.meta_details_list>dd {
	margin: 0;
	padding: 0.2em 0;
}

.meta_details>ul.meta_details_list>li {
	margin: 0.5em 0;
}
.meta_details>dl.meta_details_list {
	margin-bottom: 0;
	overflow: hidden;
}

/*
=========================
=Associations/Summaries==
=========================
*/

.quick_self_edit_link {
	font-size: 0.8em;
	text-align: center;
	border: 1px solid #c1cee3;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	padding: 0.5em;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40.00)";
	transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	-webkit-transition: opacity 0.6s linear;
	-ms-transition: opacity 0.6s linear;
	-moz-transition: opacity 0.6s linear;
	margin-top: 3em;
	transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1); /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
}
.quick_self_edit_link img, .quick_self_edit_link span {
	vertical-align: middle;
}
.quick_self_edit_link:hover {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}
#panel_top .quick_self_edit_link {
	display: none;
}

.staff_actions {
	margin-top: 2em;
	font-size: 0.95em;
	opacity: 0.4;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40.00)";
	transition: opacity 0.6s linear;
	-o-transition: opacity 0.6s linear;
	-webkit-transition: opacity 0.6s linear;
	-ms-transition: opacity 0.6s linear;
	-moz-transition: opacity 0.6s linear;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAb1BMVEX///9ha31ha31td4hha318hZZha32CjJ2Rmqp1fo9ha31ha31ha32JkqJha31zfY55gpSBipufpK3Ey9fM0t++xNKep7e1u8aXn7CjqLHBx9PAxtKqr7nIz9uPmKi5v8qmrLWHkKGttcPDytbK0d7AiBSPAAAAEnRSTlMAgBCmMNmQ6PbIYKBA9SDW8/TzHNeHAAAA5ElEQVR4XnWS25aDIAwAI4KCq+1uAnjtdff/v3EDLU374Dz4MHNOoiC8qCJTwSeHFDyiT0GJ//rREpSpX/5+sroEZX5DXfyGZF0kRIrOrDg/yuH7hKzoisx1Wfl5ufWpaEv4wXjuWEsZiUbxGcdhC23TtGFDXI5ZVkzk+XmhqgPviclB9N4Tz2kVpNLyNGIVIWKGGsg0hJn9sD9KlquyfEoOEm55f11y8ESZ9f0DyWrxghQ+Zxbj8xCJUhlyqcPM53OcWNHkLOH8ZxQ8yuXclYvSlorncuvkavXAvtCDBNDZ7/4+/+LqGJoGAW80AAAAAElFTkSuQmCC') right 4px no-repeat;
	padding-right: 5px;
	background-origin: content-box;
	transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1); /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
	min-height: 26px;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.staff_actions {
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAgVBMVEX///9ha31ha31ha31ha31ha31ha31ha31ha31ha31ha31ha33b4vBha33Ey9e9xdSfpK2yt8LX3uzFzNt4gZNpcoSus76utsWmrLWjqLFweou1vczM1OLU2+m1u8amrr6qr7mAiZq9w87Iz9vQ1uPT2ujBx9PM0t+ep7eXn7CPmKjvfoslAAAADHRSTlMAoPAwECDQYOBwkIAW7K0iAAACAUlEQVR4XqWW15rbIBBGBTJx2RlAvbj33bz/AwZRFmvHTvTF/yWcIwyawUqeBL+TTAsqsFHTBVmbyH8JaRRO2uQUBfGMnyN7JaScPeM/K0YEz5spyjdQWIMIKTdTPSN8Xl+8EQXP5we5LdlP/qC7wRCMV4UTioozYXmtoxF5bQ08riHfDcIuh/URHT82UvyCWmtnKJC19jnIXK0Nb3Pd4EcwWFVcOm/IVj+ku1nerfBrllCDhvDRmMxTo81Op6wlPDE8UN9ho9QG7jXlYwQq6fYpYd+jSb8H6Ra9KUxJLbEjtP5ky8VcmCfMF6XfWAclIwJfn93yRcX88jOzMekGG076sXLvrh49jJVhtApcgsqlyPWQ+36RxMwW+7sdzguPGQHkycbWTwv9PHnIsnc72zlGwiDUOibboBif3SbTMTURYluO2vV9YfpP+o9N02OdPR5rQ4510ovLAEOmlca54X8vvuVQfMuh+CzfwnFFBIHq9qO8G5C+HxQKIqR8nb9qIH/DxYT77VWLdtEgPA01KP/aoLwcX2StvHTUEPwTAr9VILOAZ2dQRTCuBa6CEXt3W2LZbMNlvG1KrLyxg988TUaGu39SxjFc98hXgjkj8tGw/Iz8oVjD82Pjanki2CnCD4ayPBGsQXljoOGJ4KcMT/PheSokq/S9T4f3P05Cngl/AKazXf3EbWqUAAAAAElFTkSuQmCC');
		background-size: 24px 24px;
	}
}
.staff_actions:hover, body.touch_enabled .staff_actions {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}
.staff_actions .box_inner {
	padding-right: 25px;
}
.staff_actions .field_name.standard_field_name {
	display: none;
}
.staff_actions ul.horizontal_links {
	width: auto;
	font-size: 1em;
}
.global_middle .staff_actions li {
	white-space: nowrap !important;
}

.associated_details {
	font-weight: normal; /* Undo what may be set on a surrounding element */
}

.associated_minor_button_action, .associated_details {
	font-size: 0.9em;
}

.associated_details_smaller {
	font-size: 0.8em;
}

.global_side_panel .associated_minor_button_action, .global_side_panel .associated_details, .associated_link {
	font-size: 0.95em;
}

.associated_minor_button_overlayed {
	position: absolute;
}

div.associated_details {
	margin: 1em 0;
}

.associated_breadcrumbs {
	font-size: 0.85em;
	color: #123d7b;
}

/*
a.associated_link / form.associated_link / span.associated_link - a single associated link displayed inline, with CSS-generated brackets around
p.associated_link / div.associated_link - a single associated link displayed in a block, with CSS-generated brackets around
ul.associated_links_block_group - a group of associated links displayed in a block, each link on its own line with its own CSS-generated brackets around
ul.horizontal_links / ul.horizontal_links_comma - a group of associated links displayed in a block, the links on the same line with a CSS-generated separation character; often used to represent block actions; often used in conjunction with associated_links_block_group to get the CSS-generated brackets
.horizontal_meta_details / .horizontal_buttons / .horizontal_ticker - Additional horizontal list types for things other than links
.buttons_group - used for a button set, like horizontal_links but for centred buttons

There is 'actions_list' too (defined elsewhere). These are for links that are given more focus as key navigation mechanisms in a task-based UI.
*/

ul.associated_links_block_group.horizontal_links>li:first-child:before, p.associated_link:before, div.associated_link:before {
	
		content: "( " !important;
	
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70.00)";
	font-size: 0.8em;
}
ul.associated_links_block_group.horizontal_links>li:last-child:after, p.associated_link:after, div.associated_link:after {
	
		content: " )" !important;
	
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70.00)";
	font-size: 0.8em;
}
span.associated_link, a.associated_link, form.associated_link {
	white-space: nowrap;
}
ul.associated_links_block_group>li:before, span.associated_link:before, a.associated_link:before, form.associated_link:before {
	
		content: "(" !important;
	
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70.00)";
}
ul.associated_links_block_group>li:first-child:before, span.associated_link:first-child:before, a.associated_link:first-child:before, form.associated_link:first-child:before {
	vertical-align: baseline !important;
}
ul.associated_links_block_group.horizontal_links>li:after { /* Undoes the above rules for if 'horizontal_links' is set (the rule further up will run instead and the middot one below) */
	content: "" !important;
}
ul.associated_links_block_group>li:after, span.associated_link:after, a.associated_link:after, form.associated_link:after {
	
		content: ")" !important;
	
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70.00)";
}

ul.associated_links_block_group.horizontal_links>li:before,
.horizontal_meta_details li:before,
.horizontal_links>li:before,
.horizontal_ticker li:before {
	
		content: "\00b7" !important; /* a · */
	
	padding: 0 0.5em 0 0.1em;
	vertical-align: -20%;
}
.horizontal_meta_details li:before {
	vertical-align: middle;
}
.horizontal_buttons li {
	padding-left: 3px !important;
}
.horizontal_buttons li:first-child {
	/* Undoes the li padding defined above */
	padding-left: 0 !important;
}
.horizontal_links_comma li:before {
	content: ", \A";
}
.horizontal_meta_details li:first-child:before,
.horizontal_links li:first-child:before,
.horizontal_buttons li:first-child:before,
.horizontal_ticker li:first-child:before,
.horizontal_links_comma li:first-child:before {
	/* Undoes the middot/comma separator */
	content: "" !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
}
ul.associated_link, ul.horizontal_meta_details, ul.horizontal_links, ul.horizontal_links_comma, ul.horizontal_buttons, .horizontal_ticker {
	list-style: none;
	margin: 0;
	padding: 0;
}
.horizontal_buttons {
	list-style: none;
}
ul.horizontal_links_comma {
	vertical-align: baseline !important;
	width: auto !important;
}
ul.associated_link {
	display: block;
}
ul.horizontal_meta_details, ul.horizontal_links, ul.horizontal_links_comma, ul.horizontal_buttons, .horizontal_ticker {
	/* As these go across horizontally, we need to do this to allow centering to work for the group */
	display: inline-block !important;
	width: 100%;
}
ul.associated_link>li, .horizontal_meta_details>li, .horizontal_links>li, ul.horizontal_links_comma>li, .horizontal_buttons>li, .horizontal_ticker>li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.associated_link>li {
	display: block !important; /* Undoes "display: inline" above */
}
ul.horizontal_links li img {
	max-width: 20px;
}
ul.associated_link li img {
	max-width: 14px;
}
ul.horizontal_links li img, ul.associated_link li img, ul.horizontal_links a, ul.horizontal_links form {
	vertical-align: middle;
	
}

.associated_links_block_group>li{
	margin: 0.5em 0 !important;
	white-space: nowrap; /* To force breaking between links */
}
.global_side_panel .associated_links_block_group>li {
	white-space: normal;
}
.buttons_group, .associated_links_block_group {
	text-align: center;
	padding: 0;
	margin: 1em 0;
	display: block;
	list-style: none;
}
.horizontal_links, .associated_link {
	font-size: 0.9em;
}
ul.buttons_group, ul.associated_links_block_group {
	margin: 0; /* Margin will go on li elements if its a list */
}
.force_normal_margin {
	margin-top: 1em !important;
}
.force_margin {
	margin-top: 1.5em !important;
}
.global_side_panel .force_margin {
	margin-top: 1em !important;
}

.associated_link.suggested {
	font-weight: bold;
}

.alt_field:before {
	content: "\00bb"; /* raquo */
	padding-left: 1em;
	padding-right: 0.2em;
}
.related_field {
	font-style: italic;
	font-weight: normal;
}
.related_field:before {
	font-style: normal;
	content: "\203a"; /* rsaquo */
	padding-bottom: 5px;
	padding-left: 0.5em;
	padding-right: 0.2em;
}

/*
=========================
=======Misc Forms========
=========================
*/

.field_input_non_filled {
	color: #545454 !important;
}
.field_input_filled {
	color: #000000;
}

.locked_input_field {
	color: #888888;
}

.native_ui_foreground {
	color: #000000;
}

.native_ui_selected {
	color: #ffffff;
	background-color: #27539B;
}

.simple_neat_checkbox {
	overflow: hidden;
}
.simple_neat_checkbox input {
	float: left;
}
.simple_neat_checkbox span {
	float: right;
	padding-left: 2em;
	margin-top: -1.5em;
	width: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.captcha_frame {
	width: 100px;
	height: 42px;
}

.captcha {
	font-size: 0.8em;
	margin-bottom: 3px;
}

.captcha a {
	float: right;
	margin: 10px 0 0 5px;
}

.quite_wide_field {
	width: 86%;
}

.box___confirm_screen {
	margin-bottom: 2em;
}

.box___confirm_screen img:not([width]):not([height]) {
	max-width: 100%;
	height: auto;
}

/*
=========================
======Common forms=======
=========================
*/

.wide_field {
	width: 100%;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.fields_set_contents .constrain_field, .fields_set_contents .wide_field {
	max-width: 500px;
}
.fields_set_contents .constrain_field, .fields_set_contents input .wide_field {
	display: inline;
}
.constrain_field + .constrain_field {
	margin: 0.25em 0;
}

/*
=========================
=========Buttons=========
=========================
*/

/* This is used to overlay special out-of-flow edit buttons, for staff only */
input.magic_image_edit_link {
	font-size: 13px;
	border: 1px solid #ff8888 !important;
	background-color: #fff2f2 !important;
	color: #0d1522 !important;
	text-shadow: 0 0 0;
}

.button_screen_item_tall {
	background-image: none !important;
}

.button_micro, .button_screen, .button_screen_item, .hero_section .hero_button a, body .hero_section .hero_button>a.user_link {
	display: inline-block;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	border: 1px solid #4b5a71;
	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px;
	margin: 0.25em;
	box-shadow: 0 0 5px #6b81a1;
	-o-box-shadow: 0 0 5px #6b81a1;
	-webkit-box-shadow: 0 0 5px #6b81a1;
	-ms-box-shadow: 0 0 5px #6b81a1;
	-moz-box-shadow: 0 0 5px #6b81a1;
	text-shadow: 2px 1px 2px #000000;
	background-color: #345495;
	background-repeat: no-repeat;
	background-position: 96% 3px; /*fallback*/
	background-position: right 7px center;
	color: #ffffff !important;
	text-decoration: none !important;
	-webkit-appearance: none;
	vertical-align: middle;
	cursor: pointer;
}
div>.button_micro:first-child, div>.button_screen:first-child, div>.button_screen_item:first-child, .hero_section .hero_button a:first-child {
	margin-left: 2px; /* enough for the shadow */
}

.button_faded {
	opacity: 0.5 !important;
}

.button_screen {
	background-size: 24px 24px;
	padding: 6px 39px 7px 7px;
	border-width: 2px;
	font-size: 13px;
	min-width: 8em;
}
.buttons__previous.button_screen, .buttons__previous_none.button_screen {
	padding: 6px 7px 7px 39px !important;
	background-position: 7px center !important;
}
.button_screen_item {
	padding: 3px 30px 4px 5px;
	background-size: 18px 18px;
	font-size: 13px;
	
}
.button_micro {
	padding: 1px 3px 2px 3px;
	font-size: 12px;
	margin: 1px 0.25em 0 0.25em; /* Push it up a bit due to confined space */
	text-shadow: 1px 1px 1px #000000;
	
}
div .button_micro {
	background-image: none !important; /* Too loud for such a small space */
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
}

.button_screen, .button_screen_item, .button_micro, .toggleable_tray_button img {
	opacity: 0.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85.00)";
	transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1); /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
	display: inline-block;
}
.buttons__previous_none, .buttons__next_none {
	opacity: 0.85 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85.00)";
	cursor: not-allowed;
}
.button_micro:hover, .button_screen:hover, .button_screen_item:hover {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}
.button_screen:hover, .button_screen_item:hover, .button_micro:hover, .toggleable_tray_button:hover img,
body.touch_enabled .button_screen, body.touch_enabled .button_screen_item, body.touch_enabled .button_micro, body.touch_enabled .toggleable_tray_button img {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)"; /* Needed for Opera */
}
.button_micro:disabled, .button_screen:disabled, .button_screen_item:disabled {
	opacity: 0.4 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40.00)";
	cursor: default;
}

.proceed_button {
	text-align: center;
}
.proceed_button:last-child {
	margin-bottom: 0;
}
div.proceed_button_left {
	text-align: left;
}
div.proceed_button_left_2 {
	text-align: left;
	margin-left: -2em;
}

.shunted_button {
	clear: right;
	text-align: right;
}

.innocuous_fieldset {
	border: 0;
	padding: 0;
	margin: 0 0 1em 0;
	min-width: 0; /* Works around webkit bug, where it breaks max-width:100% inside because the size calculation has been inverted by the default "min-width: -webkit-min-content;" rule  */
}

.mass_select_marker {
	padding: 0.2em;
	float: right;
	border: 1px solid #6b81a1;
	margin-left: 1em;
	margin-top: 1px; /* To get it past a possible overflow:hidden (may be a browser bug) */
}
.mass_select_marker input {
	width: 25px;
	height: 25px;
	margin: 0;
}

.global_button_ref_point {
	position: absolute;
	min-width: 22em;
	font-size: 13px; /* Puts it back, as was set to zero elsewhere */
	z-index: 2000;
}
.global_button_ref_point .box {
	box-shadow: 3px 3px 10px #6b81a1;
	-o-box-shadow: 3px 3px 10px #6b81a1;
	-webkit-box-shadow: 3px 3px 10px #6b81a1;
	-ms-box-shadow: 3px 3px 10px #6b81a1;
	-moz-box-shadow: 3px 3px 10px #6b81a1;
}

.global_button_ref_point .associated_links_block_group, .notification+.notification {
	margin-top: 0.5em;
	border-top: 1px solid #c1cee3;
	padding-top: 0.5em;
}


/*
NB: Form buttons are wrapped in either:
 - .shunted_button
 - .proceed_button
 - .mini_proceed_button
 - .buttons_group (defined elsewhere, in "Associations/Summaries")
*/


.menu___generic_admin__delete, .tabs__member_account__warnings, .buttons_group .buttons__edit, .buttons_group .buttons__edit_tree, .buttons_group .menu___generic_admin__merge, .buttons_group .buttons__move {
	background-color: #cc3333;
	border-color: #cc0000;
}

/*
Formulaic bindings between CSS classes and icons, for our nice CSS buttons.
*/
.buttons__menu__pages__help {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/pages/help.png') !important;
}
.buttons__back {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/back.png') !important;
}
.buttons__gotopage {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/gotopage.png') !important;
}
.buttons__perpage {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/perpage.png') !important;
}
.buttons__filter {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/filter.png') !important;
}
.buttons__sort {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/sort.png') !important;
}
.buttons__all {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/all.png') !important;
}
.buttons__all2 {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/all2.png') !important;
}
.buttons__convert {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/convert.png') !important;
}
.buttons__thumbnail {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/thumbnail.png') !important;
}
.buttons__fullsize {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/fullsize.png') !important;
}
.buttons__calculate {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/calculate.png') !important;
}
.buttons__choose {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/choose.png') !important;
}
.buttons__clear {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/clear.png') !important;
}
.buttons__ignore {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/ignore.png') !important;
}
.buttons__closed {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/closed.png') !important;
}
.buttons__enable_notifications {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/enable_notifications.png') !important;
}
.buttons__disable_notifications {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/disable_notifications.png') !important;
}
.buttons__edit {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/edit.png') !important;
}
.buttons__more {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/more.png') !important;
}
.buttons__move {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/move.png') !important;
}
.buttons__no {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/no.png') !important;
}
.buttons__yes {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/yes.png') !important;
}
.buttons__proceed {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/proceed.png') !important;
}
.menu__adminzone__tools__cleanup {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/adminzone/tools/cleanup.png') !important;
}
.buttons__copy {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/copy.png') !important;
}
.buttons__skip {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/skip.png') !important;
}
.buttons__cancel {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/cancel.png') !important;
}
.buttons__previous {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/previous.png') !important;
}
.buttons__previous_none {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/previous_none.png') !important;
}
.buttons__next {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/next.png') !important;
}
.buttons__next_none {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/next_none.png') !important;
}
.buttons__new_comment {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/new_comment.png') !important;
}
.buttons__new_reply {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/new_reply.png') !important;
}
.buttons__redirect {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/redirect.png') !important;
}
.buttons__report {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/report.png') !important;
}

.buttons__save {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/save.png') !important;
}
.buttons__save_and_stay {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/save_and_stay.png') !important;
}
.buttons__search {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/search.png') !important;
}
.buttons__send {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/send.png') !important;
}
.buttons__upload {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/upload.png') !important;
}
.menu__adminzone__audit__unvalidated {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/adminzone/audit/unvalidated.png') !important;
}
.buttons__vote {
	background-image: url('install.php?type=themes/default/images/icons/24x24/buttons/vote.png') !important;
}
.feedback__rate {
	background-image: url('install.php?type=themes/default/images/icons/24x24/feedback/rate.png') !important;
}
.menu___generic_admin__add_one {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/add_one.png') !important;
}
.menu___generic_admin__add_one_category {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/add_one_category.png') !important;
}
.menu___generic_admin__add_to_category {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/add_to_category.png') !important;
}
.menu___generic_admin__delete {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/delete.png') !important;
}
.menu___generic_admin__edit_one {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/edit_one.png') !important;
}
.menu___generic_admin__edit_one_category {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/edit_one_category.png') !important;
}
.menu___generic_admin__edit_this {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/edit_this.png') !important;
}
.menu___generic_admin__edit_this_category {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/edit_this_category.png') !important;
}
.menu___generic_admin__export {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/export.png') !important;
}
.menu___generic_admin__import {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/import.png') !important;
}
.menu___generic_admin__merge {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/merge.png') !important;
}
.menu___generic_admin__sync {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/sync.png') !important;
}
.menu___generic_admin__view_archive {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/_generic_admin/view_archive.png') !important;
}
.menu__site_meta__user_actions__join {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/site_meta/user_actions/join.png') !important;
}
.menu__site_meta__user_actions__login {
	background-image: url('install.php?type=themes/default/images/icons/24x24/menu/site_meta/user_actions/login.png') !important;
}
.tabs__preview {
	background-image: url('install.php?type=themes/default/images/icons/24x24/tabs/preview.png') !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.buttons__menu__pages__help {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/pages/help.png') !important;
	}
	.buttons__back {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/back.png') !important;
	}
	.buttons__gotopage {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/gotopage.png') !important;
	}
	.buttons__perpage {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/perpage.png') !important;
	}
	.buttons__filter {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/filter.png') !important;
	}
	.buttons__sort {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/sort.png') !important;
	}
	.buttons__all {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/all.png') !important;
	}
	.buttons__all2 {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/all2.png') !important;
	}
	.buttons__convert {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/convert.png') !important;
	}
	.buttons__thumbnail {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/thumbnail.png') !important;
	}
	.buttons__fullsize {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/fullsize.png') !important;
	}
	.buttons__calculate {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/calculate.png') !important;
	}
	.buttons__choose {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/choose.png') !important;
	}
	.buttons__clear {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/clear.png') !important;
	}
	.buttons__ignore {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/ignore.png') !important;
	}
	.buttons__closed {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/closed.png') !important;
	}
	.buttons__enable_notifications {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/enable_notifications.png') !important;
	}
	.buttons__disable_notifications {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/disable_notifications.png') !important;
	}
	.buttons__edit {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/edit.png') !important;
	}
	.buttons__more {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/more.png') !important;
	}
	.buttons__move {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/move.png') !important;
	}
	.buttons__no {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/no.png') !important;
	}
	.buttons__yes {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/yes.png') !important;
	}
	.buttons__proceed {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/proceed.png') !important;
	}
	.buttons__copy {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/copy.png') !important;
	}
	.buttons__skip {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/skip.png') !important;
	}
	.buttons__cancel {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/cancel.png') !important;
	}
	.buttons__previous {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/previous.png') !important;
	}
	.buttons__previous_none {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/previous_none.png') !important;
	}
	.buttons__next {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/next.png') !important;
	}
	.buttons__next_none {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/next_none.png') !important;
	}
	.buttons__new_comment {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/new_comment.png') !important;
	}
	.buttons__new_reply {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/new_reply.png') !important;
	}
	.buttons__redirect {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/redirect.png') !important;
	}
	.buttons__report {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/report.png') !important;
	}
	
	.buttons__save {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/save.png') !important;
	}
	.buttons__save_and_stay {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/save_and_stay.png') !important;
	}
	.buttons__search {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/search.png') !important;
	}
	.buttons__send {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/send.png') !important;
	}
	.buttons__upload {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/upload.png') !important;
	}
	.menu__adminzone__audit__unvalidated {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/adminzone/audit/unvalidated.png') !important;
	}
	.buttons__vote {
		background-image: url('install.php?type=themes/default/images/icons/48x48/buttons/vote.png') !important;
	}
	.feedback__rate {
		background-image: url('install.php?type=themes/default/images/icons/48x48/feedback/rate.png') !important;
	}
	.menu___generic_admin__add_one {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/add_one.png') !important;
	}
	.menu___generic_admin__add_one_category {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/add_one_category.png') !important;
	}
	.menu___generic_admin__add_to_category {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/add_to_category.png') !important;
	}
	.menu___generic_admin__delete {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/delete.png') !important;
	}
	.menu___generic_admin__edit_one {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/edit_one.png') !important;
	}
	.menu___generic_admin__edit_one_category {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/edit_one_category.png') !important;
	}
	.menu___generic_admin__edit_this {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/edit_this.png') !important;
	}
	.menu___generic_admin__edit_this_category {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/edit_this_category.png') !important;
	}
	.menu___generic_admin__export {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/export.png') !important;
	}
	.menu___generic_admin__import {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/import.png') !important;
	}
	.menu___generic_admin__merge {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/merge.png') !important;
	}
	.menu___generic_admin__sync {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/sync.png') !important;
	}
	.menu___generic_admin__view_archive {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/_generic_admin/view_archive.png') !important;
	}
	.menu__site_meta__user_actions__join {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/site_meta/user_actions/join.png') !important;
	}
	.menu__site_meta__user_actions__login {
		background-image: url('install.php?type=themes/default/images/icons/48x48/menu/site_meta/user_actions/login.png') !important;
	}
	.tabs__preview {
		background-image: url('install.php?type=themes/default/images/icons/48x48/tabs/preview.png') !important;
	}
}

/*
=========================
====Frame Interfaces=====
=========================
*/

.dynamic_iframe {
	width: 100%;
	height: 900px; /* This is dynamically resized; 900px is referenced from global.js so don't change it */
}

.expandable_iframe {
	width: 100%;
	height: 150px; /* Referenced also in global.js */
}

.hidden_save_frame, .hidden_preview_frame {
	width: 100%;
	height: 0;
	float: left; /* Stops it breaking up margin collapsing */
	transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1); /* Fixes bugginess in Chrome */
}

/*
=========================
===========Tabs==========
=========================
*/

.tab_surround {
	border-left: 1px solid;
	border-right: 1px solid;
	border-bottom: 1px solid;
	border-color: #b5b5b5;
	border-bottom-left-radius: 10px;
	-o-border-bottom-left-radius: 10px;
	-ms-border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-o-border-bottom-right-radius: 10px;
	-ms-border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	padding: 0.5em;
	background-image: linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -o-linear-gradient(top, #ebebeb, #ffffff);background-image: -o-linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -webkit-linear-gradient(top, #ebebeb, #ffffff);background-image: -webkit-linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -ms-linear-gradient(to bottom, #ebebeb, #ffffff);
	background-image: -moz-linear-gradient(top, #ebebeb, #ffffff);background-image: -moz-linear-gradient(to bottom, #ebebeb, #ffffff);
}

.tab_surround>div>.box:first-child {
	margin-top: 0;
}

/* Tighten up subtab display */
.tab_surround .tab_surround {
	background-image: none;
	background-color: #ffffff;
	overflow: hidden; /* To stop margin collapsing bleeding backgrounds */
}

.tabs {
	border-left: 0;
	border-right: 0;
	border-top: 0;
	
		border-bottom: 1px solid;
		border-color: #b5b5b5;
	
	height: 25px;
}



a.tab, a.tab:visited, a.tab:hover {
	text-decoration: none;
}

.tab {
	float: left;
	padding: 3px 6px 0 6px !important;
	height: 23px;
	text-align: center;
	cursor: pointer;
	line-height: 1em;
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60.00)";
	
		background-image: url('install.php?type=themes/default/images/tab.png') !important;
	
	
}

a.tab>img+span {
	padding-top: 0;
}
a.tab>span {
	padding-top: 3px;
}



.tab * {
	vertical-align: middle;
	display: inline-block;
}

.tab_active {
	text-shadow: 1px 0 1px #6b81a1;
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}

.tab:hover, body.touch_enabled .tab {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}

.tab strong {
	font-weight: normal;
	font-style: italic;
}

.tab img {
	width: 20px;
}

.tab_first {
}


	.tab_last {
		border-right: 1px solid;
		border-color: #b5b5b5;
	}




div[role="tabpanel"] {
	

	
		padding-left: 1em;
		padding-right: 1em;
	
}
div[role="tabpanel"]>div:first-child, div[role="tabpanel"]>style:first-child+div {
	margin-top: 1em;
}
div[role="tabpanel"]>div:last-child {
	margin-bottom: 1em;
}

/* Sub-tabs */

.tabs .tabs {
	margin-top: 0.5em;
}

.tab_surround .tab {
	padding-top: 5px !important;
	height: 21px;
	font-size: 0.9em;
}

.tab_surround .tab img {
	width: 17px;
}

/*
=========================
=====Menus (generic)=====
=========================
*/

ul.nl, .nl ul {
	display: block;
	margin: 0;
	padding-left: 0;
}

.nl ul>li, ul.nl>li {
	display: block;
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;
	list-style-image: none;
}

.has_img>a {
	background: none !important;
	padding-left: 0 !important;
	vertical-align: middle;
}

.has_img img {
	vertical-align: middle;
}

/* We hide the inline edit menu links for design reasons, they fade in on top of stuff when hovering the menu */
.edit_menu_link_inline, .edit_page_link_inline {
	opacity: 0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.00)"; display: inline-block;/*Needed for IE8*/
	transition: opacity 0.5s linear;
	-o-transition: opacity 0.5s linear;
	-webkit-transition: opacity 0.5s linear;
	-ms-transition: opacity 0.5s linear;
	-moz-transition: opacity 0.5s linear;
	transform: scale(1);
	-o-transform: scale(1);
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-moz-transform: scale(1); /* Needed to stop size jerk during animation, by forcing it as a layer at all times */
}
div:hover>.edit_menu_link_inline, div:hover>.edit_page_link_inline {
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)"; display: inline-block;/*Needed for IE8*/
}
.edit_menu_link_inline {
	position: absolute;
	float: left;
	margin-left: 0.25em;
	color: #f9fafc;
}
.edit_page_link_inline {
	position: absolute;
	right: 1px;
	z-index: 10000;
	margin-top: -1em;
}

/*
=========================
=========Comcode=========
=========================
*/

.comcode_snapback {
	text-align: right;
	font-size: 0.75em;
}

.comcode_overlay_main {
	margin-bottom: 3em;
}

.comcode_overlay_dismiss {
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 90%;
}

.comcode_code_wrap {
	overflow-x: auto;
}

/* .comcode_quote is used where the [quote] tag is parsed. */
/* .comcode_code is used where the [code] tag is parsed. */
.email_body .comcode_quote, .email_body .comcode_code {
	margin: 1em 0;
}
.comcode_quote, .comcode_code {
	margin: 1em;

	/* Takes off default from email clients */
	border: 0 !important;
	padding: 0 !important;

	/* To prevent horizontal overlapping with floats */
	outline: 0;
	overflow: auto;
}
td>.comcode_code_wrap>.comcode_quote, td>.comcode_code_wrap>.comcode_code {
	margin: 0;
}

.comcode_quote>h4, .comcode_code>h4 {
	border: 1px solid #7f9ac5;
	padding: 4px;
	margin: 0;
	background: #8ea6cb url('install.php?type=themes/default/images/quote_gradient.png') repeat-y;
	color: #0d1522;
}

.comcode_quote_inner, .comcode_code_inner {
	border: 1px solid #7f9ac5;
	display: block;
	padding: 5px;
	margin-left: 8px;
	background-color: #fafbfd;
	color: #3f3f3f;
	overflow: hidden;
}

.comcode_quote_inner_titled {
	border-top: 0;
}

.comcode_code_inner {
	font-family: 'Courier New', 'Courier', monospace;
	font-size: 1.1em;
	border-top: 0;
	white-space: nowrap;
	overflow: auto;
}

/* Allow pre tags to work when mixed in, as people do this when pasting */
pre .comcode_code_wrap {
	white-space: normal;
}
pre .comcode_code_inner {
	white-space: pre;
}

.comcode_code_scroll {
	max-height: 300px;
}

.comcode_highlight {
	font-weight: bold;
	color: #cc0000;
	background-color: #ffffc9;
}

.wiki_link, .comcode_concept {
	color: #2a3d5a;
	font-size: 0.85em;
}

.comcode_concept a {
	background-image: url('install.php?type=themes/default/images/1x/arrow_box.png') !important;
}
.comcode_concept a:hover {
	background-image: url('install.php?type=themes/default/images/1x/arrow_box_hover.png') !important;
}

.wiki_link a {
	background-image: url('install.php?type=themes/default/images/icons/14x14/wiki_link.png') !important;
}
.wiki_link a:hover {
	background-image: url('install.php?type=themes/default/images/icons/14x14/wiki_link_hover.png') !important;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.comcode_concept a {
		background-image: url('install.php?type=themes/default/images/2x/arrow_box.png') !important;
		background-size: 12px 13px;
	}
	.comcode_concept a:hover {
		background-image: url('install.php?type=themes/default/images/2x/arrow_box_hover.png') !important;
	}

	.wiki_link a {
		background-image: url('install.php?type=themes/default/images/icons/28x28/wiki_link.png') !important;
		background-size: 14px 14px;
	}
	.wiki_link a:hover {
		background-image: url('install.php?type=themes/default/images/icons/28x28/wiki_link_hover.png') !important;
	}
}

.comcode_concept a, .wiki_link a {
	padding-right: 17px !important;
	background-repeat: no-repeat !important;
	background-position: 100% 30% !important;
}
.comcode_concept a:hover, .wiki_link a:hover {
	padding-right: 17px !important;
	background-repeat: no-repeat !important;
	background-position: 100% 30% !important;
}

.comcode_concept_inline, a.comcode_concept_inline, a.comcode_concept_inline:visited, a.comcode_concept_inline:hover {
	border-bottom: 1px dashed #325180;
	display: inline-block;
	margin-bottom: 0.3em; /* To make sure bottom border can't be flush with something */
}

.comcode_concepts {
	font-size: 0.85em;
	width: 80%;
	margin: 0 auto;
}

.comcode_concepts_title {
	background-image: url('install.php?type=themes/default/images/checklist/checklist1.png');
	background-repeat: no-repeat;
	background-position: 1px 0;
	vertical-align: top;
	text-indent: 14px;
	margin: 0;
}

.comcode_concepts_content {
	padding-bottom: 0.85em;
}

.comcode_table_of_contents {
	display: inline-block;
	white-space: nowrap;
	font-size: 0.9em;
}

.search_result .comcode_table_of_contents {
	display: none;
}

body div.comcode_table_of_contents>div.box_inner>ol {
	padding: 0 !important;
	margin: 0 !important;
	margin-left: 20px !important;
}
body div.comcode_table_of_contents>div.box_inner>ol>li {
	margin: 0.2em 0 !important;
	padding: 0 !important;
}

.comcode_table_of_contents a {
	margin: 0;
}

.comcode_table_of_contents_title {
	text-align: center;
	color: #2a3d5a;
	margin: 0.5em;
	font-weight: bold;
}

.comcode_italic {
	font-style: italic;
}

.comcode_bold {
	font-weight: bold;
}

.comcode_underline {
	text-decoration: underline;
}

.comcode_strike {
	text-decoration: line-through;
}

.comcode_section_controller {
	padding-top: 10px;
	margin-bottom: 20px;
}

.ticker_wrap {
	display: inline-block;
}
.ticker {
	margin: 0 auto;
	height: 1.5em;
	white-space: nowrap;
	overflow: hidden;
	text-align: left;
	display: inline-block;
}
.ticker * {
	text-indent: 0;
}

.shocker {
	text-align: right;
	font-size: 1.2em;
}

.shocker_left {
	float: left;
	font-weight: bold;
}

.shocker_right {
}

.comcode_member_link {
	border: 1px solid #6b81a1;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	display: inline-block;
	padding: 0.2em 0.25em;
	vertical-align: middle;
	line-height: 1em;
	margin: 1px; /* Needed to stop border getting cropped off */
}
.comcode_member_link img {
	cursor: inherit;
}
.comcode_member_link .embedded_mini_avatar {
	vertical-align: middle;
}
.comcode_member_link a {
	vertical-align: middle;
	color: #325180;
	text-decoration: none;
}

.attachment {
	margin: 1em 0;
	margin-bottom: 1px !important; /* Overrides 0 on .left>figure, .right>figure */
	
		border: 1px solid #6b81a1;
		padding: 0.5em !important;
	
	font-size: 0.9em;
	/*display: inline-block; Actually table works better, shows margins even when not floated*/
	display: table;
	border-collapse: separate;
	max-width: 100%;
	background: #ffffff;
}
figure {
	margin: 1em 0;
}
.left>figure, .right>figure {
	margin: 0;
}
/* Wordpress compatibility */
.attachment.wp-caption {
	white-space: normal;
}
.alignleft {
	float: left;
	margin-right: 0.5em;
}
.alignright {
	float: right;
	margin-left: 0.5em;
}
.aligncenter {
	display: block;
	margin: 1em auto;
}
.alignnone {
	display: block;
	margin: 1em;
}
/* Make inline images look a little nicer, including with Wordpress imports (but native too) */
.alignleft, .alignright, .aligncenter, .alignnone, .media_set img.attachment_img, a[rel="lightbox"] img.attachment_img, .attachment_img img {
	border: 2px solid #c1cee3;
}
.alignleft img, .alignright img, .aligncenter img, .alignnone img {
	display: block;
}

a[rel="lightbox"] {
	text-decoration: none; /* Stops "_" showing when we use white-space */
}

.attachment img, .attachment_img {
	vertical-align: middle;
}
.attachment img:not([width]):not([height]), .attachment_img:not([width]):not([height]) {
	max-width: 100%;
	height: auto;
}

.attachment figcaption {
	border: 1px solid #6b81a1;
	padding: 0.15em 0.3em;
	font-style: italic;
	margin-bottom: 0.5em;
	display: inline-block;
}

.attachment_details {
	margin-top: 0.2em;
}

.attachment_details .actions_list_strong {
	background-position: left center;
}

.attachment_left {
	float: left;
	margin: 0 1.5em 0.5em 0;
}

.attachment_right {
	float: right;
	margin: 0 0 0.5em 1.5em;
}

.attachment_left .attachment, .attachment_right .attachment {
	width: 200px;
	white-space: normal;
}

.media_set {
	margin: 1em 0;
	border: 1px solid #6b81a1;
	background-color: #eaeff6;
	padding-bottom: 0.5em;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
}

.media_set div {
	display: inline;
}

.media_set * {
	vertical-align: top;
}

.media_set br {
	display: none;
}

.media_set a {
	display: inline-block;
	margin-top: 0.5em;
	margin-left: 0.5em;
	min-width: 0px;
	min-height: 0px;
	text-align: center;
}

.media_set img {
	width: 0px;
	height: auto;
}

/* Wrap video code with <div class="responsive_video">...</div> if you want it responsive; jwplayer is doing this by default using its own JS though */
.responsive_video video {
	max-width: 100%;
	height: auto;
}

/* We normally expect a standard-sized YouTube embed, but for mobile we will lock the size to the browser window */


/*
=========================
====Link type display====
===Based on "Elements"===
==== by Ben Henschel ====
=========================
*/





a[title="Go to this as a virtual root"]:hover {
	color: #cc0000;
}

/*
=========================
=========Overlays========
=========================
*/

.overlay [role="toolbar"], .overlay .emoticon_chooser, .overlay .posting_rules, .overlay .required_field_warning {
	display: none;
}

.overlay {
	overflow: visible;
	border: 0;
	word-wrap: break-word;
	-o-word-wrap: break-word;
	-webkit-word-wrap: break-word;
	-ms-word-wrap: break-word;
	-moz-word-wrap: break-word;
}

.overlay_close_button {
	position: absolute;
	
	
		top: -16px;
		right: -16px;
	
	cursor: pointer;
}

.overlay img.lightbox_image {
	display: block;
}

.overlay .previous_button, .overlay .next_button {
	position: absolute;
	cursor: pointer;
	top: 43%; /*fallback, IE8/IE9*/
	top: calc(50% - 37px);
	max-width: 20%;
}

.overlay .previous_button, .overlay .next_button {
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.00)";
	transition-property: opacity;
	-o-transition-property: opacity;
	-webkit-transition-property: opacity;
	-ms-transition-property: opacity;
	-moz-transition-property: opacity;
	transition-duration: 0.5s;
	-o-transition-duration: 0.5s;
	-webkit-transition-duration: 0.5s;
	-ms-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
}
.overlay .previous_button:hover, .overlay .next_button:hover, .overlay.mousemove .previous_button, .overlay.mousemove .next_button, body.touch_enabled .overlay.mousemove .previous_button, body.touch_enabled .overlay.mousemove .next_button {
	opacity: 1.0 !important;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}

.overlay .previous_button {
	left: 1.5em;
}

.overlay .next_button {
	right: 1.5em;
}

#lightbox_meta {
	margin: 0.5em 0;
}

span:not(:empty)+#lightbox_position_in_set:before, span:not(:empty)+#lightbox_full_link:before {
	margin-left: 0.25em;
	content: "\00b7" !important;
	padding-right: 0.5em;
	vertical-align: middle;
}

/*
=========================
=======Print rules=======
=========================
*/

@media print {
	body {
		background: none;
	}

	#main_website_inner {
		width: auto !important;
		margin: 0 !important;
		background: none !important;
		box-shadow: none !important;
		border:0 !important;
	}

	h1 {
		display: none;
	}

	.wide_table_wrap {
		overflow-y: visible !important;
	}

	.global_middle {
		margin: 0 !important;
		padding: 0 !important;
		background: none !important;
	}

	.non_accessibility_redundancy,
	.menu_type__top,
	.buttons_group,
	.associated_links_block_group,
	.screen_actions_outer,
	.adminzone_search,
	.global_banner,
	header,
	footer,
	.global_side_panel,
	.toggleable_tray_button,
	.post_buttons,
	.quick_self_edit_link, .staff_actions,
	.comments_form,
	.ratings, .trackbacks {
		display: none !important;
	}

	.global_navigation {
		visibility: hidden;
	}
}
/*
 Composr
 Copyright (c) ocProducts, 2004-2016
*/

/* General form-related styles */



.required_field_warning_wrap {
	
		text-align: center;
	
}

.required_field_warning {
	border: 1px solid #6b81a1;
	overflow: hidden;
	padding: 0.5em;
	/*	Style rather extreme, but re-enable if you wish
	background-color: #ede2e4;
	*/
	font-weight: bold;
	font-size: 0.85em;
	margin: 1.5em 0 1em 0;
	
		display: inline-block;
	
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none; 
}

.required_star {
	opacity: 0.6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60.00)";
	color: #cc0000;
	user-select: none;
	-o-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-moz-user-select: none; 
}

.comcode_supported {
	font-size: 0.85em;
}

div.comcode_supported {
	margin-top: 0.25em;
	float: right;
}

.input_erroneous {
	background-color: #cc3333 !important;
}

.input_erroneous.container_for_wysiwyg {
	border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	-moz-border-radius: 6px; /* WYSIWYG is curved so this stops it creating an ugly clash */
}

.input_error_here {
	font-size: 0.9em;
	display: block;
	padding: 1em 1em 1em 35px;
	border: 1px solid #ff8888;
	background: url('install.php?type=themes/default/images/icons/24x24/status/notice.png') 0.6em 0.75em no-repeat #fff2f2;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-top: 0.5em;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.input_error_here {
		background-image: url('install.php?type=themes/default/images/icons/48x48/status/notice.png');
		background-size: 24px 24px;
	}
}

/* This is used to fix a problem on screen readers (we don't want a paragraph used) */
span.form_field_name {
	/*display: inline-block;	Actually, this breaks vertical centring, so let it be inline*/
}

/* Overrides .toggleable_tray_button */
.form_table .toggleable_tray_button {
	color: #325180 !important;
	font-weight: normal !important;
}
.form_table .toggleable_tray_button .help_icon {
	float: none;
	vertical-align: middle;
}

/* Layout of the form table */

table.form_table { /* Some people think tables for forms are bad semantics. You can change it if you like, but we consider tables the optimal semantics (field name column, field input column, each field being a row). It's a conscious decision. Also all modern browsers allow complete styling control to change how tables are displayed, so there is no visual constraint here. */
	border-collapse: collapse;
	border: 1px solid #c1cee3;
	margin: 1em 0;
}

.toggleable_tray>.wide_table_wrap:first-child>.form_table {
	margin-top: 0;
}

/*
Curved borders would be cool, but it does not work well with the carefully defined internal cell borders which we have
.form_table>tbody>tr:first-child>:first-child {
	border-top-left-radius: 15px;
	-o-border-top-left-radius: 15px;
	-ms-border-top-left-radius: 15px;
	-moz-border-top-left-radius: 15px;
}
.form_table>tbody>tr:first-child>:last-child {
	border-top-right-radius: 15px;
	-o-border-top-right-radius: 15px;
	-ms-border-top-right-radius: 15px;
	-moz-border-top-right-radius: 15px;
}
.form_table>tbody>tr:last-child>:first-child {
	border-bottom-left-radius: 15px;
	-o-border-bottom-left-radius: 15px;
	-ms-border-bottom-left-radius: 15px;
	-moz-border-bottom-left-radius: 15px;
}
.form_table>tbody>tr:last-child>:last-child {
	border-bottom-right-radius: 15px;
	-o-border-bottom-right-radius: 15px;
	-ms-border-bottom-right-radius: 15px;
	-moz-border-bottom-right-radius: 15px;
}
*/

.form_table_field_name {
	word-wrap: break-word;
	-o-word-wrap: break-word;
	-webkit-word-wrap: break-word;
	-ms-word-wrap: break-word;
	-moz-word-wrap: break-word;
	text-align: left;
	color: #0d1522;
	padding-top: 0.95em !important;
}



.form_table_field_name h3 {
	border: 0;
	margin: 0;
}

.form_table_description_above_cell {
	text-align: left !important;
}
.form_table_description_above_cell .field_name {
	float: left;
	margin-top: 4px;
}

.form_table_field_name, .form_table_field_input, .form_table_huge_field,
th.form_table_field_name, /* Extra specificity to take precedence over th.de_th */
.form_table_field_spacer>th, .form_table_field_spacer>td, .form_table_description_above_cell, .form_table_description_under_cell
{
	border: 1px solid #c1cee3;
	color: #0d1522 !important;
	padding: 0.5em 0.75em;
	background-color: #eaeff6 !important; /* !important is so has priority over .de_th */
	background-image: linear-gradient(to bottom, #eaeff6, #e3e9f2);
	background-image: -o-linear-gradient(top, #eaeff6, #e3e9f2);background-image: -o-linear-gradient(to bottom, #eaeff6, #e3e9f2);
	background-image: -webkit-linear-gradient(top, #eaeff6, #e3e9f2);background-image: -webkit-linear-gradient(to bottom, #eaeff6, #e3e9f2);
	background-image: -ms-linear-gradient(to bottom, #eaeff6, #e3e9f2);
	background-image: -moz-linear-gradient(top, #eaeff6, #e3e9f2);background-image: -moz-linear-gradient(to bottom, #eaeff6, #e3e9f2);
}
.form_table_field_input>div:first-child>p:first-child {
	margin-top: 0;
}
.form_table_field_input input {
	margin-top: 0;
}

.form_table_field_name a, .form_table_field_input a, .form_table_huge_field a,
th.form_table_field_name a, /* Extra specificity to take precedence over th.de_th */
.form_table_field_spacer>th a, .form_table_field_spacer>td a, .form_table_description_above_cell a, .form_table_description_under_cell a
{
	color: #123d7b !important;
}

.form_table_field_input select, .form_table_field_input input, .form_table_field_input img {
	vertical-align: middle;
}
.form_table_field_input .constrain_field {
	display: inline;
}
.form_table_field_input .wide_field {
	width: 26em;
	max-width: 100%;
}

/* Tone it all down for forms inside tabs */
.tab_surround tbody th, .tab_surround tbody td, .tab_surround .form_table .required {
	background: none !important;
}

.form_table_field_spacer>th, .form_table_field_spacer>td, .form_table_description_above_cell {
	border-bottom: 0;
}

.form_table_huge_field {
	border-top: 0;
}

.form_table_huge_field_description_is_under {
	border-top: 1px solid #c1cee3;
	border-bottom: 0 !important;
}

.form_table .required {
	/*	Style rather extreme, but re-enable if you wish
	background-color: #ede2e4 !important;
	background-image: linear-gradient(to bottom, #ebe6eb, #ede2e4) !important;
	background-image: -o-linear-gradient(top, #ebe6eb, #ede2e4) !important;background-image: -o-linear-gradient(to bottom, #ebe6eb, #ede2e4) !important;
	background-image: -webkit-linear-gradient(top, #ebe6eb, #ede2e4) !important;background-image: -webkit-linear-gradient(to bottom, #ebe6eb, #ede2e4) !important;
	background-image: -ms-linear-gradient(to bottom, #ebe6eb, #ede2e4) !important;
	background-image: -moz-linear-gradient(top, #ebe6eb, #ede2e4) !important;background-image: -moz-linear-gradient(to bottom, #ebe6eb, #ede2e4) !important;
	*/
}

.form_table .filledin .required {
	/*	Style rather extreme, but re-enable if you wish
	background-color: #eaeff6 !important;
	background-image: linear-gradient(to bottom, #eaeff6, #e3e9f2) !important;
	background-image: -o-linear-gradient(top, #eaeff6, #e3e9f2) !important;background-image: -o-linear-gradient(to bottom, #eaeff6, #e3e9f2) !important;
	background-image: -webkit-linear-gradient(top, #eaeff6, #e3e9f2) !important;background-image: -webkit-linear-gradient(to bottom, #eaeff6, #e3e9f2) !important;
	background-image: -ms-linear-gradient(to bottom, #eaeff6, #e3e9f2) !important;
	background-image: -moz-linear-gradient(top, #eaeff6, #e3e9f2) !important;background-image: -moz-linear-gradient(to bottom, #eaeff6, #e3e9f2) !important;
	*/
}

/* Field sets */

.innocuous_fieldset .preview {
	float: right;
	text-align: right;
	width: 120px;
	height: 50px;
	margin-top: 10px;
	margin-right: 10px;
}
.innocuous_fieldset .preview img {
	border: 1px solid #c1cee3;
	max-width: 100%;
	max-height: 100%;
}
.innocuous_fieldset.has_preview .wide_field {
	max-width: 300px;
}

/* Particular input types */

.form_table .form_table_field_input select {
	width: auto;
}

.upload_field_msg {
	margin-top: 0;
	margin-bottom: 0.5em;
	display: inline-block;
}

.people_list {
	background-color: #eaeff6;
	color: #0d1522;
	width: auto;
	border: 1px solid #c1cee3;
}

.password_strength {
	float: right;
	width: 100px;
	border: 1px solid #6b81a1;
	display: none;
}

.password_strength_inner {
	height: 1em;
	width: 0;
}

.input_colour, .input_list, .input_line, .input_integer,
.input_author, .input_username, .input_email, .input_codename,
.input_tick, .input_float, .input_text, .input_upload, .input_radio,
.input_colour_required, .input_list_required, .input_line_required, .input_integer_required,
.input_author_required, .input_username_required, .input_email_required, .input_codename_required,
.input_tick_required, .input_float_required, .input_text_required, .input_upload_required {
	max-width: 100%;
}

.input_dimensions {
	display: inline-block;
}
.input_dimensions input {
	width: 4em !important;
}
.input_dimensions, .input_dimensions * {
	vertical-align: middle;
}

.upload_field {
	max-width: 31em; /* Upload field HTML is complex, we need to force size down so that the help icon can align correctly */
}

.upload_field input[type="button"] {
	margin-top: 2px;
}



.upload_field_image_preview {
	float: right;
	max-width: 4em;
	max-height: 4em;
}

.radio_description {
	margin-top: -1.3em !important;
	margin-bottom: 1em !important;
}

.syndication_options {
	overflow: hidden;
	white-space: nowrap;
}

/* Special validated checkbox; use of span.validated_checkbox is due to http://stackoverflow.com/questions/6949148/css-after-not-adding-content-to-certain-elements */
span.validated_checkbox, span.validated_checkbox+input[name="validated"].input_tick {
	width: 5px;
	height: px;
	display: inline-block;
	cursor: pointer;
}
span.validated_checkbox {
	content: "";
	background: url('install.php?type=themes/default/images/1x/editor/off.png') no-repeat;
	position: absolute;
}
span.validated_checkbox.checked {
	background-image: url('install.php?type=themes/default/images/1x/editor/on.png') !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	span.validated_checkbox {
		background-image: url('install.php?type=themes/default/images/2x/editor/off.png');
		background-size: px px;
	}
	span.validated_checkbox.checked {
		background-image: url('install.php?type=themes/default/images/2x/editor/on.png') !important;
		background-size: px px;
	}
}
span.validated_checkbox+input[name="validated"].input_tick {
	padding-right: 0.5em;
	z-index: 100;
	position: relative;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.00)";
}

.date-datepicker-button {
	font-size: 1.15em;
	vertical-align: middle;
}

.various_ticks {
	margin: -0.5em 0 -0.5em -0.5em;
	white-space: nowrap;
}

.syndication_options span {
	white-space: nowrap;
	border-right: 1px solid #c1cee3;
	font-size: 0.9em;
	padding-right: 0.5em;
	margin-right: 0.3em;
}
.syndication_options span:last-child {
	border-right: 0;
}

.various_ticks .input_individual_tick, .various_ticks .input_other_tick {
	padding: 1em 1em 1em 0.5em; /* Designed to make it fill whole box, i.e. equalise against the th's (to the left) height */
	float: left;
	font-size: 0.9em;
	vertical-align: middle;
}

.various_ticks .input_individual_tick {
}

.various_ticks .input_other_tick {
	clear: both;
}

.various_ticks .input_individual_tick input {
	margin-bottom: 0;
}

.radio_list_picture {
	float: left;
	white-space: nowrap;
	padding: 0.25em;
	font-size: 0.8em;
	cursor: pointer;

	/* Numbers based around selecting emoticons, making that line up with the irregular emoticon sizes */
	min-height: 60px;
	min-width: 60px;
}
.page_running_topics .radio_list_picture {
	/* Numbers based around topic emoticons emoticons */
	min-height: 32px;
	min-width: 30px;
}
.radio_list_picture_na {
	float: none;
}

.radio_list_picture label {
	cursor: pointer;
	display: block;
}

.radio_list_picture.linear {
	float: none;
	margin: 1em;
	border: 1px solid #6b81a1;
	min-height: auto;
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}

.radio_list_picture img {
	max-width: 100px;
}

.radio_list_picture label.js_widget {
	visibility: hidden;
	width: 0;
	height: 0;
	font-size: 0;
}
.page_running_admin_themes .radio_list_picture label.js_widget, .page_running_admin_zones .radio_list_picture label.js_widget {
	visibility: visible;
	width: auto;
	height: auto;
	font-size: inherit;
}

.radio_list_picture {
	opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50.00)";
}
.radio_list_picture:hover, .radio_list_picture.selected {
	opacity: 1.0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100.00)";
}

.selectable_theme_image {
	padding: 0.3em;
	margin: 1px;
}

/* Form colour chooser */

.form_table .css_colour_chooser_name {
	width: 190px;
}

.css_colour_strip {
	float: left;
	width: 4px;
	height: 15px;
}

.css_colour_chooser {
	height: 50px;
	margin: 0 auto;
}

.field_input .css_colour_chooser {
	width: auto;
	height: auto;
	margin: 0;
}

.css_colour_chooser_name {
	font-weight: bold;
	float: left;
}

.css_colour_chooser_name input {
	color: #545454;
	margin-top: 0.5em;
	display: block;
}

.css_colour_chooser_from {
	float: left;
	margin: 0 0 0 10px;
}

.field_input .css_colour_chooser_from {
	display: none;
}

.css_colour_chooser_to {
	float: right;
	margin-left: 0;
}

.css_colour_chooser_fixed {
	width: 366px;
	float: left;
	margin-top: 3px; /* As the selection bars overflow a bit */
}

.field_input .css_colour_chooser_fixed {
	width: 306px;
}

.css_colour_chooser_from, .css_colour_chooser_to {
	padding-top: 7px;
	height: 38px;
	font-size: 0.9em;
	width: 50px;
	display: inline;
	font-weight: bold;
	text-align: center;
	cursor: default;
}

.css_colour_chooser_colour {
	height: 45px;
	width: 256px;
	display: inline;
}

.css_colour_chooser_colour>div {
	overflow: hidden;
}

.css_colour_chooser_context {
	padding-top: 50px;
	font-style: italic;
}

/* Previews */

.form_screen_iframe {
	width: 100%;
	height: 0; /* Will be dynamically adjusted */
}

.preview_box {
	margin: 1em 0;
}



.preview_checking_box {
	width: 34em;
	margin: 1em auto 3em auto;
}

/* Posting forms */

.word_count {
	float: right;
	font-size: 0.8em;
	padding: 4px;
}

@media screen and (max-width:500px) {
	.post_options_wrap {
		display: none;
	}
}

.posting_form_main_comcode_button {
	float: right;
	margin-top: 1em;
}

.posting_form_insert_buttons {
	background-color: #eaeff6;
}

.posting_form_wrap_buttons {
	background-color: #dce2eb;
	white-space: nowrap; /* Needed for IE8 */
}

.posting_form_wrap_buttons, .posting_form_insert_buttons {
	float: right;
	border: 1px solid #6b81a1;
	padding: 0.5em;
	margin-top: 0.5em;
	margin-left: 0.5em;
}

.posting_form_insert_buttons span, .posting_form_insert_buttons img, .posting_form_wrap_buttons img, .posting_form_insert_buttons input, .posting_form_wrap_buttons input, .posting_form_wrap_buttons select {
	vertical-align: middle;
}

.posting_form_insert_buttons .divider {
	margin-left: 0.2em;
	border-left: 1px solid #6b81a1;
	padding-left: 0.4em;
}

.emoticon_chooser {
	padding: 0.5em;
	margin-top: 0.5em !important;
}

.emoticon_chooser a {
	text-decoration: none; /* Tone minor link down a bit */
}
.emoticon_chooser a:hover {
	text-decoration: underline;
}

.attachments_field_name_column {
	width: 18em;
}

.box .attachments_field_name_column {
	width: 14em;
}

.attachments_field_input_column {
	width: 100%;
}

/* Permissions */

.permissions_matrix_wrap {
	width: 100%;
	overflow-x: auto;
	outline: 0;
	padding-bottom: 1px;

	/* Fix for overhanging borders */
	padding-right: 2px;
	box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.permissions_matrix_wrap select {
	max-width: 11em;
	white-space: nowrap;
	font-size: 0.8em !important;
}

.permissions_matrix_wrap .group_header, .permissions_matrix_wrap .view_header, .permissions_matrix_wrap .privilege_header {
	vertical-align: bottom;
}

.permission_field_name_column {
	width: 24em;
}

.permission_column {
	width: 2.5em;
}

.permission_copy_column {
	width: 3.8em;
}

.permissions_matrix_wrap .form_table_field_input, .privileges td {
	text-align: center;
	vertical-align: middle;
}

/* Special supra-context stuff for forms */

.form_group {
	margin-bottom: 1.5em;
}

.skip_step_button_wrap {
	overflow: hidden;
}

.skip_step_button_wrap div {
	float: right;
}

.skip_step_button_wrap_with_req_note {
	margin: -52px 0 0 0;
}

.form_set_indent {
	margin-left: 2em;
}

.fields_set_item {
	background: #ffffff;
	padding: 0.75em 0.5em;
	border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #c1cee3;
}

.fields_set_item + .fields_set_item {
	margin-top: 1em;
}

.fields_set_radio {
	margin-bottom: 0.5em;
}

.fields_set_contents {
	overflow: hidden;
}

.fields_set_contents .associated_details {
	margin-top: 0.2em;
}

/* Spruce up defaults for form fields */

.form_table input[type="text"], .form_table input[type="email"], .form_table input[type="password"], .form_table textarea,
.form_table_field_input select, .form_table_field_input textarea {
	font-size: 1.12em;
}

.form_table input[type="text"], .form_table input[type="email"], .form_table input[type="password"], .form_table textarea {
	border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #6b81a1;
	padding: 0.2em;
}

.form_table input[type="number"] {
	width: 6em;
}



.box___revisions_wrap {
	margin-top: 3em;
}

/*
================================
== WYSIWYG (CKEditor) styling ==
================================
*/

/* Reset some Composr styles that impact CKEditor */
.cke_reset_all div[role="tabpanel"] {
	padding-left: 0;
	padding-right: 0;
}
.cke_reset_all div[role="tabpanel"]>:first-child {
	margin-top: 0;
}
.cke_reset_all div[role="tabpanel"]>:last-child {
	margin-bottom: 0;
}

/* Stop large images creating scrolling */
.cke_image_resizer {
	right: 0 !important;
	bottom: 0 !important;
}

.cke_widget_inline {
	line-height: 1em !important;
}



/* Icons for our custom plugins (we specify ours this way for greatest flexibility) */

.cke_button__composr_block_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_block.png') !important;
	background-size: 16px !important;
}
.cke_button__composr_comcode_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_comcode.png') !important;
	background-size: 16px !important;
}
.cke_button__composr_page_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_page.png') !important;
	background-size: 16px !important;
}
.cke_button__composr_quote_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_quote.png') !important;
	background-size: 16px !important;
}
.cke_button__composr_box_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_box.png') !important;
	background-size: 16px !important;
}
.cke_button__composr_code_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_code.png') !important;
	background-size: 16px !important;
}
.cke_button__composr_image_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_image.png') !important;
	background-size: 16px !important;
}
.moono .cke_button__composr_image_icon {
	background-image: url('http://systemik.7m.pl//plugins/composr/images/composr_image__moono.png') !important;
}
.cke_button__spellchecktoggle_icon {
	background-image: url('http://systemik.7m.pl//plugins/spellchecktoggle/images/spellchecktoggle.png') !important;
	background-size: 16px !important;
}
.moono .cke_button__spellchecktoggle_icon {
	background-image: url('http://systemik.7m.pl//plugins/spellchecktoggle/images/spellchecktoggle__moono.png') !important;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.cke_button__composr_block_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_block.png') !important;
	}
	.cke_button__composr_comcode_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_comcode.png') !important;
	}
	.cke_button__composr_page_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_page.png') !important;
	}
	.cke_button__composr_quote_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_quote.png') !important;
	}
	.cke_button__composr_box_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_box.png') !important;
	}
	.cke_button__composr_code_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_code.png') !important;
	}
	.cke_button__composr_image_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_image.png') !important;
	}
	.moono .cke_button__composr_image_icon {
		background-image: url('http://systemik.7m.pl//plugins/composr/images/hidpi/composr_image__moono.png') !important;
	}
	.cke_button__spellchecktoggle_icon {
		background-image: url('http://systemik.7m.pl//plugins/spellchecktoggle/images/hidpi/spellchecktoggle.png') !important;
	}
	.moono .cke_button__spellchecktoggle_icon {
		background-image: url('http://systemik.7m.pl//plugins/spellchecktoggle/images/hidpi/spellchecktoggle__moono.png') !important;
	}
}

/* Change some Composr styles to look more appropriate within a WYSIWYG editor */

#wysiwyg_editor #screen_title {
	display: block !important;
}

#wysiwyg_editor th, #wysiwyg_editor td {
	border: 1px dotted #000000;
}

#wysiwyg_editor .comcode_fake_table > div, #wysiwyg_editor .fp_col_block {
	outline: 1px dotted;
	margin: 1px 0;
}

/* Composr editing UI */

comcode-,comcode-, tempcode {
	background-color: #feffcb;
	color: #000000;
}

#wysiwyg_editor kbd.cms_keep, #wysiwyg_editor kbd.cms_keep_block {
	background-color: #feffcb;
}

#wysiwyg_editor kbd.cms_keep_block {
	display: block;
	border: 1px dotted gray;
	padding: 2px;
}

#wysiwyg_editor input.cms_keep_ui_controlled, #wysiwyg_editor input.cms_keep_ui_controlled:focus {
	border: 1px dashed gray;
	text-align: center;
	color: #000000;
	background: #feffcb url('install.php?type=themes/default/images/icons/16x16/editor/comcode.png') right 2px no-repeat;
	background-size: 16px 16px;
	padding: 1px 25px 1px 2px;
}
/* Separately specified, as the weird selector breaks whole compound selector on some browsers */
#wysiwyg_editor input.cms_keep_ui_controlled::selection {
	color: #000000;
	background-color: #feffcb;
}
#wysiwyg_editor input.cms_keep_ui_controlled::-moz-selection {
	color: #000000;
	background-color: #feffcb;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	#wysiwyg_editor input.cms_keep_ui_controlled {
		background-image: url('install.php?type=themes/default/images/icons/32x32/editor/comcode.png');
	}
}

/* Other styles */

body#wysiwyg_editor {
	/* IE9 selectability fix */
	width: 100%;
	min-height: 140px;
}