/* ****************************************************************************** */
/* BASICS */

body, html {
	height: 100%;
	overflow-x: hidden;
	overflow-y: auto;
	margin: 0;
}
body, textarea {
	background: #ffffff;
	color: #444444;
	font-size: 16px;
	font-family: Calibri, Candara, Segoe, Segoe UI, Arial, sans-serif;
}
textarea {
	padding: 1px 0 1px 2px;
	overflow: auto;  /* Hide scrollbar in IE */
	resize: none;  /* Disable resizing in newer browsers; can be none|horizontal|vertical|both */
}
input {
	padding: 1px 2px;
}
option {
	padding: 0 4px;
}
img {
	border: 0;
}
.noselect {
	-webkit-touch-callout: none;	/* iOS Safari */
	-webkit-user-select: none;	/* Safari */
	-khtml-user-select: none;	/* Konqueror HTML */
	-moz-user-select: none;		/* Firefox */
	-ms-user-select: none;		/* Internet Explorer/Edge */
	user-select: none;		/* Non-prefixed version, currently
					   supported by Chrome and Opera */
}
.nowrap {
	white-space: nowrap;
}

/* ****************************************************************************** */
/* SPECIFICS */

#overlay, #session-warning {
	position: fixed;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
	display: none;
}
#session-warning {
	z-index: 1001;
}
#overlay div:first-child, #session-warning div:first-child {
	height: 100%;
	width: 100%;
	background-color: #000000;
	opacity: 0.5;
}
#overlay img {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -15px 0 0 -15px;
}
#session-warning-msg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 320px;
	height: 164px;
	margin: -70px 0 0 -160px;
	padding-top: 26px;
	text-align: center;
	background: #292929;
	color: #ffffff;
}
#session-warning-msg a {
	margin: 20px 0 5px 0;
}
	

#loginform {
	padding: 40px 50px;
	border: 2px solid #158f00;
	border-radius: 15px;
	width: 500px;
	margin: 20px auto;
}
#loginform img {
	width: 500px;
	display: block;
	margin-bottom: 20px;
}
#loginform div {
	padding: 5px 0;
}
#loginform label {
	display: inline-block;
	width: 100px;
	padding-right: 5px;
	text-align: right;
	font-size: 16px;
}
#loginform.setpassword label {
	text-align: left;
	width: 70px;
	vertical-align: top;
}
#loginform input[type=email], #loginform input[type=password] {
	width: 200px;
	font-size: 16px;
}
#logindetails {
	display: inline-block;
	vertical-align: middle;
}
#loginbutton {
	margin-left: 10px;
	display: inline-block;
	vertical-align: middle;
}
#loginmsg {
	text-align: center;
	font-size: 20px;
	color: #e00000;
}

#topbit {
	box-sizing: border-box;
	height: 50px;
	background: #ff8534 url(/images/topbg.png) repeat-x;
	border-top: 1px solid #aaaaaa;
	overflow: hidden;
}
#topbit.thread {
	background: #179efb url(/images/topbg2.png) repeat-x;
}
#topbit #filterbits {
	display: inline-block;
	vertical-align: top;
}
#topbit #filterbits > div, #topbit #threadaction, #topbit #logged {
	display: inline-block;
	white-space: nowrap;
	padding: 2px 5px 0 5px;
}
#topbit .icons {
	float: right;
	position: relative;
	top: 6px;
	left: 25px;
	color: #444444;
}
#topbit #watchthread {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.4;
	font-size: 14px;
	cursor: pointer;
}
#topbit #watchdd {
	display: inline-block;
	background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23444444%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
	background-position: 1px -2px;
	background-repeat: no-repeat;
	background-size: 75%;
	width: 10px;
	height: 14px;
	position: absolute;
	top: -1px;
	left: 15px;
	cursor: pointer;
}
#topbit #watchdd:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
#watchddlist {
	display: none;
	position: absolute;
	background-color: #CADFEC;
	z-index: 1000;
	cursor: pointer;
}
#watchddlist .wa {
	font-size: 14px;
	padding: 2px 12px 2px 7px;
}
#watchddlist .wa:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
#watchddlist .wa i {
	font-size: 11px;
	visibility: hidden;
	margin-right: 4px;
}
#watchddlist .wa i.visible {
	visibility: visible;
}
#threadtable .fa-binoculars {
	position: absolute;
	top: 7px;
	left: 27px;
	color: #808080;
	font-size: 11px;
}
#topbit #watchthread.watching {
	opacity: 1.0;
}
#topbit #viewhistory {
	background: url(/images/history.png) no-repeat;
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	position: absolute;
	left: 35px;
	top: 0;
	font-size: 15px;
	cursor: pointer;
}
#threadhistory {
	display: none;
	box-sizing: border-box;
	position: absolute;
	top: 100%;
	right: 0;
	width: 550px;
	max-height: calc(100vh - 100% - 50px);
	z-index: 100;
	border: 1px solid #abadb3;
	border-right: 0;
	background: #ffffff;
	overflow: auto;
}
#threadhistory h3 {
	margin: 0;
	padding: 2px 5px 3px 5px;
	background-color: #f69655;
	font-weight: normal;
	font-size: 15px;
}
#threadhistory .close {
	right: 4px;
	top: 4px;
}
#threadhistorylist {
	padding: 8px 7px;
	font-size: 13px;
}
#threadhistorylist .item {
	padding-bottom: 2px;
	white-space: nowrap; 
}
#threadhistorylist .hide {
	display: none;
}
#threadhistorylist span {
	box-sizing: border-box;
	display: inline-block;
	padding-right: 5px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
#threadhistorylist span.agent {
	width: 35px;
}
#threadhistorylist span.ts {
	width: 113px;
}
#threadhistorylist .expandact {
	position: relative;
	top: 0;
	left: 2px;
	font-size: 11px;
	cursor: pointer;
}
#threadhistorylist span.action {
	width: 140px;
}
#threadhistorylist span.time {
	width: 39px;
}
#threadhistorylist span.subject {
	width: calc(100% - 35px - 113px - 140px - 39px);
}
#topbit .fa-lock {
	position: absolute;
	top: 21px;
	left: 2px;
	font-size: 15px;
}
#topbit #threadaction {
	display: none;
}
#topbit input {
	width: 120px;
}
#topbit #qafilter {
	width: 200px;
}
#topbit input#fromdate, #topbit input#todate {
	width: 76px;
}
input#untildate {
	font-size: 13px;
	width: 70px;
	color: #555555;
	border: 1px solid #cccccc;
}
#ui-datepicker-div {
	z-index: 5 !important;
}
#topbit input[type=text], #topbit select {
	box-sizing: border-box;
	height: 21px;
}
#topbit select.blank {
	color: #ffffff;
}
#topbit input[type=checkbox] {
	width: auto;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#topbit input[type=checkbox] {
		-webkit-transform: scale(1.2);
		position: relative;
		top: 2px;
	}
}
#topbit label, #topbit #showing, #topbit #associateemail {
	font-size: 14px;
	display: block;
	padding: 1px 3px;
	color: #222222;
}
#topbit #associateemailcont {
	position: relative;
	padding: 0 !important;
}
#topbit #associateemail {
	position: absolute;
	top: -35px;
	left: -15px;
}
#topbit #newemail {
	position: absolute;
	z-index: 1000;
	width: 180px;
	top: -16px;
	left: -15px;
}
#topbit #showingcont {
	position: relative;
	top: -1px;
}
#topbit #stats, #topbit #stats2 {
	display: inline-block;
	vertical-align: top;
	position: relative;
	top: 2px;
	line-height: 1.3;
	margin-left: 20px;
}
#topbit #stats2 a {
	font-size: 14px;
	cursor: pointer;
}
#topbit #stats2 a:hover {
	text-decoration: underline;
}
.popinfo {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 45px;
	background: #ff7b23;
	border-top: 0;
	padding: 5px 10px;
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.3);
}
.popinfo table {
	border-spacing: 0;
	border-collapse: collapse;
}
.popinfo th {
	text-align: left;
	font-weight: normal;
	padding-right: 5px;
}
.popinfo td {
	text-align: right;
}
	
#topbit #logged {
	float: right;
	text-align: right;
	padding-top: 3px;
}
#topbit #logged div {
	font-size: 14px;
	padding-right: 3px;
	color: #222222;
}
#topbit #logged img {
	height: 14px;
	vertical-align: middle;
	cursor: pointer;
	position: relative;
	top: -1px;
	margin: 0 2px 0 6px;
}
#topbit a.qa {
	color: #333333;
	position: relative;
	top: 1px;
	margin: 0 3px 0 6px;
}
#topbit #logged a.agent, #topbit a.org2 {
	position: relative;
	top: 1px;
	margin-right: 5px;
	color: #222222;
	text-decoration: none;
}
#topbit #logged a.agent:hover, #topbit a.org2:hover {
	text-decoration: underline;
}
#topbit #threadnav a, #goback, #topbit button, #topbit .info {
	display: inline-block;
	margin: 5px 0 0 5px;
	text-align: center;
	padding: 1px 5px 2px;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	background: #48c;
	text-decoration: none;
	cursor: pointer;
}
#topbit button {
	border: 0;
	margin: 0;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	height: 21px;
	position: relative;
}
#topbit .info {
	font-size: 12px;
	padding: 0;
	margin: 0;
	border-radius: 1em;
	width: 1em;
	height: 1em;
	line-height: 1em;
}
#topbit #threadnav a .fa {
	position: relative;
	top: 1px;
}
#topbit #threadnav a:hover, #goback:hover {
	background: #59d;
}
#topbit.thread #threadnav a {
	background: #ff9b58;
	color: #333333;
}
#topbit.thread #threadnav a:hover {
	background: #ffa568;
}
#threadtable, #usagetable {
	position: absolute;
	top: 50px;
	bottom: 0;
	width: 100%;
	overflow: hidden;
}


.tabulator {
	border-color: #abadb3 !important;
}
.tabulator .tabulator-cell {
	line-height: 1.2;
}
.tabulator .tabulator-header, .tabulator .tabulator-col {
	background-color: #e2e5ee !important;
}
.tabulator .tabulator-row.tabulator-row-even {
	background-color: #ffffff !important;
}
.tabulator .tabulator-row.tabulator-group, .tabulator .tabulator-row.tabulator-group:hover {
	background-color: #e8e8e8 !important;
	border-color: #abadb3 !important;
}
.tabulator[data-sort="ts-desc"] .tabulator-row.sesson-total {
	background-color: #e8e8e8 !important;
	border-color: #abadb3 !important;
	border-bottom-color: #e8e8e8 !important;
	border-top-width: 2px !important;
}
.tabulator[data-sort="ts-asc"] .tabulator-row.sesson-total {
	background-color: #e8e8e8 !important;
	border-color: #abadb3 !important;
	border-top-color: #e8e8e8 !important;
	border-bottom-width: 2px !important;
}
.tabulator[data-sort="not-ts"] .tabulator-row.sesson-total {
	display: none;
}
.tabulator .tabulator-row {
	border: solid #ffffff;
	border-width: 1px 0;
}
.tabulator .tabulator-row:hover {
	background-color: #ebf5fe !important;
	border-color: #b8d6fb;
}
.tabulator .tabulator-row .tabulator-cell {
	border-right-width: 0 !important;
}
.tabulator .tabulator-row.tabulator-selected {
	background-color: #93ddf3 !important;
}
.tabulator .checkbox, .tabulator .fa-lock  {
	position: relative;
	top: 2px;
	left: 5px;
}
.tabulator .fa-lock {
	color: #444444;
	font-size: 17px;
}
.tabulator .checkbox::before {
	content: "\f096";
	color: #444444;
}
.tabulator .tabulator-selected .checkbox::before {
	content: "\f046";
}
.tabulator .tabulator-row.tabulator-group:hover {
	cursor: default !important;
}
.tabulator .tabulator-row.tabulator-group.tabulator-group-visible .tabulator-arrow {
	cursor: pointer;
}

#messageindex.tabulator .tabulator-header .tabulator-col .tabulator-col-content {
	padding: 1px 4px;
}
#messageindex.tabulator .tabulator-header .tabulator-col .tabulator-col-content .tabulator-arrow {
	top: 7px;
}
#messageindex.tabulator {
	background-color: #f0f0f0;
}
#messageindex.tabulator .tabulator-cell {
	line-height: 1.1;
}
#messageindex.tabulator .tabulator-row.unread {
	font-weight: bold;
}


#middlebit {
	position: relative;
	box-sizing: border-box;
	height: 143px;	/* 23 + 24 per row */
	background: rgb(238,238,238);
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
}
#middlebit #messageindex {
	box-sizing: border-box;
	height: 100%;
	overflow: hidden;
	width: 70%;
	float: left;
}
#middlebit #notes {
	box-sizing: border-box;
	height: 0;
	width: 30%;
	float: right;
	font-family: Calibri, Candara, Segoe, Segoe UI, Arial, sans-serif;
	padding: 3px 8px;
	margin: 0;
	border: 1px solid #abadb3;
	border-right: 0;
}
#middlebit #notes.reduce {
	height: 50px;
}
#middlebit #notes.expand, #middlebit #notes.noprev {
	height: 100%;
}
#notes.empty {
	color: #aaaaaa;
}
#savenote {
	background: #ffffff url(/images/save.png) no-repeat;
	background-size: 12px 12px;
	background-position: 1px 1px;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 33px;
	right: 2px;
	z-index: 10;
	cursor: pointer;
	display: none;
}
#notes.expand + #savenote {
	top: auto;
	bottom: 3px;
}
#prevnotes {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 70%;
	width: 30%;
	height: 100%;
	border: 1px solid #abadb3;
	border-right: 0;
	background: #ffffff;
	overflow: auto;
}
#prevnotes.reduce {
	top: 50px;
	height: calc(100% - 50px);
}
#prevnotes.expand {
	top: 100%;
	height: auto;
	max-height: calc(100vh - 100% - 50px);
	z-index: 100;
}
#prevnotes .notehead {
	background-color: #80ccfa;
	padding: 1px 7px;
	font-size: 12px;
}
#prevnotes .notehead .date {
	float: right;
	padding-right: 4px;
}
#prevnotes .notehead .deletenote, #prevnotes .notehead .editnote {
	float: right;
	height: 12px;
	position: relative;
	top: 1px;
	left: 3px;
	cursor: pointer;
}
#prevnotes .notehead .editnote {
	margin-right: 5px;
}
#prevnotes .notehead .nobutton {
	float: right;
	width: 12px;
	height: 12px;
}
#prevnotes .note {
	padding: 3px 7px;
}

#threadview {
	position: absolute;
	top: 193px;	/* #middlebit height+50 */
	bottom: 0;
	width: 100%;
	border-top: 1px solid #abadb3;
	overflow: auto;
}
#threadview .header {
	background: #f8f8f8;
	border-bottom: 1px solid #abadb3;
	padding: 5px 10px;
	position: relative;
	min-height: 62px;
	clear: both;
}
#threadview #m-1 .header {
	min-height: 38px;
}
#threadview .slim.header {
	min-height: auto;
	color: #909090;
	opacity: 0.5;
}
#threadview .header.unread {
	background: #ecf7ff;
}
#threadview .header.internal {
	background: #e5f2e5;
}
#threadview .header.fromagent {
	background: #fef8e1;
}
#threadview .selected .header {
	background: #93ddf3;
}
#threadview .selected .body, #threadview .selected .attachments {
	background: #bbeaf7;
}
#threadview .header td.selector {
	padding-top: 3px;
	vertical-align: top;
}
#threadview .header .checkbox {
	cursor: pointer;
}
#threadview .header .checkbox::before {
	content: "\f096";
}
#threadview .selected .header .checkbox::before {
	content: "\f046";
}
#threadview .header .collapse {
	cursor: pointer;
	position: absolute;
	bottom: 8px;
	left: 9px;
	color: #666666;
	font-size: 13px;
}
#threadview .header .uncollapse {
	cursor: pointer;
	position: relative;
	top: -2px;
	color: #c0c0c0;
	font-size: 13px;
}
#threadview .collapsed .header, #threadview .collapsed .body, #threadview .collapsed .attachments {
	display: none;
}
#threadview .slim.header {
	display: none;
}
#threadview .collapsed .slim.header {
	display: block;
}
#threadview .header table {
	border-spacing: 0;
	border-collapse: collapse;
	display: inline-table;
	vertical-align: top;
}
#threadview .header table.composer {
	margin-right: 200px;
}
#threadview .header table.composer th {
	vertical-align: middle;
}
#threadview .slim.header .th {
	font-weight: normal;
	color: #b0b0b0;
	padding-left: 15px;
	padding-right: 8px;
}
#threadview .slim.header span {
	display: inline-block;
	vertical-align: bottom;
}
#threadview .slim.header .slimfrom, #threadview .slim.header .slimsubject {
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	box-sizing: border-box;
}
#threadview .slim.header .slimfrom {
	width: calc((100% - 280px) * 0.3);
}
#threadview .slim.header .slimsubject {
	width: calc((100% - 280px) * 0.7);
}
#threadview .header th {
	font-weight: normal;
	color: #b0b0b0;
	text-align: right;
	vertical-align: top;
	padding-right: 8px;
}
#threadview .header td {
	padding: 2px 0;
}
#threadview .header .editable {
	box-sizing: border-box;
	height: 24px;
	white-space: nowrap;
	background-color: white;
	padding: 1px 10px 1px 4px;
	border: 0.9px solid #abadb3; /* Chrome shows thicker boxes if border-width=1px */
	position: relative;
	left: -4px;
}
#threadview .header .torow {
	cursor: pointer;
}
#threadview .header #tocc {
	box-sizing: border-box;
	height: 24px;
}
.ui-autocomplete {
	font-family: Calibri, Candara, Segoe, Segoe UI, Arial, sans-serif !important;
	font-size: 16px !important;
}
#threadview .header .translate {
	display: inline-block;
	vertical-align: top;
	margin: 2px 135px 0 50px;
	cursor: pointer;
	color: #b0b0b0;
}
#threadview .header .translate .link:hover {
	text-decoration: underline;
}
#threadview .header img.translate {
	margin-left: 108px;
	cursor: default;
}
#threadview .header .date, #threadview .header .slimdate, #threadview .header .statusactions {
	position: absolute;
	right: 15px;
	top: 7px;
}
#threadview .header .date {
	cursor: pointer;
}
#threadview .slim.header .slimdate {
	top: 5px;
}
#threadview .header .statusactions {
	font-size: 14px;
}
#threadview .header .statusactions input {
	margin-left: 5px;
	position: relative;
	top: 2px;
}
#threadview .header .statusactions label {
	cursor: pointer;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#threadview .header .buttons {
	position: absolute;
	right: 15px;
	bottom: 8px;
}
#threadview .header .buttons div {
	display: inline-block;
	margin-left: 10px;
	text-align: center;
	padding: 6px 10px 8px;
	font-size: 15px;
	border-radius: 3px;
	box-shadow: inset 0 -1px 0 1px rgba(0,0,0,.1), inset 0 -10px 20px rgba(0,0,0,.1);
	cursor: pointer;
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.2);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#threadview .header .buttons div i {
	margin-right: 5px;
	font-size: 13px;
}
#threadview .header .buttons .blue {
	background: #48c;
}
#threadview .header .buttons .blue:hover {
	background: #59d;
}
#threadview .header .buttons .green {
	background: #5a5;
}
#threadview .header .buttons .green:hover {
	background: #6b6;
}
#threadview .header .buttons .red {
	background: #c22;
}
#threadview .header .buttons .red:hover {
	background: #d33;
}
#threadview .header .buttons .split i {
	transform: rotate(270deg);
	position: relative;
	top: 2px;
	left: -1px;
	margin: 0;
}
#threadview .header .sendfailed {
	border: 2px dashed #ff0000;
	margin: 10px 300px 3px 58px;
	padding: 0 10px;
	color: #ff0000;
}
#threadview .header .sendfailed div {
	margin: 5px 0;
}
#threadview .body {
	padding: 10px 10px 25px;
	border-bottom: 1px solid #abadb3;
}
#threadview .body img {
	max-width: 100%;
}
#threadview .body .expand {
	border: 1px solid #c0c0c0;
	border-radius: 3px;
	height: 12px;
	line-height: 5px;
	width: 30px;
	text-align: center;
	background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(238,238,238,1) 100%);
	background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(238,238,238,1) 100%);
	cursor: pointer;
	clear: both;
}
#threadview .attachments {
	padding: 4px 6px 25px;
	border-bottom: 1px solid #abadb3;
}
#threadview .attachments a {
	display: inline-block;
	padding: 4px 11px 4px 4px;
	box-sizing: border-box;
	text-decoration: none;
	border: 1px solid #ffffff;
}
#threadview .attachments a:hover {
	background-color: #ebf5fe;
	border-color: #b8d6fb;
}
#threadview .attachments img {
	vertical-align: middle;
	float: left;
}
#threadview .attachments span {
	vertical-align: middle;
	position: relative;
	top: 7px;
	margin-left: 2px;
}
#threadview .attachments i {
	color: #989898;
	font-style: normal;
	margin-left: 5px;
	font-size: 14px;
}
#threadview #composer {
	min-height: 250px;
	max-height: calc(100vh - 302px);	/* 100vh - (#middlebit height+162) */
	overflow-y: auto;
	border: 1px solid #999ba2;
	border-radius: 5px;
}
#threadview blockquote {
	margin: 0px 0px 0px 0.8ex;
	border-left: 1px solid rgb(204, 204, 204);
	padding-left: 1ex;
}
#threadview img.loading {
	display: block;
	margin: 20px auto;
}
#uploads {
	padding-left: 20px !important;
}
#uploads .upload {
	display: inline-block;
	margin: 0 10px;
	white-space: nowrap;
}
#uploads .upload a {
	color: #444444;
	text-decoration: none;
}
#uploads .upload a:hover {
	text-decoration: underline;
}
#uploads .fa-file-o {
	margin-right: 5px;
}
#uploads .fa-file-o::before {
	content: "\f0c6";
}
#uploads .fa-times {
	margin-left: 5px;
}
#uploads .fa-times::before {
	content: "\f00d";
	color: #808080;
	cursor: pointer;
}

#filterbits .fa-times-circle {
	color: #a0a0a0;
	position: relative;
	left: -17px;
	top: 1px;
	cursor: pointer;
	display: none;
}
#qas {
	box-sizing: border-box;
	position: absolute;
	top: 50px;
	bottom: 0;
	width: 100%;
	overflow: auto;
	padding: 15px 20px;
}

#qas * {
	font-family: Verdana, Geneva, sans-serif;
	margin: 0;
	padding: 0;
}
#qas h1 {
	color: #158f00;
	font-family: 'Century Gothic', Verdana, Geneva, sans-serif;
	font-size: 32px;
	font-weight: normal;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 2px dashed #3da216;
}
#qas h1 a {
	float:right;
	color: #2F81AC;
}
#qas h2 {
	color: #505050;
	font-family: 'Century Gothic', Verdana, Geneva, sans-serif;
	font-size: 26px;
	font-weight: normal;
	margin: 10px 0 20px;
}
#qas ul {
	margin: 5px 0 20px 17px;
}
#qas ul li {
	list-style-type: round;
	color: #1d9f08;
	margin-left: 0;
	padding: 3px 0 3px 3px;
	line-height: 1.3;
	font-size: 14px;
}
#qas a {
	color: #1E506B;
	text-decoration: none;
}
#qas a:hover {
	color: #068CC1;
}
#qas .a a {
	color: #0684b6;
}
#qas .a a:hover {
	color: #068CC1;
	text-decoration: underline;
}
#qas p {
	line-height: 1.3;
	color: #333333;
	font-size: 14px;
	max-width: 750px;
}
#qas p.q {
	font-weight: bold;
	margin-top: 40px;
}
#qas p.a {
	padding-top: 15px;
}
#qas div.divider {
	margin: 40px 0;
	border-bottom: 2px dashed #3da216;
}
#qas mark {
	background: #ffffe0;
}
#goback {
	position: fixed;
	bottom: 10px;
	right: 30px;
}



/* ****************************************************************************** */
/* DIALOGS */

.ui-widget-overlay {
	background-color: #000000 !important;
	opacity: 0.5 !important;
}
.ui-dialog.alert{
	border-radius: 5px;
	padding: 20px 20px 10px 20px;
}
.ui-dialog.alert .ui-dialog-titlebar {
	display: none;
}
.ui-dialog.alert .ui-dialog-buttonpane {
	margin-top: 18px;
	padding: 0;
	text-align: center;
}
.ui-dialog.alert .ui-dialog-buttonset {
	float: none !important;
}
.ui-dialog.alert .ui-dialog-buttonpane .ui-button {
	margin: 17px 20px 10px 20px;
}


/* ****************************************************************************** */
/* BUTTONS */


.button {
	-moz-box-shadow: inset 0 0 0 1px #666666;
	-webkit-box-shadow: inset 0 0 0 1px #666666;
	box-shadow: inset 0 0 0 1px #666666;
	background: #828282;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#828282), to(#555));
	background: -moz-linear-gradient(#828282, #555);
	background: linear-gradient(#828282, #555);
	border: solid 1px #828282;
	border-bottom: solid 3px #414141;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff !important;
	display: inline-block;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	padding: 6px 10px 5px 10px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 0 #2f2f2f;
	white-space: nowrap;
	cursor: pointer;
}   
.button:hover {
	background: #555;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#555), to(#828282));
	background: -moz-linear-gradient(#555, #828282);
	background: linear-gradient(#555, #828282);
	border: solid 1px #555;
	border-bottom: solid 3px #777;
	box-shadow: inset 0 0 0 1px #818181;
	text-decoration: none;
}

.button[disabled], .button.disabled {
	background: #d0d0d0 !important;
	border-color: #c0c0c0 !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	text-shadow: none !important;
	cursor: default !important;
}
.button[disabled]:hover, .button.disabled:hover {
	background: #d0d0d0 !important;
	border-color: #c0c0c0 !important;
	box-shadow: none !important;
}

.button.coloured {
	-moz-box-shadow: inset 0 0 0 1px #559741;
	-webkit-box-shadow: inset 0 0 0 1px #559741;
	box-shadow: inset 0 0 0 1px #559741;
	background: #6fb859;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#6fb859), to(#4c873a));
	background: -moz-linear-gradient(#6fb859, #4c873a);
	background: linear-gradient(#6fb859, #4c873a);
	border: solid 1px #589c43;
	border-bottom: solid 3px #3c6b2e;
}
.button.coloured:hover {
	background: #4c873a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4c873a), to(#6fb859));
	background: -moz-linear-gradient(#4c873a, #6fb859);
	background: linear-gradient(#4c873a, #6fb859);
	border: solid 1px #4c873a;
	border-bottom: solid 3px #666;
	box-shadow: inset 0 0 0 1px #6fb859;
}
.button.coloured2 {
	-moz-box-shadow: inset 0 0 0 1px #974841;
	-webkit-box-shadow: inset 0 0 0 1px #974841;
	box-shadow: inset 0 0 0 1px #974841;
	background: #b86159;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#b86159), to(#87403a));
	background: -moz-linear-gradient(#b86159, #87403a);
	background: linear-gradient(#b86159, #87403a);
	border: solid 1px #9c4a43;
	border-bottom: solid 3px #6b332e;
}
.button.coloured2:hover {
	background: #87403a;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#87403a), to(#b86159));
	background: -moz-linear-gradient(#87403a, #b86159);
	background: linear-gradient(#87403a, #b86159);
	border: solid 1px #87403a;
	border-bottom: solid 3px #444;
	box-shadow: inset 0 0 0 1px #b86159;
}
    
.button:active {
	top:2px;
}
.button[disabled]:active, .button.disabled:active {
	top:0 !important;
}

.button.small {
	font-size: 14px;
	padding: 4px 8px 3px 8px;
}

.close {
	position: absolute;
	opacity: 0.6;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
.close:hover {
	opacity: 1;
}
.close:before, .close:after {
	position: absolute;
	left: 8px;
	content: ' ';
	height: 14px;
	width: 2px;
	background-color: #444444;
}
.close:before {
	transform: rotate(45deg);
}
.close:after {
	transform: rotate(-45deg);
}

/* ****************************************************************************** */
/* ALIGNMENT */

.lalign {
	text-align: left !important;
}
.calign {
	text-align: center !important;
}
.ralign {
	text-align: right !important;
}
.jalign {
	text-align: justify !important;
}
.talign {
	vertical-align: top !important;
}
.malign {
	vertical-align: middle !important;
}
.balign {
	vertical-align: bottom !important;
}

/* ****************************************************************************** */
/* PRINT MEDIA */

@media print {
	body, html {
		height: auto;
	}
	#topbit, #middlebit, .buttons, #goback, .selector, .qsect {
		display: none;
	}
	#threadview, #qas {
		position: static;
	}
	#qas h1 {
		padding-bottom: 0;
		border-bottom: 0;
	}
	#qas p {
		max-width: none;
	}
}