﻿html, body {
	text-align: center;
/*	background: #000; */
	height: 100%;
	margin:0px;
	padding:0px;
	color: #fff;
}
html, body {
	background: #000 url(/style/images/bg.jpg) no-repeat;
/*	background: #000 url('http://mygame.ghost.rs/style/img/my.jpg') no-repeat; */
	background-attachment: fixed;
	background-size: 100% 100%;
}
#containter, #content { 
	border-left: 1px solid gray;
	border-right: 1px solid gray;
        margin-right:auto;
	margin-left:auto;
	width: 1024px;
}
#content {
	min-height: 65%;
	background-image: url('/style/images/trb.png');
	background: rgba(0, 0, 0, 0.8);
}
#content table { font-size: 14px; font-family: arial;}
#content table tr { vertical-align: top; }
#header {
	height: 218px;
	text-align: right;
	background-image: url('/style/images/header.png');
}
#footer {
	font-family: sans-serif;
	size: 10px;
	color: #fff;
	width: 1024px;
	height: 36px;
	margin:auto;
	background: rgba(0, 0, 0, 0.8);
	border: 0;
}
#footer table { width: 95%; margin: auto; }
#footer a { color: #fff; text-decoration: underline; }
#footer a:hover { text-decoration: none; }

#navigation {
	height: 46px;
	background: rgba(0, 0, 0, 0.8);
}
#nav table { width: 100%; }
@font-face {
	font-family: 'bttnfont';
	src: url('old-webfont.eot');
	src: local('☺'), url('old-webfont.woff') format('woff'), url('old-webfont.ttf') format('truetype'), url('old-webfont.svg#webfontZ48MYn7p') format('svg');
	font-weight: normal;
	font-style: normal;
}


#nvleft {
	position: absolute;
	top: 10px;
	font-family: sans-serif; 
	padding: 10px;
}

#nvleft a, #nvleft {
	font-size: 12px;
	color: #fff;
}
#nvleft a { color: #ffae00;}

form { margin: 0; }
#nvleft a:hover { color: #fff; }

.middle {
	margin-bottom: 10px;
	width: 750px; border: 1px solid gray;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.middle thead { background: #000; background: rgba(255, 255, 255, 0.2); font-family: bttnfont; font-size: 18px;}
.middle tbody { /* background: #000; background: rgba(0, 0, 0, 0.1); */ }
.middle tfoot { background: #000; background: rgba(255, 255, 255, 0.1); }
.rightblock {
	margin-bottom: 10px;
	width: 250px; border: 1px solid gray;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}
.rightblock thead { background: #000; background: rgba(255, 255, 255, 0.1); font-family: bttnfont; font-size: 18px;}
.rightblock tbody { /* background: #000;  background: rgba(0, 0, 0, 0.1); */ }
.rightblock tfoot { background: #000; background: rgba(255, 255, 255, 0.1); }

.ltf { font-family: bttnfont; font-size:16px; }
img { border: 0; margin: 0; }
a { color: orange; text-decoration: none; }
a:hover { color: white; text-decoration: none; }
a.topmenu		{ color: #f6c000; text-decoration: none}
a:hover.topmenu		{ color: #c0c0c0; text-decoration: none}
a.regular		{ color: #fff; text-decoration: none}
a:hover.regular		{ color: #f09000; text-decoration: none}
a.premium               { color: #cc0000; text-decoration: none}
a:hover.premium         { color: #f09000; text-decoration: none}
.menusidetop		{ border-right: #000000 1px solid; border-top: #000000 1px solid; border-left: #000000 1px solid}
.menusidedown		{ border-right: #333333 2px solid; border-left: #333333 2px solid; border-bottom: #333333 2px solid}
.size7                  { font-size: 10; }
.size8			{ font-size: 8pt; }
.size8sans              { font-size: 8pt; color: #000000; font-family: sans-serif}
.size8bold		{ font-size: 10pt;}
.size8boldwhite		{ font-size: 8pt; color: #ffffff; }
.size8italic		{ font-style: italic; font-size: 8pt; color: #740000; font-family: verdana}
.size10bold		{ font-weight: none; font-size: 10pt; font-family: verdana}
.bigbr          	{ font-weight: bold; font-size: 14pt; font-family: verdana}
.smallbutton		{ font-size: 7pt; font-family: verdana}
a.chan5			{ color: #cc0000; text-decoration: none }
a.chan4			{ color: #4444ff; text-decoration: none }
a.chan3			{ color: #f09000; text-decoration: none }
a.chan2			{ color: #f09000; text-decoration: none }
.ds { color:#cc0000; font-size: 15px; }
button { font-family: Verdana; font-size: 18px; color: #DFDFDF; background-color: #780003; border: 1px solid #000000}
input, select {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
         font-family: Helvetica, Arial, Geneva, Verdana, sans-serif;
         font-size: 9pt;
         color: #fff;
         background: #000;
         border: 1px solid orange;
	 padding: 3px;
}
textarea {
	overflow: auto;
	border: 10px;
	color: #fff;
	background: #000;
	background: rgba(0, 0, 0, 0.2);
	font-family: verdana;
	font-size: 12px;
}
.prembig { font-family:courier new; font-size:11pt; font-weight: bold; text-align:center; color: #fcc000}
a.prembig { font-family:courier new; font-size:11pt; font-weight: bold; color: #fcc000; text-decoration: none}
a:hover.prembig { color: #ffffff; font-family:courier new; font-size:11pt; font-weight: bold; text-decoration: none}
.premsmall { font-size:12pt; color: #ff0000}
.premium { font-weight: bold; color: #cc0000}
.yellow { color: #f09000; font-weight: bold }
.yellow2 { color: #ffe006; font-weight: bold }
.redbig { font-family:bttnfont; font-size:20pt; color: #fff;}
.forum {  border: 1px solid #78999f; border-collapse: collapse; font-family:verdana; font-size:8pt; }


ul#nav,ul#nav ul{margin:0;list-style:none;padding:0;}
ul#nav ul{display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000;-webkit-box-shadow:3.5px 3.5px 5px #000;box-shadow:3.5px 3.5px 5px #000;padding:0 10px 10px;
background: #ffffff;
border-radius:0px 0px 10px 10px;-moz-border-radius: 0px 0px 10px 10px;-webkit-border-radius: 0px 0px 10px 10px;}
ul#nav li:hover>*{display:block;}
ul#nav li:hover{position:relative;}
ul#nav ul ul{position:absolute;left:100%;top:0;}
ul#nav{display:block;font-size:0;float:left;}
ul#nav li{display:block;white-space:nowrap;font-size:0;float:left;}
ul#nav>li,ul#nav li{margin:0;}
ul#nav a:active, ul#nav a:focus{outline-style:none;}
ul#nav a{display:block;vertical-align:middle;text-align:left;text-decoration:none;font:18px bttnfont;color:#fff;cursor:pointer;padding:10px;background-image:url("/style/images/gather_06.png");background-repeat:repeat;background-position:0 0;}
ul#nav ul li{float:none;margin:10px 0 0;}
ul#nav ul a{text-align:left;padding:4px;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Tahoma;color:#000;text-decoration:none;}
ul#nav li:hover>a{background-image: url('/style/images/gather_07.png');}
ul#nav img{border:none;vertical-align:middle;margin-right:10px;}
ul#nav img.over{display:none;}
ul#nav li:hover > a img.def{display:none;}
ul#nav li:hover > a img.over{display:inline;}
ul#nav span{display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#nav ul li:hover>a{background-image:none;font:14px Tahoma;color:#868686;text-decoration:none;}
ul#nav li.topfirst { margin-left: 5px; width: 11px; height: 40px; background: url('/style/images/gather_04.png');}
ul#nav li.toplast { width: 11px; height: 40px; background: url('/style/images/gather_08.png');}
ul#nav li.topmenu>a{height:20px;line-height:16px;}
ul#nav li.topmenu:hover>a{ color: #fff;line-height:16px;}

.black_overlay{
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.5;
	opacity:.50;
	filter: alpha(opacity=50);
	text-align: right;
}
.white_content {
	display: none;
	position: absolute;
	top: 10%;
	left: 25%;
	width: 600px;
	height: 620px;
	padding: 0px;
	border: 1px solid orange;
	z-index:1002;
	overflow: none;
}
.giant { font-family:bttnfont; font-size:24px; color: #fff; }

