@charset "utf-8";
/* CSS Document */

html{
	outline: none;	
}

body {
	background-color: #000;
	font: 11px/16px Verdana, Arial, Geneva, sans-serif;
	/*color: #c2b8af;*/
	color: #e2d8cf;
	position: relative;
	margin: 0;
	padding: 0;
}

a {
	color: #A2787a; 
	text-decoration: none;
}

a:visited {
	color: #787878;
}

a:hover {
	text-decoration: underline;
}

input[type=button][disabled], input[type=submit][disabled], input[type=radio][disabled], input[type=checkbox][disabled], button[disabled] {
    cursor: not-allowed;
}

.page_title {font-variant: small-caps;font-size: 2.4em;font-weight: normal;margin-top: 0;padding-top: 0;}
.displayNone{display: none;}
.small_text{font-size: 0.9em;line-height: 1.3em;}
.Xsmall_text{font-family:Arial, Helvetica, sans-serif; font-size: 0.9em;line-height: 1.3em;}
.center{text-align: center !important;}
.float_right{float: right;}
.float_left{float: left;}
.clear {clear: both;}
.nobr{white-space: nowrap;}
.bottom {bottom: 0;}
.top {top: 0;}
.right {right:0}
.rightFromSidebar {right: 279px;}
.inFront{z-index: 2000}
.bold {font-weight: bold;}
.strike {text-decoration: line-through;}
.contrast, #left_menu_box .contrast a{color: #82585a;}
.contrast:hover, #left_menu_box .contrast a:hover {color: #6d3f40;}
.block_spacer_5, #left_menu_box .block_spacer_5{margin-bottom: 5px;}
.block_spacer_20, #left_menu_box .block_spacer_20{margin-bottom: 20px !important;}
.block_spacer_top_20{margin-top: 20px;}
.block_spacer_top_36{margin-top: 36px;}
.ornement_10{padding-bottom: 18px;background: url(images/ui-ornements_c2b8af_10.png) no-repeat 50% 100%;}
.ornement_20, #member_box .ornement_20{padding-bottom: 18px;background: url(images/ui-ornements_c2b8af_20.png) no-repeat 50% 100%;}
.ornement_30, #left_menu_box .ornement_30{padding-bottom: 28px;background: url(images/ui-ornements_c2b8af_30.png) no-repeat 50% 100%;}
.ornement_60, #left_menu_box .ornement_60{padding-bottom: 16px;background: url(images/ui-ornements_82585a_60.png) no-repeat 0% 100%;}
.wrapWords { 
	/*
	word-break: break-all; 
	word-wrap: break-word; 
	*/
	overflow-wrap: anywhere;
	hyphens: auto;
}
.mt { margin-top: 1rem; }
.pt { padding-top: 1rem; }
.d-flex { display: flex; }
.justify-content-between { justify-content: space-between; }

[v-cloak] {
  display: none;
}

/* -----------------------
   Pages layout items 
--------------------------*/

#wrapper {
	position: relative;
	width: 94%;
	min-width: 935px;
	max-width: 1250px;
	margin: 0 auto;
}

#header{
	position: fixed;
	width: 100%;
	min-width: 935px;
	max-width: 1250px;
	height: 150px;
	background-color: #000;
	z-index: 1000;
}

#left_col{
	position: fixed;
	padding-top: 20px;
	width: 162px;
	padding-right: 7px;
	background-color: #000;
	z-index: 1000;
}

#content_wrapper{
	position: relative;
	padding-top: 152px;
	padding-left: 170px;
	padding-bottom: 20px;
	word-wrap: break-word;
}

a#MA_logo {
	position: absolute;
	top: 20px;
	left: 169px;
	display: block;
	text-indent: -999px;
	overflow: hidden;
	text-decoration: none;
	height: 120px;
	width: 400px;
	background: url(images/smallerlogo.jpg) no-repeat;
}


#search_box{
	min-width: 270px;
	height: 64px;
	position: absolute;
	right:0;
	top: 20px;
}

#top_menu_box{
	position: absolute;
	bottom: 7px;
	right: 0;
	text-align: right;
}

#member_box{
	position: relative;
	border: 1px solid #c2b8af;
	background: #2d1212 url(images/ui-bg_grain.png) repeat;
	padding: 9px;
	margin-bottom: 10px;
	min-height: 142px;
}

.member_logout{
	display: block;
	font-size: 0.9em;
	line-height: 1.1em;
	text-decoration: none;
	color: #c2b8af;
	margin-bottom: 6px;
	float: right;
}

.member_name{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-variant: small-caps;
	font-size: 12px;
	margin-left: 10px;
	text-decoration: none;
	color: #c2b8af;
	clear: right;
	word-wrap: break-word;
}

.member_logout:hover, .member_name:hover{
	color: #82585a;
}

#left_menu_box{
	border: 1px solid #c2b8af;
	border-top: 3px double #c2b8af;
	border-bottom: 3px double #c2b8af;
	background: #130101 url(images/ui-bg_webs.png) repeat;
	padding: 18px 22px 9px 22px;
	margin-bottom: 30px;
	min-height: 239px;
}

#left_text_box{
	
}

/* -----------------------
   Home page items 
--------------------------*/

#latest{
	position: relative;
	width: 362px;
	float: right;
	padding-left: 33px;
	background-color: #000;
	z-index: 100;
}

#latest div.block{
	padding: 8px;
	/*background-color: #110107;*/
	margin-bottom: 10px;
}

#latest table{
	border-collapse: collapse;
	width: 100%;
}
#latest td{
	padding: 0;
	padding-right: 5px;
	padding-top: 2px;
	margin: 0;
	/*vertical-align: bottom;*/
	vertical-align: top;
	/*width: 33%;*/
}

#latest #lastAdded td, #latest #lastUpdated td{
	width: 50%;
}
#latest .Xsmall_text{
	padding-right: 0;
	white-space: nowrap;
}
#latest span.header {
	color: #6d3f40;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	display: block;
	margin-bottom: 10px;
}

#news {
	padding-left: 25px;
	z-index: 1;
}

.motd{
	border-bottom: 1px solid #3e0b0a;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.motd p{
	text-align:justify;
	margin-bottom: 0;
}
.motd .titleLine{
	font-size: 1.2em;
	font-weight: bold;
}

#helpPage dt, tr.ranks {
	color: #6d3f40;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
}


/* -----------------------
   Animations 
--------------------------*/

.list-enter-active,
.list-leave-active {
  transition: all 0.5s ease;
}
.list-enter-from,
.list-leave-to {
  opacity: 0;
  transform: translateX(30px);
}