@font-face {
    font-family: Caslon;
    src: url(Caslon.otf);
}

@font-face {
    font-family: Lineage2Font;
    src: url(Lineage2Font.ttf);
}

html, body {
	font-family: Arial;
	font-size: 12px;
	color: #272829;
	background: #171720;
	background-repeat: no-repeat;
	background-position: top center;
	cursor: url("../images/global.cur"), default;
z-index:1;
}

.video-container {

position: absolute;
background-position: center center;
background-repeat: no-repeat;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index:-1;
}

video {
   clip-path: inset(0 1px 0 2px); 
position: absolute;
top: -5%;
  left:50%;
  transform: translateX(-50%);
    object-fit: cover;
    object-position: center center;
}

h1, h2, h3, h4, h5, h6, ul, ol, li, form, textarea {
	padding: 0px;
	margin: 0px;
}

a {
	color: #c11d1d;
	font-size: 12px;
	text-decoration: none;
	cursor: url("../images/link.cur"), pointer;
}

a:link, a:visited  {
	color: #c11d1d;
	text-decoration: none;
	cursor: url("../images/link.cur"), pointer;
}

a:hover, a:active {
	color: #c11d1d;
	text-decoration: underline;
	cursor: url("../images/link.cur"), pointer;
}

.page-out {
	margin-left: -8px;
	margin-right: -8px;
	margin-bottom: -8px;
}

.nav1 {
	padding: 10px;
}

.page-in {
	width: 1200px;
	margin: auto;
}

.head {
	width: 100%;
	height: 480px;
	margin: auto;
}

.social {
	margin-right: -10px;
	padding-top: 80px;
	padding-left: 120px;
	float: left;
}

.social img {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.social img:hover, .social img:focus, .social img:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  border-radius: 10px 10px 10px 10px;
  box-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
  margin: 5px;
  opacity: 1;
}

.topmenu {
	position: fixed;
	display: inline-block;
	text-align: center;
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	box-shadow: 0px 0px 10px #d61833;
	text-shadow: 2px 2px 2px #000000;
	font-weight: bold;
	width: 100%;
	height: 60px;
	float: left;
	top: 0px;
}
.topmenu ul {
	height: 60px;
	margin-left: 10px;
	list-style-type: none;
}
.topmenu ul li {
	background-image: url(../images/devider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	display: inline-block;
	padding-left: 1px;
	margin-right: -3px;
}
.topmenu ul li a {
	font-family: Caslon;
	font-size: 15px;
	line-height: 60px;
	color: #ebe9e9;
	font-weight: bold;
	text-decoration: none;
	display: block;
	height: 60px;
	display: inline-block;
	padding-left: 27px;
}

.topmenu ul li a span {
	display: block;
	float: left;
	padding-right: 35px;
	cursor: url("../images/link.cur"), pointer;
}

.topmenu ul li a span:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../images/hover.png);
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.topmenu ul li a span:hover {
  color: white;
  text-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
}
.topmenu ul li a span:hover:before, .topmenu ul li a span:focus:before, .topmenu ul li a span:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
	display: block;
	background-image: url(../images/top3.png);
	background-repeat: repeat;
	background-position: center top;
	font-weight: bold;
	box-shadow: 0px 0px 10px #d61833;
	float: left;
	text-align: left;
    display: none;
	margin-top: -2.5px;
    position: absolute;
	border-radius: 0px 0px 15px 15px;
}

.dropdown-content a {
    min-width: 170px;
    display: block;
	text-align: left;
	margin-bottom: -3px;
	cursor: url("../images/link.cur"), pointer;
}

.dropdown-content a:hover {
	background-image: url(../images/hover.png);
	text-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	background-repeat: no-repeat;
	background-position: center top;
	width: 170px;
	border-radius: 0px 0px 15px 15px;
}

.dropdown-content a:visited {
	cursor: url("../images/link.cur"), pointer;
}

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

.top2 {
	font-family: Arial;
	font-size: 12px;
	color: #ebe9e9;
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	padding: 15px 1px 15px 1px;
	margin-top: 220px;
	float: right;
	width: 370px;
}

.top4 {
	font-family: Arial;
	font-size: 16px;
	color: #ebe9e9;
	background-image: url(../images/panelbgtop.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	padding-top: 30px;
	padding-bottom: 20px;
	margin-top: 195px;
	margin-right: -28px;
	float: right;
	width: 370px;
}

.serverstatus {
width:370px;
font-size:19px;
padding-bottom: 15px;
display:inline-block;
vertical-align:middle;
text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

.serverstatus #name {
	font-family: Lineage2Font;
	font-size:18px;
	letter-spacing: 1px;
	color: #ffffff;
	display:inline-block;
	vertical-align:middle;
	padding-left: 15px;
}

.serverstatus .name {
	font-family: Lineage2Font;
}

.serverimg {
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
}


.serveronline {
	font-family: Caslon;
	letter-spacing: 1px;
	text-shadow: 0px 0px 15px #000000;
	margin-top: 7px;
	padding-left: 1px;
	padding-right: 3px;
	font-size:15px;
	font-weight: bold;
}

.name:first-letter {
display:inline-block;
vertical-align:middle;
font-family: Lineage2Font;
font-size:35px;
}

.chronicle {
font-family: Caslon;
color: #cb8806;
font-size:12px;
font-weight: bold;
margin-top: -7px;
text-shadow: 0px 0px 15px #000000;
}

.infoborder {
	text-shadow: 0px 0px 15px #000000;
	text-align: center;
	color: #cecdcd;
	font-size:11px;
	box-shadow: 0px 0px 1px #ffffff; 
	border-radius: 10px 10px 10px 10px; 
	background-color: #2c2b28;
	width: 181px;
	height: 15px;
	float: left;
	padding-top: 2px;
	margin-right: 2px;
	margin-left: 2px;
	margin-top: 2px;
}

.skillbar {
	margin-left: 5px;
	width: 100px;
	background:#eee;
	height:5px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-transition:0.4s linear;
	-moz-transition:0.4s linear;
	-ms-transition:0.4s linear;
	-o-transition:0.4s linear;
	transition:0.4s linear;
	-webkit-transition-property:width, background-color;
	-moz-transition-property:width, background-color;
	-ms-transition-property:width, background-color;
	-o-transition-property:width, background-color;
	transition-property:width, background-color;
}

.skillbar-bar {
	box-shadow: 0px 0px 8px #00ff00; 
	height:5px;
	width:0px;
	font-size:14px;
	font-weight: bold;
	padding-left: 5px;
	background:#6adcfa;
	color:#ffffff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}

.skill-bar-percent {
	right:10px;
	margin: auto;
	height:5px;
	line-height:5px;
	color:#ffffff;
	color:rgba(0, 0, 0, 0.4);
}

.top2-name {
	font-family: Caslon;
	font-size: 15px;
	text-shadow: 0px 0px 10px #000000;
}

.top3 {
	font-family: Arial;
	font-size: 18px;
	padding: 50px 1px 1px 1px;
	float: right;
	margin-right: 55px;
	margin-top: 110px;
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	width: 300px;
	height: 160px;
}

.toptable {
	display: block;
	width: 350px;
	border-collapse:collapse;
	border-radius:3px;
}

.toptable tr {
	display: block;
	width: 350px;
}

.toptable td {
	border-right: 1px solid #292927;
	padding-right: 10px;
	padding-left: 10px;
}

.toptable tr:hover {
	display: block;
	width: 350px;
	background-color: #8c1324;
	box-shadow: 0px 0px 10px #d61833;
	cursor: url("../images/link.cur"), pointer;
}

#hvr:hover {
	text-shadow: 2px 2px 2px #ebe9e9;
	background-color: #eee9eb;
	cursor: url("../images/link.cur"), pointer;
}

.toptable td {
	height: 22px;
}


.top2table {
	display: block;
	border-top: #555555 1px solid;
	border-bottom: #555555 1px solid;
	width: 100%;
	border-collapse:collapse;
	border-radius:3px;
}

.top2table tr {
	display: block;
}

.top2table td {
	margin-left: 10px;
	height: 25px;
}

.top2table tr:hover {
	display: block;
	cursor: url("../images/link.cur"), pointer;
}

.mainmenu, .mainmenu2, .mainmenu3, .contact {
	width: 300px;
	float: right;
}

.mainmenu {
	width: 300px;
	height: 100%;
	background-color: #f5f7ec;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
	margin-bottom: 10px;
}

.mainmenu2 {
	width: 300px;
	height: 480px;
	color: #000;
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 5px #000;
	margin-bottom: 10px;
}

#topai {
	height: 385px;
}

.top15 {
	border: 0px solid black;
	width: 368px;
	border-collapse:collapse;
	margin-bottom: 5px;
	margin-left: 1px;
}

.top15 tr td {
	height: 25px;
}

.top15punish {
	border: 0px solid black;
	width: 100%;
	border-collapse:collapse;
}

.top15punish tr td {
	height: 20px;
	padding-left: 4px;
}

.top15title {
	font-family: Caslon;
	font-weight: bold;
	font-size: 16px;
	color: #ebe9e9;
	text-shadow: 2px 2px 2px #000000;
	line-height: 30px;
	height: 30px;
	text-align: center; 
	font-style: italic;
}

.ssitable {
	width: 575px; 
	height: 100%px; 
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 5px #000;
	padding-bottom: 15px;
	margin-bottom: 10px;
}

.ssitable2 tr td {
 height: 24px;
}

.ssitable tr td {
	height: 24px;
}

.middle {
	background-color: #f5f7ec;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
	padding: 5px;
	margin-bottom: 15px;
}

.support {
	position:fixed;
	font-size: 14px;
	color: #ebe9e9;
	bottom: 0px;
    z-index:1000;
	background-position: center bottom;
	width: 350px;
	height: 80px;
	float: right;
}

#slide{
	width: 645px;
	height: 257px;
	padding-bottom: 10px;
}

.header-bottom h2 {
	font-size: 20px;
	font-weight: normal;
	color: #000000;
	margin-top: 92px;
	margin-left: 27px;
}

.topnav {
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	box-shadow: 0px 0px 1px #ffffff;
	width: 370px;
	font-weight: bold;
	height: 25px;
	margin: auto;
	margin-bottom: 1px;
}
.topnav ul {
	height: 25px;
	margin-left: 20px;
	list-style-type: none;
}

.topnav ul li {
	background-image: url(../images/devider.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 25px;
	float: left;
	padding-right: 1px;
	padding-left: 3px;
}
.topnav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	color: #ebe9e9;
	text-decoration: none;
	display: block;
	height: 25px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	margin: auto;
}
.topnav ul li a span {
	display: block;
	height: 25px;
	float: left;
	padding-right: 0px;
	cursor: url("../images/link.cur"), pointer;;
}
.topnav ul li a:hover {
	background-image: url(../images/hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.topnav ul li a:active{
	background-color: #999;
}


.maintopnav {
	background-image: url(../images/maintopnav.png);
	background-repeat: no-repeat;
	background-position: left top;
	width: 635px;
	height: 36px;
	padding-bottom: 5px;
}
.maintopnav ul {
	height: 36px;
	margin-left: 20px;
	list-style-type: none;
}
.maintopnav ul li {
	background-image: url(../images/topnavdiv.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 36px;
	float: left;
	padding-right: 6px;
	padding-left: 6px;
}
.maintopnav ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 36px;
	color: #ebe9e9;
	text-decoration: none;
	display: block;
	height: 36px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.maintopnav ul li a span {
	display: block;
	height: 36px;
	float: left;
	padding-right: 0px;
	cursor: url("../images/link.cur"), pointer;;
}
.maintopnav ul li a:hover {
	background-image: url(../images/hover.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.maintopnav ul li a:active {
	background-color: #999;
}


.content {
	display: inline-block;
	background-color: #ebece5;
	background-image: url(../images/body-top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	width: 1200px;
	float: left;
	padding: 5px 3px 0px 24px;
	margin: 0px;
}
.content-left {
	display: inline-block;
	background-image: url(../images/vline.jpg);
	background-repeat: repeat-y;
	background-position: right top;
	float: left;
	width: 300px;
	margin-left: -21px;
	padding-right: 21px;
}

.content-center {
	display: inline-block;
	width: 575px;
}

.content-right {
	display: inline-block;
	background-image: url(../images/vline.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	float: right;
	width: 300px;
	padding-left: 21px;
}

.sidebar1 {
	font-family: Caslon;
	font-weight: bold;
	font-size: 16px;
	line-height: 30px;
	color: #ebe9e9;
	font-style: italic;
	text-shadow: 2px 2px 2px #000000;
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.1);
	width: 300px;
	height: 30px;
	text-align: center;
	margin-bottom: 5px;
}

.votebutton {
	display: inline-block;
	font-family: Caslon;
	font-weight: bold;
	font-size: 16px;
	line-height: 10px;
	color: #ebe9e9;
	font-style: italic;
	text-shadow: 2px 2px 2px #000000;
	background-image: url(../images/votebutton.png);
	width: 135px;
	height: 45px;
	text-align: center;
	margin: 0px 10px 0px 0px;

}

.votebutton:hover {
	-webkit-filter: brightness(150%);
}


br {
  display: block;
  margin-bottom: 2px;
  font-size:2px;
  line-height: 2px;
}

.footer {
	color: #ebe9e9;
	font-size: 11px;
	line-height: 30px;
	width: 1200px;
	height: 30x;
	float: left;
	padding: 24px 0px 0px 5px;
}


#balsuoti iframe:hover {
	opacity: 0.5;
}

#balsuoti img:hover {
	opacity: 0.5;
}

.skype {
display: block;
float: right;
bottom: -5px;
z-index: 9999999;
position:fixed;
right: 1%;
}

.rblikebox{
background: url(../images/fb.png) no-repeat scroll left center transparent !important;
display: block;
float: right;
height: 270px;
padding: 0px 0px 0px 42px;
width: 245px;
z-index: 9999999;
position:fixed;
right:-250px;
top:30%;
}

.rblikebox div{
border:none;
position:relative;
display:block;
}

.rblikebox span{
bottom: 12px;
font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;
position: absolute;
left: 7px;
text-align: left;
z-index: 999;
}

.rblikebox span a{
color: gray;
text-decoration:none;
}

.rblikebox span a:hover{
text-decoration:underline;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #333;
}

::-webkit-scrollbar {
  background: #333;
  width: 4px;
}

::-webkit-scrollbar-thumb {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background: #636363;
}


.titlenew {
font-size: 11px;
}

.titlenew a {
font-weight: bold;
font-size: 14px;
}

.news_header  a {
	font-size: 19px;
	font-weight: bold;
}

.news_timestamp  {
	font-size: 11px;
}

.news_timestamp a {
	font-size: 11px;
}

/*.patch img:hover{
    background: url(../images/patch2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.reg img:hover{
    background: url(../images/reg2.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.client img:hover{
    background: url(../images/client2.png);
	background-repeat: no-repeat;
	background-position: center top;
}*/

.ssi_table tr td {
	border-style: solid;
	border-width: 1px;
	border-color: #000;
}

.ssi_table td {
	padding-left: 5px;
	padding-right: 5px;
}

.ssi_table:hover {
	text-shadow: 2px 2px 2px #ebe9e9;
	background-color: #eee9eb;
	cursor: url("../images/link.cur"), pointer;
}

.tipsy { 
margin-left: -100px; 
position: absolute; 
display: block;
padding: 5px; 
z-index: 100000; 
}

.tipsy-inner { 
text-shadow: 2px 2px 2px #000000;
font-family: Arial;
font-size: 12px;
color: #ebe9e9;
background-image: url(../images/panelbg.png);
background-repeat: repeat;
background-position: left top;
width: 150px;
max-width: 200px;
padding: 10px 10px 10px 10px; 
text-align: left; 
}


.tipsy-inner { border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; }
  
.tipsy-inner {
box-shadow: 0px 0px 5px #d61833;
-webkit-box-shadow: 0px 0px 5px #d61833;
}
  
.tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  

.tipsy-arrow-n { border-bottom-color: #000; }
.tipsy-arrow-s { border-top-color: #000; }
.tipsy-arrow-e { border-left-color: #000; }
.tipsy-arrow-w { border-right-color: #000; }
  
.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
.tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
.tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

#fanback {
    background: url("../images/fb_bg.png") repeat scroll 0 0 transparent;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
#fan-exit {
    height: 100%;
    width: 100%;
}
#fanbox {
    background: none repeat scroll 0 0 white;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 50px 0 #939393 inset;
    height: 320px;
    left: 50%;
    margin: -155px 0 0 -260px;
    position: absolute;
    top: 50%;
    width: 520px;
}
#fanclose {
    background: url("../images/fanclose.png") repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 15px;
    margin-right: -22px;
    margin-top: -20px;
    padding: 20px 40px 20px 20px;
    position: relative;
}
.remove-borda {
    background: none repeat scroll 0 0 #14151a;
    margin: 16px auto 0 20px;
    position: relative;
    width: 466px;
}

#TopButton {
  display: none;
  position: fixed;
  bottom: 50px;
  right: 15px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#TopButton:hover {
  background-color: #555;
  cursor: url("../images/link.cur"), pointer;
}

blockquote.bbc_standard_quote, blockquote.bbc_alternate_quote
{
	font-size: x-small;
	color: #000;
	line-height: 1.4em;
	background: url(../images/quote.png) 0.1em 0.1em no-repeat;
	border-top: 2px solid #99A;
	border-bottom: 2px solid #99A;
	padding: 1.1em 1.4em;
	margin: 0.1em 0 0.3em 0;
	overflow: auto;
}

blockquote.bbc_standard_quote
{
	background-color: #d7daec;
}
blockquote.bbc_alternate_quote
{
	background-color: #e7eafc;
}

.download {
	margin-left: 10px;
	float: left;
	margin-bottom: -2px;
}

.ServerStatusPanel {
	display: inline-block;
	background-image: url(/images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 0px 0px;
	text-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 10px #d61833;
	padding: 5px 5px 5px 5px;
	width: 300px;
	height: 35px;
	margin-left: 10px;
}

.ServerStatusPanelRight {
	display: inline-block;
	background-image: url(/images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 0px 0px;
	text-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 10px #d61833;
	padding: 5px 5px 5px 5px;
	width: 300px;
	height: 35px;
	margin-left: 110px;
}

.lang {
	display: inline-block;
	text-shadow: 2px 2px 2px #000000;
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	padding: 5px 5px 5px 10px;
	width: 320px;
	margin-left: 13px;
}

.lang a img:hover {
	width: 25px;
	border-radius: 200px 200px 200px 200px;
	box-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	text-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
}

.ServerTime {
	display: inline-block;
	background-image: url(/images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	border-radius: 15px 15px 0px 0px;
	text-shadow: 0px 0px 15px #000000;
	box-shadow: 0px 0px 10px #d61833;
	padding: 5px 5px 5px 5px;
	width: 300px;
	height: 35px;
	float: right;
	margin-right: -15px;
}

.reg {
	font-family: Caslon;
	background-image: url(/images/newreg.png);
	width: 240px;
	height: 25px;
	display:inline-block;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 14px;
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	text-shadow: 0px 0px 3px black, 0 0 15px black, 0 2px 3px black;
}

.patch {
	font-family: Caslon;
	background-image: url(/images/newpatch.png);
	width: 240px;
	height: 25px;
	display:inline-block;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	text-shadow: 1px 1px 5px black, 0 0 15px black, 0 0 3px black;
}

.client {
	font-family: Caslon;
	background-image: url(/images/newclient.png);
	width: 240px;
	height: 25px;
	display:inline-block;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	padding-top: 12px;
	color: #ffffff;
	border-radius: 15px 15px 15px 15px;
	box-shadow: 0px 0px 10px #d61833;
	text-shadow: 1px 1px 5px black, 0 0 15px black, 0 0 3px black;
}

.reg img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.reg:hover, .reg:focus, .reg:active {
	border-radius: 15px 15px 15px 15px;
	box-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	text-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

.patch img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.patch:hover, .patch:focus, .patch:active {
	border-radius: 15px 15px 15px 15px;
	box-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	text-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

.client img{
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.client:hover, .client:focus, .client:active {
	border-radius: 15px 15px 15px 15px;
	box-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	text-shadow: 1px 1px 2px red, 0 0 25px red, 0 0 5px red;
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

.popup {
    position: relative;
    display: inline-block;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	cursor: url("../images/link.cur"), pointer;
}
.popup .popuptext {
	background-image: url(../images/panelbg.png);
	background-repeat: repeat;
	background-position: left top;
	box-shadow: 0px 0px 5px #d61833;
    visibility: hidden;
    width: 370px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -180px;
}
.popup .popuptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}
.popup .show {
    visibility: visible;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
    from {opacity: 0;} 
    to {opacity: 1;}
}
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
} to {opacity:1 ;}
}