/* --- xenforo.css --- */

/*
 * YUI reset-fonts.css
 *
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/

html {
	color: #000;
	background: #FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var, optgroup {
	font-style: inherit;
	font-weight: inherit;
}
del, ins {
	text-decoration: none;
}
li {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
	font-variant: normal;
	text-decoration: none
}
sup {
	vertical-align: baseline;
}
sub {
	vertical-align: baseline;
}
legend {
	color: #000;
}
input, button, textarea, select, optgroup, option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input, button, textarea, select {
	*font-size: 100%;
}
body {
	font: 13px/1.231 arial, helvetica, clean, sans-serif;
	*font-size: small;
	*font: x-small;
}
select, input, button, textarea, button {
	font: 99% arial, helvetica, clean, sans-serif;
}
table {
	font-size: inherit;
	font: 100%;
}
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
/*
 * Firefox broken image placeholder support.
 *
http://lab.gmtplusone.com/image-placeholder/
*/

img:-moz-broken, img:-moz-user-disabled {
	-moz-force-broken-image-icon: 1;
}
img:-moz-broken:not([width]), img:-moz-user-disabled:not([width]) {
	width: 50px;
}
img:-moz-broken:not([height]), img:-moz-user-disabled:not([height]) {
	height: 50px;
}
/*
 * XenForo Core CSS
 *
 */

html {
	background-image: url('/opserv/css/styles/skin/body_bg.jpg');
	background-repeat: repeat;
	overflow-y: scroll !important;
}
body {
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-family: 'Open-Sans', Arial, sans-serif;
	color: #999;
	background-image: url('/opserv/css/styles/skin/page_bg.jpg');
	background-repeat: repeat-y;
	background-position: top center;
	margin: auto;
	word-wrap: break-word;
	line-height: 1.28;
	margin: auto;
}
/* counteract the word-wrap setting in 'body' */

pre, textarea {
	word-wrap: normal;
}
[dir=auto] {
	text-align: left;
}
a:link, a:visited {
	color: #cacaca;
	text-decoration: none;
}
a[href]:hover, a[href]:hover span {
	color: rgb(255, 0, 8);
	text-decoration: none;
}
a:hover {
	_text-decoration: underline;
}
a.noOutline {
	outline: 0 none;
}
.emCtrl, .messageContent a {
	border-radius: 5px;
}
.emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus {
	/*position: relative;
			top: -1px;*/
	text-decoration: none;
	box-shadow: 5px 5px 7px #CCCCCC;
	outline: 0 none;
}
.emCtrl:active, .ugc a:active {
	position: relative;
	top: 1px;
	box-shadow: 2px 2px 7px #CCCCCC;
	outline: 0 none;
}
.ugc a:link, .ugc a:visited {
	color: #cacaca;
	padding: 0 3px;
	margin: 0 -3px;
	border-radius: 5px;
}
.ugc a:hover, .ugc a:focus {
	color: rgb(255, 0, 8);
}
img.mceSmilie, img.mceSmilieSprite {
	vertical-align: text-bottom;
	margin: 0 1px;
}
/** title bar **/

.titleBar {
	margin-bottom: 10px;
}
/* clearfix */

.titleBar {
	zoom: 1;
}
.titleBar:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.titleBar h1 {
	font-size: 16pt;
	font-family: "Teko", Tahoma, Helvetica, open-sans;
	color: rgb(255, 0, 8);
	padding-left: 8px;
	overflow: hidden;
	zoom: 1;
	text-transform: uppercase;
}
.titleBar h1 em {
	color: #8c8c8c;
}
.titleBar h1 .Popup {
	float: left;
}
#pageDescription {
	font-size: 11px;
	color: #7e7e7e;
	margin-top: 2px;
}
.topCtrl {
	float: right;
}
.topCtrl h2 {
	font-size: 12pt;
}
/** images **/

img {
	-ms-interpolation-mode: bicubic;
}
a.avatar {
	*cursor: pointer;
	/* IE7 refuses to do this */
}
.avatar img, .avatar .img, .avatarCropper {
	background-color: #4d4d4d;
	background-position: 0 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0;
	box-sizing: border-box;
}
.avatar.plainImage img, .avatar.plainImage .img {
	border: none;
	border-radius: 0;
	padding: 0;
	background-position: left top;
}
.avatar .img {
	display: block;
	background-repeat: no-repeat;
	background-position: 2px 2px;
	text-indent: 1000px;
	overflow: hidden;
	white-space: nowrap;
	word-wrap: normal;
}
.avatar .img.s {
	width: 48px;
	height: 48px;
}
.avatar .img.m {
	width: 96px;
	height: 96px;
}
.avatar .img.l {
	width: 192px;
	height: 192px;
}
.avatarCropper {
	width: 192px;
	height: 192px;
	direction: ltr;
}
.avatarCropper a, .avatarCropper span, .avatarCropper label {
	overflow: hidden;
	position: relative;
	display: block;
	width: 192px;
	height: 192px;
}
.avatarCropper img {
	padding: 0;
	border: none;
	border-radius: 0;
	position: relative;
	display: block;
}
.avatarScaler img {
	max-width: 192px;
	_width: 192px;
}
/* ***************************** */

body .dimmed, body a.dimmed, body .dimmed a {
	color: #8c8c8c;
}
body .muted, body a.muted, body .muted a {
	color: #7e7e7e;
}
body .faint, body a.faint, body .faint a {
	color: #7a7a7a;
}
.highlight {
	font-weight: bold;
}
.concealed, .concealed a, .cloaked, .cloaked a {
	text-decoration: inherit !important;
	color: inherit !important;
	*clear: expression( style.color=parentNode.currentStyle.color, style.clear="none", 0);
}
a.concealed:hover, .concealed a:hover {
	text-decoration: underline !important;
}
/* ***************************** */

.xenTooltip {
	font-size: 11px;
	color: rgb(255, 255, 255);
	background: url(rgba.php?r=0&g=0&b=0&a=153);
	background: rgba(0, 0, 0, 0.6);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
	padding: 5px 10px;
	border-radius: 5px;
	display: none;
	z-index: 15000;
	cursor: default;
}
.xenTooltip a, .xenTooltip a:hover {
	color: rgb(255, 255, 255);
	text-decoration: underline;
}
.xenTooltip .arrow {
	border-top: 6px solid rgb(0, 0, 0);
	border-top: 6px solid rgba(0, 0, 0, 0.6);
	_border-top: 6px solid rgb(0, 0, 0);
	border-right: 6px solid transparent;
	border-bottom: 1px none black;
	border-left: 6px solid transparent;
	position: absolute;
	bottom: -6px;
	line-height: 0px;
	width: 0px;
	height: 0px;
	left: 9px;
	/* Hide from IE6 */
	_display: none;
}
.xenTooltip.flipped .arrow {
	left: auto;
	right: 9px;
}
.xenTooltip.statusTip {
	/* Generated by XenForo.StatusTooltip JavaScript */
	padding: 5px 10px;
	line-height: 17px;
	width: 250px;
	height: auto;
}
.xenTooltip.statusTip .arrow {
	border: 6px solid transparent;
	border-right-color: rgb(0, 0, 0);
	border-right-color: rgba(0, 0, 0, 0.6);
	_border-right-color: rgb(0, 0, 0);
	border-left: 1px none black;
	top: 6px;
	left: -6px;
	bottom: auto;
	right: auto;
}
.xenTooltip.iconTip {
	margin-left: -6px;
}
.xenTooltip.iconTip.flipped {
	margin-left: 7px;
}
/* ***************************** */

#PreviewTooltip {
	display: none;
}
.xenPreviewTooltip {
	border: 1px solid #5c5c5c;
	border-radius: 4px;
	position: relative;
	box-shadow: 0px 0px 4px 4px #000;
	width: 400px;
	display: none;
	z-index: 15000;
	cursor: default;
	border-color: rgb(92, 92, 92);
	border-color: rgba(92, 92, 92, 0.5);
	_border-color: rgb(92, 92, 92);
}
.xenPreviewTooltip .arrow {
	border-top: 15px solid #5c5c5c;
	border-right: 15px solid transparent;
	border-bottom: 1px none #5c5c5c;
	border-left: 15px solid transparent;
	position: absolute;
	bottom: -15px;
	left: 22px;
	_display: none;
}
.xenPreviewTooltip .arrow span {
	border-top: 15px solid;
	border-right: 15px solid transparent;
	border-bottom: 1px none #454545;
	border-left: 15px solid transparent;
	position: absolute;
	top: -17px;
	left: -15px;
}
.xenPreviewTooltip .section, .xenPreviewTooltip .sectionMain, .xenPreviewTooltip .primaryContent, .xenPreviewTooltip .secondaryContent {
	margin: 0;
}
.xenPreviewTooltip .previewContent {
	overflow: hidden;
	zoom: 1;
	min-height: 1em;
}
/* ***************************** */

.importantMessage {
	margin: 10px 0;
	color: #2b2b2b;
	background-color: #eee;
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	border: solid 1px #888;
}
.importantMessage a {
	font-weight: bold;
	color: #2b2b2b;
}
/* ***************************** */

.section {
	margin: 10px auto;
}
.sectionMain {
	background-color: #333;
	padding: 20px;
	margin: 0 auto 10px;
	border: 1px solid #5c5c5c;
	border-radius: 0;
}
.heading, .xenForm .formHeader {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background: #294861 url('/opserv/css/styles/skin/tab1.jpg') repeat-x center top;
	padding: 5px 10px;
	border: 1px solid #ab0001;
}
.heading a {
	color: #fff;
}
.subHeading {
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #fff;
	background: #294861 url('/opserv/css/styles/skin/tab1.jpg') repeat-x center top;
	padding: 8px 10px;
	margin: 3px auto 0;
	border: 1px solid #ab0001;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing: border-box;
}
.subHeading a {
	color: #fff;
}
.textHeading, .xenForm .sectionHeader {
	font-weight: bold;
	color: #999;
	padding-bottom: 2px;
	margin: 10px auto 5px;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
}
.xenForm .sectionHeader, .xenForm .formHeader {
	margin: 10px 0;
}
.primaryContent>.textHeading:first-child, .secondaryContent>.textHeading:first-child {
	margin-top: 0;
}
.larger.textHeading, .xenForm .sectionHeader {
	color: #aaa;
	font-size: 11pt;
	margin-bottom: 6px;
}
.larger.textHeading a, .xenForm .sectionHeader a {
	color: #aaa;
}
.primaryContent {
	padding: 8px;
	margin-bottom: 1px;
	border: 1px solid #454545;
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
}
.primaryContent a {
	color: #cacaca;
}
.secondaryContent {
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
	padding: 8px;
	margin-bottom: 1px;
	border: 1px solid #5c5c5c;
}
.secondaryContent a {
	color: #cacaca;
}
.sectionFooter {
	overflow: hidden;
	zoom: 1;
	font-size: 11px;
	color: #999;
	background-color: #333;
	padding: 4px 10px;
	border: 1px solid #5c5c5c;
	line-height: 16px;
}
.sectionFooter a {
	color: #999;
}
.sectionFooter .left {
	float: left;
}
.sectionFooter .right {
	float: right;
}
/* used for section footers with central buttons, esp. in report viewing */

.actionList {
	text-align: center;
}
/* left-right aligned options */

.opposedOptions {
	overflow: hidden;
	zoom: 1;
}
.opposedOptions .left {
	float: left;
}
.opposedOptions .right {
	float: right;
}
.columns {
	overflow: hidden;
	zoom: 1;
}
.columns .columnContainer {
	float: left;
}
.columns .columnContainer .column {
	margin-left: 3px;
}
.columns .columnContainer:first-child .column {
	margin-left: 0;
}
.c50_50 .c1, .c50_50 .c2 {
	width: 49.99%;
}
.c70_30 .c1 {
	width: 70%;
}
.c70_30 .c2 {
	width: 29.99%;
}
.c60_40 .c1 {
	width: 60%;
}
.c60_40 .c2 {
	width: 39.99%;
}
.c40_30_30 .c1 {
	width: 40%;
}
.c40_30_30 .c2, .c40_30_30 .c3 {
	width: 29.99%;
}
.c50_25_25 .c1 {
	width: 50%;
}
.c50_25_25 .c2, .c50_25_25 .c3 {
	width: 25%;
}
/* ***************************** */

/* Basic Tabs */

.tabs {
	font-size: 11px;
	background: transparent url('/opserv/css/styles/skin/gradient_blue.png') repeat-x bottom left;
	padding: 0 10px;
	border-bottom: 1px solid #a00001;
	word-wrap: normal;
	min-height: 23px;
	_height: 23px;
	display: table;
	width: 100%;
	*width: auto;
	box-sizing: border-box;
}
.tabs li {
	float: left;
}
.tabs li a, .tabs.noLinks li {
	color: rgb(255, 42, 42);
	text-decoration: none;
	background-color: #750002;
	background-repeat: repeat-x;
	background-position: top;
	padding: 0 8px;
	margin-right: -1px;
	margin-bottom: -1px;
	border: 1px solid #a00001;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: inline-block;
	line-height: 22px;
	cursor: pointer;
	outline: 0 none;
	white-space: nowrap;
	word-wrap: normal;
	height: 22px;
}
.tabs li:hover a, .tabs.noLinks li:hover {
	color: rgb(255, 0, 0);
	text-decoration: none;
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
.tabs li.active a, .tabs.noLinks li.active {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	padding-bottom: 1px;
	border: 1px solid rgb(236, 0, 0);
	border-bottom: 1px none black;
}
/* Tabs inside forms */

.xenForm .tabs, .xenFormTabs {
	padding: 5px 30px 0;
}
@media (max-width:480px) {
	.Responsive .tabs li {
		float: none;
	}
	.Responsive .tabs li a, .Responsive .tabs.noLinks li {
		display: block;
	}
	.Responsive .tabs {
		display: flex;
		display: -webkit-flex;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
	}
	.Responsive .tabs li {
		flex-grow: 1;
		-webkit-flex-grow: 1;
		text-align: center;
	}
	.Responsive .xenForm .tabs, .Responsive .xenFormTabs {
		padding-left: 10px;
		padding-right: 10px;
	}
}
/* ***************************** */

/* Popup Menus */

.Popup {
	position: relative;
}
.Popup.inline {
	display: inline;
}
/** Popup menu trigger **/

.Popup .arrowWidget {
	/* circle-arrow-down */
	color: rgb(255, 42, 42);
	background: transparent url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -32px 0;
	margin-top: -2px;
	margin-left: 2px;
	display: inline-block;
	*margin-top: 0;
	vertical-align: middle;
	line-height: normal;
	width: 13px;
	height: 14px;
}
.PopupOpen .arrowWidget {
	/* circle-arrow-up */
	background-position: -16px 0;
}
.Popup .PopupControl, .Popup.PopupContainerControl {
	display: inline-block;
	cursor: pointer;
}
.Popup .PopupControl:hover, .Popup.PopupContainerControl:hover {
	color: rgb(255, 42, 42);
	text-decoration: none;
}
.Popup .PopupControl:focus, .Popup .PopupControl:active, .Popup.PopupContainerControl:focus, .Popup.PopupContainerControl:active {
	outline: 0;
}
.Popup .PopupControl.PopupOpen, .Popup.PopupContainerControl.PopupOpen {
	color: rgb(255, 0, 0);
}
.Popup .PopupControl.BottomControl.PopupOpen, .Popup.PopupContainerControl.BottomControl.PopupOpen {
	border-top-left-radius: ;
	border-top-right-radius: ;
	border-bottom-left-radius: ;
	border-bottom-right-radius: ;
}
.Popup .PopupControl.PopupOpen:hover, .Popup.PopupContainerControl.PopupOpen:hover {
	text-decoration: none;
}
/** Menu body **/

.Menu {
	/*background-color: #4d4d4d;*/
	font-size: 11px;
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x left top;
	overflow: hidden;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
	min-width: 200px;
	*width: 200px;
	/* makes menus actually work... */
	position: absolute;
	z-index: 7500;
	display: none;
}
/* allow menus to operate when JS is disabled */

.Popup:hover .Menu {
	display: block;
}
.Popup:hover .Menu.JsOnly {
	display: none;
}
.Menu.BottomControl {
	border-top-width: 1px;
	border-bottom-width: 3px;
	box-shadow: 0px 0px 0px transparent;
}
.Menu>li>a, .Menu .menuRow {
	display: block;
}
.Menu.inOverlay {
	z-index: 10000;
}
/* Menu header */

.Menu .menuHeader {
	overflow: hidden;
	zoom: 1;
}
.Menu .menuHeader h3 {
	font-size: 15pt;
	font-family: "Teko", Tahoma, Arial;
	color: #fff;
	text-transform: uppercase;
	text-shadow: -1px -1px 0px #000000;
}
.Menu .menuHeader .muted {
	font-size: 12pt;
	font-family: "Teko", Tahoma, Arial;
	color: rgb(255, 42, 42);
	text-transform: uppercase;
}
/* Standard menu sections */

.Menu .primaryContent {
	background-color: ;
}
.Menu .secondaryContent {
	background-color: rgba(75, 75, 75, 0.96);
}
.Menu .sectionFooter {
	background-color: rgba(51, 51, 51, 0.9);
}
/* Links lists */

.Menu .blockLinksList {
	max-height: 400px;
	overflow: auto;
}
/* form popups */

.formPopup {
	width: 250px;
	background-color: #4d4d4d;
}
.formPopup form, .formPopup .ctrlUnit {
	margin: 5px auto;
}
.formPopup .ctrlUnit {}
.formPopup .textCtrl, .formPopup .button {
	width: 232px;
}
.formPopup .ctrlUnit>dt label {
	display: block;
	margin-bottom: 2px;
}
.formPopup .submitUnit dd {
	text-align: center;
}
.formPopup .ctrlUnit>dd .explain {
	margin: 2px 0 0;
}
.formPopup .primaryControls {
	zoom: 1;
	white-space: nowrap;
	word-wrap: normal;
	padding: 0 5px;
}
.formPopup .primaryControls input.textCtrl {
	margin-bottom: 0;
}
.formPopup .secondaryControls {
	padding: 0 5px;
}
.formPopup .controlsWrapper {
	background: #ccc url('/opserv/css/styles/gradients/category-23px-light.png') repeat-x top;
	border-radius: 5px;
	padding: 5px;
	margin: 5px 0;
	font-size: 11px;
}
.formPopup .controlsWrapper .textCtrl {
	width: 222px;
}
.formPopup .advSearchLink {
	display: block;
	text-align: center;
	padding: 5px;
	font-size: 11px;
	border-radius: 5px;
	border: 1px solid #ccc;
	background: #eee url('/opserv/css/styles/gradients/category-23px-light.png') repeat-x top;
}
.formPopup .advSearchLink:hover {
	background-color: #ccc;
	text-decoration: none;
}
/* All overlays must have this */

.xenOverlay {
	display: none;
	z-index: 10000;
	width: 90%;
	box-sizing: border-box;
	max-width: 690px;
	/*calc: 90=overlay padding+borders*/
}
.xenOverlay .overlayScroll {
	max-height: 400px;
	overflow: auto;
}
.xenOverlay .overlayScroll.ltr {
	direction: ltr;
}
.xenOverlay .overlayScroll .sortable-placeholder {
	background-color: #aaa;
}
.xenOverlay .overlayContain {
	overflow-x: auto;
}
.xenOverlay .overlayContain.ltr {
	direction: ltr;
}
.overlayOnly
/* needs a bit more specificity over regular buttons */

	{
	display: none !important;
}
.xenOverlay .overlayOnly {
	display: block !important;
}
.xenOverlay input.overlayOnly, .xenOverlay button.overlayOnly, .xenOverlay a.overlayOnly {
	display: inline !important;
}
.xenOverlay a.close {
	background-image: url('/opserv/css/styles/overlay/close.png');
	position: absolute;
	right: 4px;
	top: 4px;
	cursor: pointer;
	width: 35px;
	height: 35px;
}
.xenOverlay .nonOverlayOnly {
	display: none !important;
}
/* Generic form overlays */

.xenOverlay .formOverlay {
	color: #999;
	background-color: #333;
	padding: 15px 25px;
	border: 1px solid #5c5c5c;
	border-radius: 0;
	box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.5);
	_zoom: 1;
	margin: 0;
}
.Touch .xenOverlay .formOverlay {
	background: #333;
	box-shadow: none;
}
.xenOverlay .formOverlay a.muted, .xenOverlay .formOverlay .muted a {
	color: #7e7e7e;
}
.xenOverlay .formOverlay .heading {
	font-weight: bold;
	font-size: 12pt;
	color: #fff;
	background: #5a1414 url('/opserv/css/styles/skin/tab1.jpg') repeat-x left top;
	padding: 10px 8px;
	margin-bottom: 10px;
	border: 1px solid #ab0001;
}
.xenOverlay .formOverlay .subHeading {
	font-weight: bold;
	font-size: 11px;
	color: #999;
	background: #333 none;
	padding: 10px 8px;
	border: 1px solid #5c5c5c;
	border-radius: 0;
}
.xenOverlay .formOverlay .textHeading {
	color: #eee;
}
.xenOverlay .formOverlay>p {
	padding-left: 8px;
	padding-right: 8px;
}
.xenOverlay .formOverlay .textCtrl {
	color: #eee;
	background-color: black;
	border-color: #aaa;
}
.xenOverlay .formOverlay .textCtrl option {
	background-color: black;
}
.xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus {
	background: #2b2b2b none;
}
.xenOverlay .formOverlay .textCtrl:focus option {
	background: #2b2b2b none;
}
.xenOverlay .formOverlay .textCtrl.disabled {
	background: url(rgba.php?r=0&g=0&b=0&a=63);
	background: rgba(0, 0, 0, 0.25);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);
}
.xenOverlay .formOverlay .textCtrl.disabled option {
	background: url(rgba.php?r=0&g=0&b=0&a=63);
	background: rgba(0, 0, 0, 0.25);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);
}
.xenOverlay .formOverlay .textCtrl.prompt {
	color: rgb(160, 160, 160);
}
.xenOverlay .formOverlay .ctrlUnit>dt dfn, .xenOverlay .formOverlay .ctrlUnit>dd li .hint, .xenOverlay .formOverlay .ctrlUnit>dd .explain {
	color: #bbb;
}
.xenOverlay .formOverlay a {
	color: #fff;
}
.xenOverlay .formOverlay a.button {
	color: black;
}
.xenOverlay .formOverlay .avatar img, .xenOverlay .formOverlay .avatar .img, .xenOverlay .formOverlay .avatarCropper {
	background-color: transparent;
}
/* tabs in form overlay */

.xenOverlay .formOverlay .tabs
/* the actual tabs */

	{
	background: transparent none;
	border-color: #aaa;
}
.xenOverlay .formOverlay .tabs a {
	background: transparent none;
	border-color: #aaa;
}
.xenOverlay .formOverlay .tabs a:hover {
	background: url(rgba.php?r=255&g=255&b=255&a=63);
	background: rgba(255, 255, 255, 0.25);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF, endColorstr=#3FFFFFFF);
}
.xenOverlay .formOverlay .tabs .active a {
	background-color: black;
}
.xenOverlay .formOverlay .tabPanel
{
	background: transparent url('/opserv/css/styles/color-picker/panel.png') repeat-x top;
	border: 1px solid #aaa;
}
/* Generic overlays */

.xenOverlay .section, .xenOverlay .sectionMain {
	background-color: #333;
	padding: 0px;
	border-style: none;
	border-radius: 0;
	box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.5);
	border-color: ;
}
.Touch .xenOverlay .section, .Touch .xenOverlay .sectionMain {
	border-color: ;
	box-shadow: none;
}
.xenOverlay>.section, .xenOverlay>.sectionMain {
	background: none;
	margin: 0;
}
.xenOverlay .section .heading, .xenOverlay .sectionMain .heading {
	border-radius: 0;
	margin-bottom: 0;
}
.xenOverlay .section .subHeading, .xenOverlay .sectionMain .subHeading {
	margin-top: 0;
}
.xenOverlay .section .sectionFooter, .xenOverlay .sectionMain .sectionFooter {
	overflow: hidden;
	zoom: 1;
}
.xenOverlay .sectionFooter .buttonContainer {
	line-height: 31px;
}
.xenOverlay .sectionFooter .button, .xenOverlay .sectionFooter .buttonContainer {
	min-width: 75px;
	*min-width: 0;
	float: right;
	margin-left: 5px;
}
.xenOverlay .sectionFooter .buttonContainer .button {
	float: none;
	margin-left: 0;
}
/* The AJAX progress indicator overlay */

#AjaxProgress.xenOverlay {
	width: 100%;
	max-width: none;
	overflow: hidden;
	zoom: 1;
}
#AjaxProgress.xenOverlay .content {
	background: rgb(0, 0, 0) url('/opserv/css/styles/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
	background: rgba(0, 0, 0, 0.5) url('/opserv/css/styles/widgets/ajaxload.info_FFFFFF_facebook.gif') no-repeat center center;
	border-bottom-left-radius: 10px;
	float: right;
	width: 85px;
	height: 30px;
}
.Touch #AjaxProgress.xenOverlay .content {
	background-color: rgb(0, 0, 0);
}
/* Timed message for redirects */

.xenOverlay.timedMessage {
	color: black;
	background: transparent url('/opserv/css/styles/overlay/timed-message.png') repeat-x;
	border-bottom: 1px solid black;
	max-width: none;
	width: 100%;
}
.xenOverlay.timedMessage .content {
	font-size: 18pt;
	padding: 30px;
	text-align: center;
}
/* Growl-style message */

#StackAlerts {
	position: fixed;
	bottom: 70px;
	left: 35px;
	z-index: 9999;
	/* in front of the expose mask */
}
#StackAlerts .stackAlert {
	position: relative;
	width: 270px;
	border: 1px solid #888;
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.4);
	margin-top: 5px;
}
#StackAlerts .stackAlertContent {
	padding: 10px;
	padding-right: 30px;
	border-radius: 4px;
	border: solid 2px #ccc;
	background: url(rgba.php?r=238&g=238&b=238&a=229);
	background: rgba(238, 238, 238, 0.9);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5EEEEEE, endColorstr=#E5EEEEEE);
	font-size: 11px;
	font-weight: bold;
}
/* Inline Editor */

.xenOverlay .section .messageContainer {
	padding: 0;
}
.xenOverlay .section .messageContainer .mceLayout {
	border: none;
}
.xenOverlay .section .messageContainer tr.mceFirst td.mceFirst {
	border-top: none;
}
.xenOverlay .section .messageContainer tr.mceLast td.mceLast, .xenOverlay .section .messageContaner tr.mceLast td.mceIframeContainer {
	border-bottom: none;
}
.xenOverlay .section .textCtrl.MessageEditor, .xenOverlay .section .mceLayout, .xenOverlay .section .bbCodeEditorContainer textarea {
	width: 100% !important;
	min-height: 260px;
	_height: 260px;
	box-sizing: border-box;
}
@media (max-width:610px) {
	.Responsive .xenOverlay {
		width: 100%;
	}
	.Responsive .xenOverlay .formOverlay, .Responsive .xenOverlay .section, .Responsive .xenOverlay .sectionMain {
		border-radius: 10px;
		border-width: 10px;
	}
	.Responsive .xenOverlay a.close {
		top: 0;
		right: 0;
		width: 28px;
		height: 28px;
		background-size: 100% 100%;
	}
}
.alerts .alertGroup {
	margin-bottom: 20px;
}
.alerts .primaryContent {
	overflow: hidden;
	zoom: 1;
	padding: 5px;
}
.alerts .avatar {
	float: left;
}
.alerts .avatar img {
	width: 32px;
	height: 32px;
}
.alerts .alertText {
	margin-left: 32px;
	padding: 0 5px;
}
.alerts h3 {
	display: inline;
}
.alerts h3 .subject {
	font-weight: bold;
}
.alerts .timeRow {
	font-size: 11px;
	margin-top: 5px;
}
.alerts .newIcon, .alertsPopup .newIcon {
	display: inline-block;
	vertical-align: baseline;
	margin-left: 2px;
	width: 11px;
	height: 11px;
	background: url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -144px -40px;
}
/** Data tables **/

.dataTableWrapper {
	overflow-x: auto;
	overflow-y: visible;
}
table.dataTable {
	width: 100%;
	_width: 99.5%;
	margin: 10px 0;
}
.dataTable caption {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background: #294861 url('/opserv/css/styles/skin/tab1.jpg') repeat-x center top;
	padding: 5px 10px;
	border: 1px solid #ab0001;
}
.dataTable tr.dataRow td {
	border-bottom: 1px solid #ccc;
	padding: 5px 10px;
	word-wrap: break-word;
}
.dataTable tr.dataRow td.secondary {
	background: #eee url("/opserv/css/styles/gradients/category-23px-light.png") repeat-x top;
}
.dataTable tr.dataRow th {
	background: #aaa url("/opserv/css/styles/gradients/category-23px-light.png") repeat-x top;
	border-bottom: 1px solid #888;
	border-top: 1px solid #aaa;
	color: #2b2b2b;
	font-size: 11px;
	padding: 5px 10px;
}
.dataTable tr.dataRow th a {
	color: inherit;
	text-decoration: underline;
}
.dataTable .dataRow .dataOptions {
	text-align: right;
	white-space: nowrap;
	word-wrap: normal;
	padding: 0;
}
.dataTable .dataRow .important, .dataTable .dataRow.important {
	font-weight: bold;
}
.dataTable .dataRow .dataOptions a.secondaryContent {
	display: inline-block;
	border-left: 1px solid #ccc;
	border-bottom: none;
	padding: 7px 10px 6px;
	font-size: 11px;
}
.dataTable .dataRow .dataOptions a.secondaryContent:hover {
	background-color: #ccc;
	text-decoration: none;
}
.dataTable .dataRow .delete {
	padding: 0px;
	width: 26px;
	border-left: 1px solid #ccc;
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
}
.dataTable .dataRow .delete a {
	display: block;
	background: transparent url('/opserv/css/styles/permissions/deny.png') no-repeat center center;
	cursor: pointer;
	padding: 5px;
	width: 16px;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: -1000px;
}
.memberListItem {
	overflow: hidden;
	zoom: 1;
}
.memberListItem .avatar, .memberListItem .icon {
	float: left;
}
/* ----------------------- */

.memberListItem .extra {
	font-size: 11px;
	float: right;
}
.memberListItem .extra .DateTime {
	display: block;
}
.memberListItem .extra .bigNumber {
	font-size: 250%;
	color: #7e7e7e;
}
.memberListItem .member {
	margin-left: 65px;
}
/* ----------------------- */

.memberListItem h3.username {
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: rgb(255, 0, 8);
	margin-bottom: 3px;
}
.memberListItem .username.guest {
	font-style: italic;
	color: rgb(255, 0, 8);
	font-weight: normal;
}
/* ----------------------- */

.memberListItem .userInfo {
	font-size: 11px;
	margin-bottom: 3px;
}
.memberListItem .userBlurb {}
.memberListItem .userBlurb .userTitle {
	font-weight: bold;
	font-size: 12px;
}
.memberListItem .userStats dt, .memberListItem .userStats dd {
	white-space: nowrap;
}
/* ----------------------- */

.memberListItem .member .contentInfo {
	margin-top: 5px;
}
/* ----------------------- */

/* extended member list items have a fixed 200px right column */

.memberListItem.extended .extra {
	width: 200px;
}
.memberListItem.extended .member {
	margin-right: 210px;
}
/* Styling for hover-dismiss controls */

.DismissParent .DismissCtrl {
	position: absolute;
	top: 12px;
	right: 5px;
	display: block;
	background: transparent url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -80px 0;
	color: white;
	width: 15px;
	height: 15px;
	line-height: 15px;
	text-align: center;
	opacity: .4;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	font-size: 10px;
	overflow: hidden;
	white-space: nowrap;
	text-indent: 20000em;
	cursor: pointer;
}
.DismissParent:hover .DismissCtrl, .Touch .DismissParent .DismissCtrl {
	opacity: 1;
}
.DismissParent:hover .DismissCtrl:hover {
	background-position: -96px 0;
}
.DismissParent:hover .DismissCtrl:active {
	background-position: -112px 0;
}
/* ***************************** */

/* un-reset, mostly from YUI */

.baseHtml h1 {
	font-size: 138.5%;
}
.baseHtml h2 {
	font-size: 123.1%;
}
.baseHtml h3 {
	font-size: 108%;
}
.baseHtml h1, .baseHtml h2, .baseHtml h3 {
	margin: 1em 0;
}
.baseHtml h1, .baseHtml h2, .baseHtml h3, .baseHtml h4, .baseHtml h5, .baseHtml h6, .baseHtml strong {
	font-weight: bold;
}
.baseHtml abbr, .baseHtml acronym {
	border-bottom: 1px dotted #000;
	cursor: help;
}
.baseHtml em {
	font-style: italic;
}
.baseHtml blockquote, .baseHtml ul, .baseHtml ol, .baseHtml dl {
	margin: 1em;
}
.baseHtml ol, .baseHtml ul, .baseHtml dl {
	margin-left: 3em;
	margin-right: 0;
}
.baseHtml ul ul, .baseHtml ul ol, .baseHtml ul dl, .baseHtml ol ul, .baseHtml ol ol, .baseHtml ol dl, .baseHtml dl ul, .baseHtml dl ol, .baseHtml dl dl {
	margin-top: 0;
	margin-bottom: 0;
}
.baseHtml ol li {
	list-style: decimal outside;
}
.baseHtml ul li {
	list-style: disc outside;
}
.baseHtml ol ul li, .baseHtml ul ul li {
	list-style-type: circle;
}
.baseHtml ol ol ul li, .baseHtml ol ul ul li, .baseHtml ul ol ul li, .baseHtml ul ul ul li {
	list-style-type: square;
}
.baseHtml ul ol li, .baseHtml ul ol ol li, .baseHtml ol ul ol li {
	list-style: decimal outside;
}
.baseHtml dl dd {
	margin-left: 1em;
}
.baseHtml th, .baseHtml td {
	border: 1px solid #000;
	padding: .5em;
}
.baseHtml th {
	font-weight: bold;
	text-align: center;
}
.baseHtml caption {
	margin-bottom: .5em;
	text-align: center;
}
.baseHtml p, .baseHtml pre, .baseHtml fieldset, .baseHtml table {
	margin-bottom: 1em;
}
.PageNav {
	font-size: 11px;
	padding: 2px 0;
	overflow: hidden;
	zoom: 1;
	line-height: 16px;
	word-wrap: normal;
	min-width: 150px;
	white-space: nowrap;
	margin-bottom: -.5em;
}
.PageNav .hidden {
	display: none;
}
.PageNav .pageNavHeader, .PageNav a, .PageNav .scrollable {
	display: block;
	float: left;
	margin-right: 3px;
	margin-bottom: .5em;
}
.PageNav .pageNavHeader {
	padding: 1px 0;
}
.PageNav a {
	color: #999;
	text-decoration: none;
	background-color: #333;
	border: 1px solid #5c5c5c;
	border-radius: 3px;
	text-align: center;
	width: 19px;
}
.PageNav a[rel=start] {
	width: 19px !important;
}
.PageNav a.text {
	width: auto !important;
	padding: 0 4px;
}
.PageNav a.currentPage {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border-color: rgb(236, 0, 0);
	position: relative;
}
a.PageNavPrev, a.PageNavNext {
	color: #999;
	background-color: transparent;
	padding: 1px;
	border: 1px none black;
	cursor: pointer;
	width: 19px !important;
}
.PageNav a:hover, .PageNav a:focus {
	color: rgb(255, 0, 0);
	text-decoration: none;
	background-color: rgb(155, 0, 3);
	border-color: rgb(236, 0, 0);
}
.PageNav a.distinct {
	margin-left: 3px;
}
.PageNav .scrollable {
	position: relative;
	overflow: hidden;
	width: 117px;
	/* width of 5 page numbers plus their margin & border */
	height: 18px;
	/* only needs to be approximate */
}
.PageNav .scrollable .items {
	display: block;
	width: 20000em;
	/* contains scrolling items, should be huge */
	position: absolute;
	display: block;
}
/** Edge cases - large numbers of digits **/

.PageNav .gt999 {
	font-size: 9px;
	letter-spacing: -0.05em;
}
.PageNav.pn5 a {
	width: 29px;
}
.PageNav.pn5 .scrollable {
	width: 167px;
}
.PageNav.pn6 a {
	width: 33px;
}
.PageNav.pn6 .scrollable {
	width: 187px;
}
.PageNav.pn7 a {
	width: 37px;
}
.PageNav.pn7 .scrollable {
	width: 207px;
}
@media (max-width:610px) {
	.Responsive .PageNav .pageNavHeader {
		display: none;
	}
}
@media (max-width:480px) {
	.Responsive .PageNav .unreadLink {
		display: none;
	}
}
/* ***************************** */

/* DL Name-Value Pairs */

.pairs dt, .pairsInline dt, .pairsRows dt, .pairsColumns dt, .pairsJustified dt {
	color: #7e7e7e;
}
.pairsRows, .pairsColumns, .pairsJustified {
	line-height: 1.5;
}
.pairsInline dl, .pairsInline dt, .pairsInline dd {
	display: inline;
}
.pairsRows dt, .pairsRows dd {
	display: inline-block;
	vertical-align: top;
	*display: inline;
	*margin-right: 1ex;
	*zoom: 1;
}
dl.pairsColumns, dl.pairsJustified, .pairsColumns dl, .pairsJustified dl {
	overflow: hidden;
	zoom: 1;
}
.pairsColumns dt, .pairsColumns dd {
	float: left;
	width: 48%;
}
.pairsJustified dt {
	float: left;
	max-width: 100%;
	margin-right: 5px;
}
.pairsJustified dd {
	float: right;
	text-align: right;
	max-width: 100%
}
/* ***************************** */

/* Lists that put all elements on a single line */

.listInline ul, .listInline ol, .listInline li, .listInline dl, .listInline dt, .listInline dd {
	display: inline;
}
/* intended for use with .listInline, produces 'a, b, c, d' / 'a * b * c * d' lists */

.commaImplode li:after, .commaElements>*:after {
	content: ', ';
}
.commaImplode li:last-child:after, .commaElements>*:last-child:after {
	content: '';
}
.bulletImplode li:before {
	content: '\2022\a0';
}
.bulletImplode li:first-child:before {
	content: '';
}
/* Three column list display */

.threeColumnList {
	overflow: hidden;
	zoom: 1;
}
.threeColumnList li {
	float: left;
	width: 32%;
	margin: 2px 1% 2px 0;
}
.twoColumnList {
	overflow: hidden;
	zoom: 1;
}
.twoColumnList li {
	float: left;
	width: 48%;
	margin: 2px 1% 2px 0;
}
/* ***************************** */

/* Preview tooltips (threads etc.) */

.previewTooltip {}
.previewTooltip .avatar {
	float: left;
}
.previewTooltip .text {
	margin-left: 64px;
}
.previewTooltip blockquote {
	font-size: 11pt;
	line-height: 1.4;
	font-size: 10pt;
	max-height: 150px;
	overflow: hidden;
}
.previewTooltip .posterDate {
	font-size: 11px;
	padding-top: 5px;
	border-top: 1px solid #ccc;
	margin-top: 5px;
}
/* ***************************** */

/* List of block links */

.blockLinksList {
	font-size: 11px;
}
.blockLinksList a, .blockLinksList label {
	color: #999;
	padding: 5px 10px;
	border-radius: 0px;
	display: block;
	outline: 0 none;
	width: 100%;
}
.blockLinksList a:hover, .blockLinksList a:focus, .blockLinksList li.kbSelect a, .blockLinksList label:hover, .blockLinksList label:focus, .blockLinksList li.kbSelect label {
	color: rgb(255, 0, 8);
	text-decoration: none;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
}
.blockLinksList a:active, .blockLinksList li.kbSelect a:active, .blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label:active, .blockLinksList li.kbSelect label:active, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected {
	color: #eee;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
}
.blockLinksList a.selected, .blockLinksList li.kbSelect a.selected, .blockLinksList label.selected, .blockLinksList li.kbSelect label.selected {
	font-weight: bold;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
	display: block;
}
.blockLinksList span.depthPad {
	display: block;
}
.blockLinksList .itemCount {
	font-weight: bold;
	font-size: 9px;
	color: rgb(255, 42, 42);
	background-color: #750002;
	padding: 0 2px;
	border-radius: 2px;
	position: absolute;
	right: -4px;
	top: -2px;
	line-height: 16px;
	min-width: 12px;
	_width: 12px;
	text-align: center;
	text-shadow: none;
	white-space: nowrap;
	word-wrap: normal;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	height: 16px;
	float: right;
	position: relative;
	right: 0;
	top: -1px;
}
.blockLinksList .itemCount.Zero {
	display: none;
}
.bubbleLinksList {
	overflow: hidden;
}
.bubbleLinksList a {
	float: left;
	padding: 2px 4px;
	margin-right: 2px;
	border-radius: 3px;
	text-decoration: none;
}
.bubbleLinksList a:hover, .bubbleLinksList a:active {
	color: rgb(255, 0, 8);
	text-decoration: none;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
}
.bubbleLinksList a.active {
	color: #eee;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
	font-weight: bold;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
	display: block;
}
/* ***************************** */

/* Normally-indented nested lists */

.indentList ul, .indentList ol {
	margin-left: 2em;
}
/* ***************************** */

/* AJAX progress image */

.InProgress {
	background: transparent url('/opserv/css/styles/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat right center;
}
/* ***************************** */

/* Hidden inline upload iframe */

.hiddenIframe {
	display: block;
	width: 500px;
	height: 300px;
}
/* ***************************** */

/* Exception display */

.traceHtml {
	font-size: 11px;
	font-family: calibri, verdana, arial, sans-serif;
}
.traceHtml .function {
	color: rgb(180, 80, 80);
	font-weight: normal;
}
.traceHtml .file {
	font-weight: normal;
}
.traceHtml .shade {
	color: rgb(128, 128, 128);
}
.traceHtml .link {
	font-weight: bold;
}
/* ***************************** */

/* Indenting for options */

._depth0 {
	padding-left: 0em;
}
._depth1 {
	padding-left: 2em;
}
._depth2 {
	padding-left: 4em;
}
._depth3 {
	padding-left: 6em;
}
._depth4 {
	padding-left: 8em;
}
._depth5 {
	padding-left: 10em;
}
._depth6 {
	padding-left: 12em;
}
._depth7 {
	padding-left: 14em;
}
._depth8 {
	padding-left: 16em;
}
._depth9 {
	padding-left: 18em;
}
.xenOverlay .errorOverlay {
	color: white;
	padding: 25px;
	border-radius: 20px;
	border: 20px solid rgb(0, 0, 0);
	border: 20px solid rgba(0, 0, 0, 0.25);
	_border: 20px solid rgb(0, 0, 0);
	background: url(rgba.php?r=0&g=0&b=0&a=191);
	background: rgba(0, 0, 0, 0.75);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
}
.xenOverlay .errorOverlay .heading {
	padding: 5px 10px;
	font-weight: bold;
	font-size: 12pt;
	background: rgb(180, 0, 0);
	color: white;
	margin-bottom: 10px;
	border-radius: 5px;
	border: 1px solid rgb(100, 0, 0);
}
.xenOverlay .errorOverlay li {
	line-height: 2;
}
.xenOverlay .errorOverlay .exceptionMessage {
	color: #7e7e7e;
}
/*** inline errors ***/

.formValidationInlineError {
	display: none;
	position: absolute;
	z-index: 5000;
	background-color: white;
	border: 1px solid rgb(180, 0, 0);
	color: rgb(180, 0, 0);
	box-shadow: 2px 2px 10px #999;
	border-radius: 3px;
	padding: 2px 5px;
	font-size: 11px;
	width: 175px;
	min-height: 2.5em;
	_height: 2.5em;
	word-wrap: break-word;
}
.formValidationInlineError.inlineError {
	position: static;
	width: auto;
	min-height: 0;
}
/** Block errors **/

.errorPanel {
	margin: 10px 0 20px;
	color: rgb(180, 0, 0);
	background: rgb(255, 235, 235);
	border-radius: 5px;
	border: 1px solid rgb(180, 0, 0);
}
.errorPanel .errorHeading {
	margin: .75em;
	font-weight: bold;
	font-size: 12pt;
}
.errorPanel .errors {
	margin: .75em 2em;
	display: block;
	line-height: 1.5;
}
@media (max-width:800px) {
	.Responsive .formValidationInlineError {
		position: static;
		width: auto;
		min-height: auto;
	}
}
/* Undo some nasties */

input[type=search] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}
/* ignored content hiding */

.ignored {
	display: none !important;
}
/* Misc */

.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.horizontalContain {
	overflow-x: auto;
}
.ltr {
	direction: ltr;
}
/* Square-cropped thumbs */

.SquareThumb {
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0;
	direction: ltr;
	/* individual instances can override this size */
	width: 48px;
	height: 48px;
}
.SquareThumb img {
	position: relative;
	display: block;
}
/* Basic, common, non-templated BB codes */

.bbCodeImage {
	max-width: 100%;
}
.bbCodeImageFullSize {
	position: absolute;
	z-index: 50000;
}
.bbCodeStrike {
	text-decoration: line-through;
}
img.mceSmilie, img.mceSmilieSprite {
	vertical-align: text-bottom;
	margin: 0 1px;
}
/* smilie sprite classes */

img.mceSmilieSprite.mceSmilie1 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px 0px;
}
img.mceSmilieSprite.mceSmilie2 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px -21px;
}
img.mceSmilieSprite.mceSmilie3 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -42px;
}
img.mceSmilieSprite.mceSmilie4 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -60px 0px;
}
img.mceSmilieSprite.mceSmilie5 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px -21px;
}
img.mceSmilieSprite.mceSmilie6 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -40px 0px;
}
img.mceSmilieSprite.mceSmilie7 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -21px;
}
img.mceSmilieSprite.mceSmilie8 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px 0px;
}
img.mceSmilieSprite.mceSmilie9 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -20px -42px;
}
img.mceSmilieSprite.mceSmilie10 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -42px;
}
img.mceSmilieSprite.mceSmilie11 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat 0px -21px;
}
img.mceSmilieSprite.mceSmilie12 {
	width: 18px;
	height: 18px;
	background: url('styles/default/xenforo/xenforo-smilies-sprite.png') no-repeat -80px -42px;
}
.visibleResponsiveFull {
	display: inherit !important;
}
.visibleResponsiveWide, .visibleResponsiveMedium, .visibleResponsiveNarrow {
	display: none !important;
}
.hiddenResponsiveFull {
	display: none !important;
}
.hiddenResponsiveWide, .hiddenResponsiveMedium, .hiddenResponsiveNarrow {
	display: inherit !important;
}
@media (max-width:800px) {
	.Responsive .visibleResponsiveFull {
		display: none !important;
	}
	.Responsive .hiddenResponsiveFull {
		display: inherit !important;
	}
	.Responsive .hiddenWideUnder {
		display: none !important;
	}
}
@media (min-width:611px) AND (max-width:800px) {
	.Responsive .visibleResponsiveWide {
		display: inherit !important;
	}
	.Responsive .hiddenResponsiveWide {
		display: none !important;
	}
}
@media (min-width:481px) AND (max-width:610px) {
	.Responsive .visibleResponsiveMedium {
		display: inherit !important;
	}
	.Responsive .hiddenResponsiveMedium {
		display: none !important;
	}
	.Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder {
		display: none !important;
	}
}
@media (max-width:480px) {
	.Responsive .visibleResponsiveNarrow {
		display: inherit !important;
	}
	.Responsive .hiddenResponsiveNarrow {
		display: none !important;
	}
	.Responsive .hiddenWideUnder, .Responsive .hiddenMediumUnder, .Responsive .hiddenNarrowUnder {
		display: none !important;
	}
}
@media (max-width:610px) {
	.Responsive .threeColumnList li {
		float: none;
		width: auto;
		margin: 2px 1% 2px 0;
	}
}
@media (max-width:480px) {
	.Responsive .xenTooltip.statusTip {
		width: auto;
	}
	.Responsive .xenPreviewTooltip {
		box-sizing: border-box;
		width: auto;
		max-width: 100%;
	}
	.Responsive .xenPreviewTooltip .arrow {
		display: none;
	}
	.Responsive .previewTooltip .avatar {
		display: none;
	}
	.Responsive .previewTooltip .text {
		margin-left: 0;
	}
}
/* --- form.css --- */

/** Forms **/

.xenForm {
	margin: 10px auto;
	max-width: 800px;
}
.xenOverlay .xenForm {
	max-width: 600px;
}
.xenForm .ctrlUnit>dd {
	width: 68%;
	box-sizing: border-box;
	padding-right: 30px;
}
.xenForm .ctrlUnit>dd .textCtrl {
	box-sizing: border-box;
	width: 100%;
}
.xenForm .ctrlUnit>dd .textCtrl.indented {
	width: calc(100% - 16px);
}
.xenForm .ctrlUnit>dd .textCtrl[size], .xenForm .ctrlUnit>dd .textCtrl.autoSize {
	width: auto !important;
	min-width: 0;
}
.xenForm .ctrlUnit>dd .textCtrl.number {
	width: 150px;
}
.xenForm>.sectionHeader:first-child, .xenForm>fieldset>.sectionHeader:first-child {
	margin-top: 0;
}
/** Sections **/

.xenForm fieldset, .xenForm .formGroup {
	border-top: 1px solid #ccc;
	margin: 20px auto;
}
.xenForm>fieldset:first-child, .xenForm>.formGroup:first-child {
	border-top: none;
	margin: auto;
}
.xenForm .PreviewContainer+fieldset, .xenForm .PreviewContainer+.formGroup {
	border-top: none;
}
.xenForm fieldset+.ctrlUnit, .xenForm .formGroup+.ctrlUnit, .xenForm .submitUnit {
	border-top: 1px solid #ccc;
}
.xenForm fieldset+.ctrlUnit, .xenForm .formGroup+.ctrlUnit {
	padding-top: 10px;
}
.xenForm .primaryContent+.submitUnit, .xenForm .secondaryContent+.submitUnit {
	margin-top: 0;
	border-top: none;
}
.xenForm .ctrlUnit.submitUnit dd {
	line-height: 31px;
	padding-top: 0;
}
.ctrlUnit.submitUnit dd .explain, .ctrlUnit.submitUnit dd .text, .ctrlUnit.submitUnit dd label {
	line-height: 1.28;
}
/* now undo that */

.xenOverlay .ctrlUnit.submitUnit dd, .Menu .ctrlUnit.submitUnit dd, #QuickSearch .ctrlUnit.submitUnit dd {
	border: none;
	background: none;
}
.xenForm .ctrlUnit {}
.xenForm .ctrlUnit.limited {
	display: none;
}
/** Sections Immediately Following Headers **/

.xenForm .sectionHeader+fieldset, .xenForm .heading+fieldset, .xenForm .subHeading+fieldset, .xenForm .sectionHeader+.formGroup, .xenForm .heading+.formGroup, .xenForm .subHeading+.formGroup {
	border-top: none;
	margin-top: 0;
}
.xenForm .formHiderHeader {
	margin: 10px;
	font-size: 15px;
	font-weight: bold;
}
/** *********************** **/

/** TEXT INPUTS             **/

/** *********************** **/

.textCtrl {
	font-size: 12px;
	font-family: Tahoma, Open-sans, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999;
	background: #313131 url('/opserv/css/styles/skin/altinput.jpg') repeat-x left top;
	padding: 8px;
	border: 1px solid #444;
	border-radius: 0px;
	outline: 0;
	margin: 1px !important;
}
select.textCtrl {
	word-wrap: normal;
	-webkit-appearance: menulist;
}
select[multiple].textCtrl, select[size].textCtrl {
	-webkit-appearance: listbox;
}
select[size="0"].textCtrl, select[size="1"].textCtrl {
	-webkit-appearance: menulist;
}
textarea.textCtrl {
	word-wrap: break-word;
	resize: vertical;
}
.textCtrl:focus, .textCtrl.Focus {
	color: #000000;
	background: #f0f0f0 none;
	border: 2px solid rgb(255, 0, 8);
	box-shadow: 0px 0px 30px 2px rgb(255, 0, 8);
	margin: 0px !important;
}
textarea.textCtrl:focus {
	background-image: url('/opserv/css/styles/gradients/form-element-focus-100.png');
}
input.textCtrl.disabled, textarea.textCtrl.disabled, .disabled .textCtrl {
	font-style: italic;
	color: rgb(100, 100, 100);
	background: #313131 url('/opserv/css/styles/skin/altinput.jpg') repeat-x left top;
}
.textCtrl.prompt {
	font-style: italic;
	color: #999;
}
.textCtrl:-moz-placeholder {
	/* needs to be in its own rule due to weird selector */
	font-style: italic;
	color: #999;
}
.textCtrl::-moz-placeholder {
	/* needs to be in its own rule due to weird selector */
	font-style: italic;
	color: #999;
}
.textCtrl::-webkit-input-placeholder {
	/* needs to be in its own rule due to weird selector */
	font-style: italic;
	color: #999;
}
.textCtrl:-ms-input-placeholder {
	/* needs to be in its own rule due to weird selector */
	font-style: italic;
	color: #999;
}
.textCtrl.autoSize {
	width: auto !important;
}
.textCtrl.number, .textCtrl.number input {
	text-align: right;
	width: 150px;
}
.textCtrl.fillSpace {
	width: 100%;
	box-sizing: border-box;
	_width: 95%;
}
.textCtrl.code, .textCtrl.code input {
	font-family: Consolas, "Courier New", Courier, monospace;
	white-space: pre;
	word-wrap: normal;
	direction: ltr;
}
input.textCtrl[type="password"] {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
input[type="email"], input[type="url"] {
	direction: ltr;
}
.textCtrl.titleCtrl, .textCtrl.titleCtrl input {
	font-size: 18pt;
}
textarea.textCtrl.Elastic {
	/* use for jQuery.elastic */
	max-height: 300px;
}
/* for use with wrapped inputs */

.textCtrlWrap {
	display: inline-block;
}
.textCtrlWrap input.textCtrl {
	padding: 0 !important;
	margin: 0 !important;
	border: none !important;
	background: transparent !important;
	border-radius: 0 !important;
}
.textCtrlWrap.blockInput input.textCtrl {
	border-top: 1px solid #444 !important;
	margin-top: 4px !important;
}
.taggingInput.textCtrl {
	padding-top: 6px;
	min-height: 25px;
}
.taggingInput input {
	margin: 0px;
	font-size: 12px;
	border: 1px solid transparent;
	padding: 0;
	background: transparent;
	outline: 0;
	color: inherit;
	font-family: inherit;
}
.taggingInput .tag {
	border: 1px solid #aaa;
	border-radius: 3px;
	display: inline-block;
	padding: 0 3px;
	text-decoration: none;
	background: #ccc url('/opserv/css/styles/gradients/form-button-white-25px.png') repeat-x top;
	color: #444;
	margin-right: 3px;
	margin-top: 2px;
	font-size: 12px;
	max-width: 98%;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.disabled.taggingInput .tag {
	opacity: 0.7;
}
.disabled.taggingInput .tag a {
	pointer-events: none;
}
html .taggingInput .tag a {
	color: #888;
	font-weight: bold;
	text-decoration: none;
}
.taggingInput .addTag {
	display: inline-block;
	min-width: 150px;
	max-width: 100%;
	margin-top: 2px;
}
.taggingInput .tagsClear {
	clear: both;
	width: 100%;
	height: 0px;
	float: none;
}
/** *********************** **/

/** BUTTONS                 **/

/** *********************** **/

.button {
	font-style: normal;
	text-shadow: 1px 1px 1px black;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Open-sans;
	color: #999 !important;
	background: #750002 none;
	padding: 7px 10px;
	border: 1px solid #050505;
	border-radius: 4px;
	text-align: center;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	line-height: normal;
}
.button.smallButton {
	font-size: 11px;
	padding: 0px 4px;
	line-height: 21px;
	height: 21px;
	border-radius: 5px;
}
.button.primary {
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Open-sans;
	color: rgb(255, 42, 42);
	background-color: #750002;
	border: 1px solid #a00001;
}
input.button.disabled, a.button.disabled, input.button.primary.disabled, a.button.primary.disabled, html .buttonProxy .button.disabled {
	font-weight: bold;
	color: #cacaca;
	background-color: #333;
	border: 1px solid #5c5c5c;
	box-shadow: 0 0 0 transparent;
}
.button::-moz-focus-inner {
	border: none;
}
a.button {
	display: inline-block;
	color: rgb(255, 42, 42);
}
.button:hover, .button[href]:hover, .buttonProxy:hover .button {
	color: #CCC !important;
	border: 1px solid #5c5c5c;
}
.button:focus {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
.button:active, .button[href]:active, .button.ToggleButton.checked, .buttonProxy:active .button {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
	box-shadow: 0px 0px 0px 0px transparent;
	outline: 0;
}
.button.ToggleButton {
	cursor: default;
	width: auto;
	color: #a00001;
}
.button.ToggleButton.checked {
	background-color: rgb(255, 150, 50);
}
.button.inputSupplementary {
	width: 25px;
	position: absolute;
	top: 0px;
	right: 0px;
}
.button.inputSupplementary.add {
	color: green;
}
.button.inputSupplementary.delete {
	color: red;
}
.submitUnit .button {
	min-width: 100px;
	*min-width: 0;
}
/** Control Units **/

.xenForm .ctrlUnit {
	position: relative;
	margin: 10px auto;
}
/* clearfix */

.xenForm .ctrlUnit {
	zoom: 1;
}
.xenForm .ctrlUnit:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.xenForm .ctrlUnit.fullWidth {
	overflow: visible;
}
/** Control Unit Labels **/

.xenForm .ctrlUnit>dt {
	padding-top: 4px;
	padding-right: 15px;
	text-align: right;
	vertical-align: top;
	box-sizing: border-box;
	width: 32%;
	float: left;
}
/* special long-text label */

.xenForm .ctrlUnit>dt.explain {
	font-size: 11px;
	text-align: justify;
}
.xenForm .ctrlUnit.fullWidth dt, .xenForm .ctrlUnit.submitUnit.fullWidth dt {
	float: none;
	width: auto;
	text-align: left;
	height: auto;
}
.xenForm .ctrlUnit.fullWidth dt {
	margin-bottom: 2px;
}
.xenForm .ctrlUnit>dt label {
	margin-left: 30px;
}
/** Hidden Labels **/

.xenForm .ctrlUnit.surplusLabel dt label {
	display: none;
}
/** Section Links **/

.ctrlUnit.sectionLink dt {
	text-align: left;
	font-size: 11px;
}
.ctrlUnit.sectionLink dt a {
	margin-left: 11px;
	/*TODO: sectionHeader padding + border*/
}
/** Hints **/

.ctrlUnit>dt dfn {
	font-style: italic;
	font-size: 10px;
	color: #7e7e7e;
	margin-left: 30px;
	display: block;
}
.ctrlUnit.fullWidth dt dfn {
	display: inline;
	margin: 0;
}
.ctrlUnit>dt dfn b, .ctrlUnit>dt dfn strong {
	color: #8c8c8c;
}
/** Inline Errors **/

.ctrlUnit>dt .error {
	font-size: 10px;
	color: red;
	display: block;
}
.ctrlUnit>dt dfn, .ctrlUnit>dt .error, .ctrlUnit>dt a {
	font-weight: normal;
}
.xenForm .ctrlUnit.submitUnit dt {
	height: 19px;
	display: block;
}
.ctrlUnit.submitUnit dt.InProgress {
	background: transparent url('/opserv/css/styles/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat center center;
}
/** Control Holders **/

.xenForm .ctrlUnit>dd {
	/*todo: kill property */
	float: left;
}
.xenForm .ctrlUnit.fullWidth>dd {
	float: none;
	width: auto;
	padding-left: 30px;
}
/** Explanatory paragraph **/

.ctrlUnit>dd .explain {
	font-size: 11px;
	color: #7e7e7e;
	margin-top: 2px;
	/*TODO:max-width: auto;*/
}
.ctrlUnit>dd .explain b, .ctrlUnit>dd .explain strong {
	color: #8c8c8c;
}
/** List items inside controls **/

.ctrlUnit>dd>*>li {
	margin: 4px 0 8px;
	padding-left: 1px;
	/* fix a webkit display bug */
}
.ctrlUnit>dd>*>li:first-child>.textCtrl:first-child {
	margin-top: -3px;
}
.ctrlUnit>dd .break {
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
}
.ctrlUnit>dd .rule {
	border-bottom: 1px solid #ccc;
}
.ctrlUnit>dd .ddText {
	margin-bottom: 2px;
}
/** Hints underneath checkbox / radio controls **/

.ctrlUnit>dd>*>li .hint {
	font-size: 11px;
	color: #7e7e7e;
	margin-left: 16px;
	margin-top: 2px;
}
/** DISABLERS **/

.ctrlUnit>dd>*>li>ul, .ctrlUnit .disablerList, .ctrlUnit .indented {
	margin-left: 16px;
}
.ctrlUnit>dd>*>li>ul>li:first-child {
	margin-top: 6px;
}
.ctrlUnit>dd .disablerList>li, .ctrlUnit>dd .checkboxColumns>li, .ctrlUnit>dd .choiceList>li {
	margin-top: 6px;
}
/** Other stuff... **/

.ctrlUnit>dd .helpLink {
	font-size: 10px;
}
.ctrlUnit.textValue dt {
	padding-top: 0px;
}
.button.spinBoxButton {
	font-family: 'Open-Sans', Arial, sans-serif;
	font-size: 11pt;
}
.unitPairsJustified li {
	overflow: hidden;
}
.unitPairsJustified li .label {
	float: left;
}
.unitPairsJustified li .value {
	float: right;
}
#calroot {
	margin-top: -1px;
	width: 198px;
	padding: 2px;
	background-color: #4d4d4d;
	font-size: 11px;
	border: 1px solid #666;
	border-radius: 5px;
	box-shadow: 0 0 15px #666;
	z-index: 7500;
}
#calhead {
	padding: 2px 0;
	height: 22px;
}
#caltitle {
	font-size: 11pt;
	color: #666;
	float: left;
	text-align: center;
	width: 155px;
	line-height: 20px;
}
#calnext, #calprev {
	display: block;
	width: 20px;
	height: 20px;
	font-size: 11pt;
	line-height: 20px;
	text-align: center;
	float: left;
	cursor: pointer;
}
#calnext {
	float: right;
}
#calprev.caldisabled, #calnext.caldisabled {
	visibility: hidden;
}
#caldays {
	height: 14px;
	border-bottom: 1px solid #666;
}
#caldays span {
	display: block;
	float: left;
	width: 28px;
	text-align: center;
	color: #666;
}
#calweeks {
	margin-top: 4px;
}
.calweek {
	clear: left;
	height: 22px;
}
.calweek a {
	display: block;
	float: left;
	width: 27px;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	margin-left: 1px;
	text-align: center;
	line-height: 20px;
	border-radius: 3px;
}
.calweek a:hover, .calfocus {
	background-color: #eee;
}
a.caloff {
	color: #7e7e7e;
}
a.caloff:hover {
	background-color: #eee;
}
a.caldisabled {
	background-color: #efefef !important;
	color: #ccc !important;
	cursor: default;
}
#caltoday {
	font-weight: bold;
}
#calcurrent {
	background-color: #666;
	color: #eee;
}
ul.autoCompleteList {
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
	border: 1px solid #888;
	padding: 2px;
	font-size: 11px;
	min-width: 180px;
	_width: 180px;
	z-index: 1000;
}
ul.autoCompleteList li {
	padding: 3px 3px;
	height: 24px;
	line-height: 24px;
}
ul.autoCompleteList li:hover, ul.autoCompleteList li.selected {
	background-color: #ccc;
	border-radius: 3px;
}
ul.autoCompleteList img.autoCompleteAvatar {
	float: left;
	margin-right: 3px;
	width: 24px;
	height: 24px;
}
ul.autoCompleteList li strong {
	font-weight: bold;
}
/** status editor **/

.statusEditorCounter {
	color: green;
}
.statusEditorCounter.warning {
	color: orange;
	font-weight: bold;
}
.statusEditorCounter.error {
	color: red;
	font-weight: bold;
}
.explain .statusHeader {
	display: inline;
}
.explain .CurrentStatus {
	color: #999;
	font-style: italic;
	padding-left: 5px;
}
/* BB code-based editor styling */

.xenForm .ctrlUnit.fullWidth dd .bbCodeEditorContainer textarea {
	margin-left: 0;
	min-height: 200px;
}
.bbCodeEditorContainer a {
	font-size: 11px;
}
/*
 * Fix silly top padding. This may require additional tags in the padding-top selector.
 */

.xenForm .ctrlUnit>dd {
	padding-top: 4px;
}
.xenForm .ctrlUnit.fullWidth>dd {
	padding-top: 0;
}
.xenForm .ctrlUnit>dd>input, .xenForm .ctrlUnit>dd>select, .xenForm .ctrlUnit>dd>textarea, .xenForm .ctrlUnit>dd>ul, .xenForm .ctrlUnit>dd>.verticalShift {
	margin-top: -4px;
}
.xenForm .ctrlUnit.fullWidth>dd>input, .xenForm .ctrlUnit.submitUnit>dd>input, .xenForm .ctrlUnit.fullWidth>dd>select, .xenForm .ctrlUnit.submitUnit>dd>select, .xenForm .ctrlUnit.fullWidth>dd>textarea, .xenForm .ctrlUnit.submitUnit>dd>textarea, .xenForm .ctrlUnit.fullWidth>dd>ul, .xenForm .ctrlUnit.submitUnit>dd>ul {
	margin-top: 0;
}
/*
 * Multi-column checkboxes
 */

.xenForm .checkboxColumns>dd>ul, ul.checkboxColumns {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}
.xenForm .checkboxColumns>dd>ul li, ul.checkboxColumns li {
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	column-break-inside: avoid;
	break-inside: avoid-column;
	margin-bottom: 4px;
	padding-left: 1px;
	display: inline-block;
	width: 100%;
}
.xenForm .checkboxColumns.blockLinksList>dd>ul li, ul.checkboxColumns.blockLinksList li {
	display: block;
}
.xenForm .checkboxColumns.multiple>dd>ul {
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
	-webkit-column-gap: normal;
	-moz-column-gap: normal;
	column-gap: normal;
}
.xenForm .checkboxColumns.multiple>dd {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	-webkit-column-gap: 8px;
	-moz-column-gap: 8px;
	column-gap: 8px;
}
.xenForm .checkboxColumns.multiple>dd>ul {
	margin-bottom: 18px;
}
#recaptcha_image {
	box-sizing: content-box;
	max-width: 100%;
}
#recaptcha_image img {
	max-width: 100%;
}
#helper_birthday {
	display: inline-block;
}
#helper_birthday>li {
	display: inline;
}
html[dir=rtl] #helper_birthday input, html[dir=rtl] #helper_birthday select {
	direction: rtl;
}
@media (max-width:480px) {
	.Responsive .xenForm .ctrlUnit>dt {
		float: none;
		width: auto;
		text-align: left;
		height: auto;
	}
	.Responsive .xenForm .ctrlUnit>dt label, .Responsive .xenForm .ctrlUnit>dt dfn {
		margin-left: 0;
	}
	.Responsive .xenForm .ctrlUnit.submitUnit dt {
		height: auto;
	}
	.Responsive .xenForm .ctrlUnit>dd, .Responsive .xenForm .ctrlUnit.fullWidth dd {
		float: none;
		width: auto;
		text-align: left;
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}
	.Responsive .xenForm .checkboxColumns>dd>ul, .Responsive ul.checkboxColumns {
		-webkit-column-count: 1;
		-moz-column-count: 1;
		column-count: 1;
	}
	.Responsive #ctrl_upload {
		max-width: 200px;
	}
	.Responsive .xenForm .ctrlUnit>dd .textCtrl[size], .Responsive .xenForm .ctrlUnit>dd .textCtrl.autoSize {
		width: 100% !important;
	}
	.Responsive .xenForm .ctrlUnit>dd>input, .Responsive .xenForm .ctrlUnit>dd>select, .Responsive .xenForm .ctrlUnit>dd>textarea, .Responsive .xenForm .ctrlUnit>dd>ul, .Responsive .xenForm .ctrlUnit>dd>.verticalShift {
		margin-top: 0;
	}
}
@media (max-width:610px) {
	.Responsive .insideSidebar .xenForm .ctrlUnit>dt {
		float: none;
		width: auto;
		text-align: left;
		height: auto;
	}
	.Responsive .insideSidebar .xenForm .ctrlUnit>dt label, .Responsive .insideSidebar .xenForm .ctrlUnit>dt dfn {
		margin-left: 0;
	}
	.Responsive .insideSidebar .xenForm .ctrlUnit.submitUnit dt {
		height: auto;
	}
	.Responsive .insideSidebar .xenForm .ctrlUnit>dd, .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd {
		float: none;
		width: auto;
		text-align: left;
		height: auto;
		padding-left: 10px;
		padding-right: 10px;
		overflow: hidden;
	}
	.Responsive .insideSidebar .xenForm .ctrlUnit>dd .textCtrl[size], .Responsive .insideSidebar .xenForm .ctrlUnit>dd .textCtrl.autoSize {
		width: 100% !important;
	}
	.Responsive .insideSidebar .xenForm .ctrlUnit>dd>input, .Responsive .insideSidebar .xenForm .ctrlUnit>dd>select, .Responsive .insideSidebar .xenForm .ctrlUnit>dd>textarea, .Responsive .insideSidebar .xenForm .ctrlUnit>dd>ul {
		margin-top: -0;
	}
}
@media (max-device-width:568px) {
	.Responsive .textCtrl, .Responsive .taggingInput input, .Responsive .taggingInput .tag {
		font-size: 16px;
	}
}
/* --- public.css --- */

#header {}
/* clearfix */

#header .pageWidth .pageContent {
	zoom: 1;
}
#header .pageWidth .pageContent:after {
	content: '.';
	display: block;
	clear: both;
	visibility: hidden;
}
#logo {
	display: block;
	float: left;
	line-height: 134px;
	*line-height: 138px;
	height: 138px;
	max-width: 100%;
	vertical-align: middle;
}
/* IE6/7 vertical align fix */

#logo span {
	*display: inline-block;
	*height: 100%;
}
#logo a:hover {
	text-decoration: none;
}
#logo img {
	vertical-align: middle;
	max-width: 100%;
}
#visitorInfo {
	float: right;
	min-width: 250px;
	_width: 250px;
	overflow: hidden;
	zoom: 1;
	background: #aaa;
	padding: 5px;
	border-radius: 5px;
	margin: 10px 0;
	border: 1px solid #2b2b2b;
	color: #2b2b2b;
}
#visitorInfo .avatar {
	float: left;
	display: block;
}
#visitorInfo .avatar .img {
	border-color: #666;
}
#visitorInfo .username {
	font-size: 18px;
	text-shadow: 1px 1px 10px white;
	color: #2b2b2b;
	white-space: nowrap;
	word-wrap: normal;
}
#alerts {
	zoom: 1;
}
#alerts #alertMessages {
	padding-left: 5px;
}
#alerts li.alertItem {
	font-size: 11px;
}
#alerts .label {
	color: #2b2b2b;
}
.footer .pageContent {
	font-size: 11px;
	color: #aaa;
	background-color: transparent;
	overflow: hidden;
	zoom: 1;
}
.footer a, .footer a:visited {
	color: #999;
	padding: 5px;
	display: block;
}
.footer a:hover, .footer a:active {
	color: rgb(255, 0, 8);
}
.footer .choosers {
	padding-left: 5px;
	float: left;
	overflow: hidden;
	zoom: 1;
}
.footer .choosers dt {
	display: none;
}
.footer .choosers dd {
	float: left;
}
.footerLinks {
	margin-top: -10px;
	padding: 0 5px 0 0;
	float: right;
	overflow: hidden;
	zoom: 1;
}
.footerLinks li {
	float: left;
}
.footerLinks a.globalFeed {
	width: 14px;
	height: 14px;
	display: block;
	text-indent: -9999px;
	white-space: nowrap;
	background: url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -112px -16px;
	padding: 0;
	margin: 5px;
}
.footerLegal .pageContent {
	font-size: 11px;
	overflow: hidden;
	zoom: 1;
	padding: 5px 5px 15px;
	text-align: center;
}
#copyright {
	color: #8c8c8c;
	float: left;
}
#legal {
	float: right;
}
#legal li {
	float: left;
	margin-left: 10px;
}
@media (max-width:610px) {
	.Responsive .footerLinks a.globalFeed, .Responsive .footerLinks a.topLink, .Responsive .footerLinks a.homeLink {
		display: none;
	}
	.Responsive .footerLegal .debugInfo {
		clear: both;
	}
}
@media (max-width:480px) {
	.Responsive #copyright span {
		display: none;
	}
}
.breadBoxTop, .breadBoxBottom {
	padding: 10px 0;
	overflow: hidden;
	zoom: 1;
	clear: both;
	box-sizing: border-box;
}
.breadBoxTop {}
.breadBoxTop .topCtrl {
	margin-left: 5px;
	float: right;
	line-height: 24px;
}
.breadcrumb {
	font-size: 11px;
	background: #2b2b2b url('/opserv/css/styles/skin/alt1.jpg') repeat-x left top;
	border: 1px solid #454545;
	border-radius: 5px;
	overflow: hidden;
	zoom: 1;
	max-width: 100%;
	height: 24px;
}
.breadcrumb.showAll {
	height: auto;
}
.breadcrumb .boardTitle {
	display: none;
}
.breadcrumb .crust {
	display: block;
	float: left;
	position: relative;
	zoom: 1;
	max-width: 50%;
}
.breadcrumb .crust a.crumb {
	cursor: pointer;
	color: #999;
	text-decoration: none;
	background-color: #4d4d4d;
	padding: 0 10px 0 18px;
	margin-bottom: -1px;
	border-bottom: 1px solid #454545;
	outline: 0 none;
	-moz-outline-style: 0 none;
	display: block;
	_border-bottom: none;
	line-height: 24px;
}
.breadcrumb .crust a.crumb>span {
	display: block;
	text-overflow: ellipsis;
	word-wrap: normal;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}
.breadcrumb .crust:first-child a.crumb, .breadcrumb .crust.firstVisibleCrumb a.crumb {
	padding-left: 10px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.breadcrumb .crust:last-child a.crumb {
	font-weight: bold;
}
.breadcrumb .crust .arrow {
	border: 12px solid transparent;
	border-right: 1px none black;
	border-left-color: #454545;
	-moz-border-right-colors: #454545;
	display: block;
	position: absolute;
	right: -12px;
	top: 0px;
	z-index: 50;
	width: 0px;
	height: 0px;
}
.breadcrumb .crust .arrow span {
	border: 12px solid transparent;
	border-right: 1px none black;
	border-left-color: #4d4d4d;
	-moz-border-right-colors: #4d4d4d;
	display: block;
	position: absolute;
	left: -13px;
	top: -12px;
	z-index: 51;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 9999px;
	width: 0px;
	height: 0px;
}
.breadcrumb .crust:hover a.crumb {
	color: rgb(255, 0, 8);
	background-color: #5c5c5c;
}
.breadcrumb .crust:hover .arrow span {
	border-left-color: #5c5c5c;
}
.breadcrumb .crust .arrow {
	/* hide from IE6 */
	_display: none;
}
.breadcrumb .jumpMenuTrigger {
	background: transparent url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat 0 0;
	margin: 5px 5px 6px;
	display: block;
	float: right;
	white-space: nowrap;
	text-indent: 9999px;
	overflow: hidden;
	width: 13px;
	height: 13px;
}
@media (max-width:480px) {
	.Responsive .breadBoxTop.withTopCtrl {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	.Responsive .breadBoxTop.withTopCtrl nav {
		display: table-header-group;
	}
	.Responsive .breadBoxTop.withTopCtrl .topCtrl {
		display: table-footer-group;
		margin-top: 5px;
		text-align: right;
	}
}
#navigation .pageContent {
	height: 86px;
	position: relative;
}
#navigation .menuIcon {
	position: relative;
	font-size: 18px;
	width: 16px;
	display: inline-block;
	text-indent: -9999px;
}
#navigation .PopupOpen .menuIcon:before, #navigation .navLink .menuIcon:before {
	zoom: 1;
}
#navigation .menuIcon:before {
	content: "";
	font-size: 18px;
	position: absolute;
	top: 0.9em;
	left: 0;
	width: 16px;
	height: 2px;
	border-top: 6px double currentColor;
	border-bottom: 2px solid currentColor;
}
.navTabs {
	font-size: 11px;
	font-family: Tahoma;
	color: #fff;
	height: 42px;
	height: 42px;
}
.navTabs .publicTabs {
	float: left;
}
.navTabs .visitorTabs {
	float: right;
}
.navTabs .navTab {
	float: left;
	white-space: nowrap;
	word-wrap: normal;
}
/* ---------------------------------------- */

/* Links Inside Tabs */

.navTabs .navLink, .navTabs .SplitCtrl {
	font-size: 16px;
	font-family: "Teko", Tahoma, Arial;
	color: #cacaca;
	background-image: url('/opserv/css/styles/skin/navtabs.jpg');
	background-repeat: no-repeat;
	background-position: top left;
	padding: 0px;
	margin: 0px;
	display: block;
	float: left;
	text-align: center;
	outline: 0 none;
	line-height: 42px;
	text-transform: uppercase;
	text-shadow: -1px -1px 0px #000000;
	width: 92px;
	height: 42px;
	height: 42px;
	line-height: 42px;
}
.navTabs .publicTabs .navLink {
	padding: 0 15px;
}
.navTabs .visitorTabs .navLink {
	padding: 0 10px;
}
.navTabs .navLink:hover {
	text-decoration: none;
}
/* ---------------------------------------- */

/* unselected tab, popup closed */

.navTabs .navTab.PopupClosed {
	position: relative;
}
.navTabs .navTab.PopupClosed .navLink {
	color: #aaa;
}
.navTabs .navTab.PopupClosed:hover {
	background-color: #444;
}
.navTabs .navTab.PopupClosed .navLink:hover {
	color: #4d4d4d;
}
.navTabs .navTab.PopupClosed .arrowWidget {
	/* circle-arrow-down-light */
	background-position: -64px 0;
}
.navTabs .navTab.PopupClosed .SplitCtrl {
	margin-left: -14px;
	width: 14px;
}
.navTabs .navTab.PopupClosed:hover .SplitCtrl {
	/* nav_menu_gadget, height: 17px */
	background: transparent url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -128px 13.5px;
}
/* ---------------------------------------- */

/* selected tab */

.navTabs .navTab.selected .navLink {
	position: relative;
	color: #fff;
	background-image: url('/opserv/css/styles/skin/navtabs.jpg');
	background-repeat: no-repeat;
	background-position: -92px 0px;
	padding: 0px;
	margin: 0px;
	text-shadow: -1px -1px 0px #1e3647;
	width: 92px;
	height: 42px;
}
.navTabs .navTab.selected .SplitCtrl {
	display: none;
}
.navTabs .navTab.selected .arrowWidget {
	/* circle-arrow-down */
	background-position: -32px 0;
}
.navTabs .navTab.selected.PopupOpen .arrowWidget {
	/* circle-arrow-up */
	background-position: -16px 0;
}
/* ---------------------------------------- */

/* unselected tab, popup open */

.navTabs .navTab.PopupOpen .navLink {}
/* ---------------------------------------- */

/* selected tab, popup open (account) */

.navTabs .navTab.selected.PopupOpen .navLink {
	color: rgb(255, 0, 0);
}
/* ---------------------------------------- */

/* Second Row */

.navTabs .navTab.selected .tabLinks {
	background-image: url('/opserv/css/styles/skin/navtabs.jpg');
	background-repeat: no-repeat;
	background-position: -92px 0px;
	width: 100%;
	padding: 0;
	border: none;
	overflow: hidden;
	zoom: 1;
	position: absolute;
	left: 0px;
	top: 44px;
	height: 42px;
	background-position: 0px -42px;
	*clear: expression(style.width=document.getElementById('navigation').offsetWidth + 'px', style.clear="none", 0);
}
.navTabs .navTab.selected .blockLinksList {
	background: none;
	padding: 0;
	border: none;
	margin-left: 8px;
}
.withSearch .navTabs .navTab.selected .blockLinksList {
	margin-right: 275px;
}
.navTabs .navTab.selected .tabLinks .menuHeader {
	display: none;
}
.navTabs .navTab.selected .tabLinks li {
	float: left;
	padding: 2px 0;
}
.navTabs .navTab.selected .tabLinks a {
	font-size: 16px;
	font-family: "Teko", Tahoma, Arial;
	color: #999;
	background-color: transparent;
	padding: 2px 5px;
	border-style: none;
	display: block;
	text-transform: uppercase;
	height: 26px;
	line-height: 36px;
}
.navTabs .navTab.selected .tabLinks .PopupOpen a {
	color: inherit;
	text-shadow: none;
}
.navTabs .navTab.selected .tabLinks a:hover, .navTabs .navTab.selected .tabLinks a:focus {
	color: rgb(255, 0, 8);
	text-decoration: none;
	background-color: transparent;
	outline: 0;
}
.navTabs .navTab.selected .tabLinks .Popup a:hover, .navTabs .navTab.selected .tabLinks .Popup a:focus {
	color: inherit;
	background: none;
	border-color: transparent;
	border-radius: 0;
	text-shadow: none;
}
/* ---------------------------------------- */

/* Alert Balloons */

.navTabs .navLink .itemCount {
	font-weight: bold;
	font-size: 9px;
	color: rgb(255, 42, 42);
	background-color: #750002;
	padding: 0 2px;
	border-radius: 2px;
	position: absolute;
	right: -4px;
	top: -2px;
	line-height: 16px;
	min-width: 12px;
	_width: 12px;
	text-align: center;
	text-shadow: none;
	white-space: nowrap;
	word-wrap: normal;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	height: 16px;
}
.navTabs .navLink .itemCount .arrow {
	border: 3px solid transparent;
	border-top-color: #750002;
	border-bottom: 1px none black;
	position: absolute;
	bottom: -3px;
	right: 4px;
	line-height: 0px;
	text-shadow: none;
	_display: none;
	/* Hide from IE6 */
	width: 0px;
	height: 0px;
}
.navTabs .navLink .itemCount.Zero {
	display: none;
}
.navTabs .navLink .itemCount.ResponsiveOnly {
	display: none !important;
}
.NoResponsive #VisitorExtraMenu_Counter, .NoResponsive #VisitorExtraMenu_ConversationsCounter, .NoResponsive #VisitorExtraMenu_AlertsCounter {
	display: none !important;
}
/* ---------------------------------------- */

/* Account Popup Menu */

.navTabs .navTab.account .navLink {
	font-weight: bold;
}
.navTabs .navTab.account .navLink .accountUsername {
	display: block;
	max-width: 100px;
	overflow: hidden;
	text-overflow: ellipsis;
}
#AccountMenu {
	width: 274px;
}
#AccountMenu .menuHeader {
	position: relative;
}
#AccountMenu .menuHeader .avatar {
	float: left;
	margin-right: 10px;
}
#AccountMenu .menuHeader .visibilityForm {
	margin-top: 10px;
	color: #444;
}
#AccountMenu .menuHeader .links .fl {
	position: absolute;
	bottom: 10px;
	left: 116px;
}
#AccountMenu .menuHeader .links .fr {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#AccountMenu .menuColumns {
	overflow: hidden;
	zoom: 1;
	padding: 2px;
}
#AccountMenu .menuColumns ul {
	float: left;
	padding: 0;
	max-height: none;
	overflow: hidden;
}
#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
	width: 115px;
}
#AccountMenu .statusPoster textarea {
	width: 245px;
	margin: 0;
	resize: vertical;
	overflow: hidden;
}
#AccountMenu .statusPoster .submitUnit {
	margin-top: 5px;
	text-align: right;
}
#AccountMenu .statusPoster .submitUnit .statusEditorCounter {
	float: left;
	line-height: 23px;
	height: 23px;
}
/* ---------------------------------------- */

/* Inbox, Alerts Popups */

.navPopup {
	width: 260px;
}
.navPopup a:hover, .navPopup .listItemText a:hover {
	background: none;
	text-decoration: underline;
}
.navPopup .menuHeader .InProgress {
	float: right;
	display: block;
	width: 20px;
	height: 20px;
}
.navPopup .listPlaceholder {
	max-height: 350px;
	overflow: auto;
}
.navPopup .listPlaceholder ol.secondaryContent {
	padding: 0 10px;
}
.navPopup .listPlaceholder ol.secondaryContent.Unread {
	background-color: #777;
}
.navPopup .listItem {
	overflow: hidden;
	zoom: 1;
	padding: 5px 0;
	border-bottom: 1px solid #ccc;
}
.navPopup .listItem:last-child {
	border-bottom: none;
}
.navPopup .PopupItemLinkActive:hover {
	margin: 0 -8px;
	padding: 5px 8px;
	border-radius: 5px;
	background-color: #ccc;
	cursor: pointer;
}
.navPopup .avatar {
	float: left;
}
.navPopup .avatar img {
	width: 32px;
	height: 32px;
}
.navPopup .listItemText {
	margin-left: 37px;
}
.navPopup .listItemText .muted {
	font-size: 9px;
}
.navPopup .unread .listItemText .title, .navPopup .listItemText .subject {
	font-weight: bold;
}
.navPopup .sectionFooter .floatLink {
	float: right;
}
@media (max-width:610px) {
	.Responsive .navTabs {
		padding-left: 10px;
		padding-right: 10px;
	}
	.Responsive .withSearch .navTabs .navTab.selected .blockLinksList {
		margin-right: 50px;
	}
}
@media (max-width:480px) {
	.Responsive.hasJs .navTabs:not(.showAll) .publicTabs .navTab:not(.selected):not(.navigationHiddenTabs) {
		display: none;
	}
}
#searchBar {
	position: relative;
	zoom: 1;
	z-index: 52;
	/* higher than breadcrumb arrows */
}
#QuickSearchPlaceholder {
	position: absolute;
	right: 20px;
	top: -29px;
	display: none;
	border-radius: 5px;
	cursor: pointer;
	font-size: 11px;
	height: 16px;
	width: 16px;
	box-sizing: border-box;
	text-indent: -9999px;
	background: transparent url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -144px 0px;
	overflow: hidden;
}
#QuickSearch {
	display: block;
	position: absolute;
	right: 20px;
	top: -18px;
	margin: 0;
	background-color: ;
	border-radius: 5px;
	padding-top: 5px;
	_padding-top: 3px;
	z-index: 7500;
}
#QuickSearch .secondaryControls {
	display: none;
}
#QuickSearch.active {
	box-shadow: 5px 5px 25px rgba(0, 0, 0, 0.5);
	padding-bottom: 5px;
}
#QuickSearch .submitUnit .button {
	min-width: 0;
}
#QuickSearch input.button.primary {
	float: left;
	width: 110px;
}
#QuickSearch #commonSearches {
	float: right;
}
#QuickSearch #commonSearches .button {
	width: 23px;
	padding: 0;
}
#QuickSearch #commonSearches .arrowWidget {
	margin: 0;
	float: left;
	margin-left: 4px;
	margin-top: 4px;
}
#QuickSearch .moreOptions {
	display: block;
	margin: 0 24px 0 110px;
	width: auto;
}
@media (max-width:610px) {
	.Responsive #QuickSearchPlaceholder {
		display: block;
	}
	.Responsive #QuickSearchPlaceholder.hide {
		visibility: hidden;
	}
	.Responsive #QuickSearch {
		display: none;
	}
	.Responsive #QuickSearch.show {
		display: block;
	}
}
/** move the header to the top again **/

#headerMover {
	position: relative;
	zoom: 1;
}
#headerMover #headerProxy {
	height: 224px;
	/* +2 borders */
}
#headerMover #header {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}
/** Generic page containers **/

.pageWidth {
	padding: 0;
	margin: 0 auto;
	box-sizing: border-box;
	max-width: 940px;
}
.NoResponsive body {
	min-width: 976px;
}
#content .pageContent {
	background-image: none;
	padding: 0px;
	margin: auto;
	width: auto;
}
/* clearfix */

#content .pageContent {
	zoom: 1;
}
#content .pageContent:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* sidebar structural elements */

.mainContainer {
	float: left;
	margin-right: -250px;
	width: 100%;
}
.mainContent {
	margin-right: 250px;
}
.sidebar {
	float: right;
	width: 240px;
}
/* visitor panel */

.sidebar .visitorPanel {
	overflow: hidden;
	zoom: 1;
}
.sidebar .visitorPanel h2 .muted {
	display: none;
}
.sidebar .visitorPanel .avatar {
	margin-right: 5px;
	float: left;
	width: auto;
	height: auto;
}
.sidebar .visitorPanel .avatar img {
	width: ;
	height: ;
}
.sidebar .visitorPanel .username {
	font-weight: bold;
	font-size: 11pt;
}
.sidebar .visitorPanel .stats {
	margin-top: 2px;
}
.sidebar .visitorPanel .stats .pairsJustified {
	line-height: normal;
}
/* generic sidebar blocks */

.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Helvetica, open-sans;
	color: #fff;
	padding: 6px 8px 6px 0;
	margin-bottom: 5px;
	border-bottom-color: #ccc;
}
.sidebar .section .primaryContent h3 a, .sidebar .section .secondaryContent h3 a {
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Helvetica, open-sans;
	color: #fff;
}
.sidebar .section .secondaryContent .footnote, .sidebar .section .secondaryContent .minorHeading {
	color: #8c8c8c;
	margin-top: 5px;
}
.sidebar .section .secondaryContent .minorHeading a {
	color: #8c8c8c;
}
/* list of users with 32px avatars, username and user title */

.sidebar .avatarList li {
	margin: 5px 0;
	overflow: hidden;
	zoom: 1;
}
.sidebar .avatarList .avatar {
	margin-right: 5px;
	float: left;
	width: 30px;
	height: 30px;
	width: auto;
	height: auto;
}
.sidebar .avatarList .avatar img {
	width: 30px;
	height: 30px;
}
.sidebar .avatarList .username {
	font-size: 11pt;
	margin-top: 2px;
	display: block;
}
.sidebar .avatarList .userTitle {
	color: #7e7e7e;
}
/* list of users */

.sidebar .userList {}
.sidebar .userList .username {
	font-size: 11px;
}
.sidebar .userList .username.invisible {
	color: #333;
}
.sidebar .userList .username.followed {}
.sidebar .userList .moreLink {
	display: block;
}
/* people you follow online now */

.followedOnline {
	margin-top: 3px;
	margin-bottom: -5px;
	overflow: hidden;
	zoom: 1;
}
.followedOnline li {
	margin-right: 5px;
	margin-bottom: 5px;
	float: left;
}
.followedOnline .avatar {
	width: 32px;
	height: 32px;
	width: auto;
	height: auto;
}
.followedOnline .avatar img {
	width: 32px;
	height: 32px;
}
/* call to action */

#SignupButton {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;
	cursor: pointer;
}
#SignupButton .inner {
	font-weight: bold;
	font-size: 12pt;
	font-family: Tahoma, Helvetica, Open-sans;
	color: rgb(255, 42, 42);
	background-color: #750002;
	padding: 14px;
	border: 1px solid #a00001;
	border-radius: 0px;
	display: block;
	transition: background ease .3s;
}
#SignupButton:hover .inner {
	color: rgb(255, 0, 0);
	text-decoration: none;
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
#SignupButton:active {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	/*position: relative;
top: 2px;*/
}
@media (max-width:800px) {
	.Responsive .mainContainer {
		float: none;
		margin-right: 0;
		width: auto;
	}
	.Responsive .mainContent {
		margin-right: 0;
	}
	.Responsive .sidebar:not(.aar_contents .sidebar) {
		float: none;
		margin: 0 auto;
	}
	.Responsive .sidebar .visitorPanel {
		display: none;
	}
}
@media (max-width:340px) {
	.Responsive .sidebar {
		width: 100%;
	}
}
/** Text used in message bodies **/

.messageText {
	font-size: 11pt;
	line-height: 1.4;
}
.messageText img, .messageText iframe, .messageText object, .messageText embed {
	max-width: 100%;
}
/** Link groups and pagenav container **/

.pageNavLinkGroup {
	display: table;
	*zoom: 1;
	table-layout: fixed;
	box-sizing: border-box;
	font-size: 11px;
	margin: 10px 0;
	line-height: 16px;
}
opera:-o-prefocus, .pageNavLinkGroup {
	display: block;
	overflow: hidden;
}
.pageNavLinkGroup:after {
	content: ". .";
	display: block;
	word-spacing: 99in;
	overflow: hidden;
	height: 0;
	font-size: 0.13em;
	line-height: 0;
}
.pageNavLinkGroup .linkGroup {
	float: right;
}
.linkGroup {}
.linkGroup a {
	color: @linkColor;
	padding: 3px 0;
}
.linkGroup a.inline {
	padding: 0;
}
.linkGroup a, .linkGroup .Popup, .linkGroup .element {
	margin-left: 10px;
	display: block;
	float: left;
}
.linkGroup .Popup a {
	margin-left: -2px;
	margin-right: -5px;
	*margin-left: 10px;
	padding: 3px 5px;
}
.linkGroup .element {
	padding: 3px 0;
}
/** Call to action buttons **/

a.callToAction {
	padding: 0px;
	border-radius: 0px;
	display: inline-block;
	line-height: 24px;
	outline: 0 none;
	vertical-align: top;
	height: 24px;
}
a.callToAction span {
	font-weight: bold;
	font-size: 11px;
	font-family: Tahoma, Helvetica, Open-sans;
	color: rgb(255, 42, 42);
	background-color: #750002;
	padding: 0 15px;
	border: 1px solid #a00001;
	border-radius: 0px;
	display: block;
	/*text-shadow: 0px 0px 3px #444;*/
}
a.callToAction:hover {
	text-decoration: none;
}
a.callToAction:hover span {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
a.callToAction:active {
	/*position: relative;
			top: 2px;*/
}
a.callToAction:active span {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
/*********/

.avatarHeap {
	overflow: hidden;
	zoom: 1;
}
.avatarHeap ol {
	margin-right: -4px;
	margin-top: -4px;
}
.avatarHeap li {
	float: left;
	margin-right: 4px;
	margin-top: 4px;
}
.avatarHeap li .avatar {
	display: block;
}
/*********/

.fbWidgetBlock .fb_iframe_widget, .fbWidgetBlock .fb_iframe_widget>span, .fbWidgetBlock .fb_iframe_widget iframe {
	width: 100% !important;
}
/*********/

.tagBlock {
	margin: 10px 0;
	font-size: 11px;
}
.tagList, .tagList li {
	display: inline;
}
.tagList .tag {
	position: relative;
	display: inline-block;
	background: #eee;
	margin-left: 9px;
	height: 14px;
	line-height: 14px;
	padding: 1px 4px 1px 6px;
	border: 1px solid #aaa;
	border-left: none;
	border-radius: 4px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	color: #444;
	font-size: 11px;
	margin-bottom: 2px;
}
.tagList .tag:hover {
	text-decoration: none;
	background-color: #ccc;
}
.tagList .tag .arrow {
	position: absolute;
	display: block;
	height: 2px;
	width: 0;
	left: -9px;
	top: -1px;
	border-style: solid;
	border-width: 8px 9px 8px 0;
	border-color: transparent;
	border-right-color: #aaa;
}
.tagList .tag .arrow:after {
	content: '';
	position: absolute;
	display: block;
	height: 2px;
	width: 0;
	left: 1px;
	top: -7px;
	border-style: solid;
	border-width: 7px 8px 7px 0;
	border-color: transparent;
	border-right-color: #eee;
}
.tagList .tag:hover .arrow:after {
	border-right-color: #ccc;
}
.tagList .tag:after {
	content: '';
	position: absolute;
	left: -2px;
	top: 6px;
	display: block;
	height: 3px;
	width: 3px;
	border-radius: 50%;
	border: 1px solid #aaa;
	background: #4d4d4d;
}
/* User name classes */

.username .style62 {
	color: #FF0000;
}
.username .style60 {
	color: #0276FD;
}
.username .style61 {
	color: #FFFFFF;
}
.username .style55 {
	color: #32CD32;
}
.username .style46 {
	color: #0276FD;
}
.username .style41 {
	color: #00FFFF;
}
.username .style42 {
	color: #00FFFF;
}
.username .style43 {
	color: #00FFFF;
}
.username .style52 {
	color: #0276FD;
}
.username .style12 {
	color: #FD67DF;
}
.username .style59 {
	color: #0276FD;
}
.username .style56 {
	color: #0276FD;
}
.username .style30 {
	color: #FFFF00;
}
.username .style31 {
	color: #FFFF00;
}
.username .style32 {
	color: #FFFF00;
}
.username .style33 {
	color: #FFFF00;
}
.username .style34 {
	color: #FFA500;
}
.username .style35 {
	color: #FFA500;
}
.username .style36 {
	color: #FFA500;
}
.username .style37 {
	color: #FFA500;
}
.username .style39 {
	color: #FFA500;
}
.username .style38 {
	color: #FFA500;
}
.username .style40 {
	color: #32CD32;
}
.username .style57 {
	color: #32CD32;
}
.username .style44 {
	color: #0276FD;
}
.username .style51 {
	color: #0276FD;
}
.username .style49 {
	color: #0276FD;
}
.username .style45 {
	color: #FFA500;
}
.username .style47 {
	color: #0276FD;
}
.username .style50 {
	color: #0276FD;
}
.username .style53 {
	color: #0276FD;
}
.username .style54 {
	color: #0276FD;
}
.username .style48 {
	color: #FFA500;
}
.username .style58 {
	color: #32CD32;
}
.username .banned {
	text-decoration: line-through;
}
.prefix {
	background: transparent url('/opserv/css/styles/gradients/form-button-white-25px.png') repeat-x top;
	padding: 0px 6px;
	margin: -1px 0;
	border: 1px solid transparent;
	border-radius: 4px;
	display: inline-block;
}
a.prefixLink:hover {
	text-decoration: none;
}
a.prefixLink:hover .prefix {
	color: #444;
	text-decoration: none;
	background-color: #eee;
	padding: 0 6px;
	border: 1px solid #aaa;
}
.prefix a {
	color: inherit;
}
.prefix.prefixPrimary {
	color: #444;
	background-color: #ccc;
	border-color: #ccc;
}
.prefix.prefixSecondary {
	color: #333;
	background-color: #aaa;
	border-color: #aaa;
}
.prefix.prefixRed {
	color: white;
	background-color: red;
	border-color: #F88;
}
.prefix.prefixGreen {
	color: white;
	background-color: green;
	border-color: green;
}
.prefix.prefixOlive {
	color: black;
	background-color: olive;
	border-color: olive;
}
.prefix.prefixLightGreen {
	color: black;
	background-color: lightgreen;
	border-color: lightgreen;
}
.prefix.prefixBlue {
	color: white;
	background-color: blue;
	border-color: #88F;
}
.prefix.prefixRoyalBlue {
	color: white;
	background-color: royalblue;
	border-color: #81A9E1;
}
.prefix.prefixSkyBlue {
	color: black;
	background-color: skyblue;
	border-color: skyblue;
}
.prefix.prefixGray {
	color: black;
	background-color: gray;
	border-color: #AAA;
}
.prefix.prefixSilver {
	color: black;
	background-color: silver;
	border-color: silver;
}
.prefix.prefixYellow {
	color: black;
	background-color: yellow;
	border-color: #E0E000;
}
.prefix.prefixOrange {
	color: black;
	background-color: orange;
	border-color: #FFC520;
}
.discussionListItem .prefix, .searchResult .prefix {
	font-size: 80%;
	margin: 0;
	line-height: 16px;
	font-weight: normal;
}
h1 .prefix {
	font-size: 80%;
	margin: 0;
	line-height: 16px;
	line-height: normal;
}
.breadcrumb span.prefix, .heading span.prefix {
	font-style: italic;
	font-weight: bold;
	padding: 0;
	margin: 0;
	border: 0 none black;
	border-radius: 0;
	display: inline;
	color: inherit;
}
.userBanner {
	font-size: 11px;
	background: transparent url('/opserv/css/styles/gradients/form-button-white-25px.png') repeat-x top;
	padding: 1px 5px;
	border: 1px solid transparent;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	text-align: center;
}
.userBanner.wrapped {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	position: relative;
}
.userBanner.wrapped span {
	position: absolute;
	top: -4px;
	width: 5px;
	height: 4px;
	background-color: inherit;
}
.userBanner.wrapped span.before {
	border-top-left-radius: 3px;
	left: -1px;
}
.userBanner.wrapped span.after {
	border-top-right-radius: 3px;
	right: -1px;
}
.userBanner.bannerHidden {
	background: none;
	box-shadow: none;
	border: none;
}
.userBanner.bannerHidden.wrapped {
	margin-left: 0;
	margin-right: 0;
}
.userBanner.bannerHidden.wrapped span {
	display: none;
}
.userBanner.bannerStaff {
	color: #444;
	background-color: #ccc;
	border-color: #aaa;
}
.userBanner.bannerStaff.wrapped span {
	background-color: #aaa;
}
.userBanner.bannerPrimary {
	color: #444;
	background-color: #ccc;
	border-color: #aaa;
}
.userBanner.bannerPrimary.wrapped span {
	background-color: #aaa;
}
.userBanner.bannerSecondary {
	color: #333;
	background-color: #aaa;
	border-color: #aaa;
}
.userBanner.bannerSecondary.wrapped span {
	background-color: #aaa;
}
.userBanner.bannerRed {
	color: white;
	background-color: red;
	border-color: #F88;
}
.userBanner.bannerRed.wrapped span {
	background-color: #F88;
}
.userBanner.bannerGreen {
	color: white;
	background-color: green;
	border-color: green;
}
.userBanner.bannerGreen.wrapped span {
	background-color: green;
}
.userBanner.bannerOlive {
	color: black;
	background-color: olive;
	border-color: olive;
}
.userBanner.bannerOlive.wrapped span {
	background-color: olive;
}
.userBanner.bannerLightGreen {
	color: black;
	background-color: lightgreen;
	border-color: lightgreen;
}
.userBanner.bannerLightGreen.wrapped span {
	background-color: lightgreen;
}
.userBanner.bannerBlue {
	color: white;
	background-color: blue;
	border-color: #88F;
}
.userBanner.bannerBlue.wrapped span {
	background-color: #88F;
}
.userBanner.bannerRoyalBlue {
	color: white;
	background-color: royalblue;
	border-color: #81A9E1;
}
.userBanner.bannerRoyalBlue.wrapped span {
	background-color: #81A9E1;
}
.userBanner.bannerSkyBlue {
	color: black;
	background-color: skyblue;
	border-color: skyblue;
}
.userBanner.bannerSkyBlue.wrapped span {
	background-color: skyblue;
}
.userBanner.bannerGray {
	color: black;
	background-color: gray;
	border-color: #AAA;
}
.userBanner.bannerGray.wrapped span {
	background-color: #AAA;
}
.userBanner.bannerSilver {
	color: black;
	background-color: silver;
	border-color: silver;
}
.userBanner.bannerSilver.wrapped span {
	background-color: silver;
}
.userBanner.bannerYellow {
	color: black;
	background-color: yellow;
	border-color: #E0E000;
}
.userBanner.bannerYellow.wrapped span {
	background-color: #E0E000;
}
.userBanner.bannerOrange {
	color: black;
	background-color: orange;
	border-color: #FFC520;
}
.userBanner.bannerOrange.wrapped span {
	background-color: #FFC520;
}
@media (max-width:800px) {
	.Responsive .pageWidth {
		padding-right: 0;
		padding-left: 0;
		margin-right: auto;
		margin-left: auto;
		max-width: none;
		min-width: auto;
		width: 95%;
	}
	.Responsive #content .pageContent {
		padding-left: 0px;
		padding-right: 0px;
	}
}
@media (max-width:610px) {
	.Responsive .pageWidth {
		padding-right: 10px;
		padding-left: 10px;
		margin-right: auto;
		margin-left: auto;
		width: 95%;
	}
	.Responsive .forum_view #pageDescription, .Responsive .thread_view #pageDescription {
		display: none;
	}
}
@media (max-width:480px) {
	.Responsive .pageWidth {
		margin-right: 0;
		margin-left: 0;
		width: 100%;
	}
	.Responsive .pageNavLinkGroup .PageNav, .Responsive .pageNavLinkGroup .linkGroup {
		clear: right;
	}
}
.member_h2_box, .dashboard_header, .gamedata, .section_top_container, .sectiontitle {
	background: #1d1d1d url(/opserv/css/styles/skin/tab1.jpg) repeat-x center top;
}
.drop_menu li:hover ul {
	background: #4b4b4b url(/opserv/css/styles/skin/alt2panelinv.jpg) repeat-x left top;
}
/* Fruit Salad */
.fs_main {
	position: relative;
	max-width: 700px;
	max-height: 199px;
	width: 700px;
	height: 199px;
	background-image: url('/fs/images/template.png');
	background-repeat: no-repeat;
	z-index: 500;
}
.fs_user_details {
	position: absolute;
	width: 231px;
	height: 82px;
	z-index: 550;
	top: 5px;
	left: 5px;
	font-family: 'Fruitsalad' !important;
	line-height: 1.28 !important;
	font-size: 13px !important;
	color: grey;
	padding: 0px 0px 0px 5px;
}
.fs_text_bold {
	font-size: 16px;
	font-family: 'FruitsaladBold';
}
.fs_user_ribbons {
	position: absolute;
	width: 231px;
	height: 82px;
	z-index: 550;
	top: 9px;
	left: 367px;
	padding: 2px 0px 0px 0px;
}
.fs_ribbon_images {
	float: left;
	width: 44px;
	height: 13px;
	padding: 0px 0px 0px 2px;
}
.fs_user_games {
	position: absolute;
	width: 231px;
	height: 101px;
	z-index: 550;
	bottom: 5px;
	left: 5px;
	padding: 0px 0px 0px 5px;
}
.fs_game_images {
	float: left;
	width: 37px;
	height: 47px;
	padding: 5px 0px 0px 0px;
}
.fs_user_medals {
	position: absolute;
	width: 231px;
	height: 101px;
	z-index: 550;
	bottom: 2px;
	left: 367px;
}
.fs_medal_images {
	float: left;
	width: 20px;
	height: 45px;
	padding: 3px 0px 0px 1px;
}
.fs_user_badges {
	position: absolute;
	width: 95px;
	height: 189px;
	z-index: 550;
	top: 5px;
	right: 0px;
}
.fs_badge_images {
	float: left;
	width: 90px;
	height: 35px;
	padding: 3px 0px 0px 0px;
}
.fs_user_competition{
	position: absolute;
	width: 140px;
	height: 10px;
	bottom: 4px;
	left: 243px;
}
.fs_competition_text{
	width: 40px;
	float: left;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: black;
}
.fs_user_rank {
	position: absolute;
	width: 45px;
	height: 45px;
	z-index: 550;
	bottom: 15px;
	left: 245px;
}
.fs_user_taskforce {
	position: absolute;
	width: 60px;
	height: 45px;
	z-index: 550;
	bottom: 15px;
	left: 305px;
}
.fs_user_left_pips {
	position: absolute;
	width: 14px;
	height: 50px;
	z-index: 550;
	bottom: 50px;
	left: 281px;
}
.fs_user_right_pips {
	position: absolute;
	width: 14px;
	height: 50px;
	z-index: 550;
	bottom: 50px;
	left: 313px;
}
.fs_links {
	cursor: default;
}
@charset "UTF-8";
/* --- EWRporta2_Global.css --- */

.leftContainer {
	float: right;
	margin-left: -260px;
	width: 100%;
}
.leftContent {
	margin-left: 260px;
}
.leftSidebar {
	float: left;
	width: 250px;
}
.splitWidgets .section:first-child, .splitWidgets .sectionMain:first-child {
	margin-top: 0;
}
.sidebar.noFloats {
	float: none;
	width: auto !important;
	margin-bottom: 10px;
}
.sidebar.a-leftWidgets {
	float: left;
	width: 350px;
}
.sidebar.a-rightWidgets {
	margin-left: 360px;
}
.sidebar.b-leftWidgets {
	float: left;
	width: 350px;
}
.sidebar.b-rightWidgets {
	margin-left: 360px;
}
.sidebar.footerWidgets {
	clear: both;
}
/* clearfix */

.splitWidgets {
	zoom: 1;
}
.splitWidgets:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.copyright {
	text-align: center;
	font-size: 11px;
	margin: 10px;
}
@media (max-width:800px) {
	.Responsive .leftContainer {
		float: none;
		margin: 0 auto;
	}
	.Responsive .leftContent {
		margin-left: 0;
	}
}
@media (max-width:610px) {
	.Responsive .sidebar.b-leftWidgets {
		float: none;
		margin: 0 auto;
	}
	.Responsive .sidebar.b-rightWidgets {
		margin-left: 0px;
	}
}
/* --- attachment_editor.css --- */

.AttachmentEditor {
	clear: both;
}
.xenForm .ctrlUnit dd li.AttachedFile, .xenForm .ctrlUnit dd .AttachmentInsertAllBlock {
	margin-top: 0;
	margin-right: 30px;
}
.AttachmentEditor .AttachedFile, .AttachmentEditor .AttachmentInsertAllBlock {
	overflow: hidden;
	zoom: 1;
	vertical-align: middle;
	padding: 5px 10px;
}
.AttachmentEditor .AttachedFile#AttachedFileTemplate {
	display: none;
}
.AttachmentEditor .AttachedFile .Thumbnail {
	width: 54px;
	height: 54px;
	line-height: 50px;
	display: block;
	background: ;
	border: 1px solid #ccc;
	text-align: center;
	vertical-align: middle;
	float: left;
}
.AttachmentEditor .AttachedFile .Thumbnail img {
	max-width: 50px;
	max-height: 50px;
	_width: 50px;
	_height: 50px;
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
.AttachmentEditor .AttachedFile .Thumbnail .genericAttachment {
	background: transparent url('/opserv/css/styles/node-sprite.png') no-repeat -72px 0;
	display: block;
	width: 36px;
	height: 36px;
	margin: 7px;
}
.AttachmentEditor .AttachmentText {
	margin-left: 64px;
}
.AttachmentEditor .AttachedFile .Filename {}
.AttachmentEditor .secondaryContent .label {
	margin-bottom: 2px;
	font-size: 11px;
	color: #7e7e7e;
}
.AttachmentEditor .secondaryContent .controls {
	line-height: 25px;
}
/* clearfix */

.AttachmentEditor .AttachedFile .controls {
	zoom: 1;
}
.AttachmentEditor .AttachedFile .controls:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.AttachmentEditor .AttachedFile .ProgressMeter {
	display: block;
	padding: 2px;
	border: 1px solid #aaa;
	border-radius: 4px;
	background-color: ;
	margin-right: 75px;
	margin-top: 4px;
	font-size: 14pt;
	line-height: 26px;
}
.AttachmentEditor .AttachedFile .ProgressMeter .ProgressGraphic {
	display: inline-block;
	width: 0%;
	height: 26px;
	background: #888 url('/opserv/css/styles/gradients/category-23px-light.png') repeat-x top;
	text-align: right;
}
.AttachmentEditor .AttachedFile .ProgressMeter .ProgressCounter {
	display: inline-block;
	height: 26px;
	padding: 0 10px;
}
.AttachmentEditor .AttachedFile .ProgressMeter .ProgressGraphic .ProgressCounter {
	color: #eee;
}
.AttachmentEditor .AttachedFile .AttachmentDeleter, .AttachmentEditor .AttachedFile .AttachmentCanceller {
	float: right;
	display: none;
}
.AttachmentEditor .AttachmentInsertAllBlock {
	display: none;
}
.AttachmentEditor .AttachmentInsertAllBlock span {
	float: left;
	display: block;
	width: 54px;
	height: 34px;
	background: url('/opserv/css/styles/widgets/image-attachments.png') no-repeat center;
	border: 1px solid #ccc;
	margin-right: 10px;
}
.AttachmentEditor .AttachmentDeleteAll {
	float: right;
}
/* SWFUploader placeholder */

.swfupload {
	position: absolute;
	z-index: 1;
	opacity: 0;
}
/* Uploader JS Overlay */

.xenOverlay.attachmentUploader {
	max-width: 500px;
}
.attachmentUploader #ctrl_upload {
	margin: 2px auto 5px;
}
.attachmentUploader .attachmentConstraints dl {
	margin-top: 2px;
	font-size: 11px;
}
/* --- bb_code.css --- */

/* .bbCodeX classes are designed to exist inside .baseHtml. ie: they have no CSS reset applied */

.bbCodeBlock {
	margin: 1em 140px 1em 0;
	overflow: auto;
}
.bbCodeBlock .bbCodeBlock, .hasJs .bbCodeBlock .bbCodeSpoilerText, .messageList.withSidebar .bbCodeBlock {
	margin-right: 0;
}
/* mini CSS reset */

.bbCodeBlock pre, .bbCodeBlock blockquote {
	margin: 0;
}
.bbCodeBlock img {
	border: none;
}
.bbCodeBlock .type {
	font-size: 13px;
	font-family: 'Open-Sans', Arial, sans-serif;
	color: #888;
	background-color: #2a3034;
	padding: 10px;
	border: 1px solid #000;
	border-bottom-style: none;
}
.bbCodeBlock pre, .bbCodeBlock .code {
	font-size: 10pt;
	font-family: Consolas, 'Courier New', Courier, monospace;
	background-color: #354551;
	padding: 10px;
	border: 1px solid #000;
	border-radius: 0px;
	word-wrap: normal;
	overflow: auto;
	line-height: 1.24;
	min-height: 30px;
	max-height: 500px;
	_width: 600px;
	direction: ltr;
}
.bbCodeBlock .code {
	white-space: nowrap;
}
.bbCodeQuote {
	color: #999;
	background: #3c3c3c url('/opserv/css/styles/skin/alt2Panel.jpg') repeat-x top left;
	overflow: auto;
}
.bbCodeQuote .attribution {
	color: rgb(255, 0, 8);
	background: #3c3c3c url('/opserv/css/styles/skin/alt2.jpg') repeat-x top left;
	border: 1px solid #5c5c5c;
	border-bottom: 1px solid #a00001;
}
.bbCodeQuote .quoteContainer {
	overflow: hidden;
	position: relative;
	font-style: italic;
	font-size: 9pt;
	background: #3c3c3c url('/opserv/css/styles/skin/alt2Panel.jpg') repeat-x top left;
	padding: 10px;
	border: 1px solid #5c5c5c;
	border-radius: 4px;
}
.bbCodeQuote .quoteContainer .quote {
	max-height: 150px;
	overflow: hidden;
	padding-bottom: 1px;
}
.NoJs .bbCodeQuote .quoteContainer .quote {
	max-height: none;
}
.bbCodeQuote .quoteContainer .quoteExpand {
	display: none;
	box-sizing: border-box;
	position: absolute;
	height: 80px;
	top: 90px;
	left: 0;
	right: 0;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	color: #888;
	cursor: pointer;
	padding-top: 65px;
	background: -webkit-linear-gradient(top, rgba(60, 60, 60, 0) 0%, #3c3c3c 80%);
	background: -moz-linear-gradient(top, rgba(60, 60, 60, 0) 0%, #3c3c3c 80%);
	background: -o-linear-gradient(top, rgba(60, 60, 60, 0) 0%, #3c3c3c 80%);
	background: linear-gradient(to bottom, rgba(60, 60, 60, 0) 0%, #3c3c3c 80%);
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.bbCodeQuote .quoteContainer .quoteExpand.quoteCut {
	display: block;
}
.bbCodeQuote .quoteContainer.expanded .quote {
	max-height: none;
}
.bbCodeQuote .quoteContainer.expanded .quoteExpand {
	display: none;
}
.bbCodeQuote img {
	max-height: 150px;
}
.bbCodeQuote iframe, .bbCodeQuote .fb_iframe_widget, .bbCodeQuote object, .bbCodeQuote embed {
	max-width: 200px;
	max-height: 150px;
}
.bbCodeQuote iframe:-webkit-full-screen {
	max-width: none;
	max-height: none;
}
.bbCodeQuote iframe:-moz-full-screen {
	max-width: none;
	max-height: none;
}
.bbCodeQuote iframe:-ms-fullscreen {
	max-width: none;
	max-height: none;
}
.bbCodeQuote iframe:fullscreen {
	max-width: none;
	max-height: none;
}
.bbCodeSpoilerButton {
	margin: 5px 0;
	max-width: 99%;
}
.bbCodeSpoilerButton>span {
	display: inline-block;
	max-width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.hasJs .bbCodeSpoilerText {
	display: none;
	color: #999;
	background: #3c3c3c url('/opserv/css/styles/skin/alt2Panel.jpg') repeat-x top left;
	padding: 5px;
	margin-top: 5px;
	margin-right: 140px;
	margin-bottom: 5px;
	border: 1px solid #5c5c5c;
	border-radius: 5px;
	overflow: auto;
}
.hasJs .bbCodeSpoilerText .bbCodeSpoilerText, .hasJs .bbCodeSpoilerText .bbCodeBlock, .hasJs .messageList.withSidebar .bbCodeSpoilerText {
	margin-right: 0;
}
.NoJs .bbCodeSpoilerContainer {
	background-color: #999;
	/* fallback for browsers without currentColor */
	background-color: currentColor;
}
.NoJs .bbCodeSpoilerContainer>.bbCodeSpoilerText {
	visibility: hidden;
}
.NoJs .bbCodeSpoilerContainer:hover {
	background-color: transparent;
}
.NoJs .bbCodeSpoilerContainer:hover>.bbCodeSpoilerText {
	visibility: visible;
}
@media (max-width:800px) {
	.Responsive .bbCodeBlock, .Responsive.hasJs .bbCodeSpoilerText {
		margin-right: 0;
	}
}
/* --- editor_ui.css --- */

.hasJs .BbCodeWysiwygEditor {
	visibility: hidden;
}
.redactor_box {
	font-size: 0;
	border: 1px solid #ccc;
	line-height: 0;
	position: relative;
	overflow: hidden;
}
.redactor_box .redactor_smilies {
	overflow: hidden;
	*zoom: 1;
}
.redactor_box .redactor_smilies .tabs {
	min-height: 0;
}
.redactor_box .redactor_smilies .smilieContainer {
	max-height: 150px;
	overflow: auto;
}
.redactor_box .redactor_smilies .primaryContent, .redactor_box .redactor_smilies .secondaryContent {
	border-bottom: none;
}
.redactor_box .redactor_smilies .secondaryContent {
	border-top: 1px solid #ccc;
}
.redactor_box .redactor_smilies .tabs a {
	height: 18px;
	line-height: 18px;
	font-size: 11px;
}
.redactor_box .redactor_smilies .smilieCategory li {
	display: inline-block;
	margin: 0;
	padding: 2px;
	cursor: pointer;
	line-height: 1.6;
}
.redactor_box .draftNotice, .redactor_box .placeholder {
	display: none;
	position: relative;
	line-height: 0;
	font-size: 0;
	z-index: 1;
}
.redactor_box .draftNotice span {
	position: absolute;
	right: 20px;
	top: -30px;
	float: right;
	line-height: 14px;
	font-size: 11px;
	color: #7e7e7e;
	padding: 5px;
	border-radius: 3px;
	background: #4d4d4d;
	box-shadow: 1px 1px 4px #7e7e7e;
	opacity: .5;
}
.redactor_box .placeholder span {
	line-height: 14px;
	font-size: 11pt;
	line-height: 1.4;
	position: absolute;
	left: 8px;
	top: 8px;
	color: #999;
}
/* TOOLBAR */

.redactor_toolbar {
	font-size: 0;
	background: #eee url('/opserv/css/styles/gradients/form-button-white-25px.png') repeat-x top;
	padding: 0 0 0 2px;
	margin: 0;
	border-bottom: 1px solid #ccc;
	position: relative;
	left: 0;
	top: 0;
	line-height: 0;
	list-style: none;
	overflow: hidden;
}
.blendedEditor .redactor_box .redactor_toolbar {
	max-height: 68px;
}
.blendedEditor .redactor_box.activated .redactor_toolbar {
	max-height: none;
}
.redactor_toolbar li {
	float: left;
	margin: 2px 1px;
	margin-right: 0;
	list-style: none;
	outline: none;
}
.redactor_toolbar li.redactor_btn_right {
	float: right;
}
.redactor_toolbar li a {
	font-size: 0;
	text-decoration: none;
	border: 1px solid transparent;
	border-radius: 3px;
	box-sizing: border-box;
	display: block;
	line-height: 0;
	cursor: pointer;
	zoom: 1;
	outline: none;
	text-indent: -9999px;
	width: 24px;
	height: 24px;
}
html .redactor_toolbar li a, html .redactor_toolbar li a:hover, html .redactor_toolbar li a:active, html .redactor_toolbar li a.redactor_act {
	background-image: url('/opserv/css/styles/editor/icons.png?redactor');
	background-repeat: no-repeat;
	background-position: 0;
}
.redactor_toolbar li a:hover {
	background-color: #4d4d4d;
	border-color: #aaa;
}
.redactor_toolbar li a:active, .redactor_toolbar li a.redactor_act {
	background-color: #ccc;
	border: 1px solid #aaa;
}
.redactor_toolbar li li {
	padding: 0;
	margin: 1px;
}
.redactor_toolbar li.redactor_btn_group {
	margin-left: 2px;
	margin-right: 2px;
}
.redactor_toolbar li.redactor_btn_group ul {
	background: #eee url('/opserv/css/styles/gradients/form-button-white-25px.png') repeat-x top;
	padding: 1px;
	margin: 0;
	border: 1px solid #ccc;
	border-radius: 3px;
	overflow: hidden;
	*zoom: 1;
	box-shadow: 1px 1px 1px rgba(255, 255, 255, .5);
}
/* Fade toolbar when editor is not activated */

.blendedEditor .redactor_box .redactor_btn_group ul, .blendedEditor .redactor_box iframe, .blendedEditor .redactor_box .redactor_smilies li {
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
.blendedEditor .redactor_box.activated .redactor_btn_group ul, .blendedEditor .redactor_box.activated iframe, .blendedEditor .redactor_box.activated .redactor_smilies li {
	opacity: 1;
}
.redactor_toolbar li.redactor_separator {
	float: left;
	height: 32px;
	border-left: 1px solid #d3d3d3;
	border-right: 1px solid #f5f5f5;
	padding: 0;
	margin: 0 2px 0 3px;
}
/*BUTTONS*/

html .redactor_toolbar li a.redactor_btn_html {
	background-position: 3px -2429px;
}
html .redactor_toolbar li a.redactor_btn_switchmode {
	background-position: 3px -605px;
}
html .redactor_toolbar li a.redactor_btn_removeformat {
	background-position: 3px -2205px;
}
html .redactor_toolbar li a.redactor_btn_draft {
	background-position: 3px -2237px;
}
html .redactor_toolbar li a.redactor_btn_draftsave {
	background-position: 3px -2237px;
}
html .redactor_toolbar li a.redactor_btn_new {
	background-position: 3px -1853px;
}
html .redactor_toolbar li a.redactor_btn_draftdelete {
	background-position: 3px -1853px;
}
html .redactor_toolbar li a.redactor_btn_bold {
	background-position: 3px -29px;
}
html .redactor_toolbar li a.redactor_btn_italic {
	background-position: 3px -61px;
}
html .redactor_toolbar li a.redactor_btn_underline {
	background-position: 3px -189px;
}
html .redactor_toolbar li a.redactor_btn_deleted {
	background-position: 3px -93px;
}
html .redactor_toolbar li a.redactor_btn_fontcolor {
	background-position: 3px -541px;
}
html .redactor_toolbar li a.redactor_btn_fontsize {
	background-position: 3px -2941px;
}
html .redactor_toolbar li a.redactor_btn_fontfamily {
	background-position: 3px -2909px;
}
html .redactor_toolbar li a.redactor_btn_smilies {
	background-position: 3px -2397px;
}
html .redactor_toolbar li a.redactor_btn_alignment {
	background-position: 3px -1469px;
}
html .redactor_toolbar li a.redactor_btn_alignleft {
	background-position: 3px -1469px;
}
html .redactor_toolbar li a.redactor_btn_aligncenter {
	background-position: 3px -1437px;
}
html .redactor_toolbar li a.redactor_btn_alignright {
	background-position: 3px -1501px;
}
html .redactor_toolbar li a.redactor_btn_justify {
	background-position: 3px -1405px;
}
html .redactor_toolbar li a.redactor_btn_unorderedlist {
	background-position: 3px -1693px;
}
html .redactor_toolbar li a.redactor_btn_orderedlist {
	background-position: 3px -1757px;
}
html .redactor_toolbar li a.redactor_btn_outdent {
	background-position: 3px -1373px;
}
html .redactor_toolbar li a.redactor_btn_indent {
	background-position: 3px -1309px;
}
html .redactor_toolbar li a.redactor_btn_image {
	background-position: 3px -1245px;
}
html .redactor_toolbar li a.redactor_btn_table {
	background-position: 3px -2493px;
}
html .redactor_toolbar li a.redactor_btn_link {
	background-position: 3px -1597px;
}
html .redactor_toolbar li a.redactor_btn_createlink {
	background-position: 3px -1597px;
}
html .redactor_toolbar li a.redactor_btn_unlink {
	background-position: 3px -1629px;
}
html .redactor_toolbar li a.redactor_btn_horizontalrule {
	background-position: 3px -1181px;
}
html .redactor_toolbar li a.redactor_btn_code {
	background-position: 3px -2429px;
}
html .redactor_toolbar li a.redactor_btn_insertcode {
	background-position: 3px -2429px;
}
html .redactor_toolbar li a.redactor_btn_quote {
	background-position: 3px -285px;
}
html .redactor_toolbar li a.redactor_btn_insertquote {
	background-position: 3px -285px;
}
html .redactor_toolbar li a.redactor_btn_media {
	background-position: 3px -2877px;
}
html .redactor_toolbar li a.redactor_btn_undo {
	background-position: 3px -2813px;
}
html .redactor_toolbar li a.redactor_btn_redo {
	background-position: 3px -2749px;
}
html .redactor_toolbar li a.redactor_btn_spoiler {
	background-position: 3px -1565px;
}
html .redactor_toolbar li a.redactor_btn_insertspoiler {
	background-position: 3px -1565px;
}
html .redactor_toolbar li a.redactor_btn_insert {
	background-position: 3px -2301px;
}
html[dir=rtl] .redactor_toolbar li a.redactor_btn_unorderedlist {
	background-position: 3px -1661px;
}
html[dir=rtl] .redactor_toolbar li a.redactor_btn_orderedlist {
	background-position: 3px -1725px;
}
html[dir=rtl] .redactor_toolbar li a.redactor_btn_outdent {
	background-position: 3px -1341px;
}
html[dir=rtl] .redactor_toolbar li a.redactor_btn_indent {
	background-position: 3px -1277px;
}
html[dir=rtl] .redactor_toolbar li a.redactor_btn_undo {
	background-position: 3px -2781px;
}
html[dir=rtl] .redactor_toolbar li a.redactor_btn_redo {
	background-position: 3px -2717px;
}
/* DROPDOWN */

.redactor_dropdown {
	top: 28px;
	left: 0;
	z-index: 100004;
	position: absolute;
	width: 200px;
	max-height: 150px;
	overflow: auto;
	background-color: #4d4d4d;
	border: 1px solid #ccc;
	font-size: 13px;
	box-shadow: 0 2px 5px #ccc;
	line-height: 1.5;
	padding: 5px;
}
.redactor_dropdown a {
	display: block;
	color: #999;
	padding: 3px 5px;
	text-decoration: none;
}
.redactor_dropdown a.icon {
	padding: 0px 0px 0px 32px;
	height: 24px;
	line-height: 24px;
	background: transparent url('/opserv/css/styles/editor/icons.png?redactor') no-repeat 0 0;
}
.redactor_dropdown a.alignLeft {
	background-position: 3% -1469px;
}
.redactor_dropdown a.alignCenter {
	background-position: 3% -1437px;
}
.redactor_dropdown a.alignRight {
	background-position: 3% -1501px;
}
.redactor_dropdown a.saveDraft {
	background-position: 3% -2237px;
}
.redactor_dropdown a.deleteDraft {
	background-position: 3% -1853px;
}
.redactor_dropdown a.code {
	background-position: 3% -2429px;
}
.redactor_dropdown a.quote {
	background-position: 3% -285px;
}
.redactor_dropdown a.spoiler {
	background-position: 3% -1565px;
}
.redactor_dropdown a.strikethrough {
	background-position: 3% -93px;
}
.redactor_dropdown a:hover {
	text-decoration: none;
	background-color: #eee;
}
.redactor_separator_drop {
	border-top: 1px solid #ddd;
	padding: 0;
	line-height: 0;
	font-size: 0;
}
/* ColorPicker */

.redactor_color_link {
	padding: 0;
	width: 15px;
	height: 15px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2) inset;
	border-radius: 4px;
	float: left;
	margin: 2px;
	font-size: 0;
	box-sizing: border-box;
}
.redactor_color_none {
	font-size: 11px;
	clear: both;
}
/* MODAL */

#redactor_modal_overlay {
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 209998;
	opacity: 0.6;
	filter: alpha(opacity='60');
	background-color: #16465d;
}
#redactor_modal {
	padding: 0;
	position: fixed;
	top: 50%;
	z-index: 209999;
}
#redactor_modal_close {
	overflow: hidden;
	text-indent: -9999px;
	cursor: pointer;
	background-image: url('/opserv/css/styles/overlay/close.png');
	position: absolute;
	right: 4px;
	top: 4px;
	cursor: pointer;
	width: 35px;
	height: 35px;
}
#redactor_tabs {
	margin-bottom: 18px;
	text-align: center;
}
#redactor_tabs a {
	display: inline-block;
	border: 1px solid #d8d8d8;
	padding: 4px 14px;
	font-size: 12px;
	background-color: #ccc;
	text-decoration: none;
	color: #555;
	line-height: 1;
	border-radius: 5px;
	margin-right: 5px;
}
#redactor_tabs a:hover, #redactor_tabs a.redactor_tabs_act {
	background-color: #eee;
	padding: 5px 15px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .4) inset;
	border: none;
	text-shadow: 0 1px 0 #eee;
	color: #777;
	text-decoration: none;
}
.redactor_editor_drop {
	display: none;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border: 2px dashed #aaa;
	color: #000;
	background: url(rgba.php?r=190&g=190&b=190&a=127);
	background: rgba(190, 190, 190, .5);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FBEBEBE, endColorstr=#7FBEBEBE);
}
.redactor_editor_drop.dragDisabled {
	background: url(rgba.php?r=190&g=140&b=140&a=127);
	background: rgba(190, 140, 140, .5);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7FBE8C8C, endColorstr=#7FBE8C8C);
	border-color: rgb(150, 75, 75);
}
.redactor_editor_drop span {
	display: block;
	text-align: center;
	position: absolute;
	top: 50%;
	width: 100%;
	font-size: 18px;
	line-height: 26px;
	margin-top: -13px;
}
.redactor_editor_drop.hover {
	display: block;
}
/* Drag and Drop Area */

.redactor_droparea {
	position: relative;
	width: 100%;
	margin: auto;
	margin-bottom: 5px;
}
.redactor_droparea .redactor_dropareabox {
	z-index: 1;
	position: relative;
	text-align: center;
	width: 99%;
	background-color: #fff;
	padding: 60px 0;
	border: 2px dashed #bbb;
}
.redactor_droparea .redactor_dropareabox, .redactor_dropalternative {
	color: #555;
	font-size: 12px;
}
.redactor_dropalternative {
	margin: 4px 0 2px 0;
}
.redactor_dropareabox.hover {
	background: #efe3b8;
	border-color: #aaa;
}
.redactor_dropareabox.error {
	background: #f7e5e5;
	border-color: #dcc3c3;
}
.redactor_dropareabox.drop {
	background: #f4f4ee;
	border-color: #e0e5d6;
}
/* --- message.css --- */

.messageList {}
.messageList .message {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* clearfix */

.messageList .message {
	zoom: 1;
}
.messageList .message:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*** Message block ***/

.message .messageInfo {
	background: #333 none;
	padding: 20px;
	margin-left: 140px;
	border: 1px solid #5c5c5c;
	border-radius: 0px;
	zoom: 1;
}
.message .newIndicator {
	font-size: 11px;
	color: #fff;
	background-color: #750002;
	background-repeat: repeat-x;
	background-position: top;
	padding: 1px 5px;
	margin: -5px -5px 5px 5px;
	border: 1px solid #a00001;
	border-radius: 3px;
	border-top-right-radius: 0px;
	display: block;
	float: right;
	position: relative;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
	margin-right: -5px;
}
.message .newIndicator span {
	color: #fff;
	background-color: #750002;
	border-top-right-radius: 3px;
	position: absolute;
	top: -4px;
	right: -1px;
	width: 5px;
	height: 4px;
}
.message .messageContent {
	padding-bottom: 2px;
	border-style: none;
	min-height: 100px;
	overflow: hidden;
	*zoom: 1;
}
.message .messageTextEndMarker {
	height: 0;
	font-size: 0;
	overflow: hidden;
}
.message .editDate {
	text-align: right;
	margin-top: 5px;
	font-size: 11px;
	color: #7e7e7e;
}
.message .signature {
	font-size: 9pt;
	color: #7e7e7e;
	padding: 5px 0 0;
	margin-top: 5px;
	border-top: 1px dashed #aaa;
}
.message .messageMeta {
	font-size: 11px;
	padding: 15px 5px 5px;
	margin: -5px;
	border-style: none;
	border-radius: 0px;
	overflow: hidden;
	zoom: 1;
}
.message .privateControls {
	float: left;
}
.message .publicControls {
	float: right;
}
.message .privateControls .item {
	margin-right: 10px;
	float: left;
}
.message .privateControls .item:last-child {
	margin-right: 0;
}
.message .publicControls .item {
	margin-left: 10px;
	float: left;
}
.message .messageMeta .control {}
.message .messageMeta .control:focus {}
.message .messageMeta .control:hover {}
.message .messageMeta .control:active {}
/*** multiquote +/- ***/

.message .publicControls .MultiQuoteControl {
	padding-left: 4px;
	padding-right: 4px;
	border-radius: 2px;
	margin-left: 6px;
	margin-right: -4px;
}
.message .publicControls .MultiQuoteControl.active {
	background-color: #ccc;
}
.messageNotices li {
	font-size: 11px;
	background: #aaa url('/opserv/css/styles/gradients/form-button-white-25px.png') repeat-x top;
	padding: 5px;
	margin: 10px 0;
	border: 1px solid #aaa;
	border-radius: 5px;
	line-height: 16px;
}
.messageNotices .icon {
	float: right;
	width: 16px;
	height: 16px;
	background: url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat 1000px 1000px;
}
.messageNotices .warningNotice .icon {
	background-position: -48px -32px;
}
.messageNotices .deletedNotice .icon {
	background-position: -64px -32px;
}
.messageNotices .moderatedNotice .icon {
	background-position: -32px -16px;
}
.message .likesSummary {
	padding: 5px;
	margin-top: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.message .messageText>*:first-child {
	margin-top: 0;
}
/* inline moderation changes */

.InlineModChecked .messageUserBlock, .InlineModChecked .messageInfo, .InlineModChecked .messageNotices, .InlineModChecked .bbCodeBlock .type, .InlineModChecked .bbCodeBlock blockquote, .InlineModChecked .attachedFiles .attachedFilesHeader, .InlineModChecked .attachedFiles .attachmentList {
	background-color: #777;
}
.InlineModChecked .messageUserBlock div.avatarHolder, .InlineModChecked .messageUserBlock .extraUserInfo {
	background: transparent;
}
.InlineModChecked .messageUserBlock .arrow span {
	border-left-color: #777;
}
/* message list */

.messageList .newMessagesNotice {
	margin: 10px auto;
	padding: 5px 10px;
	border-radius: 5px;
	border: 1px solid #aaa;
	background: #ccc url(/opserv/css/styles/gradients/category-23px-light.png) repeat-x top;
	font-size: 11px;
}
/* deleted / ignored message placeholder */

.messageList .message.placeholder {}
.messageList .placeholder .placeholderContent {
	overflow: hidden;
	zoom: 1;
	color: #666;
	font-size: 11px;
}
.messageList .placeholder a.avatar {
	float: left;
	display: block;
}
.messageList .placeholder a.avatar img {
	display: block;
	width: 32px;
	height: 32px;
}
.messageList .placeholder .privateControls {
	margin-top: -5px;
}
/* messages remaining link */

.postsRemaining a, a.postsRemaining {
	font-size: 11px;
	color: #7e7e7e;
}
@media (max-width:800px) {
	.Responsive .message .newIndicator {
		margin-right: 0;
		border-top-right-radius: 3px;
	}
	.Responsive .message .newIndicator span {
		display: none;
	}
}
@media (max-width:480px) {
	.Responsive .message .messageInfo {
		margin-left: 0;
		padding: 0 10px;
	}
	.Responsive .message .messageContent {
		min-height: 0;
	}
	.Responsive .message .newIndicator {
		margin-right: -5px;
		margin-top: -16px;
	}
	.Responsive .message .postNumber, .Responsive .message .authorEnd {
		display: none;
	}
	.Responsive .message .signature {
		display: none;
	}
	.Responsive .messageList .placeholder a.avatar {
		margin-right: 10px;
	}
}
/* --- message_user_info.css --- */

.messageUserInfo {
	background-color: #333;
	border-radius: 0px;
	float: left;
	width: 124px;
}
.messageUserBlock {
	border: 1px solid #5c5c5c;
	position: relative;
}
.messageUserBlock div.avatarHolder {
	background-color: #333;
	padding: 14px;
	position: relative;
}
.messageUserBlock div.avatarHolder .avatar {
	display: block;
	font-size: 0;
}
.messageUserBlock div.avatarHolder .onlineMarker {
	position: absolute;
	top: 13px;
	left: 13px;
	border: 7px solid transparent;
	border-top-color: rgb(127, 185, 0);
	border-left-color: rgb(127, 185, 0);
	border-top-left-radius: 5px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
}
.messageUserBlock h3.userText {
	padding: 6px;
}
.messageUserBlock .userBanner {
	display: block;
	margin-bottom: 5px;
	margin-left: -12px;
	margin-right: -12px;
}
.messageUserBlock .userBanner:last-child {
	margin-bottom: 0;
}
.messageUserBlock a.username {
	font-size: 16pt;
	font-family: "Teko", Arial, sans-serif;
	display: block;
	overflow: hidden;
	line-height: 16px;
}
.messageUserBlock .userTitle {
	font-size: 11px;
	display: block;
}
.messageUserBlock .extraUserInfo {
	font-size: 10px;
	padding: 4px 6px;
}
.messageUserBlock .extraUserInfo dl {
	margin: 2px 0 0;
}
.messageUserBlock .extraUserInfo img {
	max-width: 100%;
}
.messageUserBlock .arrow {
	position: absolute;
	top: 10px;
	right: -10px;
	display: block;
	width: 0px;
	height: 0px;
	line-height: 0px;
	border: 10px solid transparent;
	border-left-color: #5c5c5c;
	-moz-border-left-colors: #5c5c5c;
	border-right: none;
	/* Hide from IE6 */
	_display: none;
}
.messageUserBlock .arrow span {
	position: absolute;
	top: -10px;
	left: -11px;
	display: block;
	width: 0px;
	height: 0px;
	line-height: 0px;
	border: 10px solid transparent;
	border-left-color: #333;
	-moz-border-left-colors: #333;
	border-right: none;
}
@media (max-width:480px) {
	.Responsive .messageUserInfo {
		float: none;
		width: auto;
	}
	.Responsive .messageUserBlock {
		overflow: hidden;
		margin-bottom: 5px;
		position: relative;
	}
	.Responsive .messageUserBlock div.avatarHolder {
		float: left;
		padding: 5px;
	}
	.Responsive .messageUserBlock div.avatarHolder .avatar img {
		width: 48px;
		height: 48px;
	}
	.Responsive .messageUserBlock div.avatarHolder .onlineMarker {
		top: 4px;
		left: 4px;
		border-width: 6px;
	}
	.Responsive .messageUserBlock h3.userText {
		margin-left: 64px;
	}
	.Responsive .messageUserBlock .userBanner {
		max-width: 150px;
		margin-left: 0;
		margin-right: 0;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		position: static;
		display: inline-block;
	}
	.Responsive .messageUserBlock .userBanner span {
		display: none;
	}
	.Responsive .messageUserBlock .extraUserInfo {
		display: none;
	}
	.Responsive .messageUserBlock .arrow {
		display: none;
	}
}
/* --- moderator_bar.css --- */

#moderatorBar {
	background-color: #2b2b2b;
	border-bottom: 1px solid #666;
	font-size: 11px;
}
/*#moderatorBar
{
	box-shadow: 0 0 5px #444;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 100;
}

body
{
	padding-top: 25px;
}*/

/* clearfix */

#moderatorBar {
	zoom: 1;
}
#moderatorBar:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#moderatorBar .pageContent {
	padding: 2px 0;
	overflow: auto;
}
#moderatorBar a {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 3px;
}
#moderatorBar a, #moderatorBar .itemCount {
	color: #aaa;
}
#moderatorBar a:hover {
	text-decoration: none;
	background-color: #333;
	color: #ccc;
}
/* TODO: maybe sort out the vertical alignment of the counters so they they are properly centered */

#moderatorBar .itemLabel, #moderatorBar .itemCount {
	display: inline-block;
	height: 16px;
	line-height: 16px;
}
#moderatorBar .itemCount {
	background: #333;
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
	font-weight: bold;
	border-radius: 2px;
	text-shadow: none;
}
#moderatorBar .itemCount.alert {
	background: #e03030;
	color: white;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
}
#moderatorBar .adminLink {
	float: right;
}
#moderatorBar .permissionTest, #moderatorBar .permissionTest:hover {
	background: #e03030;
	color: white;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	font-weight: bold;
}
/* --- nl_footercolumns.css --- */

/* Footer Columns */

.footer_columns {
	padding: 20px 0;
	margin: auto;
	display: block;
	clear: both;
	overflow: hidden;
}
.flex_columns {
	display: flex;
	flex-wrap: wrap;
}
.flex_columns.main {
	margin-bottom: 16px;
}
.flex-item {
	margin: 0 2%;
	float: left;
	line-height: 1.8;
	flex: 1;
}
.flex_columns li.flex-item:first-of-type {
	margin-left: 0;
}
.flex_columns.main li.flex-item:first-of-type {
	flex: 0 0 30%;
}
.flex_columns li.flex-item:last-of-type {
	margin-right: 0;
}
footer .sectionMain, footer .secondaryContent {
	background: transparent none;
	margin: 20px 0;
	padding: 0;
	border: none;
	box-shadow: none;
}
.flex-item a {
	color: #999;
}
.flex-item a:hover {
	color: rgb(255, 0, 8);
}
.flex_columns.main h3, .flex_columns.main h3 a {
	font-size: 14pt;
	font-family: "Teko", Tahoma, Arial, Open-sans;
	color: #cacaca;
}
.flex-item ul li {}
.flex-item ul li a {
	background-color: transparent;
	padding-right: 8px;
	padding-left: 8px;
	margin-left: -8px;
	border-bottom: 1px solid #454545;
	display: block;
	width: 100%;
}
.flex-item ul li a:hover {
	background: url(rgba.php?r=255&g=255&b=255&a=51);
	background: rgba(255, 255, 255, 0.2);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF);
}
.flex-item img {
	padding: 0;
	margin: 0;
	max-width: 100%;
}
.flex-item:last-child {
	margin-right: 0;
}
.footer_column {
	float: left;
}
.flex-item a.button {
	font-size: 11px;
	font-family: Tahoma, Helvetica, Open-sans;
	color: rgb(255, 42, 42);
	background: #750002 none;
	padding: 7px 10px;
	border: 1px solid #a00001;
	border-radius: 4px;
	text-align: center;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	line-height: normal;
	margin: 10px 0;
	width: 100%;
}
.flex-item a.button:hover {
	color: rgb(255, 0, 0);
	text-decoration: none;
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
.top-row {
	background-color: #333;
	padding: 20px;
	margin: 0 auto 12px;
	border: 1px solid #5c5c5c;
	box-sizing: border-box;
	clear: both;
	text-align: center;
	line-height: 1.8;
	width: 100%;
}
.flex_columns.above li, .flex_columns.lower li {
	margin: 0 auto 12px;
	box-sizing: border-box;
	clear: both;
}
.flex_columns.above li.flex-item:last-of-type, .flex_columns.lower li.flex-item:last-of-type {
	text-align: right;
}
.flex_columns.above li.flex-item:first-of-type, .flex_columns.lower li.flex-item:first-of-type {
	margin-right: 12px;
}
.img-list {
	padding: 6px 0;
}
.img-list a {
	margin: 0 2% 2% 0;
	border: 1px solid #a00001;
	float: left;
	display: inline-block;
	max-width: 31%;
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	opacity: 1;
	transition: .2s opacity, .2s border;
}
.img-list a:hover {
	border: 1px solid rgb(236, 0, 0);
	opacity: 0.7;
}
.img-list a:nth-of-type(3n+3) {
	margin-right: 0;
}
.img-list img {
	padding: 0;
	margin: 0;
	display: block;
	float: left;
	height: auto;
}
/* Mobile Styling */

@media (max-width:976px) {
	.Responsive .flex_columns.main li.flex-item:first-of-type, .Responsive .flex-item {
		margin: 2% !important;
	}
	.Responsive .flex_columns.above li.flex-item:last-of-type, .Responsive .flex_columns.lower li.flex-item:last-of-type {
		text-align: left;
	}
}
@media (max-width:800px) {
	.Responsive .flex_columns.main li.flex-item:first-of-type, .Responsive .flex-item {
		flex: 0 0 46%;
	}
	.Responsive .flex_columns.above li.flex-item:last-of-type, .Responsive .flex_columns.lower li.flex-item:last-of-type {
		text-align: left;
	}
}
@media (max-width:510px) {
	.Responsive .flex_columns.main li.flex-item:first-of-type, .Responsive .flex-item {
		margin: 2% !important;
		flex: 0 0 96%;
	}
}
/* --- quick_reply.css --- */

/*quick reply*/

.quickReply {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* clearfix */

.quickReply {
	zoom: 1;
}
.quickReply:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.quickReply .replyPrompt em {
	font-style: italic;
}
/* the quick reply form */

#QuickReply {
	background: #333 none;
	padding: 20px;
	margin-left: 140px;
	border: 1px solid #5c5c5c;
	border-radius: 0px;
}
#QuickReply textarea {
	width: 100%;
	*width: 98%;
	height: 100px;
	box-sizing: border-box;
}
#QuickReply .insertQuotes {
	display: none;
	float: left;
	margin-top: 16px;
}
#QuickReply .submitUnit {
	margin-top: 5px;
	text-align: right;
	line-height: 31px;
	position: relative;
	z-index: 1;
}
#QuickReply .submitUnit .draftUpdate {
	position: absolute;
	left: 0;
	z-index: -1;
	color: #7e7e7e;
	font-size: 11px;
}
#QuickReply .submitUnit .draftUpdate span {
	display: none;
}
#QuickReply .AttachmentEditor {
	padding-top: 10px;
}
/** Selected quote tooltip **/

#QuoteSelected {}
#QuoteSelected .arrow {
	top: -6px;
	bottom: auto;
	border-top: 1px none black;
	border-bottom: 6px solid rgb(0, 0, 0);
	border-bottom: 6px solid rgba(0, 0, 0, 0.6);
	_border-bottom: 6px solid rgb(0, 0, 0);
}
#QuoteSelected a {
	text-decoration: none;
}
#QuoteSelected a:hover {
	text-decoration: underline;
}
@media (max-width:610px) {
	.Responsive #QuickReply .insertQuotes {
		float: right;
		margin-left: 3px;
	}
}
@media (max-width:480px) {
	.Responsive .quickReply .messageUserInfo {
		display: none;
	}
	.Responsive #QuickReply {
		margin-left: 0;
	}
}
/* --- share_page.css --- */

.sharePage {}
/* clearfix */

.sharePage {
	zoom: 1;
}
.sharePage:after {
	content: '.';
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.sharePage .shareControl {
	float: left;
}
.sharePage .tweet {
	margin-right: 30px;
}
.sharePage .facebookLike .label {
	font-size: 11px;
	line-height: 24px;
	float: left;
	margin-right: 7px;
	display: none;
}
.sharePage iframe {
	height: 20px;
}
.sharePage .facebookLike iframe {
	z-index: 52;
}
@media (max-width:480px) {
	.Responsive .sharePage {
		display: none;
	}
}
/* --- thread_view.css --- */

.thread_view .threadAlerts {
	border: 1px solid #ccc;
	border-radius: 5px;
	font-size: 11px;
	margin: 10px 0;
	padding: 5px;
	line-height: 16px;
	background-image: url('/opserv/css/styles/gradients/form-button-white-25px.png');
}
.thread_view .threadAlerts dt {
	color: #888;
	display: inline;
}
.thread_view .threadAlerts dd {
	color: #333;
	font-weight: bold;
	display: inline;
}
.thread_view .threadAlerts .icon {
	float: right;
	width: 16px;
	height: 16px;
	margin-left: 5px;
	background: url('/opserv/css/styles/xenforo-ui-sprite.png') no-repeat -1000px -1000px;
}
.thread_view .threadAlerts .deletedAlert .icon {
	background-position: -64px -32px;
}
.thread_view .threadAlerts .moderatedAlert .icon {
	background-position: -32px -16px;
}
.thread_view .threadAlerts .lockedAlert .icon {
	background-position: -16px -16px;
}
.thread_view .threadAlerts+*>.messageList {
	border-top: none;
}
.thread_view .threadNotices {
	background-color: #eee;
	border: 1px solid #aaa;
	border-radius: 5px;
	padding: 10px;
	margin: 10px auto;
}
.thread_view .InlineMod {
	overflow: hidden;
	zoom: 1;
}
/* --- znlbase.css --- */

/* Main */

.clear {
	clear: both;
	height: 1px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Open-Sans', Arial, sans-serif;
	color: #cacaca;
}
h1 {
	font-size: 16pt;
	font-family: "Teko", Tahoma, Helvetica, open-sans;
	color: rgb(255, 0, 8);
	padding-left: 8px;
	overflow: hidden;
	zoom: 1;
	text-transform: uppercase;
}
h2 {
	font-size: 16pt;
}
h3 {
	font-size: 14pt;
}
h4 {
	font-size: 12pt;
}
/* Reduces h3s in menus */

.listItemText h3 {
	font-size: 100%;
}
/* Go to Top */

#back-to-top {
	color: rgb(255, 0, 0);
	background-color: #750002;
	border: 1px solid #a00001;
	border-radius: 4px;
	box-sizing: border-box;
	bottom: 20px;
	right: 20px;
	line-height: 40px;
	text-align: center;
	box-shadow: 0 2px 4px #000;
	width: 40px;
	height: 40px;
	position: fixed;
	z-index: 9999;
	cursor: pointer;
	text-decoration: none;
	transition: opacity 0.2s ease-out;
	opacity: 0;
}
#back-to-top:hover {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
#back-to-top.show {
	opacity: 1;
}
/* Sticky */

.stickyFixed {
	position: absolute !important;
}
/* Moderator Bar */

#moderatorBar {
	color: #eee;
	background: #2b2b2b url('/opserv/css/styles/skin/alt1.jpg') repeat-x left top;
	padding: 6px;
	border-bottom: 1px solid #5c5c5c;
	z-index: 10000;
	position: relative;
	box-sizing: border-box;
	width: 100%;
}
#moderatorBar a {
	color: #999;
	border: 1px solid transparent;
}
#moderatorBar a:hover {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
	border-radius: 3px;
}
#moderatorBar .itemCount {
	color: rgb(255, 42, 42);
	background-color: #750002;
	border: 1px solid #a00001;
}
/* Sticky Mod Bar */

#moderatorBar {
	position: fixed;
	top: 0;
}
/*
#headerMover {
    margin-top: 12px;
}
*/

/* Webkit Browser Scrollbars */

::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-button {
	display: none;
}
::-webkit-scrollbar-track {
	background: #333;
}
::-webkit-scrollbar-track-piece {
	background: #333;
}
::-webkit-scrollbar-thumb {
	background: #CCC;
}
::-webkit-scrollbar-thumb:hover {
	background: rgb(225, 225, 225);
}
::-webkit-scrollbar-corner {
	background: #333;
}
::-webkit-resizer {
	background: #333;
}
/* Webkit Autofill */

/* Ticker CSS */

@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		-webkit-transform: translate3d(-100%, 0, 0);
		-ms-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
.ticker_container {
	overflow: hidden;
	background: url(rgba.php?r=25&g=25&b=25&a=153);
	background: rgba(25, 25, 25, 0.6);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99191919, endColorstr=#99191919);
	margin-left: 14px;
	position: relative;
	top: 0px;
	box-shadow: inset 0 0 12px rgba(0, 0, 0, 0.3);
}
.ticker_wrap {
	width: 100%;
	overflow: hidden;
	padding-left: 100%;
}
.ticker {
	display: inline-block;
	white-space: nowrap;
	padding-right: 100%;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 20s;
	animation-duration: 20s;
}
.ticker_item {
	display: inline-block;
	font-size: 10pt;
	color: rgb(255, 42, 42);
	line-height: 40px;
	height: 40px;
}
.ticker_item:after {
	font-family: fontawesome;
	color: rgb(236, 0, 0);
	margin: 0 12px;
	display: inline-block;
	content: "\f0da";
}
.ticker_item:last-child:after {
	display: none;
}
/* Login Bar */

header #loginBarHandle {
	font-size: 11px;
	color: #eee;
	background-image: url('/opserv/css/styles/skin/loginbar_tab.png');
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0 -14px -14px 14px;
	text-align: center;
	box-shadow: none;
	line-height: 42px;
	z-index: 9999;
	position: relative;
	top: -15px;
	width: 190px;
	height: 56px;
}
/* Header */

#headerMover #headerProxy {
	height: ;
}
/* JS header height override, in beta */

header {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
#top_bar {
	min-height: 44px;
}
header ul.social_icons {}
.topbar_left {
	float: left;
}
.topbar_right {
	float: right;
}
#top_bar:after {
	clear: both;
	display: block;
	width: 100%;
	content: " ";
}
#logoBlock {
	/*background-image: url('/opserv/css/styles/skin/header_banner.jpg');*/
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: auto;
}
/* Navigation */

#navigation.stickyNavAdjuster {
	background: #111 url('/opserv/css/styles/skin/header_display.jpg') no-repeat center bottom;
	padding: 0 10px;
	margin: 0 -10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	box-shadow: 0 0 10px #000;
	z-index: 300 !important;
}
.navTabs .publicTabs .navLink {
	padding: 0px;
}
/* Xen's navlinks point to all sorts of different things.. resetting here to proper SPs */

.navTabs .navTab.PopupClosed .navLink {
	color: #cacaca;
}
.navTabs .navTab.PopupClosed:hover {
	background-color: transparent;
}
.navTabs .navTab.PopupClosed .navLink:hover {
	color: #fff;
}
/* Adds xen's missing navtab hover state */

.navTabs .navLink:hover {
	color: #fff;
	background-image: url('/opserv/css/styles/skin/navtabs.jpg');
	background-repeat: no-repeat;
	background-position: -92px 0px;
	padding: 0px;
	margin: 0px;
	text-shadow: -1px -1px 0px #1e3647;
	width: 92px;
	height: 42px;
}
.navTabs .navTab.PopupClosed .SplitCtrl, .navTabs .navTab.PopupOpen .SplitCtrl {
	padding: 0;
	border-style: none;
}
.navTabs .navTab.selected .tabLinks {}
/* Visitor Tabs */

.visitorTabs li a {
	padding: 10px 6px;
	float: left;
}
.visitorTabs li:hover>a, .visitorTabs li.PopupOpen>a {
	background-color: #4b4b4b;
}
.visitorTabs .navLink .itemCount.Zero {
	display: none;
}
/* Adds support to alerts when moving to visitorTabs */

.visitorTabs .navLink .itemCount {
	font-weight: bold;
	font-size: 9px;
	color: rgb(255, 42, 42);
	background-color: #750002;
	padding: 0 2px;
	border-radius: 2px;
	position: absolute;
	right: -4px;
	top: -2px;
	line-height: 16px;
	min-width: 12px;
	_width: 12px;
	text-align: center;
	text-shadow: none;
	white-space: nowrap;
	word-wrap: normal;
	box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
	height: 16px;
}
.visitorTabs .navLink .itemCount .arrow {
	border: 3px solid transparent;
	border-top-color: #750002;
	border-bottom: 1px none black;
	position: absolute;
	bottom: -3px;
	right: 4px;
	line-height: 0px;
	text-shadow: none;
	_display: none;
	/* Hide from IE6 */
	width: 0px;
	height: 0px;
}
.useFa .navTab.account .navLink .accountUsername {
	display: inline;
}
.useFa a.navLink:before {
	font-size: 12pt;
	font-family: fontawesome;
	color: rgb(155, 0, 3);
	margin: 0 6px 0 0;
	display: inline-block;
	box-shadow: none;
}
.useFa a.navLink:hover:before {
	color: rgb(155, 0, 3);
}
.useFa .account a.navLink:before {
	content: "\f2bd";
}
.useFa .inbox a.navLink:before {
	content: "\f0e0";
}
.useFa .alerts a.navLink:before {
	content: "\f0f3";
}
.useFa .bdBank_NavigationBalance a.navLink:before {
	content: "\f155";
}
.useFa .search a.navLink:before {
	content: "\f002";
}
.useFa.hideLabels a.navLink {
	font-size: 0;
}
.useFa.hideLabels a.navLink:before {
	font-size: 16pt;
	font-family: fontawesome;
	color: #750002;
	padding: 4px;
	margin: 3px;
	display: inline-block;
	box-shadow: none;
	min-width: 30px;
	text-align: center;
}
.useFa.hideLabels a.navLink:hover:before {
	color: rgb(236, 0, 0);
	background-color: transparent;
}
.nlSearchButton {
	font-size: 0;
	background: #750002 url('/opserv/css/styles/magnifier.png') no-repeat center center;
	margin: 1px 3px 1px 1px;
	border: 1px solid #a00001;
	border-radius: 0;
	outline: none;
	cursor: pointer;
	float: left;
	width: 36px;
	height: 36px;
}
.nlAvatarBox img {
	background: transparent none;
	margin: 2px 1px;
	border-radius: 0;
	display: block;
	width: 36px;
	height: 36px;
}
.visitorTabs li.nlAvatarBox a {
	padding: 0;
}
/* Search */

#QuickSearch .secondaryControls {
	clear: both;
}
.formPopup .controlsWrapper {}
/* Allows adjustable padding to textfields without breaking Xen's hardcoded widths */

input[type=search] {
	box-sizing: border-box;
	/* width: 100% !important; */
}
#QuickSearch span {
	display: block;
	padding: 0;
	box-sizing: border-box;
	margin-left: 42px;
}
#QuickSearch input[type="search"] {
	width: 100%;
}
#QuickSearch .moreOptions {
	margin-left: 111px;
}
/* Search bar and popup */

/* Fixes broken bottom of popup panel */

#QuickSearch.active {
	background: #333;
}
.formPopup {
	width: 250px;
	background: none !important;
}
.formPopup .primaryControls {
	padding: 5px 10px;
	width: auto;
}
.formPopup .textCtrl, .formPopup .button {
	width: 212px;
}
.formPopup .controlsWrapper .textCtrl {
	width: 212px;
}
.formPopup .controlsWrapper {
	background: none !important;
	background-color: transparent !important;
}
/* Notices */

.FloatingContainer .floatingItem.primary {
	border: 1px solid #5c5c5c;
	background: linear-gradient(#2b2b2b, #3c3c3c);
}
.FloatingContainer .floatingItem.secondary {
	border: 1px solid #5c5c5c;
	background: linear-gradient(#2b2b2b, #3c3c3c);
}
.FloatingContainer .floatingItem.dark {}
.FloatingContainer .floatingItem.light {}
/* Forum display */

.nodeList {}
/* Node titles are overwritten in Xen by default, this puts them back */

.node .nodeText .nodeTitle a {
	color: #cacaca !important;
}
.node .unread .nodeText .nodeTitle a {
	color: !important;
}
.nodeList .categoryForumNodeInfo, .nodeList .forumNodeInfo, .nodeList .pageNodeInfo, .nodeList .linkNodeInfo {
	background: #3b3b3b url('/opserv/css/styles/skin/alt1Inv.jpg') repeat-x top left;
	margin-bottom: 1px;
	border: 1px solid #454545;
	min-height: 68px;
	box-sizing: border-box;
}
.nodeList .categoryForumNodeInfo:hover, .nodeList .forumNodeInfo:hover, .nodeList .pageNodeInfo:hover, .nodeList .linkNodeInfo:hover {
	background-color: #353535;
	background: linear-gradient(#2f2f2f, #424242);
}
.discussionListItem:hover {
	background: #353535 none;
	background: linear-gradient(#2f2f2f, #424242);
}
.statbox {}
.discussionListItem {
	background: #3b3b3b url('/opserv/css/styles/skin/alt1inv.jpg') repeat-x left top;
	margin-bottom: 1px;
	border: 1px solid #454545;
	min-height: 68px;
	box-sizing: border-box;
	overflow: visible;
}
.discussionListItem.sticky {
	background: #3c3c3c url('/opserv/css/styles/skin/alt2.jpg') repeat-x left top;
}
/* Thread view */

.textCtrl.titleCtrl, .textCtrl.titleCtrl input {
	font-size: 12pt;
}
.redactor_textCtrl html {
	background: transparent none !important;
}
/* Pads table-cell style divs since they won't accept height entries due to table display */

.discussionList .sectionHeaders dt, .discussionList .sectionHeaders dd, .discussionListItem .listBlock {
	padding: 8px 0px;
}
/* Tags */

.tagList .tag {
	color: rgb(255, 42, 42);
	background-color: #750002;
	border: 1px solid #a00001;
}
.tagList .tag .arrow {
	border-right-color: #a00001;
}
.tagList .tag .arrow::after {
	border-right-color: #750002;
}
.tagList .tag::after {
	border: 1px solid #5c5c5c;
}
.tagList .tag:hover {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
.tagList .tag:hover .arrow {
	border-right-color: rgb(236, 0, 0);
}
.tagList .tag:hover .arrow:after {
	border-right-color: rgb(155, 0, 3);
}
.userBanner {
	margin-top: 10px;
}
.privateControls a.control:before, .publicControls a.control:before {
	content: "\f0c9";
	font-family: fontawesome;
	display: inline-block;
	margin: 0 6px 0 0;
	font-size: 90%;
}
.privateControls a.control.edit:before {
	content: "\f040";
}
.privateControls a.control.history:before {
	content: "\f1da";
}
.privateControls a.control.delete:before {
	content: "\f014";
}
.privateControls a.control.ip:before {
	content: "\f0ac";
}
.privateControls a.control.warn:before {
	content: "\f071";
}
.privateControls a.control.threadmark:before {
	content: "\f040";
}
.privateControls a.control.report:before {
	content: "\f040";
}
.publicControls a.control.like:before {
	content: "\f164";
}
.publicControls a.control.reply:before {
	content: "\f064";
}
.message .privateControls input.InlineModCheck.item, .message .privateControls .item.muted {
	margin-top: 12px;
}
a.item.muted.postNumber.hashPermalink.OverlayTrigger {
	margin: 12px 6px 0 0;
}
.message .privateControls a.control, .message .publicControls a.control {
	font-size: 11px;
	background: url(rgba.php?r=255&g=255&b=255&a=25);
	background: rgba(255, 255, 255, 0.1);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
	padding: 5px;
	margin: 4px 4px 0 0;
	border: 1px solid #5c5c5c;
}
.message .privateControls a.control:hover, .message .publicControls a.control:hover {
	background: url(rgba.php?r=255&g=255&b=255&a=51);
	background: rgba(255, 255, 255, 0.2);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33FFFFFF, endColorstr=#33FFFFFF);
}
.message .publicControls .item {
	margin: 4px 0 0 4px;
}
/* Polls */

.pollBlock .question .questionText {}
.pollBlock .questionMark {}
.pollResult .barContainer {}
.pollResult .barContainer {}
.pollResult .bar {}
/* Enable FontAwesome icons */

.nodeIcon.fa-on::before {
	content: "<i class="fa fa-envelope-open-o" aria-hidden="true"></i>";
	font-family: FontAwesome;
	font-size: 36px;
	color: rgb(155, 0, 3);
}
#forums.nodeList .node .nodeIcon.fa-on {
	background-image: none;
}
/* Global */

/* Account Menu Dual Column */

#AccountMenu .menuColumns a, #AccountMenu .menuColumns label {
	width: 100%;
	box-sizing: border-box;
}
#AccountMenu {
	width: auto;
}
#AccountMenu .menuColumns {
	padding: 2px 0;
}
/* Min-width for following should be set in style */

#AccountMenu .menuColumns ul {
	width: 50%;
	padding-right: 1px;
	box-sizing: border-box;
}
/* Element transitions */

.button, button, input[type="submit"], input[type="button"], .tabs li a, .tabs.noLinks li, .nl_share_icon, .nl_share_icon .fa, .visitorTabs .tabLinks li a, .blockLinksList a, .blockLinksList label, .privateControls a.control, .publicControls a.control {
	transition: .2s background, .2s color, .2s border, .2s box-shadow, .2s margin;
}
input[type="search"], input[type="email"], input[type="password"], .textCtrl {
	transition: .2s background, .2s color, .2s box-shadow;
}
a, .navTabs .publicTabs .navLink, a[href] span {
	transition: .2s color;
}
/* Sidebar */

.sidebar .section:first-child {
	margin-top: 0;
}
.sidebar .secondaryContent {
	padding: 6px;
	border-radius: 5px;
}
.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3 {
	font-weight: bold;
	font-size: 12px;
	font-family: Tahoma, Helvetica, open-sans;
	color: #fff;
	padding: 6px 8px 6px 0;
	margin-bottom: 5px;
	border-bottom-color: #ccc;
}
/* Overhauls block headers to resemble vb. Uses negative margins to offset h3's since there is no division between title and block in xenforo */

/* Note that margin values may not work on all skins */

.sidebar .section .primaryContent h3, .sidebar .section .secondaryContent h3, .profilePage .mast .section.infoBlock h3, .articleItem .subHeading {
	font-weight: bold;
	font-size: 13px;
	font-family: Tahoma, Helvetica, sans-serif;
	color: #fff;
	background: #5a1414 url('/opserv/css/styles/skin/tab1.jpg') repeat-x center top;
	padding: 8px 10px;
	margin: -7px -7px 5px;
	border: 1px solid #ab0001;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	box-sizing: border-box;
}
.sidebar .section .secondaryContent h3 a {
	color: #fff;
}
.articleItem .subHeading {
	margin: 0 auto;
}
/* Helps sidebar alignment during Sticky Sidebar */

.sidebar div.section:last-child:after, .sidebar:after {
	content: " ";
	height: 1px;
	display: block;
	clear: both;
}
/* Left sidebar */

/* Forms */

.xenOverlay .heading {
	font-weight: bold;
	font-size: 12pt;
	color: #fff;
	background: #5a1414 url('/opserv/css/styles/skin/tab1.jpg') repeat-x left top;
	padding: 10px 8px;
	margin-bottom: 10px;
	border: 1px solid #ab0001;
}
.xenOverlay .section .subHeading, .xenOverlay .sectionMain .subHeading {
	font-weight: bold;
	font-size: 11px;
	color: #999;
	background: #333 none;
	padding: 10px 8px;
	border: 1px solid #5c5c5c;
	border-radius: 0;
}
#jumpMenu .blockLinksList ul, #jumpMenu .nodeList li.d0 {
	border-top: 1px solid #5c5c5c !important;
}
.xenOverlay #jumpMenu .nodeList {
	border-left: 1px solid #5c5c5c !important;
}
/* Reforms thread prefix container from NL input styles */

.textCtrlWrap.textCtrl.titleCtrl {
	padding: 0;
}
.textCtrlWrap.textCtrl.titleCtrl .textCtrl {
	border: none;
	background: none;
	box-shadow: none;
}
/* This is hardcoded in xenforo. Points back to my SP settings for secondaryContent only*/

.secondaryContent {
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
	padding: 8px;
	margin-bottom: 1px;
	border: 1px solid #5c5c5c;
	/* border-bottom-color: #5c5c5c; */
}
.visitorPanel .secondaryContent {
	min-height: 100px;
}
/* Profile Pages */

.profilePage .mast .section .pairsColumns dl, .profilePage .mast .section .pairsJustified dl {
	clear: both;
}
/* Boxed Footer style */

.footer {
	background: #2b2b2b url('/opserv/css/styles/skin/alt1.jpg') repeat-x left top;
	padding: 20px 0;
	margin-top: -17px;
	border-top: 1px solid rgb(155, 0, 3);
	box-shadow: 0px 0px 50px #111;
	position: relative;
}
/* Clears default styling since rear strip takes styling*/

.footer .pageContent {
	background: transparent none;
	padding: 0;
	box-shadow: none;
}
.footer_columns {
	background-color: #333;
}
.footerLegal {
	padding: 8px 0;
	background: linear-gradient(#3c3c3c, #060606);
}
/* Social Links */

header ul.social_icons {
	background: url(rgba.php?r=25&g=25&b=25&a=76);
	background: rgba(25, 25, 25, 0.3);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C191919, endColorstr=#4C191919);
	padding: 0;
	margin: 8px 14px 0 0;
}
footer ul.social_icons {}
ul.social_icons li {
	display: inline-block;
}
header ul.social_icons li a {
	font-size: 12pt;
	background-color: transparent;
	padding: 4px;
	display: block;
	transition: .2s all;
}
header ul.social_icons li a:hover {
	color: rgb(155, 0, 3);
	background-color: #000;
}
footer ul.social_icons li a {
	font-size: 13pt;
	color: #750002;
	background: url(rgba.php?r=0&g=0&b=0&a=76);
	background: rgba(0, 0, 0, 0.3);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
	margin: 3px 3px 0 0;
	line-height: 36px;
	display: block;
	box-sizing: border-box;
	text-align: center;
	transition: .2s background, .2s color;
	width: 36px;
	height: 36px;
}
footer ul.social_icons li a:hover {
	color: rgb(255, 0, 8);
	background-color: #4b4b4b;
}
.footerLegal ul.social_icons {
	float: right;
}
.footerLegal ul.social_icons li a {
	margin-top: 0;
}
.footer a.OverlayTrigger.Tooltip {
	color: rgb(255, 42, 42);
	background-color: #750002;
	border: 1px solid #a00001;
	border-radius: 4px;
}
.footer a.OverlayTrigger.Tooltip:hover {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
.chooserColumns li a {
	color: #999;
	border-radius: 0;
}
.chooserColumns li a:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
	background-image: !important;
}
/* PORT FROM NLBASE-LITE */

.nodeList.sectionMain {
	background: transparent none;
	padding: 0;
	border-style: none;
	box-shadow: none;
}
.discussionList.sectionMain {
	background-image: none;
	padding: 0;
	border-style: none;
}
.discussionListItem .listBlock {}
/* Reforms jumpMenuTrigger for FA */

.breadcrumb .jumpMenuTrigger {
	background: none;
	text-indent: 0;
}
#QuickSearch #commonSearches .arrowWidget {
	margin-top: 0;
}
.Popup .arrowWidget, .PopupOpen .arrowWidget {
	background: transparent none;
	height: auto;
}
#QuickSearch #commonSearches .arrowWidget:before {
	padding: 6px 0;
}
#QuickSearchPlaceholder {
	font-size: 0;
}
.PopupOpen .arrowWidget:before, .Popup .arrowWidget:before, #QuickSearchPlaceholder:before {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
}
.Popup .arrowWidget:before {
	content: "\f107";
}
.PopupOpen .arrowWidget:before {
	content: "\f106";
}
#QuickSearchPlaceholder {
	background: none;
}
#QuickSearchPlaceholder:before {
	content: "\f002";
	color: #750002;
}
/* Adds FontAwesome into XenPorta */

.keyIcon.category:before, .keyIcon.redirect:before {
	display: inline-block;
	font-family: fontawesome;
}
.keyIcon.category, .keyIcon.redirect {
	background: transparent none !important;
	margin: 0 4px 0;
}
.keyIcon.category:before {
	content: "\f0c9";
}
.keyIcon.redirect:before {
	content: "\f064";
}
.flex-item ul li a:before {
	font-family: fontawesome;
	margin: 0 6px 0 4px;
	content: "\f0da";
	display: inline-block;
}
.navigationSideBar a {
	color: #999;
	padding: 5px 10px;
	border-radius: 0px;
	display: block;
	outline: 0 none;
	width: 100%;
}
.navigationSideBar a:hover {
	color: rgb(255, 0, 8);
	text-decoration: none;
	background: url(rgba.php?r=255&g=255&b=255&a=25) none;
	background: rgba(255, 255, 255, 0.1) none;
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
}
.sidebar .secondaryContent {
	padding: 6px;
	border-radius: 5px;
}
footer .choosers .fa {
	color: #fff;
	margin-right: 8px;
}
#copyright {
	text-align: left;
}
/* FontAwesome Icons */

.breadcrumb .fa {
	font-size: ;
}
.footer .fa {
	font-size: 10pt;
}
.navTabs .fa {
	font-size: 13pt;
}
.jumpMenuTrigger .fa {
	font-size: 8pt;
}
footer {
	color: #999;
	background-color: #000;
	min-height: 200px;
	clear: both;
}
footer #copyright, footer .pairs dt, footer .pairsInline dt, footer .pairsRows dt, footer .pairsColumns dt, footer .pairsJustified dt {
	color: ;
}
footer a:link, footer a:visited, footer #copyright a {}
.footer a:link {
	color: #999;
}
span.nl_copyrightKey {
	display: none;
}
/* END PORT FROM NLBASE-LITE */

/* Buttons */

.button, .button.primary {
	/* background: linear-gradient(rgb(155, 0, 3), #750002);*/
	background: #1d1d1d url(/opserv/css/styles/skin/tab1.jpg) repeat-x center top;
}
/* Menus */

/* Adds menu header sp */

.Menu .menuHeader {
	background-image: url('/opserv/css/styles/skin/alt6.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	border-bottom: 1px solid rgb(236, 0, 0);
	background-size: 100% 100%;
}
.Menu .menuHeader a {
	color: rgb(255, 42, 42);
}
/* Forum view */

.discussionListItem .stats dl {
	border: none;
}
.stickySeparator {
	font-size: 11px;
	color: #fff;
	background: #5a1414 url('/opserv/css/styles/skin/alt3.jpg') repeat-x left top;
	padding: 6px;
}
/* Form Pages */

.xenForm {
	background-color: #333;
	padding: 10px;
}
.xenForm fieldset, .xenForm .formGroup, .xenForm fieldset+.ctrlUnit, .xenForm .formGroup+.ctrlUnit, .xenForm .submitUnit {
	border-top: 1px solid #5c5c5c;
}
/* Tables */

.dataTable tr.dataRow th {}
.dataTable tr.dataRow td {}
/* Misc */

.keyIcon.category {
	margin-top: 0;
}
/* Removes hardcoded no background */

.xenOverlay>.section, .xenOverlay>.sectionMain {
	background-color: #333;
	padding: 0px;
	border-style: none;
	border-radius: 0;
	box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.5);
}
/* Removes forced transparent border */

.xenOverlay .section, .xenOverlay .sectionMain {
	border-color: ;
}
.textHeading, .xenForm .sectionHeader {
	border-bottom: 1px solid #5c5c5c;
}
.conversation_view .messageList {
	border: 1px solid #5c5c5c;
}
ul.autoCompleteList li:hover, ul.autoCompleteList li.selected {
	background-color: @#444;
	border-radius: 0px;
	color: rgb(255, 0, 8);
}
/* Used to remove hardcoded values for mini-avatar imgs */

.avatar .img {
	background-color: #4d4d4d;
	background-position: 0 0;
	padding: 0;
	border: 1px solid #000;
	border-radius: 0;
	box-sizing: border-box;
}
#navigation.stickyNavAdjuster {
	width: 100%;
	z-index: 99999;
}
/* Mobile Styling */

@media (min-width:800px) {}
@media (max-width:800px) {
	footer #copyright, footer #legal {
		width: 50%;
	}
	#headerMover #headerProxy {
		min-height: 314px;
	}
	.Responsive .search_member {
		right: 150px;
	}
	.Responsive .search_operation {
		right: 10px;
	}
	.main_container {
		padding-top: 60px;
	}
}
@media (max-width: 400px) {
	.main_container {
		padding-top: 90px;	
	}
}
@media (max-width:610px) {
	.Responsive footer #copyright, footer #legal {
		width: 100%;
	}
	.Responsive .footerLegal ul.social_icons {
		float: left;
		margin-bottom: 12px;
	}
}
/* Enables input shadows to work on mobile */

@media (max-width:480px) {
	.Responsive .xenForm .ctrlUnit>dd, .Responsive .xenForm .ctrlUnit.fullWidth dd, .Responsive .insideSidebar .xenForm .ctrlUnit>dd, .Responsive .insideSidebar .xenForm .ctrlUnit.fullWidth dd {
		overflow: hidden;
	}
	.Responsive .primaryUserBlock .username {
		clear: both;
		padding: 0;
	}
}
@media (max-width: 580px) {
	.Responsive .aar_contents {
		display: flex;
		flex-direction: column;
	}
	.Responsive .aar_contents .aar_member_container {
		order: 2;
		position: relative;
		width: auto;
	}
	.Responsive .aar_contents .aar_container {
		order: 1;
		margin: 0;
	}
}
@media (max-width: 1200px) {
	.Responsive .aar_title {
		padding-bottom: 40px;
	}
	.Responsive .button_squad {
		top: 50px;
	}
	.Responsive .aar_submit {
		top: 50px;
	}
}
@media (max-width:800px) {
	.Responsive .sidebar:not(.aar_contents .sidebar) {
		width: 100% !important;
	}
}
@media (max-width:480px) {}
/* --- znlgaming.css --- */

.PrefixMenu .PrefixGroup h3 {
	color: #7a7a7a;
	background: transparent none;
	padding: 4px;
	box-sizing: border-box;
}
.prefix.noPrefix {
	background: #2b2b2b url('/opserv/css/styles/skin/alt1.jpg') repeat-x left top;
	border: 1px solid #454545;
	border-radius: 0px;
}
.navPopup .listItem {
	border-bottom: 1px solid #5c5c5c;
}
.navPopup .PopupItemLinkActive:hover {
	border-radius: 0;
	background: url(rgba.php?r=255&g=255&b=255&a=25);
	background: rgba(255, 255, 255, 0.1);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
}
/* XenPorta */

.widget-tabs .tabs li a {
	font-size: 90%;
}
/* Better Blogs */

.commentsList .balloon {
	background: #3c3c3c url('/opserv/css/styles/skin/alt2.jpg') repeat-x left top;
	border: 1px solid #5c5c5c;
	border-radius: 0px;
}
.balloon .arrow {
	border-color: transparent #5c5c5c transparent transparent;
}
/* Polls */

.pollBlock .questionMark {
	background: #750002;
	color: rgb(255, 42, 42);
	border: 1px solid #a00001;
}
.pollBlock .pollOptions, .pollBlock .pollResults {
	border-top: 1px solid #5c5c5c;
	border-bottom: 1px solid #5c5c5c;
}
.pollBlock .pollOption label {
	padding: 6px;
	margin: 0px;
}
.pollBlock .pollOption label:hover {
	background: url(rgba.php?r=255&g=255&b=255&a=25);
	background: rgba(255, 255, 255, 0.1);
	_filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#19FFFFFF, endColorstr=#19FFFFFF);
	border-radius: 0px;
	color: rgb(255, 0, 8);
}
.navTabs {
	height: 42px;
}
/* Fixes scrollbar bug in some skin menus
.Menu .blockLinksList {
    overflow: unset;
}
*/

.blockLinksList a, .blockLinksList label {
	width: auto;
}
/* XenPorta Widget */

.widget_TopPosters li .count>span {
	background: #333;
	color: rgb(255, 42, 42);
}
/* Login Bar Handler */

#loginBar {
	min-height: 0px !important;
}
/* Misc */

.navPopup .PopupItemLinkActive:hover {
	background-color: rgba(255, 255, 255, 0.1) !important;
}
#InlineModOverlay {
	border: 1px solid #5c5c5c;
	background: #333;
}
.xenForm {
	max-width: 880px;
}
.titleBar h1 {
	padding-left: 0px;
}
ul.section li.primaryContent {
	background: none;
	border: none;
}
.bbCode>dl>dd {
	background: #333;
	border-radius: 0px;
	border: 1px solid #5c5c5c;
	padding: 14px;
}
.DiscussionListOptions dl, .DiscussionListOptions .controlGroup {
	overflow: visible;
}
/* Forum display */

.discussionListItem .title a {
	color: #ffffff;
}
/* Removes xen's rounded, padded container around forum category listing */

/*
#forums.sectionMain {
    background:none;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
    border: none;
}
*/

/* Points back to actual categoryStrip */

.nodeList .categoryStrip {
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-bottom-color: ;
	border-radius: 0px;
	background: transparent url('/opserv/css/styles/skin/tabcenter.png') repeat-x top center;
	min-height: 6px;
	line-height: 72px;
	text-align: center;
	height: 58px;
	;
}
/* Forum view */

.discussionListItem .posterAvatar, .discussionListItem .stats {
	background-image: url('/opserv/css/styles/skin/alt1panel.jpg');
	background-repeat: repeat-x;
	background-position: left top;
	border-style: none;
}
.userBanner.bannerStaff {
	color: rgb(255, 42, 42);
	background-color: rgb(155, 0, 3);
	border-color: rgb(236, 0, 0);
	background-image: none;
}
.userBanner.bannerStaff.wrapped span {
	background-color: rgb(236, 0, 0);
}
.convButtonInfoA {
	background-color: #5c5c5c;
	border: 2px solid #000000;
	box-shadow: none;
	margin-left: -2px;
	padding-bottom: 6px;
}
.convButtonInfoA:hover {
	background-color: rgb(155, 0, 3);
	border-color: rgb(236, 0, 0);
	box-shadow: none;
	margin-left: -2px;
	padding-bottom: 6px;
	color: rgb(255, 0, 8);
}
/* Breadcrumb */

/* Allows breadcrumb items' bottom borders to show */

.breadcrumb {
	min-height: 26px;
}
/* Members */

.member_list .memberList, .search_results_users_only .memberList {
	border-top: 1px solid #5c5c5c;
}
.profilePage .mast .followBlocks .primaryContent.avatarHeap {
	border: 1px solid #5c5c5c;
}
.textWithCount.subHeading .text {
	color: rgb(255, 0, 8);
}
.Profile-Links a:hover {
	background: none;
}
.textWithCount.subHeading .count {
	background: transparent none;
	border: none;
	color: rgb(255, 0, 8);
}
/* These should be lighter than dlContentBackground values as those are applies to the breadcrumb bar below bc tabs */

/* Later make SP's for these */

/* Tables */

.dataTable tr.dataRow th {
	background: #5a1414;
	color: #fff;
	border: 1px solid @nlBlockHeadBorderColor;
}
.dataTable tr.dataRow td {
	background: #333;
	border: 1px solid #5c5c5c;
}
/* Sidebar */

.sidebar div.section:first-child {
	margin-top: 0;
}

#calroot {
	box-shadow: 0 0 15px #000;
}
/* Sidebar new Posts block */

.threadListItem:first-child {
	margin-top: -13px;
}
.threadListItem .messageInfo {
	margin-left: 38px;
}
/* Gives a better looking row system, border divider lines in between each entry */

.threadListItem, .profilePostListItem {
	border-bottom: 1px solid #666;
	border-top: 1px solid #000;
	padding: 9px 6px !important;
	margin: 0px -6px;
}
.emCtrl:hover, .emCtrl:focus, .ugc a:hover, .ugc a:focus {
	box-shadow: none;
}
.emCtrl:active, .ugc a:active {
	box-shadow: none;
}
/* Text editor */

.redactor_dropdown {
	background: #333;
	border: 1px solid #5c5c5c;
	box-shadow: 0px 2px 4px #000;
}
.redactor_toolbar li.redactor_btn_group ul {
	box-shadow: none;
}
/* Various pages */

/* Activity Stream */

.news_feed_page_global .eventList:first-of-type {
	border-top: none;
}
/* Popups - item & hover backgrounds are hardcoded as @primaryValue's in xen, this repoints to Popup SP's */

/* Might want to consider moving this to DLBase */

.navTabs .navTab.PopupClosed .navLink {
	color: #cacaca;
}
.navTabs .navTab.PopupClosed .navLink:hover {
	color: #fff;
}
/*	
.navTabs .navTab.PopupClosed .navLink:hover {
	background: color: rgb(255, 42, 42);
text-decoration: none;
;
}
*/

#calroot {
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
	padding: 8px;
	margin-bottom: 1px;
	border: 1px solid #5c5c5c;
}
/* Misc */

/* Smilies help page is hardcoded, here is temp solution */

.smilieList .smilieText, .smilieList .smilieText:hover {
	background: transparent none;
	border: none;
}
/* since removing padded box around forum listing, this adds back padding via adjacent div on other pages */

.mainContentBlock .xenForm {
	padding: 10px;
}
textarea.textCtrl:focus {
	background-image: none;
}
.searchResult {
	background: #4b4b4b url('/opserv/css/styles/skin/alt1panelinv.jpg') repeat-x left top;
	padding: 12px;
	border: 1px solid #555;
}
.navTabs .navTab.PopupClosed:hover {
	background: transparent none;
}
/* Fixes stubborn navtab line-height entry */

/*
.publicTabs li a {
    line-height: 42px !important;
}
*/

/*
.navTabs .navTab.selected .tabLinks a {
    background-color: transparent;
    border: medium none;
    padding: 2px 5px;
}
*/

.visitorTabs li {
	width: auto !important;
	display: inline-block;
}
/* Top Login Bar - Moved to ComplexBit */

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	font-size: 12px;
	font-family: Tahoma, Open-sans, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999;
	background: #313131 url('/opserv/css/styles/skin/altinput.jpg') repeat-x left top;
	padding: 8px;
	border: 1px solid #444;
	border-radius: 0px;
	outline: 0;
	margin: 1px !important;
}
.dlSearchButton {
	width: 36px;
	height: 36px;
	float: left;
	display: block;
	background: #750002 none;
	;
}
.dlSearchButton input {
	background: url("/opserv/css/styles/skin/search_icon.png") no-repeat center center;
	color: transparent;
	height: 36px;
	width: 36px;
	border: 1px solid #a00001;
	border-radius: 4px;
	;
	border-top-color: #a00001;
}
.dlSearchButton input:hover {
	border: 1px solid rgb(236, 0, 0);
	;
}
/* Navigation */

/* Removes the right margin in xen's tab sublinks which normally makes space for the search box */

.withSearch .navTabs .navTab.selected .blockLinksList {
	margin: 0px;
}
/* Profile pages */

.profilePage .mast {
	border-right: none;
}
.profilePage .mainProfileColumn {
	border-left: none;
}
.profilePage .primaryUserBlock {
	border-top: 1px solid #5c5c5c;
}
.profilePage .eventList li {
	padding: 10px !important;
}
.profilePage .profilePoster {
	padding: 10px;
}
.profilePage .searchResult {
	border: 1px solid #5c5c5c;
	padding: 10px;
}
.profilePage .primaryUserBlock .lastActivity {
	border-top: 1px solid #5c5c5c;
}
.profilePage .profileContent {
	margin: 0px;
}
.messageSimple {
	padding: 10px;
	margin: 0px 0px 1px 0px;
}
.messageSimpleList.topBorder {
	border-top: 1px solid #5c5c5c;
}
/* Quotes */

/* Allows box-shadow to show due to parent clipping */

.selectQuoteContainer {
	margin: 6px;
}
.bbCodeQuote {
	border-color: #5c5c5c;
	box-shadow: 0px 0px 8px #222;
}

.xenOverlay .formOverlay .textCtrl {
	font-size: 12px;
	font-family: Tahoma, Open-sans, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999;
	background: #313131 url('/opserv/css/styles/skin/altinput.jpg') repeat-x left top;
	padding: 8px;
	border: 1px solid #444;
	border-radius: 0px;
	outline: 0;
	margin: 1px !important;
}
.xenOverlay .formOverlay .textCtrl:focus, .xenOverlay .formOverlay .textCtrl.Focus {
	color: #000000;
	background: #f0f0f0 none;
	border: 2px solid rgb(255, 0, 8);
	box-shadow: 0px 0px 30px 2px rgb(255, 0, 8);
	margin: 0px !important;
}

.profilePage .tabs.mainTabs {
	font-size: 11px;
	background: transparent url('/opserv/css/styles/skin/gradient_blue.png') repeat-x bottom left;
	padding: 0 10px;
	border-bottom: 1px solid #a00001;
	word-wrap: normal;
	min-height: 23px;
	_height: 23px;
}
/* Misc */

.conversation_view .messageList {
	border: none;
}
/* --- znlgcomplexbit.css --- */

#loginBar {
	min-height: 16px;
	background: url("/opserv/css/styles/skin/loginbar_bg.jpg") repeat-x bottom left #2c2c2c;
	border: none;
	box-shadow: 0px 0px 10px 10px #000;
}
#loginBar .textCtrl {
	font-size: 12px;
	font-family: Tahoma, Open-sans, 'Trebuchet MS', Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #999;
	background: #313131 url('/opserv/css/styles/skin/altinput.jpg') repeat-x left top;
	padding: 8px;
	border: 1px solid #444;
	border-radius: 0px;
	outline: 0;
	margin: 1px !important;
}
#loginBar .textCtrl:focus {
	color: #000000;
	background: #f0f0f0 none;
	border: 2px solid rgb(255, 0, 8);
	box-shadow: 0px 0px 30px 2px rgb(255, 0, 8);
	margin: 0px !important;
}
#loginBarHandle a {
	font-family: "Tahoma", Ariel, Helvetica, open-sans;
	font-weight: bold;
	padding-left: 11px;
	background: url("/opserv/css/styles/skin/loginbar_arrow.png") no-repeat left 4px;
}
#loginBarHandle a:hover {
	background-position: left -7px;
	text-decoration: none;
	color: #fff;
}
#loginBar form {
	margin-bottom: 14px;
}
/* Misc */

/* Navtabs and SplitCtrl share same SP in xen. This splits them apart to apply NavLink SP only to Navtabs */

.navTabs .SplitCtrl {
	display: block;
	float: left;
	vertical-align: text-bottom;
	text-align: center;
	outline: 0 none;
	height: 42px;
	line-height: 42px;
	background: transparent url(/opserv/css/styles/xenforo-ui-sprite.png) no-repeat -128px 13.5px;
	border: medium none;
	box-shadow: none;
	margin: 0;
	padding: 0;
}
.navTabs .navTab.PopupClosed .SplitCtrl {
	margin-left: -18px;
	width: 14px;
}
.visitorPanel {
	background: none !important;
}
.noshow {
	position: absolute;
	z-index: 7000;
}
.statbox {
	background: url("/opserv/css/styles/skin/altstat.jpg") no-repeat scroll left top #0E0E0E;
	border-bottom: 1px solid #333333;
	box-shadow: 0 0 3px 2px #000;
	height: auto;
	width: 60px;
	float: left;
	margin: auto;
	display: block;
	position: absolute;
	left: 0px;
	height: 100%;
}
.tableft {
	background: url("/opserv/css/styles/skin/tableft.png") no-repeat scroll left bottom transparent;
	display: block;
	height: 58px;
}
.tabright {
	background: url("/opserv/css/styles/skin/tabright.png") no-repeat scroll right bottom transparent;
	display: block;
	height: 58px;
}
.forumbits_left {
	background: url("/opserv/css/styles/skin/fbit_left.png") repeat-y top left;
	clear: both;
}
.forumbits_right {
	background: url("/opserv/css/styles/skin/fbit_right.png") repeat-y scroll right top transparent;
	padding: 0 20px;
}
.fbit_bwrap {
	background: url("/opserv/css/styles/skin/fbit_bot.png") repeat-x scroll center top transparent;
	clear: both;
	display: block;
	width: 100%;
}
.fbit_bleft {
	background: url("/opserv/css/styles/skin/fbit_bleft.png") no-repeat scroll left top transparent;
	display: block;
	float: left;
	width: 50%;
}
.fbit_bright {
	background: url("/opserv/css/styles/skin/fbit_bright.png") no-repeat scroll right top transparent;
	display: block;
	float: right;
	width: 50%;
}
/* Tab sublinks are auto-calcd in Xen. Redirects line-height to height entry */

.navTabs .navTab.selected .tabLinks a {
	line-height: 26px !important;
}
/* Redirects from blockhead to regular categoryStrip */

.nodeList .categoryStrip {
	padding: 0px;
	margin: 0px;
	border-style: none;
	border-bottom-color: ;
	border-radius: 0px;
	background: transparent url('/opserv/css/styles/skin/tabcenter.png') repeat-x top center;
	min-height: 6px;
	line-height: 72px;
	text-align: center;
	height: 58px;
}
/* Removes node description from li row node titles */

.nodeInfo .nodeDescription {
	background: transparent none !important;
}

@media (max-width:800px) {
	.newPostsResponsive .nodeList .categoryStrip {
		background: transparent none repeat scroll 0% 0%;
		padding: 0px;
		margin: 0px;
		height: inherit;
		line-height: inherit;
	}
}
@media (max-width:480px) {
	.Responsive .tableft {
		background: url("/opserv/css/styles/skin/tableft_m.png") no-repeat scroll left bottom transparent;
	}
	.Responsive .tabright {
		background: url("/opserv/css/styles/skin/tabright_m.png") no-repeat scroll right bottom transparent;
	}
}
@media (max-width:340px) {
	.Responsive .sidebar.sidebarLeft {
		width: 240px;
	}
}
/* --- znlmod.css --- */

/* DBTech Donation */

.donationDrives .donationDriveWrapper, .donationDrives .donationDriveWrapper .driveInfo .driveInfoBlock, .donationDrives .donationDriveWrapper .ProgressMeter {
	border: 1px solid #5c5c5c !important;
}
.donationDrives .donationDriveWrapper .ProgressMeter .ProgressGraphic {
	background: rgb(155, 0, 3) url(/opserv/css/styles/gradients/category-23px-light.png) repeat-x top !important;
}
/* Post Areas */

#PostAreas table thead td {}
#PostAreas table tbody td {}
/* bd Medal */

.profilePage .mast .MedalsBlock .primaryContent.MedalHeap {
	border: 1px solid #454545;
}
/* Editor mod icons */

html .redactor_toolbar li a.redactor_btn_custom_charge {
	background-image: url(/opserv/css/styles/editor/charge.png) !important;
}
html .redactor_toolbar li a.redactor_btn_custom_gallery {
	background-image: url(/opserv/css/styles/editor/xengallery_sprite.png) !important;
}
html .redactor_toolbar li a.redactor_btn_custom_help {
	background-image: url(/opserv/css/styles/editor/help.png) !important;
}
html .redactor_toolbar li a.redactor_btn_custom_important {
	background-image: url(/opserv/css/styles/editor/important.png) !important;
}
html .redactor_toolbar li a.redactor_btn_custom_info {
	background-image: url(/opserv/css/styles/editor/info.png) !important;
}
html .redactor_toolbar li a.redactor_btn_custom_warning {
	background-image: url(/opserv/css/styles/editor/warning.png) !important;
}
/* Bookmarks */

.bookmarksPage .tabs.mainTabs li a {
	color: rgb(255, 42, 42);
	text-decoration: none;
	background-color: #750002;
	background-repeat: repeat-x;
	background-position: top;
	padding: 0 8px;
	margin-right: -1px;
	margin-bottom: -1px;
	border: 1px solid #a00001;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	display: inline-block;
	line-height: 22px;
	cursor: pointer;
	outline: 0 none;
	white-space: nowrap;
	word-wrap: normal;
	height: 22px;
}
.bookmarksPage .tabs.mainTabs li.active a {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	padding-bottom: 1px;
	border: 1px solid rgb(236, 0, 0);
	border-bottom: 1px none black;
}
.bookmarksPage .tabs.mainTabs li a:hover {
	color: rgb(255, 0, 0);
	background-color: rgb(155, 0, 3);
	padding-bottom: 1px;
	border: 1px solid rgb(236, 0, 0);
	border-bottom: 1px none black;
}
.bookmarksPage .itemContainer {
	background: #3b3b3b url('/opserv/css/styles/skin/alt1inv.jpg') repeat-x left top;
	margin-bottom: 1px;
	border: 1px solid #454545;
	min-height: 68px;
	box-sizing: border-box;
	overflow: visible;
}
.bookmarksPage .itemContainerSticky {
	background: #3c3c3c url('/opserv/css/styles/skin/alt2.jpg') repeat-x left top;
}
/* bd Bank */

.transactionListItem {}
/* Better Blogs */

.entries .entry {
	background-color: #333;
	border: 1px solid #5c5c5c;
	margin: 0 0 10px 0;
}
.entries .entry .titleContainer {
	background: transparent none;
	border: none;
	padding: 0;
	box-sizing: border-box;
	height: auto;
	white-space: nowrap;
	float: left;
	width: 100%;
	padding: 0 0 16px 0;
}
.entries .entry .titleContainer a {
	color: #cacaca;
}
.entries .entry .datetime {
	background: transparent none;
	border: none;
	margin: 0;
	padding: 0;
	height: auto;
	width: 80px;
	text-align: right;
	position: absolute;
	right: 0px;
}
.datetime br {
	display: inline-block;
	content: " ";
	width: 8px;
}
.entries .entry .innerRectangle {
	display: none;
}
.entries .entry .titleText {
	float: left;
	height: auto;
	margin: 0 80px 0 0;
	clear: none;
	white-space: normal;
	width: auto;
}
.entries .entry .message {
	padding: 12px 2px;
}
.entries .entry .message {
	clear: both;
}
.blogEntry, .blogEntry .more, .blogEntry .privateControls, .blogEntry .publicControls {
	font-family: inherit;
}
.xfa_blog_index .visitorPanel .secondaryContent:first-of-type, .xfa_blog_entry .visitorPanel .secondaryContent:first-of-type {
	min-height: auto;
	margin-bottom: 10px;
}
.loginButton {
	font-size: 12pt;
	height: auto;
}
.tags a {
	background: #750002;
}
.tags a:before {
	border-color: transparent #750002;
	transparent transparent;
}
.blogEntry .titleStrip {
	border: none;
	background: none;
	color: #fff;
	padding: 5px 0;
	border-bottom: 1px solid #5c5c5c;
	border-radius: 0;
}
.blogEntry .titleStrip .title a {
	color: #cacaca;
}
.breadBoxTop a.callToAction {
	margin-bottom: 10px;
}
/* Xenporta 2 */

.articleItem .sectionMain, .sectionMain.catList {
	padding: 0px;
}
.articlesGrid .sectionMain {
	margin-top: 0;
}
#ProfilePoster textarea {
	width: 100%;
	box-sizing: border-box;
}
.memberCard .userInfo .userMood {
	position: relative;
	top: 0;
	right: 0;
	padding: 7px 0;
}
/* RainDD User Activity */

/* Conversation button on profile pages */

.conversationButton {
	font-size: 11px;
	font-family: Tahoma, Helvetica, Open-sans;
	color: rgb(255, 42, 42);
	background: #750002 none;
	padding: 7px 10px;
	border: 1px solid #a00001;
	border-radius: 4px;
	text-align: center;
	outline: none;
	cursor: pointer;
	box-sizing: border-box;
	display: inline-block;
	line-height: normal;
	border-top: 1px solid #a00001 !important;
}
.conversationButton:hover {
	color: rgb(255, 0, 0);
	text-decoration: none;
	background-color: rgb(155, 0, 3);
	border: 1px solid rgb(236, 0, 0);
}
/* New Posts in subnav */

.postItemCount {
	background: #750002;
	color: rgb(255, 42, 42);
	border: #a00001;
}
/* DBTech Shout */

.shoutboxEditor input.textCtrl {
	width: 96%;
}
.shoutboxEditorItems span a {
	margin-left: 8px;
}
.shoutboxContent .shoutboxShoutList .shoutboxShoutListInner .shoutboxShoutListFrame>ul li.alt1 {
	background-color: transparent !important;
}
ul.shoutboxEditorItems li span, ul.shoutboxEditorItems li div, ul.shoutboxEditorItems li input {
	margin: 0 2px;
}

.footerXfSite, .footerXfSite a {
	color: #999;
}
.footerXfSite .sales a, .footerXfSite .sales a:hover {
	box-shadow: none;
	background: transparent none;
	border: none;
}
/* About Us Page */

.wrapper {
	padding: 8px;
	margin-bottom: 1px;
	border: 1px solid #454545;
	background: #4b4b4b url('/opserv/css/styles/skin/alt2panelinv.jpg') repeat-x top left;
}
/* Popular Content */

.popularContent li.popularItem {
	background: #2b2b2b url('/opserv/css/styles/skin/alt1.jpg') repeat-x left top;
	border: 1px solid #454545;
	border-radius: 0px;
	margin-bottom: 1px;
}
@media (max-width:480px) {
	.Responsive .userMood {
		display: none;
	}
	.Responsive .messageUserBlock .medals {
		display: none;
	}
}
.navigationSideBar a {
	color: #999;
	padding: 5px 10px;
	border-radius: 0px;
	display: block;
	outline: 0 none;
	width: 100%;
}
.page_top {
	background: url("/opserv/css/styles/skin/page_top.jpg") no-repeat center top;
}
/* Header */

#tpanel_left {
	display: block;
	float: left;
	background: url("/opserv/css/styles/skin/tpanel_left.png") no-repeat left top;
	width: 34px;
	height: 97px;
}
#tpanel_mid {
	display: block;
	background: url("/opserv/css/styles/skin/tpanel_bg.png") repeat-x left top;
	width: auto;
	height: 97px;
	margin: 0px 34px;
	position: relative;
	min-width: 234px;
}
#tpanel_right {
	display: block;
	float: right;
	background: url("/opserv/css/styles/skin/tpanel_right.png") no-repeat left top;
	width: 34px;
	height: 97px;
}
#loginBar #loginBarHandle {
	height: 52px;
	width: 178px;
	bottom: -37px;
}
/* Gives headerproxy the background and height, #header in xen is pos-absoluted over it! */

#headerMover #headerProxy {
	min-height: 274px;
	background: transparent url("/opserv/css/styles/skin/header_display.jpg") no-repeat scroll center top;
	width: 100%;
	margin: auto;
}
#header {
	min-height: 274px;
	margin: auto;
}
#header_sub {
	min-height: 274px;
	margin: auto;
	max-width: 940px;
	position: relative;
}
#header_right {
	height: 97px;
	float: right;
	position: absolute;
	top: 23px;
	right: 0;
}
#logo {
	height: 138px;
}
.navTabs .visitorTabs {
	float: right;
	position: absolute;
	top: -112px;
	right: 0px;
	width: 297px;
	margin-right: 6px;
}

#searchBar {
	z-index: 1000;
	margin-top: 16px;
	float: left;
	min-width: 234px;
}
.visitorTabs {
	height: 40px;
	position: relative;
}
.fbit_bwrap {
	height: 36px;
}
.fbit_bleft {
	height: 36px;
}
.fbit_bright {
	height: 36px;
}
.forumbits_right {
	padding: 3px 20px 2px 20px;
}
#fbar {
	height: 32px;
	margin: auto;
	background: url("/opserv/css/styles/skin/fbar_bg.jpg") repeat-x top left;
}
#fbar_center {
	height: 32px;
	margin: auto;
	background: url("/opserv/css/styles/skin/fbar_center.jpg") no-repeat top center;
}
#footer_wrapper {
	margin: auto;
	min-height: 100px;
}
#avatar_box {
	width: 36px;
	height: 36px;
	float: left;
	nav
}
#avatar_box a {
	width: 36px;
	height: 36px;
}
#avatar_box a img {
	width: 36px;
	height: 36px;
}
.navTabs .navTab, .navTabs .navLink {
	width: 92px;
	height: 42px;
}
.navTabs .publicTabs .navLink {
	padding: 0;
}
/* Moves the navtab sublinks vertically below the tabs, per skin */

.navTabs .navTab.selected .tabLinks {
	top: 49px;
	overflow: visible;
	left: 0px;
}
#QuickSearch {
	left: -9px;
}
#QuickSearchQuery {
	float: left;
	display: block;
	width: 187px;
	padding: 10px;
}
/* Present but customizable in all styles - sync entries */

#navigation .menuIcon::before {
	top: 0.9em;
}
/* Fluid theme */

@media (min-width:1100px) {
	.Responsive #headerMover {
		background: transparent url("/opserv/css/styles/skin/resp_header_tile.jpg") repeat-x scroll left top;
	}
	.Responsive #headerMover #headerProxy {
		height: 274px;
		background: transparent url("/opserv/css/styles/skin/resp_header_left.jpg") no-repeat scroll left top;
		width: 100%;
		margin: auto;
	}
	.Responsive .page_top {
		background: #000 url("/opserv/css/styles/skin/wide_page_left.jpg") repeat-y left top;
	}
	.Responsive .page_bot {
		background: url("/opserv/css/styles/skin/wide_page_right.jpg") repeat-y right top;
	}
	.Responsive .pageWidth {
		padding-right: 0;
		padding-left: 0;
		margin: 0 124px;
		max-width: none;
	}
	.Responsive header .pageWidth {
		margin: 0;
	}
	.Responsive #headerMover #header {
		background: transparent url("/opserv/css/styles/skin/resp_header_right.jpg") no-repeat scroll right top;
	}
	.Responsive #header_sub {
		margin: 0 112px;
		max-width: none;
		position: relative;
		background: none;
		padding: 0;
		box-sizing: border-box;
	}
	.Responsive #logoBlock {
		padding: 0 8px;
	}
	.Responsive #searchBar {
		margin: 16px auto;
	}
	.Responsive #navigation.stickyNavAdjuster {
		margin: 0 124px;
		box-sizing: border-box;
		left: 0;
		right: 0;
		width: auto;
		background: #111 url(/opserv/css/styles/skin/resp_header_tile.jpg) repeat-x center bottom;
		padding: 0;
	}
}
/* Mobile styling */

@media (max-width:800px) {
	.Responsive #loginBar #loginBarHandle {
		bottom: -135px;
		border: #a00001;
		color: rgb(255, 42, 42);
		background: #750002;
		line-height: 36px;
		border: @nlElementBorderColor;
		right: 22px;
		padding: 0 10px;
		height: 36px;
		width: auto;
		display: block;
		margin: auto;
		border-radius: 2px;
	}
	.Responsive #top_bar {
		background: url(/opserv/css/styles/skin/topbar_bg_m.jpg) repeat-x left top;
	}
	.Responsive .topbar_left {
		height: 44px;
	}
	#headerMover #headerProxy {
		background-position: center 40px;
	}
	.Responsive .ticker_container {
		background: transparent none;
		box-shadow: none;
		clear: both;
	}
	.Responsive #loginBar #loginBarHandle a {
		padding-left: 0px;
	}
	.Responsive .topbar_left ul.social_icons {
		display: none;
	}
	.Responsive #logoBlock {
		position: unset;
	}
	.Responsive #header_right {
		position: absolute;
		top: 4px;
		left: 0px;
		max-height: 40px;
	}
	.Responsive #tpanel_left {
		display: none;
	}
	.Responsive #tpanel_right {
		display: none;
	}
	.Responsive #tpanel_mid {
		background: none;
		height: 40px;
	}
	.Responsive ul.visitorTabs {
		height: 40px;
		float: left;
		display: block;
	}
	.Responsive #searchBar {
		z-index: 9000;
		float: right;
		display: block;
		height: 40px;
		width: 233px;
		right: 0px;
		margin-top: 10px;
	}
	.Responsive.LoggedOut #searchBar {
		top: 135px;
	}
	/*
.Responsive #QuickSearch {
    position: unset;
    right: 0;
    top: 0;
}
*/
}
@media (max-width:610px) {
	.Responsive #loginBar #loginBarHandle {
		bottom: -38px;
		left: 22px;
		max-width: 180px;
		background: none;
	}
	.Responsive #searchBar {
		width: auto;
		top: 40px;
	}
	.Responsive #QuickSearchPlaceholder {
		position: absolute;
		text-indent: 0;
		right: 0;
		top: 54px;
	}
	.Responsive.LoggedOut #QuickSearchPlaceholder {
		top: 0px;
	}
	.Responsive #QuickSearchPlaceholder:before {
		color: #ffffff;
	}
}
@media (max-width:480px) {
	.Responsive .messageUserBlock {
		margin: 0;
		background: url(/opserv/css/styles/skin/alt6.jpg);
		background-size: 100% 100%;
		padding: 10px;
		box-sizing: border-box;
		border-bottom: 1px solid rgb(236, 0, 0);
	}
	.Responsive .message .messageInfo {
		background: #3c3c3c url(/opserv/css/styles/skin/alt2panel.jpg) repeat-x left top;
		padding: 20px 10px;
	}
	.Responsive .subForumsPopup {
		display: block;
		clear: both;
		padding: 8px 0;
	}
}