@font-face {
	font-family: 'headline';
	src: url('../design/lobby/coalitionv2-webfont.ttf') format('truetype');
}
@font-face {
	font-family: 'pixelsmall';
	src: url('../design/font/cnc_lan.ttf') format('truetype');
}

body {
	background: #000 url('../design/lobby/aura.jpg') no-repeat;
	background-position: center bottom;
}

a {
	color: #66f;
}


header > nav {
	background: #000;
	display: table;
	width: 100%;
	border-bottom: 1px solid #333;
	margin-bottom: 10px;
	z-index: 2;
	position: relative;
}
header > nav ul {
	list-style: none;
	display: table-row;
}
header > nav ul li {
	display: table-cell;
	padding: 10px 8px;
	text-align: left;
	width: 8%;
	min-width: 80px;
	vertical-align: middle;
	font-family: tech-sans;
}
header > nav ul li:nth-child(4) {
	text-align: right;
	padding-right: 40px;
}
header > nav span.logo {
	font-family: headline;
	text-transform: lowercase;
	color: #fff;
	font-size: 30px; 
}
header > nav li.active a {
	color: #88f; 
	font-weight: bold;
}
header > nav a {
	text-decoration: none;
}
header > nav a:hover {
	text-decoration: underline;
}


input, textarea {
	font-family: narrow;
	font-size: 16px;
}
.note, .cargo_list, .list, .body {
	font-family: main-sans,sans-serif;
}

body, .sector figure {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
}

/* Generics */
.gvalue {
	font-family: tech-sans,monospace;
	font-size: 14px;
	color: #ddf;
}
.nudge {
	margin: 10px;
}
.muted {
	color: #333;
	font-size: 12px;
}
.muted:hover {
	color: #aaa;
}

section {
	/*border: 1px solid #000;
	border-radius: 8px;*/
	border-radius: 6px;	
	box-shadow: #000 1px 1px 5px;

	margin: 10px 1%;
	background: #56585D;
	color: #fff;
	color: #ccc;
	width: 370px;
	display: inline-block;
	vertical-align: top;
}
@media screen and (max-width: 600px) {
	section, section.table {
		width: 96%;
	}
	section {
		margin: 2%;
	}
}
@media screen and (min-width: 601px) and (max-width: 1199px) {
	section {
		width: 46%;
		margin: 10px 1%;
	}
	section:nth-child(2n-1) {
		margin-left: 0.5%;
	}
	section#invite {
		display: none;
	}
}
@media screen and (min-width: 1200px) {
	section {
		width: 31%;		
	}
	section:nth-child(3n-3) {
	}
}

section header,
section .body,
section footer {
	padding: 8px;
}
section header {
	font-family: info-sans;
	border-radius: 3px 3px 0 0;
	background: #2F3034;
	box-shadow: inset #000 0px 0px 1px;
	background: linear-gradient(#56585D, #2F3034);
}
section .body {
	box-shadow: inset #000 0px 0px 1px;
}
section footer {
	font-family: tech-sans;
	border-radius: 0 0 3px 3px;
	background: #2F3034;
	box-shadow: inset #000 0px -1px 1px;	
}
section header {
	position: relative;
}
section header h3 {
	margin: 0;
}
section header h3 .icon {
	vertical-align: middle;
	margin-right: 4px;
}
section header h3 a {
	text-decoration: none;
	color: inherit;
	border-bottom: 1px dashed #ccc;
}
section header nav {
	position: absolute;
	bottom: 1px;
	right: 2px;
}
section header nav a {
	display: inline-block;
	vertical-align: bottom;
	color: #ccc;
	text-decoration: none;
	background: #56585D;
	padding: 4px;
	margin: 0;
	font-size: 13px;
}
section header nav a.active {
	margin-bottom: -2px;
	color: #fff;
}

section form > fieldset,
section footer > fieldset {
	border: none;
	padding: 0;
	margin: 0;
}
section .body ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
section .body ul li {
	margin: 0; padding: 0;
}
section .body hr {
	border: 1px solid #000;
	width: 95%;
}
section .body h4 {
	font-family: info-sans;
	text-decoration: underline;
}
section .body h4:first-of-type {
	margin-top: 4px;
	margin-bottom: 10px;
}

section .body h5 {
	font-family: info-sans;
	font-size: 16px;
	text-decoration: underline;
	margin-top: 20px;
}

section .body h6 {
	font-family: info-sans;
	font-size: 15px;
	text-decoration: underline;
	margin: 10px 0px;
}


.avatar {
	border: 1px solid #000;
	border-radius: 4px; 
	vertical-align: middle; 
}

/* ACTION BUTTONS */
button.action {
	display: inline-block;
	background: linear-gradient(#56585D, #2F3034);
	width: 64px;
	height: 64px;
	border: 1px solid #000;
	box-shadow: inset #ccc 0px 0px 1px;
	border-radius: 3px;

	position: relative;
	vertical-align: middle;
}
button.action:after {
	display: block;
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	transition: background 250ms;

	background: rgba(255,255,255,0.0);
	border-radius: 3px;
}
button.action:not(:disabled):hover:after {
	background: rgba(255,255,255,0.2);
}
button.action:not(:disabled):active:after {
	box-shadow: inset #000 0px 0px 1px;
	background: rgba(255,255,255,0.1);
}
button.action:not(:disabled):hover .title {
	color: #fff;
	text-shadow: 1px 1px 0px #000;
}
button.action:not(:disabled) .title {
	color: #999;
	text-shadow: 1px 1px 0px #000;
}
button.action:not(:disabled) .generic {
	color: #000;
	text-shadow: 1px 1px 0px #999;
}
button.action .title,
button.action .generic {
	position: relative;
}
button.action .title {
	font-family: pixeltiny;
	transition: color 250ms;
	display: inline-block;
	line-height: 1.1em;
}
button.action .cooldown {
	position: absolute;
	bottom: 1px;
	left: 1px;
	width: 60px;
	background: rgba(0,0,0,0.5);
	z-index: 2;
}
button.action .ecost {
	position: absolute;
	color: #0039FF;
	left: 2px;
	bottom: 1px;
	font-family: pixeltiny,monospace;
	font-size: 13px;
	text-shadow: #000 1px 1px 0px;
}
button.action .tcost {
	position: absolute;
	color: #fff;
	font-family: main-mono,monospace;
	font-weight: bold;
	font-size: 12px;
	right: 2px;
	bottom: 1px;
}
button.action.generic:not(:hover) .title,
button.action.generic:not(:hover) .ecost,
button.action.generic:not(:hover) .tcost {
	display: none;
}
button.action.generic:hover .generic {
	display: none;
}
button.action.generic:hover .title {
	display: inline-block;
}
button.action .generic-small {
	font-size: smaller;
}

button.action figure {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 1px;
	left: 1px;
	border: none;
	background-color: transparent;
	background-size: 100% 100%;
	opacity: 0.1;
	
	transition: opacity 250ms;
}
button.action:hover figure {
	opacity: 0.5;
}
button.action.generic:not(:hover) figure {
	opacity: 0;
}
button.action:active figure {
	opacity: 1;
}

button.free, a.free {
	background: rgba(127,127,127,0.5);
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #333;
	box-shadow: #000 0px 1px 0px;
	border-radius: 2px;

	color: #111;
	position: relative;
	text-decoration: none;
	/*font-family: lean;
	font-size: 16px;*/
	font-family: tech-sans;
	font-size: 14px;
	padding: 4px 6px;
	display: inline-block;
	margin-bottom: 1px;
}
button.free:not(:disabled):hover, a.free:hover {
	background: rgba(127,127,127,0.6);
	text-shadow: 0px -1px 0px #555;
	color: #000;
}
button.free:not(:disabled):active, a.free:active {
	border-top: 1px solid #333;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 1px solid #666;
	box-shadow: inset #000 0px 1px 3px;
	color: transparent;
	text-shadow: 0px 1px 0px #333;
}
button.free:disabled {
	box-shadow: none;
}
button:disabled, button[data-busy] {
	color: #333;
	border-color: #333;
}








a[target="_blank"] {
	color: #0076ff;
}
a[target="_blank"]:after {
	display: inline-block;
	width: 12px;
	height: 12px;
	content: '\1F517';
	font-family: icon;
	font-size: 13px;
	margin-left: 2px;
	vertical-align: top;
}

section .body {
	background: url('../design/ui/panel2.jpg');
}

figure {
	margin: 0;
	background: #000;
	text-align: center;
	border: 1px solid #333;
}

section li {
	border: 1px solid transparent;
	transition: background-color 100ms;
}
section li:hover {
	border: 1px solid #666;
}
section li.active {
	background: #56585D;
	/*border: 1px solid #006;
	box-shadow: inset #999 1px 1px 1px, #666 1px 1px 0px;*/
	color: #fff;
}
section li input[type="radio"] {
	display: none;
}
section li label {
	display: block;
}
section li label > * {
	vertical-align: middle;
}

section .note {
	margin: 10px 0;
	font-size: small;
}
/*section .note:first-child {
	margin-top: 0;
}*/
section .note a,
.welcome .body a {
	color: inherit;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}


section input[type="text"],
section input[type="email"],
section input[type="password"],
section textarea {
	width: 100%;
	background: #aaa;
	border: 1px solid #000;
	color: #444;
	padding: 4px;
}
section input[type="number"] {
	padding: 4px;
}
section input:focus,
section textarea:focus {
 	color: #000;
 	border-color: #fff;
 	box-shadow: #66f 0px 0px 2px;
}
section input:invalid,
section textarea:invalid {
 	box-shadow: #f00 0px 0px 5px;
}
section textarea[readonly] {
	background: #999;
	color: #444;
}
::-webkit-input-placeholder {
   color: #333;
}

input[name="amount"][placeholder="Amount"] {
	width: 80px;
}

section input[name="addr"], section input[name="dogeaddr"] {
	width: 100%;
	background: #aaa;
	background: transparent;
	color: #fff;
}
section input[type="number"], 
section footer input[type="text"],
section input[name="name"] {
	vertical-align: middle;
	background: #aaa;
	background: transparent;
	color: #fff;
	border: 1px solid #000;
	width: 100px;
}
section footer ::-webkit-input-placeholder {
   color: #1F1F1F;
}


section ul.soft_list, article.body ul {
	list-style: disc;
	margin-left: 30px;
}


/* INFOBOX */
.tooltip {
	font-family: main-sans,sans-serif;
}
.tooltip.in {
	opacity: 1 !important;
}
.tooltip:hover {
	z-index: 2048;
}
.tooltip.right .tooltip-arrow.infobox {
	border-right-color: #666;
}
.tooltip.left .tooltip-arrow.infobox {
	border-left-color: #666;
}
.tooltip-inner.infobox {
	border: 2px solid #666;
	padding: 8px;
	text-align: left;
	min-width: 300px;
	max-width: 400px;
	font-size: 16px;
	background: #000 url('../design/ui/panel.jpg');
}
.infobox figure {
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 8px;
}
.infobox .title {
	clear: both;
}
.infobox .description {
	font-family: info-sans;
	font-size: 14px;
	margin-left: 4px;
	width: 300px;
}
.infobox .info {
	padding: 4px 16px;
	background: rgba(0,0,0,0.5);
	border-radius: 2px;
}
.infobox .info p {
	font-size: 12px;
	margin: 2px 0;
}
.infobox .info p span {
	margin-left: 6px;
}
/**/
.infobox .mdinfo {
	max-height: 350px;
	overflow: auto;
}
.mdinfo h5 {
	margin: 6px 0px;
	margin-top: 6px !important;
}
.mdinfo h6 {
	margin: 4px 0px;
	font-size: 15px;
}
.mdinfo table {
	width: 100%;
	font-family: lean, monospace;
}
.mdinfo table th,
.mdinfo table td {
	line-height: 1em;
}
.mdinfo table th {
	
}
.tooltip .mdinfo table tbody tr:hover {
	background: rgba(0,0,0,0.5);
}
.mdinfo table td:first-child {
	font-family: narrow;
	width: 60%;
}
.mdinfo .satoshi-table + table td:nth-child(n+2) {
	color: #0f0;
	font-family: pixeltiny,monospace;
	font-size: 12px;
}
.mdinfo .satoshi-table + table + table td:nth-child(2n) {
	color: #0f0;
	font-family: pixeltiny,monospace;
	font-size: 12px;
}
.mdinfo ul {
	list-style: square;
	margin: 0;
	padding: 0 1em;
}
.mdinfo li {
	font-family: info-sans;
	font-size: 14px;
	line-height: 1em;
}
.mdinfo p {
	font-size: smaller;
	margin: 8px 0;
}


.pagination {
	list-style: none;
}
.pagination li {
	display: inline-block;
}
.pagination li.active {
	background: #366;
}
.pagination li a {
	color: #aaa;
	text-decoration: none;
	font-family: pixelsmall;
	font-size: 13px;
	padding: 4px;
}
.pagination li.active a {
	color: #000;
}


/* FORM protection */
.tooltip.error {
}
.tooltip.error .tooltip-inner {
	color: #f66;
/*	border: 1px solid #d6b000;
	background: #4e4000;
	color: #000;*/
}


input[type="checkbox"],
.check input[type="radio"] {
	display: none;
}
input[type="checkbox"] + i,
.check input[type="radio"] + i {
	display: inline-block;
	width: 12px;
	height: 12px;
	vertical-align: middle;
	border: 1px solid green;
	border-color: #666;
	box-shadow: inset 1px 1px 0px #000, inset -1px -1px 0px #000;
	margin-right: 6px;
}
input[type="checkbox"]:checked + i,
.check input[type="radio"]:checked + i {
	background: #6f6;
	background: #aaa;
}
input[type="checkbox"] + i + span,
.check input[type="radio"] + i + span {
	color: green;
	color: #666;
	font-family: pixelsmall, monospace;
	font-size: 13px;
}
input[type="checkbox"]:checked + i + span,
.check input[type="radio"]:checked + i + span {
	color: #6f6;
	color: #aaa;
}
input[type="checkbox"] + i + span:hover,
.check input[type="radio"] + i + span:hover {
	color: #393;
	color: #999;
}


/* FORUM */
.forum {
	width: 98%;
}
.forum table {
	width: 100%;
	color: #666;
}
.forum tbody tr:hover {
	background: #181818;
}
.forum tr td {
	vertical-align: top;
}
.forum td:first-child {
	width: 60%;
}
.forum th.cat {
	font-size: 26px;
}
.forum th.cat a:hover {
	color: inherit;
}
.forum th:last-child,
.forum td:last-child {
	text-align: right;
}

.forum .title {
	color: #fff;
	text-decoration: none;
}
.forum a.title {
	display: inline-block;
	width: 90%;
	width: calc(100% - 16px);
}
.forum .date {
	color: #433;
	font-size: 10px;
}
.forum tr .date {
	color: #666;
}
.forum .breadcrumbs {
	margin-top: 0;
}
.forum .breadcrumbs li:not(:last-child) a:after {
	margin-left: 20px;
	content: '>>>';
}

.forum td .title > span:first-child {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: bottom;
}
.forum span.locked {
	background: url('../design/ui/lock.png') no-repeat;
}
.forum span.regular:before {
	content: ' > ';
	padding-left: 6px;
	color: #333;
}
.forum span.sticky:before {
	content: '!';
	font-weight: bold;
	padding-left: 6px;
}

.ptitle {
	margin-top: -4px;
	margin-left: 38px;
	margin-bottom: 0;
}

#forum_topics .info {
	color: #ccc;
	font-size: x-small;
}
#forum_topics .info .moderator:after {
	content: ', ';
}
#forum_topics .info .moderator:last-child:after {
	content: '';
}
#forum_topics th:first-child {
	padding-left: 4px;
}			
#forum_topics select {
	background: none;
	border: 1px solid #000;
	color: #ccc;
}
#forum_topics .topup {
	color: #000;
	border: 1px solid yellow;
	background: yellow;
	border-radius: 5px;
	padding: 0px 4px;
	box-shadow: inset #000 1px 1px 0px;
}
#forum_topics .lastpage {
	margin-left: 4px;
	border: 1px solid #999;
	color: #999;
	padding: 0px 2px;
}
#forum_topics .lastpage:hover {
	border-color: #fff;
	color: #fff;
}

.forum input[type="text"],
.forum textarea {
	background: none;
	color: #666;
}
.forum input[type="text"]:focus,
.forum textarea:focus {
	border-color: #444;
	box-shadow: none;
	color: #999;
}
.forum input[type="text"][readonly],
.forum textarea[readonly] {
	border: none;
	background: #000;
	color: #555;
}

.forum input:invalid,
.forum textarea:invalid {
	box-shadow: none;
}
.forum input[type="text"] {
	width: 100%;
}
.forum textarea {
	height: 10em;
}
.forum .editor.body {
	background: #222;
}
.forum .editor fieldset {
	display: inline-block;
}
.forum .editor textarea {
	max-width: 100%;
	height: 20em;
}


.thread {
	
}
.thread article .author {
	display: inline-block;
	width: 20%;
	vertical-align: top;
	border-right: 2px solid #000;
	border-top:1px solid #000;
	padding: 10px;
}
.thread .author img {
	vertical-align: middle;
}

.thread article:nth-child(2n) {
	background: rgba(0,0,0,0.15);
}
.thread article .message {
	display: inline-block;
	width: 80%;
	vertical-align: top;
	border-top:1px solid #000;
	padding: 10px;
	padding-top: 0px;
}
.thread article .content {
	
}
.thread article .content ul {
	list-style: square;
}
.thread article form {
	display: inline-block;
	float: right;
	margin-right: 4px;
}
.thread article form .free {
	font-size: 12px;
	padding: 0px;
}
.thread article form a.free {
	padding: 1px 3px;
}

.thread article blockquote {
	font-size: smaller;
	margin-left: 6px;
	padding-left: 20px;
	border-left: 2px solid #66f;
}
.thread article blockquote p {
	margin: 0;
}
.thread article blockquote blockquote {
	border-color: #f66;
}
.thread article blockquote blockquote blockquote {
	border-color: #6f6;
}

.toolbar {
	border: none;
	padding-bottom: 0;
	padding-left: 0;
	margin-left: 0;
}

.toolbar button, .toolbar input {
	font-size: small;
	border: 1px solid #000;
	background: none;
	font-family: serif, monospace;
	min-width: 28px;
	height: 28px;
}

.toolbar input[list="sigma_names"] {
	margin-right: 0;
	border-right: none;
	padding-left: 2px;
}
.toolbar input[list="sigma_names"] + button {
	margin-left: 0;
	border-left: none;
}


.forum-infobox + p:empty {
	display: none;
}
.forum-infobox + br {
	display: none;
}

.forum-infobox {
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 10px;

	background: rgba(0, 0, 0, 0.4);
	border: 2px solid #666;
	padding: 8px;
	text-align: left;
	width: 380px;
	height: 330px;
	font-size: 16px;
	position: relative;
}
.forum-infobox .infobox {
	width: 360px;
	height: 300px;
	overflow: auto;
	padding-right: 8px;
}
.forum-infobox .infobox p {
	font-size: smaller;
}
.forum-infobox textarea {
	display: none;
}
.forum-infobox .title {
	border: 2px solid #666;
	position: absolute;
	top: -10px;
	background: #000;
	padding: 2px 4px;
}
.forum-infobox .buttons {
	position: absolute;
	bottom: -12px;
	background: #000;
}

/* MODER */
#forum_modtop input {
	width: 200px;
}
#forum_modtop textarea {
	width: 300px;
	height: 3em;
}
#forum_modtop select {
	background: none;
	border: none;
	font-family: lean;
	font-size: 16px;
	color: #ccc;
}
#forum_modtop a {
	font-size: xx-small;
	color: #666;
}
#forum_modtop input[name="priority"] {
	width: 30px;
}

/* SHRINK RAY */
@media screen and (max-width: 850px) {
	.moderator.gvalue {
		font-size: 8px;
	}
}