﻿* {
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	text-align: center;
	color: #FFFFFF;
}
.container {
	width: 100%;
}
.page-xmd {
	display: table;
	width: 100%;
	height: 100%;
	margin: 0px auto;
}
#main-content-xmd {
	display: table-row;
	height: 100%;
}
a {
	color: #FFFFFF;
	text-decoration: none;
}
a:focus {
    outline: none;
	text-decoration: none;
	color: #FFFF00;
}
a:hover {
	color: #FFFF00;
	text-decoration: none;
}
a>span {
	border-bottom: 1px dashed #FFFF00;
}
a.label-xmd {
}
a.label-xmd>img {
	margin: 20px 0px 20px 5px;
}
.top-menu-xmd, .bottom-menu-xmd {
	margin: 0em;
	width: 100%;
}
.personal-content-xmd .top-menu-xmd, .personal-content-xmd .bottom-menu-xmd {
	/*background: #202020 url("/content/shared/images/bg/sota-tiles.png") repeat;*/
	background-color: rgba(0, 0, 0, 0.5);
}
.anonymous-content-xmd .top-menu-xmd, .anonymous-content-xmd .bottom-menu-xmd {
	background-color: rgba(0, 0, 0, 0.5);
}
.top-menu-xmd {
	background-position-y: bottom;
	border-bottom: 1px solid #909090;
}
.bottom-menu-xmd {
	border-top: 1px solid #909090;
}
.top-menu-xmd>tbody>tr, .bottom-menu-xmd>tbody>tr {
	vertical-align: middle;
}
.top-menu-xmd>tbody>tr>td, .bottom-menu-xmd>tbody>tr>td {
	text-align: center;
	text-shadow: 0px 0px 1px #000;
}		
.menu-item-xmd {
	font-family: yanone_kaffeesatzlight;
	font-size: 2em;
	font-weight: bold;
	white-space: nowrap;
	margin: auto 0.5em;
}
.menu-item-xmd.inactive-xmd {
	color: #FFFFFF;
	text-decoration: none;
	/*border-bottom: 1px dashed #FFFF00;*/
}
/*
.menu-item-xmd.inactive-xmd>span {
	color: #FFFFFF;
	text-decoration: none;
}
*/
.menu-item-xmd.inactive-xmd:hover {
	color: #FFFF00;
	text-decoration: none;
}
.menu-item-xmd.active-xmd {
	color: #FF0000;
	text-decoration: none;
	cursor: default;
}
/*
.menu-item-xmd.active-xmd>span {
	color: #FFFF00;
	text-decoration:none;
}
*/
.language-selector-xmd {
	margin: 1em auto;
	white-space: nowrap;
}
.language-selector-xmd>a {
	text-decoration: none;
	cursor: pointer;
}
.language-selector-xmd.active-xmd>a {
	text-decoration: none;
	color: #FFFF00;
	cursor: default;
}
.language-selector-xmd.active-xmd>a>span {
	border-bottom: none;
}
.logon-ref-xmd a {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	vertical-align: middle;
	width: 4.5em;
	height: 4.5em;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	margin-right: 1em;
}
.anonymous-content-xmd .logon-ref-xmd a {
	border: 2px solid #FFFFFF;
	background: url("/content/shared/images/logon-icon.png") no-repeat center center;
	background-size: 3em 3em;
}
.personal-content-xmd .logon-ref-xmd a {
	border: none;
	background: url("/content/shared/images/exit-icon.png") no-repeat center center;
}
.personal-content-xmd .logon-ref-xmd a {
	background-color: none;
}
.personal-content-xmd .logon-ref-xmd a:hover {
	background-color: #FF0000;
}
.anonymous-content-xmd .logon-ref-xmd.active-xmd a {
	background-color: #008000;
}
.anonymous-content-xmd .logon-ref-xmd.active-xmd a:hover {
	background-color: #00FF00;
}
.anonymous-content-xmd .logon-ref-xmd.inactive-xmd a {
	background-color: none;
}
.anonymous-content-xmd .logon-ref-xmd.inactive-xmd a:hover {
	background-color: #FF0000;
}
.logon-ref-xmd {
	margin-right: 10px;
}

/* Styles for MVC validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
	color: #ff0000;
	position: absolute;
	font-size: 0.8em;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error
{
	border-color: #FF0000;
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid
{
	display: none;
}
/* Styles for standard form elements
-----------------------------------------------------------*/
.page-xmd input[type="submit"] {
	display: block;
	background: url("/content/shared/images/controls/submit-button.png") no-repeat center;
	width: 249px;
	height: 65px;
	color: #FFFFFF;
	border: none;
	font-weight: 700;
	font-size: 25px;
	cursor: pointer;
	margin: 0px auto;
}
.page-xmd input[type="submit"].short-inline {
	display: inline-block;
	background: none;
	background-color: #FF0000;
	color: #FFFFFF;
	width: auto;
	height: auto;
	border: 2px solid #FFFFFF;
	font-weight: 700;
	font-size: 1em;
	padding: 0.5em 1em;
}
.page-xmd input[type="submit"]:hover {
	color: #FFFF00;
}
.page-xmd input[type="checkbox"] {
	display: none;
}
.page-xmd input[type="checkbox"]+label>span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	color: #DDDDDD;
	font-weight: normal;
}
.page-xmd input[type="checkbox"]+label>span:nth-child(1) {
	width: 2.4em;
	height: 2.4em;
	background: rgb(64, 64, 64);
	background: rgba(64, 64, 64, 0.7);
	border: 2px solid #FFFFFF;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.page-xmd input[type="checkbox"]:checked+label>span:nth-child(1):after {
	content: "✔";/*✓*/
}
.page-xmd input[type="text"], .page-xmd input[type="password"] {
	text-align: center;
}
.page-xmd input, .page-xmd textarea, .page-xmd select {
	resize: none;
    width: 25em;
	margin: 0.1em auto;
	color: #DDDDDD;
	background: rgb(64, 64, 64);
	background: rgba(64, 64, 64, 0.7);
	padding: 0.5em;
	border: 2px solid #FFFFFF;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.page-xmd input.input-validation-error, .page-xmd textarea.input-validation-error, .page-xmd select.input-validation-error {
	border: 2px solid #FF0000;
}
.page-xmd textarea {
	height: 8em;
}
.page-xmd select.short-inline {
	width: auto;
}
/*
.page-xmd select {
	background: rgb(64, 64, 64);
	background: rgba(64, 64, 64, 0.7);
}*/

.page-xmd div.editor-field {
	font-size: 1.3em;
	margin: 1em auto 1em auto;
}
.page-xmd div.editor-label {
	font-size: 1.3em;
	margin: 2em auto 0em auto;
}
div.standard-table-xmd {
	margin: 2em;
}
div.standard-table-xmd>table {
	margin: auto;
	border-collapse: separate;
	border: 1px solid #808080;
}
div.standard-table-xmd>table>*>tr>td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #808080;
	padding: 1em;
}
div.standard-table-xmd>table, div.standard-table-xmd>table>thead>tr>td:first-child {
	border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
}
div.standard-table-xmd>table, div.standard-table-xmd>table>thead>tr>td:last-child {
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
}
div.standard-table-xmd>table>thead>tr>td, div.standard-table-xmd>table>tfoot>tr>td {
	background-color: rgb(50,50,50);
	font-size: 1.3em;
}
div.standard-table-xmd>table>tbody>tr {
	background-color: rgba(40,40,40,0.7);
}
div.standard-table-xmd>table>tbody>tr:hover {
	background-color: rgba(40,40,40,1);
}
div.form-rectangle-xmd {
	display: inline-block;
	margin: 2em auto;
	border: 2px solid #909090;
	background-color: rgba(0,0,0,0.5);
	padding: 2em;
	text-align: center;
}
.pager-xmd {
	font-size: 1.2em;
	line-height: 2em;
}
.pager-xmd .active-xmd {
	color: #FF0000;
}
.pager-xmd .inactive-xmd {
	
}
/*-----------------------------------------------------------*/

.top-submenu-xmd {
	margin: 0em;
	background: #404040 url("/content/shared/images/bg/microline-tiles.png") repeat;
	border-top:  1px solid #000000;
	border-bottom: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	border-collapse:separate;
	margin: 0em auto;
}
.top-submenu-xmd>tbody>tr {
	vertical-align: middle;
}

.top-submenu-xmd, .top-submenu-xmd>tbody>tr>td {
	border-bottom-left-radius: 1em;
	border-bottom-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-webkit-border-bottom-right-radius: 1em;
	-moz-border-radius-bottomleft: 1em;
	-moz-border-radius-bottomright: 1em;
}
.top-submenu-xmd>tbody>tr>td {
	text-align: center;
	text-shadow: 0px 0px 1px #000;
	padding: 0.5em;
}
.submenu-item-xmd {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	white-space: nowrap;
	margin: auto 0.5em auto 0.5em;
}
.submenu-item-xmd.inactive-xmd {
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 1px dashed #FFFF00;
}
.submenu-item-xmd.inactive-xmd:hover {
	color: #FFFF00;
	text-decoration: none;
}
.submenu-item-xmd.active-xmd {
	color: #FFFF00;
	text-decoration: none;
	cursor: default;
}
/*-----Notification-----*/
.notification-message {
	margin: 20px 20px 0px 20px;
	position:relative;
}
.notification-message a {
	color: #000;
	text-decoration: underline;
}
table.close-notification-message {
	position:absolute;
	top:5px;
	right:-15px;
	border-collapse: separate;
	border: solid 3px white;
}
table.close-notification-message, table.close-notification-message td {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
}
table.close-notification-message td {
	text-align: center;
	vertical-align: middle;
	background-color: #FF0000;
	width: 30px;
	height: 30px;
}
table.close-notification-message td>a {
	text-decoration:none;
	color: #FFF;
	font-weight: bold;
	font-size: 20px;
}

table.close-notification-message td>a:hover {
	text-decoration:none;
	color: #000;
}

.notification-message-veryhigh,
.notification-message-high,
.notification-message-middle,
.notification-message-low {
	padding:15px 20px;
	background:#B91E22;
	color:#FEE3DA;
	box-shadow:0 0 5px rgba(0,0,0,0.6);
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.notification-message-high {
	background:#F36652;
	color:#FEE3DA;
}
.notification-message-middle {
	background:#F8F5AB;
	color:#706000;
}
.notification-message-low {
	background:#BFE3F7;
	color:#0F557B;
}
/*-----spoilers-----*/
.spoiler-xmd > blockquote {
	font-size: 1em;
	border: none;
}
.spoiler-xmd > span {
	cursor: pointer;
	font-family: Georgia,serif;
	font-style: italic;
	font-size: 1.3em;
	border-bottom: 1px dashed #FFFF00;
}
.spoiler-xmd > span:hover {
	color: #FFFF00;
}
.spoiler-xmd > blockquote {
    display: none;
}
.spoiler-xmd.active-xmd > blockquote {
    display: block;
}
.spoiler-xmd blockquote,
.spoiler-xmd {
    padding: 0em;
}
.spoiler-xmd {
    margin: 1em;
}
.spoiler-xmd blockquote{
	margin: 1em 1em 1em 3em;
}
.spoiler-xmd > span:before {
	content: "►";
	font-size: 1em;
	margin-right: 0.5em;
}
.spoiler-xmd.active-xmd > span {
	color: #FFFF00;
	border-bottom: none;
}
.spoiler-xmd.active-xmd > span:before {
	content: "▼";
}