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

ul, ol {
	
}
li{
	
}

h2{
	color:purple;
}

.red{
	color:red;
	
}

body{
	margin:0px;
	background-image:url(../v2_images/bgtile.png);
	background-color:#FFF;
	background-repeat:repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align:left;
	font-size:12px;
}

.header_wrapper{
	width:100%;
	background-image:url(../v2_images/top-tile.png);
	background-repeat:repeat-x;
	height:85px;
	position:absolute;
	top:0;
	
}

.header_bar{
	
	background-image:url(../v2_images/topbar.png);
	background-repeat:no-repeat;
	width:100%;
	height:85px;
	background-position:center 0;
	margin:auto;
	border:0px solid black;
	
}


.header_container{
	width:990px;
	border:0px solid black;
	
}



.time_wrapper{
	background-image:url(../v2_images/time-bg.png);
	width:152px;
	height:81px;
	float:left;
	position:relative;
	
}

#time_text{
	width:64px;
	height:17px;
	position:absolute;
	left: 78px;
	top: 25px;
	margin-left:10px;
	color:white;
}
#stat{
	background-image:url(../v2_images/stat-bg.png);
	float:left;
	width:242px;
	height:59px;
	position:relative;
	margin-left:30px;
}
.ragnarok_login{
	width:40px;
	height:30px;
	position:absolute;
	left: 45px;
	top: 18px;
}
.ragnarok_char{
	width:40px;
	height:30px;
	position:absolute;
	left: 115px;
	top: 18px;
}
.ragnarok_map{
	width:40px;
	height:30px;
	position:absolute;
	left: 184px;
	top: 18px;
}
#online_players_wrapper{
	background-image:url(../v2_images/players-bg.png);
	background-repeat:no-repeat;
	width:122px;
	height:58px;
	float:left;
	border:0px solid black;
	position:relative;
	margin-left:10px;
}
.online_text{
	position:absolute;
	height:30px;
	width:88px;
	left: 17px;
	top: 25px;
	color:#FFF;
	font-size:24px;
	text-align:center;
}

.woe_wrapper{
	background-image:url(../v2_images/woe-bg.png);
	width:151px;
	height:58px;
	float:left;
	margin-left:20px;
	position:relative;
}
#woe_text{
	width:26px;
	height:21px;
	position:absolute;
	left: 112px;
	top: 21px;
}

.login_wrapper{
	width:201px;
	float:right;
	border:0px solid black;
	margin-top:10px;
	margin-right:30px;

}

#login_body{
	background-image:url(../v2_images/bg-tile-login.png);
	background-repeat:repeat-y;
	width:201px;
	height:84px;
	position:relative;
	
}
#login_button{
	background-image:url(../v2_images/login-button.png);
	width:201px;
	height:39px;
}
#login_button:hover{
	cursor:pointer;
}


.loggedin{
	width:160px;
	float:right;
	margin-right:50px;
	border:1px solid #9ad523;
	margin-top:10px;
	background-color:#FFF;
	padding:5px;
	
}
.loginname{
	float:left;
	width:100px;
}
.logout{
	background-image:url(../v2_images/logout.png);
	width:50px;
	height:17px;
	border:0px solid black;
	float:right;
}

.user_div{
	position:absolute;
	left: 13px;
	top: 5px;
}
.pass_div{
	position:absolute;
	left: 14px;
	top: 31px;
}

.class_user{
	width:100px;
}
.class_pass{
	width:100px;
	
}
#forgot_pass{
	background-image:url(../v2_images/forgot_btn.png);
	width:87px;
	height:19px;
	position:absolute;
	left: 59px;
	top: 59px;
}
#login_ok{
	background-image:url(../v2_images/login_btn.png);
	width:63px;
	height:52px;
	position:absolute;
	left: 126px;
	top: 2px;
}

#login_ok:hover{
	cursor:pointer;
}
#forgot_pass:hover{
	cursor:pointer;
}


/*** ADMIN TOOL BARS */
#toolbar{
	position:fixed;
	left:0%;
	bottom:0;
	border:1px solid black;
	font-family:"trebuchet MS";
	background-color:#000000;
	width:100%;
	color:#FFFFFF;
	font-size:12px;
	text-align:left;
	padding-left:20%;
	padding-top:3px;
	filter:alpha(opacity=50);
	opacity: 0.7;
	-moz-opacity:0.7;
}

#toolbar a{
	text-decoration:none;
	color:#FFFFFF;
}
#toolbar a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}