H2
{
	font-size:16px;
	color:#797979;
	position:absolute;
	float:left;
	top:-16px;
	
}
.contentblock
{
	position:relative;
	border:1px solid #401F0E;
	margin:15px;
	margin-top:30px;
	padding:10px;

}
.scrollblock
{
	position:relative;
	overflow:auto;
}
.blockleft
{
	width:500px;
}
.blockright
{
	width:200px;
	float:right;
	clear:both;
}
.blocktop
{
	width:800px;
	clear:both;
	padding:10px;
	padding-bottom:0px;
}
.padright
{
	padding-right:60px;
}

.invisible
{
    DISPLAY: none;
    COLOR: red
}
.visible
{
    DISPLAY: inline;
    COLOR: blue
}
*
{
    PADDING: 0px;
    MARGIN: 0px;
}
HTML, BODY
{
	background-color:#474747;
    FONT-SIZE: 14px;
	color:#401F0E;
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
}
#webpage 
{
	clear:both;
	width:800px;
	margin-left: auto;
    margin-right: auto;
    padding-bottom:35px;
	overflow:hidden;
}
#header
{
	margin-top:20px;
	width:800px;
	height:70px;
	margin-left: auto;
    margin-right: auto;
    overflow:hidden;
}
.headercell
{
	float:left;
	width:199px;
	height:85px;
	border-right:1px solid #401F0E;
	
}
.header1
{
    background-image:url(/images/fill1.jpg);
	background-repeat:no-repeat;
}
.header2
{
    background-image:url(/images/fill2.jpg);
	background-repeat:no-repeat;
}
.header3
{
    background-image:url(/images/fill3.jpg);
	background-repeat:no-repeat;
}
.logo
{
    background-image:url(/images/oilogo_small.png);
	background-repeat:no-repeat;
	background-position:18px 10px;
	border-right:1px solid #401F0E;	
	
}
#menu
{
	position:relative;
	width:800px;
	margin-left: auto;
    margin-right: auto;
    background-color:#D9D9D9;
	height:26px;
	border-top:3px solid #401F0E;
	border-left:1px solid #401F0E;
	border-right:1px solid #401F0E;
	
}
#page 
{
	clear:both;
	width:800px;
	margin-left: auto;
    margin-right: auto;
    padding-bottom:35px;
	border:1px solid #401F0E;
	border-bottom:3px solid #401F0E;
	background-color:#E9E9E9;
	overflow:hidden;
}



input, textarea, .input
{
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
	font-size:14px;
	border:1px solid #401F0E;
	color:#002F36;
	background-color:#E9E9D9;
}
.focus
{
	border:1px solid #401F3E;
}
li
{
	
}
.autobutton, .button, .smallbutton
{
    FONT-FAMILY: Verdana, Arial, Sans-Serif;
	font-size:14px;
	font-weight:normal;
	border:1px solid #401F0E;
	background-color:#E9E9D9;
	text-align:center;
    text-decoration:none;
    padding:2px 5px 2px 5px;
    position:absolute;
    cursor:pointer;
    white-space:nowrap;
}
.smallbutton
{
	font-size:11px;
}
.button:hover, .smallbutton:hover
{
	background-color:#D9D9C9;
}
.button span
{
	background-image: url(/images/button_back_over.jpg);
	position:absolute;
	top:0px;
	left:0px;
	filter: alpha(opacity=0);
	-moz-opacity: 0.0;
	opacity: 0.0;
}

.btnplay
{
	position:absolute;
	top:7px;
	right:7px;
	padding:7px;
}
.btnbankreload
{
	position:absolute;
	top:7px;
	right:7px;
	font-size:xx-small;
}



#sitefooter
{
	clear:both;
	width:800px;
	height:150px;
	margin-left: auto;
    margin-right: auto;
	margin-bottom:50px;
    overflow:hidden;
}
.footercell
{
	float:left;
	width:200px;
}
.footer1
{
	background-color: #4D4D47;
	height:115px;
}
.footer2
{
	background-color: #474D47;
	height:85px;
}
.footer3
{
	background-color: #4D4747;
	height:45px;
}
.footer4
{
	background-color: #47474D;
	height:115px;
}
#copyright
{
	clear:both;
	width:800px;
	margin-left: auto;
    margin-right: auto;
	margin-top:100px;
	margin-bottom:10px;
    overflow:hidden;
    text-align:center;
}


#loginpanel
{
	position:relative;
	margin-top:5px;
	margin-right:7px;
	float:right;
	width:370px;
}
#loginemail
{
	font-weight:normal;
	font-size:12px;
	width:200px;
	background-color:#D9D9C9;	
	background-image:url(/images/input_back_email.png);
	outline : none;
}
#loginpass
{
	font-weight:normal;
	font-size:12px;
	width:100px;
	background-image:url(/images/input_back_password.png);
	outline : none;
}
#btnlogin
{
	position:relative;
	float:right;
}

#logoutpanel 
{
	position:absolute;
	top:0px;
	right:10px;
	width:190px;
	height:25px;
}
#message
{
	position:absolute;
	left:25px;
	top:-4px;
	height:25px;
	white-space:nowrap;
	cursor:pointer;
	font-weight:bold;
}
#message img
{
	position:relative;
	top:5px;
	
}

#btnlogout
{
	position:absolute;
	top:4px;
	right:0px;
	width:50px;
}


.alert
{
	font-size:12px;
	padding:10px;
	margin-left:10px;
	margin-right:10px;
	position:relative;
}
.alertdate
{
	font-size:11px;
	font-weight:bold;
	color:#401F9E;
}
.evencolor 
{
}
.oddcolor
{
	background-color:#D9D9C9;
}

.charlistchar 
{
	position:relative;
	width:480px;
	height:30px;
	background-color:#D9D9D9;
	margin:10px;
	padding:5px;
	cursor:pointer;
	border:1px solid #E9E9E9;
}
.charlistchar:hover
{
	background-color:#D9D9C9;
	border:1px solid #C9C9FF;
}
.charlistname
{
	position:absolute;
	font-weight:bold;
	float:left;
}
.charlistdesc
{
	position:absolute;
	left:150px;
	float:left;
}
.char_skills ul
{
	margin-left:30px;
	list-style-type:circle;
}

#currentCharacterName
{
	position:absolute;
	right:10px;
	top:26px;
	font-weight:bold;
	color:#000000;
	font-size:12px;
}

.art
{
	margin-top:60px;
}

.indent
{
	margin-left:20px;
}


/* whos online */

.W_list
{
	height:400px;
}
.WO_name
{
    FLOAT: left;
    WIDTH: 180px
}
.WO_level
{
    FLOAT: left;
    WIDTH: 130px
}
.WO_location
{
    FLOAT: left;
    WIDTH: 170px
}
.WO_action
{
    WIDTH: 100px
}

.charlist_name
{
	font-size:11px;
	font-weight:bold;
	color:#401F9E;
}
.charlist_desc
{
	font-size:11px;
}


.P_user:hover, .WO_name:hover, .alertname:hover, .charlist_name:hover
{
	cursor:pointer;
	color:#0000FF;
}


.edit /* editable clickable */
{
	float:right;
	position:relative;
	border-bottom:1px solid #401F0E;
}
.edit:hover /* editable clickable */
{
	color:#401F8E;
	border-bottom:1px solid #0000FF;
    cursor:pointer;

}