@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500;600;700&display=swap');
:root{
  --link:#9c3a14;
  --accent:#A8380D;
  --accent-dark:#7A2608;
  --accent-light:#C85A1E;
  --accent-text:#F0DEC4;
}
body {
  margin: 0px;
  padding:  0px;
  background-color: #201f25;
}

.color{
position:relative;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:linear-gradient(to bottom, var(--accent,#A8380D), var(--accent-dark,#7A2608));
background-color:var(--accent,#A8380D);
height:25px;
font-size:12px;
font-weight:bold;
font-variant:small-caps;
letter-spacing:0.7px;
color:var(--accent-text,#F0DEC4);
text-shadow:0 1px 1px rgba(0,0,0,0.75), 0 0 7px rgba(255,140,60,0.30);
padding:0px 0px 0px 12px;
border-top:1px solid rgba(255,200,150,0.22);
border-bottom:2px solid #4a1705;
box-shadow:inset 0 1px 0 rgba(255,210,160,0.18), 0 4px 9px -3px rgba(210,90,25,0.60);
}

.spellsbtn{
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
background-image:url(https://archive.is/ZU5sp/7ec5b41f0db4e696fcbb4de880dbe622fffd18f8.png);
height:35px;
font-size:12px;
font-weight:bold;
color:rgb(255, 255, 255);
padding: 0px;
border-bottom: 1px solid black;
}
.divspell{
	text-align:left;
	position:relative;
	font-family:Helvetica, Arial, sans-serif;
	font-size:1.1em;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAABkAQAAAADcH0/XAAAAAmJLR0QAAd2KE6QAAAAJcEhZcwAAAEgAAABIAEbJaz4AAAASSURBVCjPY/gPAgyj5ChJVRIAypHyHLPbLnsAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMjRUMTg6NTU6NDktMDg6MDBl9f34AAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTI0VDE4OjU1OjQ5LTA4OjAwFKhFRAAAAABJRU5ErkJggg==);
	background-color: rgb(255, 255, 255); 
	color:rgb(68, 68, 68);
	border-top-left-radius:2px 2px;
	border-top-right-radius:2px 2px;
	border-bottom-left-radius:2px 2px;
	border-bottom-right-radius:2px 2px;
	background-position: 50% 50%; 
	background-repeat: repeat-x; 
	border-width: 1px;
	border-style: solid; 
	padding: 0.2em; 
	border-color: rgb(221, 221, 221);
	width: 98%;
	margin-left: 5px;
}
.ulspells{
	text-align:left;
	line-height:1.3;
	text-decoration:none;
	font-size:100%;
	min-height:0px;
	background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAAAAAAy19n/AAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAABaSURBVBjTY3ghxUAnxMnwfAvD8ziG5xwMzxYyPNNieLqJ4akVw5ONDE80GB7PY3gsyvCoh+ERM8PDTIYHHxkeZDDc/8Bwv5PhviDDvT0M90IZ7gkw3L07gAgAqnGJik898kcAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMjRUMTg6NTc6MTUtMDg6MDDuQEnVAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTI0VDE4OjU3OjE1LTA4OjAwnx3xaQAAAABJRU5ErkJggg==);
	background-color: rgb(221, 221, 221); 
	color:rgb(68, 68, 68);
	font-weight:bold;
	border-top-left-radius:2px 2px;
	border-top-right-radius:2px 2px;
	border-bottom-left-radius:2px 2px;
	border-bottom-right-radius:2px 2px;
	background-position: 50% 50%; 
	background-repeat: repeat-x; 
	outline: invert none 0px; 
	list-style: none outside none; 
	border-width: 1px; 
	border-style: solid;
	margin: 0px; 
	padding: 0.2em 0.2em 0px;
	border-color: rgb(221, 221, 221);
	
}
.lispells{
	text-align:left;border-top-left-radius:2px 2px;border-top-right-radius:2px 2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAGQEAIAAACwqkHPAAAABmJLR0T///////8JWPfcAAAACXBIWXMAAABIAAAASABGyWs+AAAAmklEQVRIx+3PoQrCYBSG4e98zH/nh6FpC0YFo9Vutdm8AG9BEH+vwbqBYBL7xpJp9yAYNU+Dl2DwGkTDSU96w4vXcrae7ggAgGEYhvFt0LZJAlAm3HJPBJe7O56j/qJHIo+v8ZhSaaYbSqmpD0Tjaz+kNFr7AaXUVAOl0swH4qgrvVA+HUKncDfKPDpHD6IrB5z+YtowDOOHvAE6lyAx8kIObAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxMy0wMy0wMVQwODo0OToyMi0wODowMJ6nszQAAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTMtMDMtMDFUMDg6NDk6MjItMDg6MDDv+guIAAAAAElFTkSuQmCC);background-color: rgb(234, 12, 0); font-weight:bold;color:rgb(255, 255, 255);float:left;position:relative;top:0px;white-space:nowrap;background-position: 50% 50%; background-repeat: repeat-x; list-style: none outside none; border-width: 1px 1px 0px; border-style: solid solid none; margin: 1px 0.2em -1px 0px; padding: 0px 0px 1px; border-color: rgb(234, 12, 0) rgb(234, 12, 0) white;
	
}
.lispellsdisabled{
	text-align:left;border-top-left-radius:2px 2px;border-top-right-radius:2px 2px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkEAAAAAAy19n/AAAAAmJLR0T//xSrMc0AAAAJcEhZcwAAAEgAAABIAEbJaz4AAABXSURBVBjTxcKxDUBQEIDhPxYQtQUkalMo1KJTa8yiEEaxhUok5nh3707EFnz5uHs+2nKX+IPv+Ip3eI5d2ITVWELciCOxQA90Rhs0RU5kQQakQjJC+PEL4T6hWkWuPL4AAAAldEVYdGRhdGU6Y3JlYXRlADIwMTMtMDItMjRUMTg6NTc6MTUtMDg6MDDuQEnVAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDEzLTAyLTI0VDE4OjU3OjE1LTA4OjAwnx3xaQAAAABJRU5ErkJggg==);background-color: rgb(246, 246, 246); font-weight:bold;color: var(--link,#9c3a14);float:left;position:relative;top:0px;white-space:nowrap;background-position: 50% 50%; background-repeat: repeat-x; list-style: none outside none; border-width: 1px 1px 0px; border-style: solid solid none; margin: 1px 0.2em 0px 0px; padding: 0px; border-color: rgb(221, 221, 221) rgb(221, 221, 221) white;
	
}

.aspellsactive{
	text-align:left;
	font-weight:bold;
	color:rgb(255, 255, 255);
	float:left;
	text-decoration:none;
	cursor:text;
	padding: 0.5em 1em;
	
}
.aspellsactive a:hover{
	text-align:left;
	font-weight:bold;
	color:rgb(255, 255, 255);
	float:left;
	text-decoration:none;
	cursor:text;
	padding: 0.5em 1em;
	
}

.aspellsdesactive{
	text-align:left;
	font-weight:bold;
	color: var(--link,#9c3a14);
	float:left;
	text-decoration:none;
	cursor:pointer;
	padding: 0.5em 1em; 
	
}



.tablebody{
	border-collapse:separate;
	border-spacing:0px;
	text-align:left;
	font-size:12px;
	width:611px;
	background-image:url(/layouts/tibiacom/unline/images/bar.png?v=2);
	border-width: 0px; 
	border-style: outset; 
	border-color: #999;
}
.tdbody{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bolder;
	color:rgb(255, 255, 255);
	font-variant:small-caps;
	height:30px;
	padding: 0px 0px 0px 20px;
}
.tdleft{
	color:rgb(0, 0, 0);
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	height:21px;
	border: 1px solid rgb(0,0,0);

	
}
.tdcenter{
	color:rgb(0, 0, 0);
	text-align:center;
	height:21px;
	border-width: 1px; 
	border-style: solid; 
	border-color: rgb(0, 0, 0);
}
.tdnoborder{
	color:rgb(0, 0, 0);
	text-align:left;
	height:21px;
}
.tableunline{
	width:75%;
	text-align:left;
	border-collapse:collapse;
	-webkit-border-horizontal-spacing:0px;
	-webkit-border-vertical-spacing:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width: 1px; 
	border-style: solid;
	padding: 0px; 
	border-color: rgb(0, 0, 0);
	margin-left: 5px;
}
.table-sm{
	width:75%;
	text-align:left;
	border-collapse:collapse;
	-webkit-border-horizontal-spacing:0px;
	-webkit-border-vertical-spacing:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border-width: 1px; 
	border-style: solid;
	padding: 0px; 
	border-color: rgb(0, 0, 0);
}

.radius{
border-radius: 10px;
border: 0.5px solid #000000;
width: 90%;
	
}

#borderDemo {
border: 0.5px solid #666666;
border-radius: 5px;
width: 98%;
min-height: 68px;
background-color: #bfbfbf;
}
.text{
	margin-left: 10px;
	margin-top: 10px;
}

.containersx{
	background-color: #BFBFBF;
	
}
.tablesx{
border: 1px solid #808080;	
min-height: 50%;
}

@keyframes fadeIn{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/* Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container  - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 100;
  animation: fadeIn 0.5s;
  
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;

}
.dropdown-content a:hover {
  color: white;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown-content a:hover 
{
	background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

}

.dropdown:hover .dropdown-content {display: block;}

.dropdown:hover .dropbtn {background-color: #3e8e41;}

#MainHelper1 {
  position: relative;
  text-align: center;
  top: 0px;
  height: 100%;
  min-width: 1000px;
  overflow: visible;
}
#MainHelper2 {
  position: relative;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  top: 0px;
  height: 100%;
  max-width: 1200px;
  overflow: visible;
  padding-top: 155px;
}
#ArtworkHelper1 {
  position: absolute;
  max-width: 1200px;
  text-align: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: visible;
  margin-left: -800px;
}
#ArtworkHelper2 {
  position: absolute;
  text-align: center;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: visible;
  width: 1600px;
  margin-right: auto;
  margin-left: 50%;
}
#HeaderArtworkDiv {
  position: fixed;
  text-align: center;
  background-position: top center;
  background-attachment: scroll;
  background-repeat: no-repeat;
  top: 0px;
  height: 800px;
  width: 100%;
}
* html #HeaderArtworkDiv {
  left: 0px;
}

/* container to implement min/max width */
#Bodycontainer {
  text-align: left;
  min-width: 1000px;
  max-width: 1200px;
  width: 100%;
  height: 100%;
  margin: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  display: table;
}

.siteHeader .navigation li:hover a.dropdown
{
	padding: 9px 19px 10px 19px;
	border-bottom: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.siteHeader .navigation li ul.dropdown
{
	display: none;
	position: absolute;
	overflow: hidden;
	width: 240px;
	border: 1px solid #000;
	border-top: 0;
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.siteHeader .navigation li:hover a
{
	padding: 9px 19px;
	color: #fed327;
	text-decoration: none;
	background: #222;
	border: 1px solid #000;
	-webkit-box-shadow: inset 0 1px 0 #383838;
	-moz-box-shadow: inset 0 1px 0 #383838;
	box-shadow: inset 0 1px 0 #383838;
}

.siteHeader .navigation li:hover a.dropdown
{
	padding: 9px 19px 10px 19px;
	border-bottom: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.siteHeader .navigation li ul.dropdown
{
	display: none;
	position: absolute;
	overflow: hidden;
	width: 240px;
	border: 1px solid #000;
	border-top: 0;
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.siteHeader .navigation li ul.dropdown li
{
	float: none;
	margin: 0;
}

.siteHeader .navigation li ul.dropdown li a
{
	padding: 15px 20px;
	color: #fff;
	text-transform: none;
	background: #222;
	border: 0;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.siteHeader .navigation
{
	float: right;
}

.siteHeader .navigation li
{
	float: left;
	margin: 20px 0;
}

.siteHeader .navigation li a
{
	display: block;
	line-height: 15px;
	padding: 10px 20px;
	color: #fff;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background 200ms, color 200ms;
	-moz-transition: background 200ms, color 200ms;
}

.siteHeader .navigation li a.dropdown
{
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.siteHeader .navigation li a span
{
	font-size: 11px;
	color: #999;
	text-transform: none;
}

.siteHeader .navigation li:hover a
{
	padding: 9px 19px;
	color: #fed327;
	text-decoration: none;
	background: #222;
	border: 1px solid #000;
	-webkit-box-shadow: inset 0 1px 0 #383838;
	-moz-box-shadow: inset 0 1px 0 #383838;
	box-shadow: inset 0 1px 0 #383838;
}

.siteHeader .navigation li:hover a.dropdown
{
	padding: 9px 19px 10px 19px;
	border-bottom: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.siteHeader .navigation li ul.dropdown
{
	display: none;
	position: absolute;
	overflow: hidden;
	width: 240px;
	border: 1px solid #000;
	border-top: 0;
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.siteHeader .navigation li ul.dropdown li
{
	float: none;
	margin: 0;
}

.siteHeader .navigation li ul.dropdown li a
{
	padding: 15px 20px;
	color: #fff;
	text-transform: none;
	background: #222;
	border: 0;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.siteHeader .navigation li ul.dropdown li:first-child a
{
	-webkit-border-top-right-radius: 6px;
}

.siteHeader .navigation li ul.dropdown li a:hover
{
	color: #fed327;
	background: #333;
	-webkit-box-shadow: inset 0 3px 6px #191919;
	-moz-box-shadow: inset 0 3px 6px #191919;
	box-shadow: inset 0 3px 6px #191919;
}

.siteHeader .navigation li:hover ul.dropdown
{
	display: block;
}

.siteHeader .navigation li ul.dropdown li:first-child a
{
	-webkit-border-top-right-radius: 6px;
}

.siteHeader .navigation li ul.dropdown li a:hover
{
	color: #fed327;
	background: #333;
	-webkit-box-shadow: inset 0 3px 6px #191919;
	-moz-box-shadow: inset 0 3px 6px #191919;
	box-shadow: inset 0 3px 6px #191919;
}

.siteHeader .navigation li:hover ul.dropdown
{
	display: block;
}

.siteHeader .navigation li ul.dropdown li
{
	float: none;
	margin: 0;
}

.siteHeader .navigation li ul.dropdown li a
{
	padding: 15px 20px;
	color: #fff;
	text-transform: none;
	background: #222;
	border: 0;
	border-top: 1px solid #000;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.siteHeader .navigation li ul.dropdown li:first-child a
{
	-webkit-border-top-right-radius: 6px;
}

.siteHeader .navigation li ul.dropdown li a:hover
{
	color: #fed327;
	background: #333;
	-webkit-box-shadow: inset 0 3px 6px #191919;
	-moz-box-shadow: inset 0 3px 6px #191919;
	box-shadow: inset 0 3px 6px #191919;
}

.siteHeader .navigation li:hover ul.dropdown
{
	display: block;
}

#ContentRow {
  position: relative;
  top: 155px;
}

/* "star-HTML-hack" to correct the position of the content row */
* html #ContentRow {
  display: inline-block;
}

#MenuColumn {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 180px;
  margin-right: 15px;
  margin-left: 15px;
  padding: 0px;
  font-family:  Arial, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  line-height: 12pt;
}

#ContentColumn {
  position: relative;
  margin: 0px;
  margin-left: 205px;
  margin-right: 205px;
}

#ThemeboxesColumn {
  text-align:  center;
  position: absolute;
  top: 0px;
  right: 0px;
  width: 180px;
  margin: 0px;
  margin-right: 15px;
  margin-left: 25px;
}

#Footer {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  font-weight: normal;
  text-align: center;
  position: relative;
  width: 100%;
  padding-bottom: 20px;
  color: white;
}
* html #Footer {
  padding-bottom: 120px;
  margin-bottom: 50px;
}

/* Footer linkes */
#Footer a:link    { color: white; text-decoration: none; }
#Footer a:visited { color: white; text-decoration: none; }
#Footer a:focus   { color: white; text-decoration: none; }
#Footer a:active  { color: white; text-decoration: underline; }
#Footer a:hover   { color: white; text-decoration: underline; }

/** -------------------------------
 *  Stylesheet declarations for the
 *  HEADER AREA
 *  -------------------------------
 */

#LeftArtwork {
  position: absolute;
  height: 140px;
  width: 166px;
  top: -140px;
  left: 4px;
  background-repeat: no-repeat;
  z-index:5;
}

#LeftArtwork #TibiaLogoArtworkTop {
  position: absolute;
  top: -17px;
  left: -14px;
  height: 158px;
  width: 196px;
  z-index: 5;
  cursor: pointer;
  border: 0px;
}

#LeftArtwork #LogoLink {
  position: absolute;
  bottom: 14px;
  left: 58px;
  height: 14px;
  width: 50px;
  z-index: 99;
  cursor: pointer;
}

#RightArtwork {
  text-align: left;
  position: absolute;
  /*top: 143px;*/
  right: 24px;
  width: 132px;
  background-repeat: no-repeat;
  z-index: 90;
}

#RightArtwork #Monster {
  position: absolute;
  height: 80px;
  width: 80px;
  top: -137px;
  left: 7px;
  z-index: 15;
  cursor: pointer;
}

#PedestalAndOnline {
  position: absolute;
  left: -10px;
  top: -105px;
  width: 153px;
  height: 107px;
}

#RightArtwork #PlayersOnline {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size: 7pt;
  line-height: 8pt;
  text-align: center;
  position: absolute;
  width: 92px;
  bottom: 11px;
  left: 21px;
  color: #cfa600;
  border-bottom: 1px solid #010101;
  cursor: pointer;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  LOGINBOX
 *  -------------------------------
 */

#Loginbox {
  position: relative;
  left: 5px;
  top: 8px;
  width: 100%;
  margin-bottom: 42px;
  background-repeat: no-repeat;
}

#Loginbox #LoginTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox #LoginBottom {
  position: absolute;
  top: 52px;
  left: -5px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#Loginbox .LoginBorder {
  position: absolute;
  top: 0px;
  height: 52px;
  width: 8px;
  background-repeat: repeat-y;
  z-index: 10;
}

#Loginbox #BorderRight {
  right: 9px;
}

#Loginbox .Loginstatus {
  position: relative;
  top: 0px;
  left: 5px;
  height: 13px;
  width: 160px;
}

#Loginbox .LoginstatusText {
  position: absolute;
  top: 1px;
  left: 18px;
  width: 124px;
  height: 11px;
  cursor: pointer;
}

#Loginbox #LoginstatusText_1 {
  visibility: visible;
}

#Loginbox #LoginstatusText_2 {
  visibility: hidden;
}

#LoginBox #LoginButtonContainer {
  position: relative;
  height: 39px;
  width: 160px;
  left: 5px;
  background-repeat: repeat-y;
}
#PlayNowContainer {
  position: absolute;
  width: 150px;
  height: 37px;
  top: 1px;
  left: 5px;
  z-index: 99;
}
#PlayNowContainer form {
  margin: 0px;
  padding: 0px;
  border: 0px;
}
.BigBoldText {
  font-weight: bold;
  font-size: 14pt;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  MENU
 *  -------------------------------
 */

#Menu {
  position: relative;
  left: 5px;
  background-repeat: no-repeat;
}

#MenuTop {
  position: absolute;
  left: -5px;
  top: -12px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

#MenuBottom {
  position: relative;
  left: -5px;
  bottom: 0px;
  height: 12px;
  width: 180px;
  background-repeat: no-repeat;
}

/* Menuitems */

.MenuButton {
  position: relative;
  height: 32px;
  width: 170px;
  display: block;
  cursor: pointer;
}

.Button {
  position: relative;
  height: 32px;
  width: 170px;
  visibility: hidden;
  display: block;
}

.Extend {
  position: absolute;
  top: 20px;
  right: -2px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
}

.Lights {
  visibility: hidden;
}

.Light_lu {
  position: absolute;
  top: 2px;
  left: 3px;
  height: 2px;
  width: 2px;
  background-repeat: no-repeat;
}

.Light_ru {
  position: absolute;
  top: 2px;
  right: 3px;
  height: 2px;
  width: 2px;
  background-repeat: no-repeat;
}

.Light_ld {
  position: absolute;
  height: 2px;
  width: 2px;
  top: 28px;
  left: 3px;
}

.Icon {
  position: absolute;
  height: 32px;
  width: 32px;
  top: 0px;
  left: 8px;
}

.Label {
  position: absolute;
  height: 22px;
  width: 116px;
  top: 6px;
  left: 42px;
}

/* Submenus(items) */

.LeftChain {
  position: absolute;
  top: 0px;
  left: -5px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.RightChain {
  position: absolute;
  top: 0px;
  right: -4px;
  height: 33px;
  width: 7px;
  background-repeat: repeat-y;
}

.Submenu {
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  background-color: #0D2E2B;
  width: 160px;
}

.Submenuitem {
  position: relative;
  margin: 0px;
  padding: 0px;
}

.ActiveSubmenuItemIcon {
  position: absolute;
  top: 5px;
  left: 3px;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  visibility: hidden;
}

.SubmenuitemLabel {
  margin: 0px;
  border-top: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 15px;
  border-bottom: 1px solid #4b7874;
  overflow: hidden;
}

/* Submenu links */
.Submenu a:link    { color: #d7d7d7; text-decoration: none; }
.Submenu a:visited { color: #d7d7d7; text-decoration: none; }
.Submenu a:focus   { color: #d7d7d7; text-decoration: none; }
.Submenu a:active  { color: white; text-decoration: none; }
.Submenu a:hover   { color: white; text-decoration: none; }

/** -------------------------------
 *  Stylesheet declarations for the
 *  CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent {
  padding: 10px;
}

/* "tanhack" for correction of IE bug */
* html .Content {
  top: -5px;
}

.Content {
  position: relative;
  top: 0px;
  width: 100%;
}

/* "star-HTML-hack" to correct the position of the content area */
* html .Content {
  position: relative;
  top: 796px;
  margin: 20px;
  border: 0px dashed #201f25;
  border-right-width: 550px;
}

#ContentHelper {
  position: relative;
}

/* "star-HTML-hack" to to implement min-width in IE */
* html #ContentHelper {
  display: inline-block;
  position: relative;
  top: -800px;
  margin: -20px;
  margin-right: -570px;
}

.Content .Box {
  font-size: 0pt;
  position: relative;
  margin: 5px;
  margin-bottom: 18px;
  color: #333333;
  border-left: 2px solid #3a3738;
  border-right: 2px solid #3a3738;
  background-color: #debb9d;
  background-repeat: no-repeat;
  overflow: visible;
}

.Content .BoxContent {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 9pt;
  background-color: #FFF2db;
  color: #333333;
  min-height: 395px;
  height: auto !important;
  height: 415px;
}

/* "star-HTML-hack" to correct Box width in IE */
* html .Content .Box {
  width: 100%;
}
/* "star-HTML-hack" to correct BoxContent width in IE */
* html .Content .BoxContent {
  width: 100%;
}

.Content th {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  color: white;
  background-color: #505050;
}

.Content .BoxContent td {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 10pt;
  color: #333333;
 }

/* Content Links */

.Content a {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  color: #004294;
  text-decoration: none;
}
.Content a:hover {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-weight: bold;
  text-decoration: underline;
  color: #0063DC;
}
.Content .HelpLink {
  font-size: 7pt;
  cursor: pointer;
}

/* Corners */

.Content .Corner-tl {
  position: absolute;
  top: -4px;
  left: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .Corner-tr {
  position: absolute;
  top: -4px;
  right: -5px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .BottomCornersHelper {
  position: absolute;
  width: 100%;
}

.Content .CornerWrapper-b {
  position: absolute;
  width:100%;
}

.Content .Corner-bl {
  position: absolute;
  bottom: -4px;
  left: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

.Content .Corner-br {
  position: absolute;
  bottom: -4px;
  right: -6px;
  width: 17px;
  height: 17px;
  z-index: 50;
}

/* Borders */

.Content .Border_1 {
  position: relative;
  height: 6px;
  width: 100%;
  background-repeat: repeat-x;
}

.Content .BorderTitleText {
  position: relative;
  height: 24px;
  background-repeat: repeat-x;
}

.Content .Title {
  position: absolute;
  top: 6px;
  left: 5px;
}

.Content .Border_2 {
  margin: 4px;
  padding: 0px;
  background-color: #793d03;
}

.Content .Border_3 {
  margin: 1px;
  border-top: 1px solid #793d03;
  border-bottom: 1px solid #793d03;
}

/** -------------------------------
 *  Stylesheet declarations for the
 *  THEMEBOXES of the Tibia
 *  website
 *  -------------------------------
 */

.Themebox {
  position: relative;
  margin-bottom: 10px;
  top: -4px;
  width: 180px;
  height: 154px;
}
#Themeboxes div {
  font-size: 10pt;
  background-repeat: no-repeat;
}
#Themeboxes .ThemeboxButton {
  position: absolute;
  bottom: 20px;
  left: 22px;
  height: 25px;
  width: 137px;
  cursor: pointer;
}
#Themeboxes .Bottom {
  position: absolute;
  bottom: 0px;
  left: 0px;
  height: 12px;
  width: 180px;
}
/* "star-HTML-hack" to correct the position of the bottom element */
* html #Themeboxes .Bottom {
  bottom: -3px;
}
#Themeboxes #PremiumBox {
  height: 164px;
}
#Themeboxes #ScreenshotBox #ScreenshotContent {
  position: relative;
  height: 111px;
  width: 170px;
  top: 31px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  border: 0;
  cursor: pointer;
}
#Themeboxes #CurrentPollBox #CurrentPollText {
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  line-height: 11pt;
  color: #333333;
  position: absolute;
  #height: 70px;
  width: 150px;
  top: 37px;
  left: 15px;
  padding-top: 5px;
  overflow: hidden;
}
#Themeboxes #SkyscraperBanner {
  border: 0;
}
#Themeboxes #FansiteBox {
  position: relative;
  height: 188px;
  text-align: center;
}
#Themeboxes #FansiteLogoFrame {
  position: relative;
  top: 31px;
  width: 180;
  height: 145px;
}
#Themeboxes #FansiteLogo {
  position: relative;
  height: 100px;
  width: 150px;
  top: 8px;
  border: 0;
  cursor: pointer;
}
#Themeboxes #FansiteBox .ThemeboxButton {
  bottom: 19px;
}
#Themeboxes #NetworksBox {
  position: relative;
  height: 204px;
}
#Themeboxes #VideoBox {
  position: relative;
  height: 130px;
}
#Themeboxes #NetworksBox #FacebookBlock {
  position: relative;
  top: 32px;
  height: 113px;
}
#Themeboxes #VideoBox #VideoBlock {
position: absolute;
left: 5px;
top: 32px;
height: 113px;
}
#Themeboxes #NetworksBox #FacebookLikeBox {
  position: relative;
  left: 27px;
  top: 3px;
  height: 60px;
  width: 115px;
  overflow: hidden;
}
#Themeboxes #NetworksBox #FacebookLikeBox div {
  position: relative;
  left: -1px;
  top: -1px;
}
#Themeboxes #NetworksBox #FacebookSendBox {
  position: absolute;
  left: 92px;
  top: 14px;
  width: 50px;
}
#Themeboxes #NetworksBox #FacebookLikes {
  position: relative;
  left: 13px;
  top: 10px;
  width: 155px;
  left: 13px;
  overflow: hidden;
}
#Themeboxes #NetworksBox #FacebookLikes div {
  position: relative;
  left: -52px;
}
#Themeboxes #NetworksBox #TwitterBlock {
  position: relative;
  top: 42px;
  text-align: center;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA
 *  -------------------------------
 */

.Content .BoxContent td .white {
  color: #EFEFEF;
  visibility: visible;
}

.Content .BoxContent td .whites {
  color: #EFEFEF;
  visibility: visible;
  font-size: 9pt;
}

.Content .BoxContent .white {
  color : #EFEFEF;
  visibility : visible;
}

.Content .BoxContent td .green {
  color : #00BF00;
}

.Content .BoxContent td .yellow {
  color : #FFBB05;
}

.Content .BoxContent td .red {
  color: var(--link,#9c3a14);
}

.Content .BoxContent td .grey {
  color : #808080;
}

/** -------------------------------
 *  OLD Stylesheet declarations for
 *  the CONTENT AREA (forum)
 *  -------------------------------
 */

.Content .BoxContent .ff_info {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 10pt;
  color : #333333;
  visibility : visible;
}

.Content .ff_white a {
  color: #FFFFFF;
}

.Content .BoxContent .ff_white {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EFEFEF;
  visibility : visible;
  font-size : 7pt;
  font-weight: bold;
}

.Content .BoxContent .ff_red {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color: var(--link,#9c3a14);
  visibility : visible;
  font-size : 8pt;
  font-weight: bold;
}

.Content .BoxContent .ff_whitelarge {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  color : #EFEFEF;
  visibility : visible;
  font-size : 9pt;
  font-weight: bold;
}

.Content .BoxContent .ff_info {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 8pt;
  color : #333333;
  visibility : visible;
}

.Content .BoxContent .ff_infotext {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 8pt;
  color : #333333;
  visibility : visible;
  line-height: 12pt;
}

.Content .BoxContent .ff_smallinfo {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 7pt;
  color : #333333;
  visibility : visible;
}

.Content .BoxContent .ff_large {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 12pt;
  color : #333333;
  visibility : visible;
}

.Content .BoxContent .ff_pagetext {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 9pt;
  color : #333333;
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_pagetextgrey {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 9pt;
  color : #505050;
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_pagetextred {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 9pt;
  color: var(--link,#9c3a14);
  visibility : visible;
  line-height: 13pt;
}

.Content .BoxContent .ff_correct {
  font-family : Verdana, Arial, Times New Roman, sans-serif;
  font-size : 11pt;
  color: var(--link,#9c3a14);
  visibility : visible;
  font-weight: bold;
}

/** --------------------------------------
 *  ### not final versions for tests
 *  ### concerning the new payment process
 *  --------------------------------------
 */

/* new error handling concept tests */

.FormFieldError {
  font-size: 8pt;
  color: var(--link,#9c3a14);
}
.SmallBox {
  position: relative;
  font-size: 1px;
}
.SmallBox .ErrorMessage {
  font-size: 8pt;
  position: relative;
  color: var(--link,#9c3a14);
  height: 100%;
  background-color: #BFBFBF;
  padding: 5px;
  padding-left: 43px;
}
.SmallBox .Message {
  font-size: 10pt;
  position: relative;
  height: 100%;
  background-color: #BFBFBF;
  padding: 10px;
}
.SmallBox .ErrorMessage ul {
  padding-left: 15px;
}
.SmallBox .BoxFrameHorizontal {
  position: relative;
  height: 4px;
}
.SmallBox .BoxFrameVerticalRight {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .BoxFrameVerticalLeft {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 3px;
  background-repeat: repeat-y;
  height: 100%;
}
.SmallBox .MessageContainer {
  position: relative;
  height: 100%;
}
.SmallBox .BoxFrameEdgeLeftTop {
  position: absolute;
  left: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeLeftBottom {
  position: absolute;
  left: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightTop {
  position: absolute;
  right: -1px;
  top: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .BoxFrameEdgeRightBottom {
  position: absolute;
  right: -1px;
  bottom: -1px;
  width: 5px;
  height: 5px;
}
.SmallBox .AttentionSign {
  position: absolute;
  top: 3px;
  left: 8px;
  width: 30px;
  height: 26px;
}

/** ----------------
 *  new process bars
 *  ----------------
 */

#ProgressBar #Headline {
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
  margin-bottom: 5px;
}
#ProgressBar #MainContainer {
  position: relative;
  top: 10px;
  height: 50px;
  margin-bottom: 25px;
}
#ProgressBar #BackgroundContainer {
  position: relative;
  width: 100%;
}

#ProgressBar #BackgroundContainerLeftEnd {
  position: absolute;
  float: left;
}
#ProgressBar #BackgroundContainerCenter {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 17px;
  width: 100%;
}
#ProgressBar #BackgroundContainerCenterImage {
  position: relative;
  margin-left: 25px;
  margin-right: 25px;
  height: 17px;
}
#ProgressBar #BackgroundContainerRightEnd {
  position: absolute;
  right: 0px;
  top: 0px;
  float: right;
}
#ProgressBar #TubeLeftEnd {
  position: absolute;
  left: 25px;
  top: 4px;
}
#ProgressBar #TubeRightEnd {
  position: absolute;
  right: 25px;
  top: 4px;
  z-index: 0;
}
#ProgressBar .Steps {
  position: relative;
  height: 39px;
  font-size: 9px;
  float: left;
  top: -11px;
  margin-left: -1px;
}
#ProgressBar #StepsContainer1 {
  text-align: right;
  margin-left: 92px;
  margin-right: 40px;
  height: 10px;
}
#ProgressBar #StepsContainer2 {
  width: 100%;
  height: 10px;
}
#ProgressBar .TubeContainer {
  position: relative;
  padding-right: 47px;
}
#ProgressBar .Tube {
  position: relative;
  top: 16px;
  left: 0px;
  width: 100%;
  height: 7px;
  background: #FFFFFF none repeat scroll 0%;
}
* html #ProgressBar .Tube {
  top: 13px;
}
#ProgressBar .SingleStepContainer {
  position: absolute;
  top: 0px;
  width: 47px;
  height: 30px;
  right: 0px;
  text-align: center;
}
#ProgressBar #FirstStep .SingleStepContainer {
  left: 45px;
  width: 47px;
  position: absolute;
}
#ProgressBar .StepIcon {
  position: absolute;
  right: 0px;
}
* html #ProgressBar .StepIcon {
  right: -1px;
}
#ProgressBar #FirstStep .StepIcon {
  top: 0px;
  left: 0px;
}
#ProgressBar .StepText {
  top: 40px;
  position: absolute;
  width: 200px;
  right: -77px;
}


/** -------------------------------
 *  Stylesheet declarations for the
 *  NEW TABLES
 *  -------------------------------
 */

.TableContainer {
  border: 1px solid black;
  position: relative;
  width: 100%;
  font-size: 1px;
}
.TableContainer .Odd {
  background-color: #f2f2f2;
}
.TableContainer .Even {
  background-color: #CCC;
}

/* TABLEHEADER DECORATION */
.TableContainer .CaptionContainer {
  position: relative;
  font-size: 1pt;
  background-color: #4d4d4d !important;
  height: 100%;
  width: 100%;
  text-align: left;
}
.TableContainer .CaptionContainer .CaptionInnerContainer {
	position: relative;
  background: rgba(248,80,50,1);
background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(248,80,50,1)), color-stop(50%, rgba(241,111,92,1)), color-stop(51%, rgba(246,41,12,1)), color-stop(71%, rgba(240,47,23,1)), color-stop(100%, rgba(231,56,39,1)));
background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -o-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: -ms-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
background: linear-gradient(to bottom, rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827', GradientType=0 );
color: white;
font-size: 15px;
  width: 100%;
  height: 100%;
  padding-top: 3px;
  padding-bottom: 4px;
}
.TableContainer .CaptionContainer .Text {
	font-family: Verdana, Arial, Times New Roman, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
	color: white;
	padding-left: 10px;
	padding-top: 0px;
	margin: 3px;
	padding-bottom: 0px;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftTop {
	position: absolute;
	width: 5px;
	height: 5px;
	top: -2px;
	left: -2px;
	z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightTop {
	position: absolute;
  width: 5px;
  height: 5px;
	top: -2px;
  right: -2px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	left: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionEdgeRightBottom {
	position: absolute;
  width: 5px;
  height: 5px;
	right: -2px;
	bottom: -3px;
  z-index: 50;
}
.TableContainer .CaptionContainer .CaptionBorderTop {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  top: -1px;
}
.TableContainer .CaptionContainer .CaptionBorderBottom {
  position: absolute;
  width: 100%;
  height: 4px;
  left: 0px;
  bottom: -2px;
}
.TableContainer .CaptionContainer .CaptionVerticalLeft {
  position: absolute;
  height: 100%;
  width: 3px;
  left: -1px;
  top: 0px;
}
.TableContainer .CaptionContainer .CaptionVerticalRight {
  position: absolute;
  height: 100%;
  width: 3px;
  right: -1px;
  top: 0px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightTop {
  right: -3px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeLeftBottom {
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionEdgeRightBottom {
  right: -3px;
  bottom: -4px;
}
* html .TableContainer .CaptionContainer .CaptionBorderBottom {
  bottom: -3;
}
* html .TableContainer .CaptionContainer .CaptionVerticalRight {
  right: -2px;
}
/* TABLE CONTENT */
.TableContentContainer {
  border: 1px solid #4d4d4d;
  position: relative;
  margin-right: 4px;
  height: 100%;
  background-color: #BFBFBF;
  padding: 0px;
}
.TableContent {
  width: 100%;
  border-collapse: collapse;
}
.TableContent td {
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}
/* INNER TABLE TABS */
.InnerTableTab {
  position: relative;
  float: left;
  top: 5px;
  margin-left: 1px;
  margin-right: 0px;
  cursor: pointer;
  vertical-align: middle;
  width: 105px;
  height: 45px;
}
.InnerTableTab .RibbonNewProduct {
  position: absolute;
  top: 2px;
  left: -1px;
  height: 39px;
  width: 39px;
  z-index: 199;
}
.ActiveInnerTableTab .RibbonNewProduct {
  top: -2px;
}
.InnerTableTab .RibbonLastChance {
  position: absolute;
  top: 2px;
  left: 65px;
  height: 39px;
  width: 39px;
  z-index: 199;
}
.ActiveInnerTableTab .RibbonLastChance {
  top: -2px;
  left: 64px;
}
.InnerTableTab a {
  border: 0px;
  color: #333333;
  font-weight: normal;
}
.InnerTableTab a img {
  border: 0px;
  width: 105px;
  height: 45px;
  position: absolute;
  top: 0px;
}
.InnerTableTabLabel {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: center;
  width: 86px;
  height: 35px;
  display: table-cell;
  vertical-align: middle;
  padding-top: 5px;
  padding-left: 5px;
}
.InnerTableTab a:hover {
  border: 0px;
  color: #333333;
/*  font-weight: normal;*/
  text-decoration: none;
}
.ActiveInnerTableTab {
  z-index: 99;
  top: 6px;
}
/* helper div */
.HelperDivIndicator {
  position: relative;
  cursor: help;
}
#HelperDivContainer {
  display: none;
  position: absolute;
  width: 225px;
  z-index: 1000;
  color: #333333;
  font-family: Verdana,Arial,Times New Roman,sans-serif;
  font-size: 9pt;
  text-align: left;
  padding: 10px;
  border: 1px double #333333;
  margin-left: 8px;
}
#HelperDivContainer .HelperDivArrow {
  position: absolute;
  top: -1px;
  left: -8px;
  width: 8px;
  height: 13px;
}
#HelperDivContainer #HelperDivHeadline {
  font-size: 12pt;
  font-weight: bold;
}
#HelperDivContainer #HelperDivHeadline {
  position: relative;
  white-space: normal;
  text-align: justify;
  margin-top: 0px;
  margin-bottom: 15px;
}
#HelperDivContainer .Ornament {
  width: 220px;
}
#HelperDivContainer #HelperDivText {
  text-align: justify;
}
#HelperDivContainer #HelperDivText ul {
  padding-left: 20px;
}
.ActiveInnerTableTab a {
  font-weight: bold;
}
.ActiveInnerTableTab .InnerTableTabLabel {
  top: 6px;
  padding-top: 1px;
}
.ProductCategoryHelperDiv {
  position: relative;
  float:right;
  top: 35px;
  right: 5px;
}
/* INNERLYOUT 1 */
.TableContainer .Table1 {
  width: 100%;
  background-color: #BFBFBF;
  border: 2px solid #55636c;
}
.TableContainer .Table1 .InnerTableContainer {
  padding: 5px;
}
/* INNERLYOUT 2 */
.TableContainer .Table2 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #8c8c8c;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
}
.TableContainer .Table2 td {
  padding: 0px;
  margin: 0px;
}
.TableContainer .Table2 .InnerTableContainer {
  margin-top: 1px;
}
.TableContainer .Table2 .InnerTableContainer table {
  border-collapse: collapse;
}
.TableContainer .Table2 .InnerTableContainer td {
  padding-top: 2px;
  padding-left: 5px;
  padding-bottom: 2px;
  padding-right: 5px;
  border: 1px solid #999999;
}
/* INNERLYOUT 3 */
.TableContainer .Table3 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #8c8c8c;
}
.TableContainer .Table3 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table3 .TableContentAndRightShadow td {
  border: 1px solid #999999;
}
/* INNERLYOUT 4 */
.TableContainer .Table4 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #8c8c8c;
}
.TableContainer .Table4 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 3px;
}
.TableContainer .Table4 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* INNERLYOUT 5 */
.TableContainer .Table5 {
  width: 100%;
  border: 2px solid #55636c;
  background-color: #8c8c8c;
}
.TableContainer .Table5 .InnerTableContainer {
  width: 100%;
  position: relative;
  margin-top: 5px;
  margin-left: 3px;
}
.TableContainer .Table5 .TableContentAndRightShadow .TableContent td {
  padding-left: 4px;
  padding-top: 2px;
  padding-bottom: 2px;
}
/* SHADOWS */
.TableShadowContainerRightTop {
  position: relative;
  top: 0px;
  right: 3px;
  margin-right: 0px;
  font-size: 1px;
  float: right;
  z-index: 99;
}
.TableShadowRightTop {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 4px;
  height: 5px;
  z-index: 99;
}
.TableContentAndRightShadow {
  position: relative;
  background-repeat: repeat-y;
  background-position: top right;
  margin-right: 3px;
  font-size: 1px;
}
.TableShadowContainer {
  position: relative;
  widht: 100%;
  margin-right: 5px;
}
.TableBottomShadow {
  position: relative;
  font-size: 1px;
  height: 5px;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.TableBottomLeftShadow {
  position: relative;
  height: 5px;
  width: 4px;
  float: left;
  padding: 0px;
  margin: 0px;
}
.TableBottomRightShadow {
  position: relative;
  float: right;
  right: -2px;
  top: 0px;
  height: 5px;
  width: 4px;
}
/* LABELS */
.LabelV {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  vertical-align: top;
}
.LabelH {
  font-weight: bold;
  padding-right: 10px;
  white-space: nowrap;
  background-color: #CCC;

}
.LabelH td {
  background-color: #CCC;
  padding-left: 5px;
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 2px;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.BigButton {
  position: relative;
  width: 135px;
  height: 25px;
  z-index: 10;
}
.BigButtonOver {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 137px;
  height: 25px;
  visibility: hidden;
  z-index: 15;
}
.ButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 25px;
  width: 135px;
  z-index: 20;
}
.TopButtonContainer {
  position: relative;
  right: 4px;
  top: 4px;
  z-index: 60;
}
* html .TopButtonContainer {
  right: 27px;
}
.TopButtonContainer .TopButton {
  position: absolute;
  right: 0px;
  z-index: 55;
}
.Content .BoxContent .Odd {
  background-color: #BFBFBF;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #f2f2f2;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #BFBFBF;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #f2f2f2;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}
.Content .BoxContent .Odd {
  background-color: #BFBFBF;
  padding: 2px;
}

.Content .BoxContent .Even {
  background-color: #f2f2f2;
  padding: 2px;
}

.Content .NewsCategoryIconSmall {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

/* FORUM - general post format */
.ForumPost {
  position: relative;
  height: 100%;
  width: 798px;
  margin: -5px;
}
.PostUpper {
  clear: both;
}
.PostLower {
  clear: both;
  border-top: 1px solid #999999;
  height: 50px;
  padding: 4px 0px;
}
.PostSeparatorV {
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #999999;
  left: 185px;
}
* html .PostCharacterText {
  width: 185px;
}
.PostCharacterText {
  width: 175px;
  float: left;
  padding: 5px;
}
.PostText {
  position: relative;
  min-height: 150px;
  width: 100%;
  overflow-x: auto;
  overflow-y: visible;
  width: 600px;
  word-wrap: break-word;
  padding: 5px;
}
.PostDetails {
  width: 175px;
  float: left;
  padding: 0px 5px;
  font-size: 7pt;
}
.PostActions {
  position: relative;
  overflow-x: auto;
  overflow-y: visible;
  word-wrap: break-word; 
  font-size: 8pt;
  padding: 10px;
  padding-right: 0px;
  margin-left: 180px;
  width: 600px;
}
.PostActions .AdditionalBox {
  float: right;
  white-space: nowrap;
  text-align: right;
  margin: 4px 4px 0px 0px;
}
/* FORUM - CipSoft post format */
.CipPost .CipBorder {
  font-size: 1px;
  position: absolute;
  width: 798px;
  height: 3px;
  z-index: 99;
}
.CipPost .CipBorderBottom .CipBorder {
  bottom: 0px;
}
.CipPost .CipBorder .CipBorderCornerL {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 0px;
  left: 0px;
  z-index: 99;
}
.CipPost .CipBorder .CipBorderH {
  position: absolute;
  width: 792px;
  height: 3px;
  top: 0px;
  left: 3px
}
.CipPost .CipBorder .CipBorderCornerR {
  position: absolute;
  width: 3px;
  height: 3px;
  top: 0px;
  right: 0px;
  z-index: 99;
}
.CipPost .CipBorderLeft {
  font-size: 1px;
  width: 3px;
  position: absolute;
  top: 0px;
  height: 100%;
  z-index: 0;
}
.CipPost .CipBorderLeft .CipBorderV {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 3px;
  height: 100%;
}
.CipPost .CipBorderRight .CipBorderV {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 3px;
  height: 100%;
}
.CipPost .CipPostIcon {
  position: relative;
  top: 7px;
  left: 12px;
  width: 60px;
  height: 60px;
}
.PostDetailsHelper {
  position: relative;
}
.HNCContainer {
  position: absolute;
  margin-top: -10px;
}
* html .HNCContainer {
  margin-left: -10px;
}
.ThreadClassificationNumberContainer {
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 7px;
}
* html .ThreadClassificationNumberContainer {
  margin-left: 0px;
}
#BoardView td {
  padding-top: 0px;
  padding-right: 3px;
  padding-bottom: 0px;
  padding-left: 3px;
}
#BoardView .CipPost {
  position: relative;
  height: 100%;
}
.ThreadTitleHeadline {
  position: relative;
  height: 100%; 
  width: 798px;
  margin-top: -2px;
}
.ThreadClassificationNumber {
  width: 15px;
  height: 15px;
  margin-top: 1px;
  margin-left: 0px;
  margin-bottom: 0px;
  margin-right: 7px;
  border: 0px;
}
.ThreadTitleHeadline .ThreadClassificationNumber {
  margin-left: -1px;
  margin-top: 3px;
}
.BoardThreadLine {
  margin-left: -61px;
  margin-top: -3px;
  margin-bottom: 0px;
  min-height: 47px;
}
* html .BoardThreadLine {
  margin-top: 0px;
}
* html .BoardThreadLine {
    height: 47px;
}
.BoardThreadLine .CipBorderRight .CipBorderV {
  left: 734px;
}
.Text {
  margin-top: 3px;
  margin-left: 4px;
  margin-bottom: 2px;
  padding: 3px;
  padding-top: 3px;
}
* html .Text {
  margin-top: 0px;
  margin-left: 4px;
}
.BoardThreadLine .Text {
  margin-left: 11px;
  padding-left: 50px;
  padding-top: 13px;
  padding-bottom: 10px;
}
* html .BoardThreadLine .Text {
  padding-left: 55px;
}
.PostReplyLink {
  float: right;
  margin-top: 3px;
}
.HintBox {
  width: 100%;
  margin-top: -3px;
}
.HintBox p {
  margin-top: 0px;
}
.HintBox .BoxButtons {
  width: 135px;
  float: right;
}
#PremiumBoxSpecialOfferHorizontal {
  position: absolute;
  top: 70px;
  left: 13px;
  width: 150px;
  height: 14px;
}
.Container1_PaymentMethod {
  height: 88px;
  width: 165px;
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  padding: 2px;
  cursor: pointer;
}
.Container2_PaymentMethod {
  top: 2px;
  left: 2px;
  height: 80px;
  width: 157px;
  background-color: #CCC;
  margin: 2px;
  padding: 2px;
}
.BlockedPaymentMethod {
  color: var(--link,#9c3a14);
  cursor: help !important;
}
/* helper div */
.HelperDivIndicator {
  position: relative;
  cursor: help;
}
#HelperDivContainer {
  display: none;
  position: absolute;
  width: 225px;
  z-index: 1000;
  color: #333333;
  font-family: Verdana,Arial,Times New Roman,sans-serif;
  font-size: 9pt;
  text-align: left;
  padding: 10px;
  border: 1px double #333333;
  margin-left: 8px;
}
#HelperDivContainer .HelperDivArrow {
  position: absolute;
  top: -1px;
  left: -8px;
  width: 8px;
  height: 13px;
}
#HelperDivContainer #HelperDivHeadline {
  font-size: 12pt;
  font-weight: bold;
}
#HelperDivContainer #HelperDivHeadline {
  position: relative;
  white-space: normal;
  text-align: justify;
  margin-top: 15px;
  margin-bottom: 15px;
}
#HelperDivContainer .Ornament {
  width: 220px;
}
#HelperDivContainer #HelperDivText {
  text-align: justify;
}
#SuggestCharacterName {
  font-size: 7pt;
  margin-top: -5px;
}
.FB_Identification {
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  background: none repeat scroll 0 0 #526DA4;
  color: #D8DFEA;
  border: gray;
  font-size: 11px;
  font-weight: bold;
  padding: 2px;
  height: 25px;
  border: 1px solid blue;
}
.FB_Identification div {
  position: relative;
  float: left;
  margin-right: 4px;
}
#FB_ProfileWindow {
  width: 23px;
  height: 23px;
  border: 1px solid blue;
  overflow: hidden;
}
#FB_ProfileWindow img {
  height: 50px !important;
}
#FB_Name {
  top: 5px;
}
#FB_Button {
  top: 1px;
  float: right;
}
#FB_Button div {
  display: inline;
}
.FacebookButtonText {
  position: absolute;
  color: white;
  left: 20px;
  width: 112;
  top: 5px;
  font-size: 11px;
  text-align: center;
  cursor: pointer;
  z-index: 15;
}
#FB_LoginButton {
  position: relative;
  width: 68px;
  height: 22px;
  float: right;
  cursor: pointer;
  color: #ffffff;
  font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  font-size: 11px;
  font-weight: bold;
}
#FB_LoginButton span {
  position: absolute;
  left: 28px;
  top: 4px;
}
.ButtonText:hover {
  margin-top: 1px;
  margin-left: 1px;
}

#LoginCreateAccountBox p {
  margin: 0px;
  padding: 0px;
  font-size: 12pt;
}

.Width100Percent {
  width: 100%;
}

/* ---------------- */
/* jQuery UI Layout */
/* ---------------- */
.SliderValue {
  text-align: right;
  width: 135px;
  font-weight: bold;
  color: green;
}
.VoucherAdjustFallBackBlock select {
  width: 100%;
}
#VoucherDurationSlider {
  margin: 5px;
  margin-top: 15px;
  margin-bottom: 0px;
  height: 5px;
}
#VoucherDurationSlider a {
  margin-top: -2px;
  height: 20px;
  width: 17px;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter:Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* News Ticker */

.Content #NewsTicker .BoxContent {
  padding: 5px;
  min-height: 90px;
  height: auto !important;
  height: 100px;
}

.Content #NewsTicker .BoxContent .Row {
  position: relative;
  width: 100%;
}

.Content #NewsTicker .NewsTickerIcon {
  position: absolute;
  top: 1px;
  left: 1px;
  height: 16px;
  width: 16px;
  background-repeat: no-repeat;
}

.Content #NewsTicker .NewsTickerText {
  font-size: 9pt;
  position: relative;
  margin-left: 20px;
}

.Content #NewsTicker .NewsTickerDate {
  font-size: 7pt;
  position: absolute;
  top: 0px;
  float: left;
}

.Content #NewsTicker .NewsTickerShortText {
  margin-left: 85px;
  height: 14px;
}

.Content #NewsTicker .NewsTickerFullText {
  margin-left: 85px;
  margin-right: 20px;
  display: none;
}

.Content #NewsTicker .NewsTickerExtend {
  position: relative;
  right: 0px;
  top: 1px;
  right: 1px;
  height: 12px;
  width: 12px;
  background-repeat: no-repeat;
  float: right;
  cursor: pointer;
  z-index: 10;
}

.Content .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* Featured Article */
.error, .notice, .success {
	border: 1px solid #DDD;
	margin-bottom: 1em;
	padding: 0.6em 0.8em;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.error {
background: #FBE3E4; 
color: #8A1F11;
border-color: #FBC2C4;
}
.error a {
color: #8A1F11;
}

.notice {
background: #FFF6BF;
color: #514721;
border-color: #FFD324;
}
.notice a {
color: #514721;
}

.success {
background: #E6EFC2;
color: #264409;
border-color: #C6D880;
}
.success a {color: #264409;}
.Content #FeaturedArticle .BoxContent {
  position:relative;
  height: 100px;
  padding: 5px;
  padding-left: 10px;
  min-height: 100px;
  height: auto !important;
  height: 110px;
  line-height: 10.5pt;
}

.Content #FeaturedArticle #TeaserThumbnail {
  position: relative;
  top: 0px;
  right: 0px;
  height: 100px;
  width: 150px;
  margin-left: 10px;
  background-color: black;
  z-index: 90;
  float: left;
}

#ContentHelper #FeaturedArticle:first-child .BoxContent {
  padding: 10px;
}

.Content #FeaturedArticle #TeaserText {
  height: 100px;
  overflow: hidden;
  z-index: 0;
}

.Content #FeaturedArticle #Link {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 89 165 0 0;
  z-index: 99;
}

.Content #FeaturedArticle .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #FeaturedArticle .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
  float:left;
}

.Content #FeaturedArticle .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #FeaturedArticle .NewsHeadlineText {
  position: relative;
  top: 8px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News */

.Content #News .BoxContent {
  min-height: 100px;
  height: auto !important;
  height: 110px;
}

.Content #News .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #News .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #News .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 10px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #News .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* News Archive */

.Content #NewsArchive .NewsHeadlineBackground {
  position: relative;
  height: 28px;
  margin-bottom: 5px;
  background-repeat: repeat-x;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
}

.Content #NewsArchive .NewsHeadlineIcon {
  position: absolute;
  top: -1px;
  left: 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.Content #NewsArchive .NewsHeadlineDate {
  font-size: 7pt;
  position: absolute;
  top: 9px;
  left: 50px;
  width: 85px;
  color: white;
}

.Content #NewsArchive .NewsHeadlineText {
  position: relative;
  top: 7px;
  left: 135px;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* BUTTONS */
.InnerTableButtonRow {
  width: 100%;
  padding-left: 1px;
  padding-right: 0px;
  padding-bottom: 4px;
  border: 0px;
}
.InnerTableButtonRow td {
  padding-right: 4px;
}
.MediumButtonText {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 37px;
  width: 150px;
  z-index: 20;
}
.MediumButtonBackground {
  position: relative;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 37px;
  z-index: 10;
}
.MediumButtonOver {
  position: relative;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 37px;
  visibility: hidden;
  z-index: 15;
}
.MediumButtonForm {
  margin: 0px;
  padding: 0px;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
  background-color: #5b0600;
}

.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -.3em;
  margin-left: 0;
  margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: segoe ui,Arial,sans-serif;
  font-size: 1.1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: segoe ui,Arial,sans-serif;
  font-size: 1em;
}
.ui-widget-content {
  border: 1px solid #624d3c;
  background-color: #8e0b01;
  color: #312e25;
}
.ui-widget-content a {
  color: #312e25;
}
.ui-widget-header {
  border: 1px solid #d4ccb0;
  color: #433f38;
  font-weight: bold;
}
.ui-widget-header a {
  color: #433f38;
}

.MostPowerfullGuilds {
  position: relative;
  top: 7px;
  text-align:center;
  font-size: 10pt;
  font-weight: bold;
  color: white;
}

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px;
}

/*
  payment system
*/
.GameCode {
  text-transform: uppercase;
  width: 60px;
}
.Saving {
  background-color: blue;
  color: white;
  padding: 1px 8px;
  border: 2px solid;
  border-radius: 10px;
  font-size: 10px;
}
#LastSaving {
  background-color: var(--link,#9c3a14);
}
.BGRed {
  background-color: var(--link,#9c3a14);
}
.BGOrange {
  background-color: #FF9712;;
}
.BGGreen {
  background-color: #00BF00; 
}
.Content .BoxContent .Disabled td {
  color: grey;
}
.PlaySpanContainer {
  position: relative;
  text-align: center;
}



.ServiceID_Icon_Container {
  position: relative;
  width: 156px;
  height: 156px;
  float: left;
  margin: 3px;
}
.ServiceID_Icon_Container_Background {
  position: absolute;
  width: 150px;
  height: 150px;
  top: 3px;
  left: 3px;
}
.ServiceID_Icon_Container label {
  font-size: 8pt;
}
.ServiceID_Icon {
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
  text-align: center;
  background-repeat: no-repeat;
  color: white;
  cursor: pointer;
}
.ServiceID_Icon_New {
  position: absolute;
  left: 10px;
  top: 48px;
  height: 64px;
  width: 128px;
}
.ServiceID_Icon .ServiceID_Deactivated {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  z-index: 99;
}
.ServiceID_Icon .ServiceID_Icon_Selected {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  z-index: 98;
}
.ServiceID_Icon .ServiceIDLabelContainer {
  position: absolute;
  left: 0px;
  display: table;
  top: 6px;
  height: 35px; 
  width: 130;
  margin-left: 10px;
  margin-right: 10px;
  z-index: 99;
}
.ServiceID_Icon .ServiceIDLabel {
  display: table-cell;
  vertical-align: middle;
}
.ServiceIDLabel input { display: none; }
.ServiceID_Icon .ServiceIDPriceContainer {
  position: absolute;
  left: 0px;
  bottom: 10px;
  width: 140;
  margin-left: 5px;
  margin-right: 5px;
  z-index: 99;
}
.ServiceID_Icon .ServiceIDSpecialOffer {
  position: absolute;
  left: 0px;
  top: -5px;
  z-index: 100;
}
.ServiceID_Icon .ServiceID_Icon_Over {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  z-index: 97;
}
.ServiceID_Icon .ServiceID_HelperDiv {
  position: relative;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 150px;
  z-index: 399;
}
.ServiceID_Icon .RibbonNewProduct {
  position: absolute;
  top: -4px;
  left: -4px;
  height: 58px;
  width: 58px;
  z-index: 199;
}
.ServiceID_Icon .RibbonLastChance {
  position: absolute;
  top: -4px;
  left: 96px;
  height: 58px;
  width: 58px;
  z-index: 199;
}
.ServiceID_Icon .ServiceID_Icon_Animation_1 {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 150px;
  height: 150px;
  display: none;
  z-index: 95;
}

.ServiceID_Icon .ServiceID_Icon_New_Animation_1 {
  position: absolute;
  top: 48px;
  right: 12px;
  width: 128px;
  height: 64px;
  display: none;
  z-index: 95;
}

.PMCID_Icon_Container {
  position: relative;
  width: 156px;
  height: 106px;
  float: left;
  margin: 3px;
}
.PMCID_Icon_Container label {
  font-size: 8pt;
}
.PMCID_Icon {
  position: relative;
  float: left;
  top: 3px;
  left: 3px;
  width: 150px;
  height: 100px;
  text-align: center;
  background-repeat: no-repeat;
  color: white;
  cursor: pointer;
}
.PMCID_Icon .PMCID_CP_Icon {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  margin-top: 25px;
}
.PMCID_Icon .PMCID_CP_Label {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  top: 22px;
  z-index: 99;
}
.PMCID_CP_Label input { display: none; }
.PMCID_Icon .PMCID_Icon_Selected {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 100px;
  z-index: 98;
}
.PMCID_Icon .PMCID_Deactivated {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 100px;
  z-index: 99;
}
.PMCID_Icon .PMCID_Icon_Over {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 150px;
  height: 100px;
}

.PermanentDeactivated {
  position: absolute;
  left: 0px;
  z-index: 400;
}
.PermanentDeactivated .PMCID_Deactivated {
  position: relative;
  left: 0px;
  width: 150px;
}

.PermanentDeactivated .ServiceID_Deactivated {
  position: relative;
  left: 0px;
  width: 150px;
}


/* button row */
.SubmitButtonRow {
  position: relative;
  height: 25px;
  margin-top: 25px;
  margin-bottom: 25px;
  text-align: center
}
.SubmitButtonRow .LeftButton {
  float: left;
  margin-left: 50px;
}
.SubmitButtonRow .CenterButton {
  margin-left: auto;
  margin-right: auto;
  width: 135px;
}
.SubmitButtonRow .RightButton {
  float: right;
  margin-right: 50px;
}

/* purchased items detail view and assign process */
.PurchasedItemContainer {
  position: relative;
  float: right; 
  overflow: hidden;
  height: 70px;
  width: 130px;
  border: 1px solid #7b6e4c;
  margin-left: 10px;
}
.PurchasedItemImage {
  position: absolute;
  height: 150px;
  width: 150px;
  top: -47px;
  left: -7px;
}

.PurchasedItemImageNew {
  position: absolute;
  height: 64px;
  width: 128px;
  top: 0px;
  left: 0px;
}
/** -------------------------------
 *  Stylesheet declarations for the
 *  screenshots gallery and single 
 *  screenshot view
 *  -------------------------------
 */

/* screenshot gallery */
#ScreenshotThumbnailContainerTable {
  width: 100%;
}
.ScreenshotThumbnailContainer {
  position: relative;
  margin: 3px;
  padding: 3px;
  width: 232px;
  border: 1px solid #7B6E4C;
  color: #C9BDAB;
  display: inline-block;
}
* html .ScreenshotThumbnailContainer {
  display: inline;
}
.ScreenshotThumbnailContainer img {
  border: 1px solid #7B6E4C;
  width: 230px;
  height: 147px;
  cursor: pointer;
}
.ScreenshotThumbnailContainer .ScreenshotText {
  position: relative;
  width: 230px;
  height: 75px;
  display: table; 
}
.ScreenshotThumbnailContainer .ScreenshotText p {
  text-align: center;
  vertical-align: middle;
  display: table-cell; 
}
/* light box an control elements */
#LightBox {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
  width: 100%;
  height: 300%;
  text-align: center;
  z-index: 200;
  /* to avoid a problem in chrome text selection is disabled */
  -webkit-user-select: none;
}
#LightBoxBackground {
  position: absolute;
  width: 100%;
  height: 300%;
  background-color: black;
  z-index: 101;
}
#LightBoxContent {
  position: fixed;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  z-index: 201;
}
* html #LightBoxBackground {
  left: 0px;
}
* html #LightBoxContent {
  position: absolute;
  left: 0px;
  top: expression( ( 10 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}
.NavigationRow {
  position: relative;  
  z-index: 202;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  height: 29px;
  width: 620px;
  font-family:  Arial, sans-serif;
  
}
.NavigationButton {
  position: relative;
  width: 200px;
  height: 25px;
  padding-top: 2px;
  margin-right: 2px;
  margin-left: 2px;
  float: left;
  color: #f2af4e;
  background-color: #223533;
  border: 1px solid black;
  text-align: center;
  cursor: pointer;
  z-index: 80;
}
.NavigationButton div {
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid gray;
  text-align: center;
  width: 198px;
  height: 25px;
  cursor: pointer;
  z-index: 90;
}
.NavigationButton:hover {
  color: #ffc664;
  background-color: #3a4448;
}
#ScreenshotContainer {
  position: relative;
  text-align: center;
  width: 976px;
  margin-left: auto;
  margin-right: auto;
  left: 0px;
  z-index: 202;
}
#ScreenshotContainer #ScreenshotImage {
  width: 974px;
  height: 621px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
  border: 1px solid #7b6e4c;
}
#ScreenshotContainer .ScreenshotTextRow {
  font-family:  Arial, sans-serif;
  width: 974px;
  height: 25px;
  line-height: 25px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 5px;
  color: #c9bdab;
  border: 1px solid #7b6e4c;
  background-color: #223533;
}
#ScreenshotContainer #LightBoxClose {
  position: absolute;
  width: 60px;
  height: 60px;
  top: -45px;
  right: -40px;
  background: var(--accent,#A8380D);
  border: 1px solid gray;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  border-radius: 60px;
  color: #f2af4e;
  background-color: #223533;
  font-family:  Arial, sans-serif;
  font-size: 25px;
  line-height: 60px;
  cursor: pointer;
}
#ScreenshotContainer #LightBoxClose {
  color: #ffc664;
  background-color: #3a4448;
}
table.fixed { table-layout:fixed; }
table.fixed td { overflow: hidden; }
#GuildInformation .MessageContainer .Message {
  word-wrap: break-word;
}

@font-face{font-family:'Glyphicons Halflings';src:url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot');src:url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.woff') format('woff'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('https://netdna.bootstrapcdn.com/bootstrap/3.0.0/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;}
.glyphicon-asterisk:before{content:"\2a";}
.glyphicon-plus:before{content:"\2b";}
.glyphicon-euro:before{content:"\20ac";}
.glyphicon-minus:before{content:"\2212";}
.glyphicon-cloud:before{content:"\2601";}
.glyphicon-envelope:before{content:"\2709";}
.glyphicon-pencil:before{content:"\270f";}
.glyphicon-glass:before{content:"\e001";}
.glyphicon-music:before{content:"\e002";}
.glyphicon-search:before{content:"\e003";}
.glyphicon-heart:before{content:"\e005";}
.glyphicon-star:before{content:"\e006";}
.glyphicon-star-empty:before{content:"\e007";}
.glyphicon-user:before{content:"\e008";}
.glyphicon-film:before{content:"\e009";}
.glyphicon-th-large:before{content:"\e010";}
.glyphicon-th:before{content:"\e011";}
.glyphicon-th-list:before{content:"\e012";}
.glyphicon-ok:before{content:"\e013";}
.glyphicon-remove:before{content:"\e014";}
.glyphicon-zoom-in:before{content:"\e015";}
.glyphicon-zoom-out:before{content:"\e016";}
.glyphicon-off:before{content:"\e017";}
.glyphicon-signal:before{content:"\e018";}
.glyphicon-cog:before{content:"\e019";}
.glyphicon-trash:before{content:"\e020";}
.glyphicon-home:before{content:"\e021";}
.glyphicon-file:before{content:"\e022";}
.glyphicon-time:before{content:"\e023";}
.glyphicon-road:before{content:"\e024";}
.glyphicon-download-alt:before{content:"\e025";}
.glyphicon-download:before{content:"\e026";}
.glyphicon-upload:before{content:"\e027";}
.glyphicon-inbox:before{content:"\e028";}
.glyphicon-play-circle:before{content:"\e029";}
.glyphicon-repeat:before{content:"\e030";}
.glyphicon-refresh:before{content:"\e031";}
.glyphicon-list-alt:before{content:"\e032";}
.glyphicon-flag:before{content:"\e034";}
.glyphicon-headphones:before{content:"\e035";}
.glyphicon-volume-off:before{content:"\e036";}
.glyphicon-volume-down:before{content:"\e037";}
.glyphicon-volume-up:before{content:"\e038";}
.glyphicon-qrcode:before{content:"\e039";}
.glyphicon-barcode:before{content:"\e040";}
.glyphicon-tag:before{content:"\e041";}
.glyphicon-tags:before{content:"\e042";}
.glyphicon-book:before{content:"\e043";}
.glyphicon-print:before{content:"\e045";}
.glyphicon-font:before{content:"\e047";}
.glyphicon-bold:before{content:"\e048";}
.glyphicon-italic:before{content:"\e049";}
.glyphicon-text-height:before{content:"\e050";}
.glyphicon-text-width:before{content:"\e051";}
.glyphicon-align-left:before{content:"\e052";}
.glyphicon-align-center:before{content:"\e053";}
.glyphicon-align-right:before{content:"\e054";}
.glyphicon-align-justify:before{content:"\e055";}
.glyphicon-list:before{content:"\e056";}
.glyphicon-indent-left:before{content:"\e057";}
.glyphicon-indent-right:before{content:"\e058";}
.glyphicon-facetime-video:before{content:"\e059";}
.glyphicon-picture:before{content:"\e060";}
.glyphicon-map-marker:before{content:"\e062";}
.glyphicon-adjust:before{content:"\e063";}
.glyphicon-tint:before{content:"\e064";}
.glyphicon-edit:before{content:"\e065";}
.glyphicon-share:before{content:"\e066";}
.glyphicon-check:before{content:"\e067";}
.glyphicon-move:before{content:"\e068";}
.glyphicon-step-backward:before{content:"\e069";}
.glyphicon-fast-backward:before{content:"\e070";}
.glyphicon-backward:before{content:"\e071";}
.glyphicon-play:before{content:"\e072";}
.glyphicon-pause:before{content:"\e073";}
.glyphicon-stop:before{content:"\e074";}
.glyphicon-forward:before{content:"\e075";}
.glyphicon-fast-forward:before{content:"\e076";}
.glyphicon-step-forward:before{content:"\e077";}
.glyphicon-eject:before{content:"\e078";}
.glyphicon-chevron-left:before{content:"\e079";}
.glyphicon-chevron-right:before{content:"\e080";}
.glyphicon-plus-sign:before{content:"\e081";}
.glyphicon-minus-sign:before{content:"\e082";}
.glyphicon-remove-sign:before{content:"\e083";}
.glyphicon-ok-sign:before{content:"\e084";}
.glyphicon-question-sign:before{content:"\e085";}
.glyphicon-info-sign:before{content:"\e086";}
.glyphicon-screenshot:before{content:"\e087";}
.glyphicon-remove-circle:before{content:"\e088";}
.glyphicon-ok-circle:before{content:"\e089";}
.glyphicon-ban-circle:before{content:"\e090";}
.glyphicon-arrow-left:before{content:"\e091";}
.glyphicon-arrow-right:before{content:"\e092";}
.glyphicon-arrow-up:before{content:"\e093";}
.glyphicon-arrow-down:before{content:"\e094";}
.glyphicon-share-alt:before{content:"\e095";}
.glyphicon-resize-full:before{content:"\e096";}
.glyphicon-resize-small:before{content:"\e097";}
.glyphicon-exclamation-sign:before{content:"\e101";}
.glyphicon-gift:before{content:"\e102";}
.glyphicon-leaf:before{content:"\e103";}
.glyphicon-eye-open:before{content:"\e105";}
.glyphicon-eye-close:before{content:"\e106";}
.glyphicon-warning-sign:before{content:"\e107";}
.glyphicon-plane:before{content:"\e108";}
.glyphicon-random:before{content:"\e110";}
.glyphicon-comment:before{content:"\e111";}
.glyphicon-magnet:before{content:"\e112";}
.glyphicon-chevron-up:before{content:"\e113";}
.glyphicon-chevron-down:before{content:"\e114";}
.glyphicon-retweet:before{content:"\e115";}
.glyphicon-shopping-cart:before{content:"\e116";}
.glyphicon-folder-close:before{content:"\e117";}
.glyphicon-folder-open:before{content:"\e118";}
.glyphicon-resize-vertical:before{content:"\e119";}
.glyphicon-resize-horizontal:before{content:"\e120";}
.glyphicon-hdd:before{content:"\e121";}
.glyphicon-bullhorn:before{content:"\e122";}
.glyphicon-certificate:before{content:"\e124";}
.glyphicon-thumbs-up:before{content:"\e125";}
.glyphicon-thumbs-down:before{content:"\e126";}
.glyphicon-hand-right:before{content:"\e127";}
.glyphicon-hand-left:before{content:"\e128";}
.glyphicon-hand-up:before{content:"\e129";}
.glyphicon-hand-down:before{content:"\e130";}
.glyphicon-circle-arrow-right:before{content:"\e131";}
.glyphicon-circle-arrow-left:before{content:"\e132";}
.glyphicon-circle-arrow-up:before{content:"\e133";}
.glyphicon-circle-arrow-down:before{content:"\e134";}
.glyphicon-globe:before{content:"\e135";}
.glyphicon-tasks:before{content:"\e137";}
.glyphicon-filter:before{content:"\e138";}
.glyphicon-fullscreen:before{content:"\e140";}
.glyphicon-dashboard:before{content:"\e141";}
.glyphicon-heart-empty:before{content:"\e143";}
.glyphicon-link:before{content:"\e144";}
.glyphicon-phone:before{content:"\e145";}
.glyphicon-usd:before{content:"\e148";}
.glyphicon-gbp:before{content:"\e149";}
.glyphicon-sort:before{content:"\e150";}
.glyphicon-sort-by-alphabet:before{content:"\e151";}
.glyphicon-sort-by-alphabet-alt:before{content:"\e152";}
.glyphicon-sort-by-order:before{content:"\e153";}
.glyphicon-sort-by-order-alt:before{content:"\e154";}
.glyphicon-sort-by-attributes:before{content:"\e155";}
.glyphicon-sort-by-attributes-alt:before{content:"\e156";}
.glyphicon-unchecked:before{content:"\e157";}
.glyphicon-expand:before{content:"\e158";}
.glyphicon-collapse-down:before{content:"\e159";}
.glyphicon-collapse-up:before{content:"\e160";}
.glyphicon-log-in:before{content:"\e161";}
.glyphicon-flash:before{content:"\e162";}
.glyphicon-log-out:before{content:"\e163";}
.glyphicon-new-window:before{content:"\e164";}
.glyphicon-record:before{content:"\e165";}
.glyphicon-save:before{content:"\e166";}
.glyphicon-open:before{content:"\e167";}
.glyphicon-saved:before{content:"\e168";}
.glyphicon-import:before{content:"\e169";}
.glyphicon-export:before{content:"\e170";}
.glyphicon-send:before{content:"\e171";}
.glyphicon-floppy-disk:before{content:"\e172";}
.glyphicon-floppy-saved:before{content:"\e173";}
.glyphicon-floppy-remove:before{content:"\e174";}
.glyphicon-floppy-save:before{content:"\e175";}
.glyphicon-floppy-open:before{content:"\e176";}
.glyphicon-credit-card:before{content:"\e177";}
.glyphicon-transfer:before{content:"\e178";}
.glyphicon-cutlery:before{content:"\e179";}
.glyphicon-header:before{content:"\e180";}
.glyphicon-compressed:before{content:"\e181";}
.glyphicon-earphone:before{content:"\e182";}
.glyphicon-phone-alt:before{content:"\e183";}
.glyphicon-tower:before{content:"\e184";}
.glyphicon-stats:before{content:"\e185";}
.glyphicon-sd-video:before{content:"\e186";}
.glyphicon-hd-video:before{content:"\e187";}
.glyphicon-subtitles:before{content:"\e188";}
.glyphicon-sound-stereo:before{content:"\e189";}
.glyphicon-sound-dolby:before{content:"\e190";}
.glyphicon-sound-5-1:before{content:"\e191";}
.glyphicon-sound-6-1:before{content:"\e192";}
.glyphicon-sound-7-1:before{content:"\e193";}
.glyphicon-copyright-mark:before{content:"\e194";}
.glyphicon-registration-mark:before{content:"\e195";}
.glyphicon-cloud-download:before{content:"\e197";}
.glyphicon-cloud-upload:before{content:"\e198";}
.glyphicon-tree-conifer:before{content:"\e199";}
.glyphicon-tree-deciduous:before{content:"\e200";}
.glyphicon-briefcase:before{content:"\1f4bc";}
.glyphicon-calendar:before{content:"\1f4c5";}
.glyphicon-pushpin:before{content:"\1f4cc";}
.glyphicon-paperclip:before{content:"\1f4ce";}
.glyphicon-camera:before{content:"\1f4f7";}
.glyphicon-lock:before{content:"\1f512";}
.glyphicon-bell:before{content:"\1f514";}
.glyphicon-bookmark:before{content:"\1f516";}
.glyphicon-fire:before{content:"\1f525";}
.glyphicon-wrench:before{content:"\1f527";}

/* ==== THEMEDBARS START ==== */
.color, .tdbody { position:relative; }
.color { box-shadow:inset 0 0 0 1px rgba(190,140,66,0.30), 0 2px 5px rgba(0,0,0,0.40), 0 4px 9px -3px rgba(210,90,25,0.55); border-top:1px solid rgba(255,210,150,0.35); border-bottom:2px solid #4a1705; }
.tdbody { color:#F0DEC4; letter-spacing:0.7px; text-shadow:0 1px 1px rgba(0,0,0,0.75), 0 0 7px rgba(255,140,60,0.30); box-shadow:inset 0 0 0 1px rgba(190,140,66,0.30), 0 2px 5px rgba(0,0,0,0.40), 0 4px 9px -3px rgba(210,90,25,0.55); border-top:1px solid rgba(255,210,150,0.35); border-bottom:2px solid #4a1705; }
.color[class*="bi-"], .tdbody[class*="bi-"] { padding-left:40px; }
.color[class*="bi-"]::before, .tdbody[class*="bi-"]::before { content:''; position:absolute; left:5px; top:50%; transform:translateY(-50%); width:30px; height:30px; border-radius:50%; background:var(--bar-icon,none) center / 16px 16px no-repeat,radial-gradient(circle at 38% 30%, #6a4520 0%, #3a2410 58%, #190c04 100%); border:2px solid #C8A24A; box-shadow:0 0 0 1px #241406, inset 0 1px 2px rgba(255,228,165,0.6), inset 0 -2px 3px rgba(0,0,0,0.55), 0 2px 4px rgba(0,0,0,0.55); z-index:2; }
.bi-flame { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M13.5%201.5c.6%203.3-1.8%204.6-1.8%207.2%200%201.2%201%202%202%201.8%201-.2%201.3-1.2%201.2-2.3%201.7%201.5%203.1%203.6%203.1%206.3a6%206%200%201%201-12%200c0-3.2%202.3-4.7%202.3-7.1%201%20.6%201.6%201.5%201.7%202.7.9-2.4-.2-5.6%202.3-8.6z%27/%3E%3C/svg%3E"); }
.bi-skull { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M12%202.5a8%208%200%200%200-8%208v2.5c0%201.4.9%202.5%202%203.1v3.4h2.2v-2.2h1.2v2.2h2.4v-2.2h1.2v2.2H17v-3.4c1.1-.6%202-1.7%202-3.1V10.5a8%208%200%200%200-8-8zM9%2010.3a1.8%201.8%200%201%201%200%203.6%201.8%201.8%200%200%201%200-3.6zm6%200a1.8%201.8%200%201%201%200%203.6%201.8%201.8%200%200%201%200-3.6z%27/%3E%3C/svg%3E"); }
.bi-rune { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M11%202h2v20h-2z%20M12.4%208.6l5-4.1%201.3%201.5-5%204.1z%20M11.6%208.6l-5-4.1L5.3%206l5%204.1z%27/%3E%3C/svg%3E"); }
.bi-leaf { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M20%204C9.5%204%204%209.5%204%2020c10.5%200%2016-5.5%2016-16zm-3.2%203.2c-3.6%201-6.6%204-7.6%207.6%203.6-1%206.6-4%207.6-7.6z%27/%3E%3C/svg%3E"); }
.bi-sword { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M12%201.6l1.3%202.3h-2.6zM11.2%204.2h1.6v9.5h-1.6zM8%2013.7h8v1.8H8zM11.2%2015.5h1.6V20h-1.6z%27/%3E%3C/svg%3E"); }
.bi-dagger { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M12%203l1.1%202h-2.2zM11.3%205.3h1.4v7.2h-1.4zM9.3%2012.5h5.4v1.5H9.3zM11.3%2014h1.4V19h-1.4z%27/%3E%3C/svg%3E"); }
.bi-arrow { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M20%204h-6.8l2.3%202.3-9.2%209.2%202.2%202.2%209.2-9.2L20%2010.8z%27/%3E%3C/svg%3E"); }
.bi-star { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M12%202.5l2.7%205.9%206.4.7-4.8%204.4%201.3%206.3L12%2016.9%206.4%2019.8l1.3-6.3L2.9%209.1l6.4-.7z%27/%3E%3C/svg%3E"); }
.bi-info { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M12%202a10%2010%200%201%200%200%2020%2010%2010%200%200%200%200-20zm0%204.2a1.6%201.6%200%201%201%200%203.2%201.6%201.6%200%200%201%200-3.2zM10.3%2011h3.4v7.5h-3.4z%27/%3E%3C/svg%3E"); }
.bi-paw { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M7%209.5a2%202%200%201%201%200%204%202%202%200%200%201%200-4zm10%200a2%202%200%201%201%200%204%202%202%200%200%201%200-4zM10%205.5a2%202%200%201%201%200%204%202%202%200%200%201%200-4zm4%200a2%202%200%201%201%200%204%202%202%200%200%201%200-4zm-2%207c2.8%200%205%201.8%205%203.8A2.2%202.2%200%200%201%2014.8%2018H9.2A2.2%202.2%200%200%201%207%2016.3c0-2%202.2-3.8%205-3.8z%27/%3E%3C/svg%3E"); }
.bi-dog { --bar-icon:url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20viewBox%3D%270%200%2024%2024%27%3E%3Cpath%20fill%3D%27%23F4D08A%27%20d%3D%27M4.4%204c-.9%201.9-.8%204.4%200%206.5-1%201.5-1%203.6.4%204.7.9.8%202.1.9%203.1.6%201%201.3%202.7%202.1%204.1%202.1s3.1-.8%204.1-2.1c1%20.3%202.2.2%203.1-.6%201.4-1.1%201.4-3.2.4-4.7.8-2.1.9-4.6%200-6.5-1.9.6-3.4%201.9-4.2%203.5-.5-.2-1-.3-1.6-.3h-1c-.6%200-1.1.1-1.6.3C7.8%205.9%206.3%204.6%204.4%204z%27/%3E%3Ccircle%20cx%3D%279.5%27%20cy%3D%2712.4%27%20r%3D%271.05%27%20fill%3D%27%232a1004%27/%3E%3Ccircle%20cx%3D%2714.5%27%20cy%3D%2712.4%27%20r%3D%271.05%27%20fill%3D%27%232a1004%27/%3E%3Cpath%20fill%3D%27%232a1004%27%20d%3D%27M12%2014.6c.95%200%201.7.5%201.7%201.1s-.76%201.1-1.7%201.1-1.7-.5-1.7-1.1.75-1.1%201.7-1.1z%27/%3E%3C/svg%3E"); }
/* ==== THEMEDBARS END ==== */

/* ==== boxbar termination (forged side rails) ==== */
.boxbar{
  width:183px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  position:relative;
  border:0 !important;
  border-bottom:1px solid rgba(0,0,0,0.25) !important;
  box-shadow:none !important;
}
.boxbar td{ position:relative; }
.boxbar td::before{
  content:''; position:absolute; left:0; top:-1px; bottom:-1px; width:5px;
  background:linear-gradient(to right, #241606 0%, #7a5a26 22%, #e8c878 50%, #7a5a26 78%, #241606 100%);
  box-shadow:1px 0 1px rgba(0,0,0,0.5); z-index:3;
}
.boxbar td::after{
  content:''; position:absolute; right:0; top:-1px; bottom:-1px; width:5px;
  background:linear-gradient(to right, #241606 0%, #7a5a26 22%, #e8c878 50%, #7a5a26 78%, #241606 100%);
  box-shadow:-1px 0 1px rgba(0,0,0,0.5); z-index:3;
}
/* ==== handoff: Oswald display font on bars + terracotta links ==== */
.color, .tdbody, .boxbar td {
  font-family:'Oswald','Verdana',sans-serif !important;
  font-variant:small-caps; letter-spacing:0.04em;
}
a { color:var(--link,#9c3a14); }
/* ==== handoff: nav hover underline + gold divider ==== */
.dropdown:hover .dropbtn{ background-color:transparent !important; }
.dropbtn{ position:relative; }
.dropbtn::after{
  content:''; position:absolute; left:14%; right:14%; bottom:4px; height:2px;
  background:var(--accent,#A8380D); transform:scaleX(0); transform-origin:center;
  transition:transform .18s ease; pointer-events:none; box-shadow:0 0 5px rgba(200,90,30,.6);
}
.dropdown:hover .dropbtn::after{ transform:scaleX(1); }
/* ==== handoff: real-text nav buttons ==== */
.dropbtn{
  background:
    repeating-linear-gradient(90deg, rgba(0,0,0,.04) 0 1px, rgba(255,255,255,0) 1px 3px),
    linear-gradient(180deg,#fbfbfb 0%,#dcdcdc 48%,#c4c4c4 52%,#e6e6e6 100%) !important;
  color:#1c1c1c !important;
  font-family:'Oswald',sans-serif !important;
  font-weight:700 !important; font-size:18px !important;
  text-transform:uppercase; letter-spacing:.02em;
  text-align:center !important;
  text-shadow:0 1px 0 rgba(255,255,255,.7);
  line-height:31px !important; padding:0 !important;
  border:none !important; border-right:1px solid rgba(0,0,0,.14) !important;
  box-shadow:1px 0 0 rgba(255,255,255,.6);
  cursor:pointer; overflow:hidden;
}
.dropdown:last-of-type .dropbtn{ border-right:none !important; box-shadow:none; }
.dropdown:hover .dropbtn{ color:var(--accent,#A8380D) !important; }
/* ==== handoff: status + focus + hovers ==== */
.srv-online{ color:var(--accent,#A8380D); font-family:'Oswald',sans-serif; font-weight:700;
  font-size:20px; letter-spacing:.06em; display:inline-flex; align-items:center; gap:9px; }
.srv-dot{ width:11px; height:11px; border-radius:50%; background:#2fbf4a; display:inline-block;
  box-shadow:0 0 0 0 rgba(47,191,74,.6); animation:srvpulse 1.8s infinite; }
@keyframes srvpulse{ 0%{box-shadow:0 0 0 0 rgba(47,191,74,.55);} 70%{box-shadow:0 0 0 8px rgba(47,191,74,0);}
  100%{box-shadow:0 0 0 0 rgba(47,191,74,0);} }
input:focus{ outline:none !important; border-color:var(--accent,#A8380D) !important;
  box-shadow:inset 0 2px 3px rgba(0,0,0,.6), 0 0 0 3px rgba(168,56,13,.34) !important; }
button:not(.dropbtn){ transition:transform .12s ease, box-shadow .15s ease; }
button:not(.dropbtn):hover{ transform:translateY(-1px); box-shadow:0 3px 8px rgba(0,0,0,.22); }
button:not(.dropbtn):active{ transform:translateY(0); box-shadow:0 1px 2px rgba(0,0,0,.2); }
a{ transition:color .12s ease; }
.dropdown-content a:hover, .post a:hover, .allink:hover{ color:var(--accent,#A8380D); text-decoration:underline; }
ul li{ border-radius:3px; }
ul li:hover{ background:rgba(168,56,13,.07); }