html {
	height: 100%;
	margin-bottom: 1px;
}

body,td {
	line-height: 125%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
}

body {
	margin: 0;
	padding: 0;
	background:#fff url(usercp-bg.jpg) no-repeat top left;
}
input {
	border:0;
	background: transparent; 
	color: #FFF;
}
a:link,a:visited  {
	color: #000;
	text-decoration: none;
}

a:hover, a:active {
	color: #FF4400;
}
div.userbox {
	background: url(formtext.png) no-repeat top left;
	height: 35px;
	width: 223px;
	padding: 3px 1px 1px 3px;
	position:relative;
	top:100px;
	left:70px;
}
div.passbox {
	background: url(formtext.png) no-repeat top left;
	height: 35px;
	width: 223px;
	padding: 3px 1px 1px 3px;
	position:relative;
	top:100px;
	left:70px;
}
div.loginbox {
	display: inline;
	padding: 3px 1px 1px 3px;
	position:relative;
	top:200px;
	left:170px;
}
div.loginbtn {
	padding: 3px 1px 1px 3px;
	position:relative;
	top:105px;
	left:110px;
}
:focus { outline: 0; }

.note { width: 560px; border: 1px solid #E5E55C; background: #FFFF99; padding: 20px; margin: 10px 0 20px 0; }
.note p { margin: 0; }
.hi, #tabs-content a, #tabs-content b { color: #fe990b; }
.hidden { position: absolute; left: 0; top: -500px; }

#tabs { margin-left:10px; width: 470px; overflow: hidden; border: 1px  }
#tabs-nav { width: 470px; overflow: hidden; padding: 0; margin: 0; list-style: none;  background-color: #E5E5E5;  }
#tabs-nav li { float: left; padding: 0;margin: 0; }
#tabs-nav li a { float: left; display: inline; padding: 0; margin: 0; font-size: 12px; text-decoration: none; color: #4f0303; font-weight: bold; }
#tabs-nav li a:hover { background: url(bg01.png); cursor:hand; }
#tabs-nav .active a, #tabs-nav .active a:hover, .loader {  background: url(bg01.png);  color: #fe990b;  cursor:hand;}

#tabs-nav .tab-loading { display: inline; width: 16px; height: 16px; overflow: hidden; float: left; padding: 2px 2px 2px 2px;}
#tabs-nav .tab-loading img { border: 0; }
#tabs-nav .tab-label { display: inline; padding: 5px 5px 5px 5px;  width:50px; }

#tabs-content {  padding: 20px;  font-size: 11px; background: url(bg01.png);  color: #FFF;}
#tabs-content h2 { margin: 0; }
#tabs-content p, #tabs-content ul { font-size: 12px; line-height: 18px; }
#tabs-content p { margin: 10px 0 0 0; }
#tabs-content ul { margin-top: 10px; }
#tabs-content input, #tabs-content textarea,  #tabs select { 
	border: 1px solid #99b3b4;
	background: #151f2a;
	font: 11px verdana, sans-serif;
	color:#eee;
	padding:3px;
	margin-bottom:4px;
	outline:none; }
#tabs-content label {
	float: left;
	width: 100px;
}
#char { 
        display: block;
	width:430px;
        height: 50px;
}
#char .char_img {
        float: left;
	width:45px;
}
#char .char_text {
       float: left;
	   margin-left:2px;
       padding: 2px;
       width:350px;
}
#char input,#char select {
		padding: 0px;
}
#langbar { float: left; }
#logout { font-size:12px; float:right; background: #151f2a; color: #666; }
#logout a { color: #666; }

a.info{
    position:relative;
    z-index:24; 
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background: url(bg01.png); color:#fff;
    text-align: center}
#vaultview.left {
	float:left;
}
#vaultview.right {
	float:right;
}
#vaultview {
	width:300px;
	height: 280px;
	overflow:auto;
}

legend {
	color:#ff0000;
	background-color:#Eee;
	font-size:90%;

}
fieldset {
	font-size:60%;
	color:#eee;
}