@CHARSET "UTF-8";

@media screen, projection {

	h1 {
		color: #0069b2;
		font-size: 20px;
		font-size: 2.0rem;
		text-transform: uppercase;
	}

	h1 + p {
		margin-top: 24px;
	}

	div.banner-box {
		margin: 32px auto 48px;
	}

	body > div.box {
		font-size: 14px;
		font-size: 1.4rem;
	}

	ul.summary {
		margin: 24px 0 0;
	}

		ul.summary li + li {
			margin-top: 4px;
		}

	div.tool-wrapper {
		margin-top: 32px;
	}

	div.tool-wrapper:after {
		clear: both;
		content: '';
		display: block;
		height: 1px;
		margin-bottom: 24px;
	}

		div.tool-wrapper div.form-box {
			display: inline-block;
			margin-left: 6px;
		}

			div.form-box input[type="submit"] {
				color: #fff;
				text-transform: uppercase;
				background-color: #1173b7;
				border: none;
				margin-right: 8px;
				cursor: pointer;
			}

		div.forum-info-box {
			float: left;
			margin-top: 2px;
		}

			div.tool-wrapper a:not(.buton) + a:before {
				content: '|';
				color: #313131;
				margin: 0 8px 0 6px;
			}

			div.forum-info-box a.buton {
				padding: 8px 20px;
			}

			div.forum-info-box a + span {
				margin-left: 16px;
			}

			div.forum-info-box a.notice {
				margin-left: 16px;
				background: url(../gfx3/sprite.png) no-repeat 0 -359px;
				padding-left: 21px;
			}
				div.forum-info-box a.notice.noticeEnabled {
					background: url(../gfx3/sprite.png) no-repeat 0 -343px;
					padding-left: 21px;
				}

		div.forum-search-box {
			float: right;
		}

			div.forum-search-box input[type="text"] {
				width: 202px;
				height: 30px;
				background: #dedede url("../gfx3/sprite.png") no-repeat 4px -305px;
				padding: 0 4px 0 28px;
				border: none;
				border-top-left-radius: 15px;
				border-bottom-left-radius: 15px;
			}

			div.forum-search-box input[type="submit"] {
				height: 30px;
				color: #fff;
				text-transform: uppercase;
				background-color: #1173b7;
				padding: 0 8px;
				border: none;
				border-top-right-radius: 15px;
				border-bottom-right-radius: 15px;
				cursor: pointer;
			}

		div.post-pager {
			float: right;
			margin: -12px 0 24px;
		}

	table {
		width: 100%;
	}

	table th,
	table td {
		box-sizing: border-box;
		padding: 16px 12px;
	}

	table.header th {
		color: #fff;
		font-weight: 400;
		text-transform: uppercase;
		background-color: #1173b7;
		padding: 18px 0;
	}

	table.header th:first-child {
		text-align: left;
		padding-left: 28px;
	}

	table.subheader td {
		font-weight: 400;
		text-transform: uppercase;
		background-color: #dedede;
		padding: 12px 0 12px 24px;
	}

	table.threads td {
		font-size: 13px;
		font-size: 1.3rem;
		border: 1px solid #dedede;
	}

		table.threads td div {
			padding-left: 22px;
		}

		table.threads span.icon {
			float: left;
			display: inline-block;
			width: 13px;
			height: 13px;
			background: url("../gfx3/sprite.png") no-repeat 0 -268px;
			margin: 4px 0 0 -22px;
		}

		table.threads span.on {
			background-position: 0 -249px;
		}

		table.threads span.onUser {
			background-position: 0 -287px;
		}

		table.threads span.offUser {
			background-position: 0 -249px;
		}

		table.threads strong a {
			color: inherit;
		}

			table.threads strong a > img {
				float: left;
				margin-right: 30px;
			}

		table.threads p + p {
			margin-top: 8px;
		}

		table.threads time {
			color: #b2b2b2;
		}

	table td.num {
		text-align: center;
	}

	col.forum {
		width: 54%;
	}

	col.subject {
		width: 54%;
	}

	col.numb {
		width: 8%;
		text-align: center;
	}

	ul.legend {
		margin: 16px 0 96px 64px;
	}

		ul.legend li {
			background: url("../gfx3/sprite.png") no-repeat 0 -245px;
			padding-left: 22px;
		}

		ul.legend li.idle {
			background-position: 0 -264px;
		}

		ul.legend li.involved {
			background-position: 0 -283px;
		}

		ul.legend li + li {
			margin-top: 12px;
		}


	table.post-header {
	    border-collapse: separate;
	    border-spacing: 1px;
	}

		table.post-header th {
		    color: #fff;
			font-weight: 400;
			text-transform: uppercase;
			text-align: left;
		    background-color: #1173b7;
		}

		table.post-header th:first-child {
			width: 36%;
		}

	table.post + table.post {
		margin-top: 2px;
	}

		table.post td {
			border: 1px solid #dedede;
		}

		table.preview td:first-child,
		table.post td:first-child {
			width: 36%;
		}

		table.post td.up {
			height: 32px;
			text-align: center;
			padding: 0;
			vertical-align: middle;
		}

			table.post td.up a {
				text-decoration: underline;
			}

		table td.author {
			vertical-align: top;
		}


		table td.author > div {
			overflow: hidden;
			margin-bottom: 24px;
		}

		table td.author a.author {
			font-size: 18px;
			font-size: 1.8rem;
		}

		table td.author img {
			float: left;
			margin-right: 14px;
			border-radius: 50%;
		}

		table td.author li {
			margin-top: 4px;
		}

		table td.author p a {
			color: inherit;
			background: url("../gfx3/sprite.png") no-repeat 0 -70px;
			padding: 3px 0 3px 28px;
		}

		table td.author p a + a {
			background-position: 0 -103px;
			margin-left: 24px
		}

		table td.message div.message-header {
			overflow: hidden;
			border-bottom: 1px solid #dedede;
			margin-bottom: 24px;
		}

			table td.message div.message-header > p {
				margin-bottom: 12px;
			}

		table td.message ul {
			display: inline-block;
			margin-bottom: 4px;
		}

		table td.message div.button-box {
			float: right;
		}

			table td.message div.button-box a {
				display: inline-block;
				height: 24px;
				color: #fff;
				text-transform: uppercase;
				line-height: 23px;
				background-color: #1173b7;
				padding: 0 14px;
			}

			table td.message div.button-box a + a {
				margin-left: 16px;
			}

	ul.users {
		margin-bottom: 48px;
	}

	p.post-subject {
		color: #fff;
		text-transform: uppercase;
		background-color: #1173b7;
		padding: 8px 12px;
		margin: 24px 0 0;
	}

	div.newThreadFieldBox {
	    color: #3761af;
	    background-color: #f6f6f6;
	    padding: 16px 24px;
	    border: 1px solid #d2d2d2;
	}

	div.noTopBorder {
	    border-top: medium none;
	}

	div.editor-box {
	    max-width: 920px;
	}

	label.error {
	    display: block;
	    color: red;
	    margin-bottom: 10px;
	}

	label.watch {
		cursor: pointer;
	}

	em.lastEdit {
		color: #fd920b;
	}

	div.newThreadFieldBox span.field-name {
	    display: inline-block;
	    float: left;
	    width: 120px;
	    margin-top: 5px;
	}

	div.newThreadFieldBox input[type="text"] {
		width: 100%;
		max-width: 920px;
	}

	div.buttons-box {
	    margin-top: 12px;
	}

		div.buttons-box span {
			margin-left: 112px;
		}

		div.buttons-box {
			text-align: center;
		}

	img.render {
		float: left;
		margin: 8px 15px 0 0;
	}

	div.projectHead {
		font-weight: 400;
		margin-bottom: 10px;
	}

/* thread preview */

	#previewThreadBody {
		height: 50px;
		overflow: auto;
		background-color: #fff;
		padding: 10px;
		border: 1px solid #d2d2d2;
	}

	#previewThreadBody td {
		background-color: #F6F6F6;
	}
}