@CHARSET "UTF-8";
@import "theme/ui.all.optimized.css";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}

:focus
{
	outline: 0;
}

html
{
	height:100%;
}

body
{
	background-color:#000;
	background-color:#000; /* url(../img/splash/background.jpg) top center no-repeat; */
	line-height: 17px;
	color: #fff9e5;
	font-family:Georgia, Times New Roman;
	font-size: 14px;
	height:100%;
	scrollbar-base-color:#76736e;
	scrollbar-face-color:#76736e;
	scrollbar-shadow-color:#808080;
	scrollbar-highlight-color:#bababa;
	scrollbar-darkshadow-color:#404040;
	scrollbar-3dlight-color:#cecece;
	scrollbar-arrow-color:#ffe9b2;
	scrollbar-track-color:#3f3c3a;
}

ol, ul
{
	list-style: none;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

caption, th, td
{
	text-align: left;
	font-weight: normal;
	padding:0;
	margin:0;
}

blockquote:before, blockquote:after,
q:before, q:after
{
	content: "";
}

blockquote, q
{
	quotes: "" "";
}

/* end of reset-css */
/* buttons */
a.imgbutton
{
	border:0px;
	height:23px;
	min-width:90px;
	background: url(../img/buttons/button.jpg) no-repeat top left;
	cursor: pointer;
	display:-moz-inline-box;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	line-height:23px;
	padding:0px 8px;
	position:relative;
	white-space:nowrap;
	font-weight:normal;
}

div.hiddenbutton
{
	width:1px;
	height:1px;
	overflow:hidden;
	display:-moz-inline-box;
	display:inline-block;
	*display:inline;
}

div.hiddenbutton input
{
	width:1px;
	height:1px;
	overflow:hidden;
	color:black;
	background:black;
	border-width:0px;
	font-size:0px;
	line-height:0px;
}

a.imgbutton span
{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	border:0px;
	margin:0px;
	padding:0px;
	height:23px;
	width:8px;
	background: url(../img/buttons/button.jpg) no-repeat top right;
}

/* end of buttons */

a	 		{ font-size:14px; color:#ffdd93; text-decoration:none;}
a:link 		{ font-size:14px; color:#ffdd93; text-decoration:none;}
a:visited 	{ font-size:14px; color:#ffdd93; text-decoration:none;}
a:hover 	{ font-size:14px; color:#fe9d36; text-decoration:none;}
a:active 	{ font-size:14px; color:#ffdd93; text-decoration:none;}

div#pushdown
{
	width:100%;
	height:50%;
	margin-top:-292px;
	overflow:hidden;
	position:relative;
	float:left;	
}

div#bgtop
{
	height:191px; /* half of logocontainer+content+footer */
	position:absolute;
	bottom:0px;
	width:100%;
	background:url(../img/splash/background.jpg) center top no-repeat;
}

div#cotentbg
{
	width:100%;
	background:url(../img/splash/background.jpg) center -191px no-repeat;	/* -bgtop height */
	clear:both;
	position:relative;
}

div#logocontainer
{
	background:url(../img/splash/logo_h.png) center 137px no-repeat;
	width:338px;
	margin:auto;
	height:288px;
	position:relative;	
}

div#outsidecontent
{
	width:640px;
	height:267px;
	background:url(../img/splash/container.jpg) center center no-repeat;
	margin:auto;
	position:relative;
}

div#regbuttonbg
{
	position:absolute;
	width:482px;
	height:78px;
	top:-71px;
	left:79px;
	background:url(../img/splash/button.png) center center no-repeat;
}

div#regbuttoncontainer
{
	width:272px;
	height:71px;
	margin:0px auto;
	background-position:bottom center;
	background-repeat:no-repeat;
	vertical-align:bottom;
	line-height:71px;
}

div#textcontainer
{
	position:absolute;
	height:121px;
	width:618px;
	top:10px;
	left:11px;
	overflow:hidden;
}

div#menucontainer
{
	position:absolute;
	height:30px;
	width:640px;
	top:135px;
	left:0px;
	overflow:hidden;
}

div#langselect
{
	position:absolute;
	top:0px; 
	left:0px;
	width:100%;
	text-align:center;
	height:25px;
	padding-top:3px;
	*height:28px;
	z-index:10;
}

div#langselect a
{
	margin:0px 3px;
}

div#motd, div#outsidefeedback, div#nojswarning
{
	position:absolute;
	top:30px;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	background:url(../img/splash/motd.png) center top no-repeat;
	white-space:nowrap;
	z-index:10;
}

div#outsidefeedback
{
	top:65px;
}

div#nojswarning
{
	top:105px;
}
	
div#imprintcontainer
{
	width:100%;
	margin:auto;
	height:24px;
	line-height:24px;
	text-align:center;
	color:#cccccc;	
}

div#imprintcontainer a	 		{ color:#cccccc; }
div#imprintcontainer a:link 	{ color:#cccccc; }
div#imprintcontainer a:visited 	{ color:#cccccc; }
div#imprintcontainer a:hover 	{ color:#cccccc; }
div#imprintcontainer a:active 	{ color:#cccccc; }

ul#mainmenu
{
	display:block;
	width:600px;
	margin:auto;
	height:30px;
}

ul#mainmenu li
{
	clear:none;
	display:block;
	width:150px;;
	height:30px;
	float:left;
}

a.omenulink, a.textmenulink
{
	width:100%;
	display:block;
	height:30px;
	overflow:hidden;
}

a.textmenulink
{
	color:#ffdd93;
	line-height:30px;
	text-align:center;
}

a.omenulink:hover, .fulltrans
{
	-moz-opacity:0;
	*filter:alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity:0;
}

a.textmenulink:hover
{
	color:#fe9d36;
}

div#screenshots
{
	position:absolute;
	width:620px;
	height:95px;
	left:10px;
	bottom:5px;
}

div#screenshotwrapper
{
	margin:auto;
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
}

ul#screenshotlist
{
	height:85px;
	position:relative;
	top:5px;
}

ul#screenshotlist li
{
	width:150px;
	height:85px;
	position:absolute;
	top:0px;
	background-color:#cccccc;
}

div#greylayer
{
	z-index:100;
	background:black;
	width:100%;
	height:100%;
	opacity:0.4;
	-moz-opacity: 0.4;
	*filter: alpha(opacity=40);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	position:absolute;
	top:0px;
	left:0px;
}

div.bigscwrapper
{
	z-index:101; 
	min-width:150px; 
	min-height:85px; 
	_width:150px; 
	_height:85px; 
	position:absolute;
	visibility:hidden;
	border:1px solid white;
}

img.scaled
{
	width:150px; 
	height:85px; 
}

div#outsidepopup, div#loginpopup
{
	margin:auto;
	position:absolute;
	bottom:24px;
	width:100%;
	height:500px;
	display:none;
	vertical-align:bottom;
	z-index:11;
}

div#loginpopup
{
	top:217px;	
	height:300px;
}

div#loginpopup td.popup_inner
{
	width:420px;
}

table#outsidepopupcontent, table#loginpopupcontent
{
	width:100%;
	margin:auto;
	position:absolute;
}

table#outsidepopupcontent
{
	bottom:0px;
}

table#loginpopupcontent
{
	top:0px;
}

div.spinner
{
	position:absolute;
	height:32px;
	width:32px;
	margin:auto;
	background:url(../img/outside_spinner.gif) center center no-repeat;
}

table.char_select
{
	width : 100%;
}

table.char_select td
{
	padding: 20px 10px;
	width: 33%;
}

table.ava_setup
{
	border: 0px none;
	width : 100%;
}

table.ava_setup td
{
	padding: 6px !important;
}

table.avatar_supply
{
	width: 100%;
}

table.avatar_supply td
{
	text-align: center;
	vertical-align: middle;
}

span.ava_menuitem
{
	color: #ffdd93;
	margin: 0px 8px;
}

span.ava_menuitem_selected
{
	color: #fe9d36;
}

div#outsidepopup input, div#outsidepopup textarea, div#loginpopup input, div#loginpopup textarea
{
	background:url(../img/skin/table_bg.png) repeat;
	border:1px solid #5e5649;
	color:#fff9e5;
	font-family: Georgia, Times New Roman;
	margin:0px;
}

div#outsidepopup select, div#loginpopup select
{
	background: black;
	border: 1px solid #5e5649;
	color: #fff9e5;
	font-family: Georgia, Times New Roman;
	margin: 0px;
}


/* popup frame */
.popup_content
{
	background:url(../img/skin/popup/background.jpg) right top repeat-x;
}

.popup_header
{
	background:url(../img/skin/inner_head.jpg) no-repeat !important;
	font-weight: bold;
	height:28px;
	line-height:28px;
	text-align:center;
	vertical-align:middle;
}

.popup_layout
{
	border: 0 none !important;
}

.popup_corner
{
	background: none transparent !important;
	border: 0 none !important;
	height: 2px !important;
	padding: 0 !important;
}

.popup_top
{
	background: url(../img/skin/popup/border_T.jpg) left bottom repeat-x !important;
	border: 0px none !important;
	border-top: 0 none !important;
	padding: 0 !important;
	height: 2px !important;
}

.popup_bottom
{
	background: url(../img/skin/popup/border_B.jpg) repeat-x !important;
	border: 0px none !important;
	padding: 0 !important;
	height: 2px !important;
}

.popup_left
{
	background: url(../img/skin/popup/border_L.jpg) right top repeat-y !important;
	border: 0px none !important;
	padding: 0 !important;
}

.popup_right
{
	background: url(../img/skin/popup/border_R.jpg) left top repeat-y !important;
	border: 0px none !important;
	padding: 0 !important;
}

.popup_inner
{
	background: url(../img/skin/popup/background.jpg) repeat !important;
	border: 0px none !important;
	padding: 0 !important;
	width:635px;
}

.popup_header
{
	background:url(../img/skin/inner_head.jpg) no-repeat !important;
	font-weight: bold;
	height:28px;
	line-height:28px;
	text-align:center;
	vertical-align:middle;
}

.popup_feedbackbg_neut, .popup_feedbackbg_neg, .popup_feedbackbg_pos
{
	height:33px;
	text-align:center;
	vertical-align:middle;
	background:url(../img/splash/register_output_neutral.jpg) top left no-repeat;
}

.popup_feedbackbg_neg
{
	background:url(../img/splash/register_output_no.jpg) top left no-repeat;
}

.popup_feedbackbg_pos
{
	background:url(../img/splash/register_output_yes.jpg) top left no-repeat;
}

div.popup_tl1
{
	background: url(../img/skin/popup/ornament_TL_1.png) no-repeat;
	height: 11px;
	left: -11px;
	position: absolute;
	bottom: 0px;
	width: 43px;
}

div.popup_tl2
{
	background: url(../img/skin/popup/ornament_TL_2.png) no-repeat;
	height: 43px;
	left: -11px;
	position: absolute;
	bottom: -32px;
	width: 11px;
}

div.popup_bl1
{
	background: url(../img/skin/popup/ornament_BL_1.png) no-repeat;
	height: 11px;
	left: -11px;
	position: absolute;
	bottom: -11px;
	width: 43px;
}

div.popup_tr1
{
	background: url(../img/skin/popup/ornament_TR_1.png) no-repeat;
	height: 11px;
	right: -11px;
	position: absolute;
	bottom: 0px;
	width: 43px;
}

div.popup_tr2
{
	background: url(../img/skin/popup/ornament_TR_2.png) no-repeat;
	height: 43px;
	right: -11px;
	position: absolute;
	bottom: -32px;
	width: 11px;
}

div.popup_br1
{
	background: url(../img/skin/popup/ornament_BR_1.png) no-repeat;
	height: 11px;
	right: -11px;
	position: absolute;
	bottom: -11px;
	width: 43px;
}

div.popup_br2
{
	background: url(../img/skin/popup/ornament_BR_2.png) no-repeat;
	height: 43px;
	right: -11px;
	position: absolute;
	bottom: -11px;
	width: 11px;
}

div.popup_bl2
{
	background: url(../img/skin/popup/ornament_BL_2.png) no-repeat;
	height: 43px;
	left: -11px;
	position: absolute;
	bottom: -11px;
	width: 11px;
}
/* end popupframe */

.fullwidth
{
	width: 100%;
}

table.ingametable td
{
	border:1px solid #5e5649;
	background:url(../img/skin/table_bg.png) repeat;
	height:23px;
	padding-left:10px;
}

table.ingametable th
{
	border:1px solid #5e5649;
	background:url(../img/skin/table_head.png) repeat;
	height:23px;
	padding-left:10px;
}

td.classselector
{
	height: 266px;
	width: 206px;
}

div.break, div.break_med, div.break_small
{
	height:2px;
	background: url(../img/skin/separator.jpg) no-repeat 0 0;
	overflow:hidden;
	width:100%;
	margin:0px;
}

table.registerdata td
{
	padding: 2px 0px;
}

div.simpletooltip
{
	background:url(../img/skin/popup/background.jpg) right top repeat-x;
	padding:6px;
	border: 1px solid #eaa969;
}

div.menutooltip
{
	position:absolute;
	display:none;
	z-index:999;
}

p.vscroll, div.vscroll
{
	display:block;
	width:99%;
	margin:auto 0 auto auto;
	height:400px;
	overflow:hidden;
	overflow-y:scroll;
	border:0;
	padding:3px 0px;
}

table.formcontainer
{
	width:100%;
}

table.formcontainer th
{
	width:40%;
	text-align:left;
	padding:5px 10px 0px;
}

table.formcontainer td
{
	width:60%;
	text-align:left;
	padding:5px 0px 0px;	
}