body {
background-image: url('http://beta.brungame.com/images/tile.jpg');
#background-repeat:repeat-x;
background-color:#3f2b29;
font: 11px Verdana, Arial, Helvetica, sans-serif;
width: 750px;
height:auto;
overflow-y: auto;
}

.dynDiv_moveDiv {
 position: absolute;
 overflow: hidden;
 background-image: url(http://beta.brungame.com/images/inner_tile.png);
 z-index: 300;
 width: 200px;
 height: 500px;
 right: 0px;
}

.dynDiv_resizeDiv_tl,.dynDiv_resizeDiv_tr,.dynDiv_resizeDiv_bl,.dynDiv_resizeDiv_br {
 width: 10px;
 height: 10px;
 background: #a67b58;
 border: 1px solid #000;
 position: absolute;
  z-index: 300;
}

.dynDiv_resizeDiv_tl {
 top: -1px;
 left: -1px;
  z-index: 300;
}

.dynDiv_resizeDiv_tr {
 top: -1px;
 right: -1px;
  z-index: 300;
}

.dynDiv_resizeDiv_bl {
 bottom: -1px;
 left: -1px;
  z-index: 300;
}

.dynDiv_resizeDiv_br {
 bottom: -1px;
 right: -1px;
  z-index: 300;
}

.dynDiv_moveParentDiv {
 width: 100%;
 margin: auto;
 height: 16px;
 font-size: 15px;
 position: absolute;
 top: -1px;
 left: -1px;
 background: #a67b58;
 border: 1px solid #aaa;
 border-left: 0;
 border-right: 0;
 padding: 0;
 overflow: hidden;
 white-space:nowrap;
  z-index: 300;
}

.dynDiv_minmaxDiv {
 position: absolute;
 top: 1px;
 right: 15px;
 width: 15px;
 height: 15px;
 background: #a67b58;
 font-size: 15px;
 padding: 0;
 margin: 0;
  z-index: 300;
}

th {
text-align: left;
}

td {
text-align: left;
}

a:link 
{
color:#FFCC33;
text-decoration: none;
border:0;
}
a:visited 
{
color:#FFCC33;
text-decoration: none;
border:0;
}
a:active 
{
color:#FFCC33;
text-decoration: none;
border:0;
}
a:hover 
{
color:#FFCC33;
text-decoration: none;
border:0;
}

a.title:link 
{
color:#990000;
text-decoration: none;
border:0;
}
a.title:visited 
{
color:#990000;
text-decoration: none;
border:0;
}
a.title:active 
{
color:#990000;
text-decoration: none;
border:0;
}
a.title:hover 
{
color:#990000;
text-decoration: none;
border:0;
}

a.button:link 
{
	text-decoration: none;
	color: #FFFFFF;
}
a.button:visited 
{
	text-decoration: none;
	color: #FFFFFF;
}
a.button:active 
{
	text-decoration: none;
	color: #FFFFFF;
}
a.button:hover 
{
	text-decoration: underline; 
	color: #FFFFFF;
}

a.side_menu:link
{
display: block;
color:#FFCC33;
text-decoration: none;
border:0;
}

a.side_menu:visited
{
display: block;
color:#FFCC33;
text-decoration: none;
}

a.side_menu:hover
{
display: block;
color:#FFFF33;
text-decoration: none;
}


a.side_menu:active
{
display: block;
color:#FFCC33;
text-decoration: none;
}

div.side_menu {
position: relative;
text-align:center;
color:#FFFF33;
left: 00px;
top: 00px;
width:180px;
height:25px;
overflow:hidden;
background-image:url('http://beta.brungame.com/images/buttons/sidebar_up.png');
background-repeat:no-repeat;
background-position:top;
padding-top: 3px;
z-index:2; /*balance this out*/
}

div.button {
position: relative;
text-align:center;
color:#FFFF33;
left: 00px;
top: 00px;
width:180px;
height:25px;
overflow:hidden;
background-image:url('http://beta.brungame.com/images/buttons/sidebar_up.png');
background-repeat:no-repeat;
background-position:top;
padding-top: 3px;
z-index:2; /*balance this out*/
}

p.side_title
{
text-align:center;

}

p#pblue { color:blue }
p#pred  { color:red }

p.error {
  color:red;
}

div.container {
width:750px;
position: absolute;
top: 0px;
left: 0px;
}

div.game_version {
position: relative;
float: left;
top: 0px;
left: 0px;
width: 50px;
height: 30px;
overflow:visible;
padding: 0px;
z-index:1000; /*balance this out*/
border-style:none;
color:#FDC80A;
}

div.nav_cell {
position: relative;
width: 750px;
height: 22px;
overflow:hidden;
padding-top:9px;
background-image: url('http://beta.brungame.com/images/nav_bk.jpg');
color:yellow;
}

a.nav_cell {
color:yellow;
text-decoration:none;
}

div.main_cell {
position: relative;
width: 750px;
height: 560px;
overflow:hidden;
background-image: url('http://beta.brungame.com/images/inner_tile.jpg');
}

div.main_left{
float: left;
background-image: url('http://beta.brungame.com/images/side.jpg');
width: 7px;
height:560px;
}

div.main_right{
float:right;
background-image: url('http://beta.brungame.com/images/side.jpg');
width: 7px;
height:560px;
}

div.splash{
background-image: url('http://beta.brungame.com/images/map.jpg');
position: relative;
text-align: center;
top: 2px;
left: 1px;
width: 728px;
height:550px;
}

div.fb_button {
position: relative;
top: -2px;
}

div.inner_main {
position: relative;
top: 0px;
left: 0px;
width: 736px;
height: 560px;
overflow:visible;
}

img.map
{
position: absolute;
left:1px;
top:2px;
width: 731px;
height: 552px;	
z-index:0;
border:none;
}

div.map
{
position: absolute;
left:1px;
top:2px;
width: 731px;
height: 552px;	
z-index:0;	/*balance this out*/
}

div.small_button {
position: relative;
text-align:center;
color:#FFFF33;
left: 00px;
top: 00px;
width:73px;
height:25px;
overflow:hidden;
background-image:url('http://beta.brungame.com/images/buttons/small_button.png');
background-repeat:no-repeat;
background-position:top;
padding-top: 3px;
z-index:10; /*balance this out*/
}

div.portrait {
position: relative;
top: 0px;
width:42px;
height:42px;
float: left;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.action {
position: relative;
left: 2px;
top: 0px;
width:42px;
height:42px;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.set_message {
position: relative;
float: right;
top: 0px;
width:42px;
height:42px;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.out_market {
position: relative;
top: 1px;
width:42px;
height:42px;
float: left;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.sites {
position: relative;
left: 2px;
top: 1px;
width:42px;
height:42px;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.in_market {
position: relative;
float: right;
top: 1px;
width:42px;
height:42px;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.tax {
position: relative;
top: 1px;
width:42px;
height:42px;
float: left;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.manage {
position: relative;
left: 2px;
top: 1px;
width:42px;
height:42px;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.build {
position: relative;
float: right;
top: 1px;
width:42px;
height:42px;
overflow:hidden;
padding: 0px;
z-index:3; /*balance this out*/
}

div.footer {
position: relative;
text-align:center;
color:#CC9900;
top: 0px;
/*left: -180px;*/
height: 20px;
overflow:hidden;
padding: 0px;
}

div.popup {
display: hidden;
position: absolute;
top: 75px;
left: 50px;
width: 649px;
height: 430px;
overflow:auto;
background-image: url('http://beta.brungame.com/images/popup.png');
background-repeat:no-repeat;
background-position:fixed center;
padding: 0px;
z-index:-40; /*balance this out*/
}

div.inner_popup {
display: hidden;
position: relative;
top: 30px;
left: 0px;
width: 550px;
height: 350px;
overflow:hidden;
background:transparent;
padding: 0px;
z-index:auto;
}

div.chat_cell {
/*visibility: hidden;*/
visibility: visible;
position: relative;
width: 750px;
height: 167px;
overflow:hidden;
background-image: url('http://beta.brungame.com/images/chat_bk.jpg');
padding: 0px;
z-index:0; /*balance this out*/
}

div.chat_room1 {
position: relative;
float: right;
right: 8px;
top:28px;
width: 600px;
height: 100px;
overflow:auto;
padding: 0px;
z-index:1; /*balance this out*/
}

div.chat_text {
position: relative;
float: right;
top: 23px;
right: 105px;
width: 550px;
height: 30px;
overflow:hidden;
background: transparent;
padding: 0px;
z-index:1; /*balance this out*/
}

img.map {
position: relative;
top: 19px;
right: 1px;
}

img.portrait {
position: relative;
top: 504px;
right: 2px;
}

img.nav_link {
float: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

img.settle {
float: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

img.guild {
float: left;
position: relative;
top: 46px;
right: 120px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

img.fealty {
float: left;
position: relative;
top: 83px;
right: 240px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

img.chatarea {
float: right;
position: relative;
top: -46px;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
}

.loginboxes
{
color: #000000;
background: #FBDE9C;
border: 1px solid #411F06;
width: 240px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

input, select
{
color: #000000;
background: #FBDE9C;
border: 1px solid #411F06;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

textarea
{
color: #000000;
background: #FBDE9C;
border: 1px solid #411F06;
font: 11px Verdana, Arial, Helvetica, sans-serif;
overflow:auto;
}
.submit input
{
color: #000000;
background: #FBDE9C;
border: 1px solid #411F06;
font: 11px Verdana, Arial, Helvetica, sans-serif;
}

p.title {
font-size:larger;
font-weight:bold;
}

p.description {
margin-right:15px;
margin-left:10px;
font-size:9pt;
}

div.charimage
{
position: absolute;
left: 16px;
top: 60px;
width:300px;
height:390px;
overflow:hidden;
padding: 0px;
}
div.charnav
{
position: absolute;
left: 325px;
top: 2px;
width:400px;
height:45px;
overflow:hidden;
padding: 0px;
z-index:2;
color: #FFF;
}
div.charStats
{
position: absolute;
left: 13px;
top: 448px;
width:306px;
height:82px;
overflow:hidden;
padding: 0px;
z-index:2;/*balance this out*/
color: #FFF;
}
div.charBio
{
position: absolute;
left: 2px;
top: 373px;
width:376px;
height:156px;
overflow:hidden;
padding: 0px;
z-index:2;/*balance this out*/
color: #FFF;
}

div.charAttributes
{
position: absolute;
left: 1px;
top: 99px;
width:194px;
height:261px;
overflow:hidden;
padding: 0px;
z-index:2;/*balance this out*/
color: #FFF;
}

div.charArea
{
position: absolute;
left: 321px;
top: 50px;
width:390px;
height:485px;
overflow:hidden;
padding: 0px;
color: #FFF;
z-index:2;/*balance this out*/
}

div.charName
{
position: absolute;
left: 20px;
top: 10px;
width:285px;
height:50px;
overflow:hidden;
padding: 0px;
z-index:2;/*balance this out*/
color: #FFF;
}

img.district
{
position: absolute;
left:1px;
top:2px;
width: 731px;
height: 552px;	
}

div.district
{
position: absolute;
left:1px;
top:2px;
width: 731px;
height: 552px;	
}

div.choose {
position: absolute;
top: -10px;
width: 731px;
height: 552px;	
color: #f6ce76;
background-image:url('http://beta.brungame.com/images/choose_bk.jpg');
background-repeat:no-repeat;
background-position:top;	
}

div.chooselord {
position: absolute;
left: 125px;
top: 180px;
width: 110px;
height: 50px;
padding-top:6px;
vertical-align:text-center;
text-align:center;
background-image:url('http://beta.brungame.com/images/buttons/floating_bk.png');
background-repeat:no-repeat;
background-position:top;
}

div.choosehero {
position: absolute;
left: 500px;
top: 180px;
width: 110px;
height: 50px;
padding-top:6px;
vertical-align:text-center;
text-align:center;
background-image:url('http://beta.brungame.com/images/buttons/floating_bk.png');
background-repeat:no-repeat;
background-position:top;	
}

div.player_stats {
position: relative;
float:left;
left: 4px;
top: 8px;
width: 130px;
height: 158px;
text-align:right;
background-repeat:no-repeat;
background-position:top;	
z-index:80;/*balance this out*/
}

div.duel_button{
text-align: center;
margin-top: 2px;
z-index:1000;
}

div.lower_text {
position: absolute;
top: 430px;
width: 731px;
height: 50px;
padding-top:6px;
text-align:center;	
}

div.construct_building {
position: absolute;
left: -9px;
top: -7px;
width: 731px;
height: 552px;
padding-top:6px;
vertical-align:text-center;
text-align:center;
z-index:0;/*balance this out*/
}

div.exclusive {
position: absolute;
left: 70px;
top: 50px;
width:70px;
height:50px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;/*balance this out*/
/*border: 1px solid red;*/ 
}



div.cbuilding {
padding-left: 10px;
width: 550px;
}

div.private_msg
{
position: absolute;
left: 320px;
top: 25px;
width:400px;
height:220px;
overflow:hidden;
padding: 0px;
color:#FFFFFF;
}

div.fbpic0 {
position: absolute;
left: 225px;
top: 375px;
width:70px;
height:50px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic0 {
height:70px;
}

div.fbtxt1 {
position: absolute;
left: 10px;
top: 515px;
width:100px;
height:35px;
font-weight: bold;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

div.fbpic1 {
position: absolute;
left: 105px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic1 {
height:40px;
}

div.fbpic2 {
position: absolute;
left: 157px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic2 {
height:40px;
}

div.fbpic3 {
position: absolute;
left: 209px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic3 {
height:40px;
}

div.fbpic4 {
position: absolute;
left: 261px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic4 {
height:40px;
}

div.fbpic5 {
position: absolute;
left: 313px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic5 {
height:40px;
}

div.fbpic6 {
position: absolute;
left: 365px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic6 {
height:40px;
}

div.fbpic7 {
position: absolute;
left: 417px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic7 {
height:40px;
}

div.fbpic8 {
position: absolute;
left: 469px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic8 {
height:40px;
}

div.fbpic9 {
position: absolute;
left: 521px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic9 {
height:40px;
}

div.fbpic10 {
position: absolute;
left: 573px;
top: 510px;
width:50px;
height:40px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

img.fbpic10 {
height:40px;
}

div.fbtxt2 {
position: absolute;
left: 620px;
top: 515px;
width:100px;
height:35px;
font-weight: bold;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red;*/
}

a.Might:link 
{
	text-decoration: none;
	color: #000000;
}
a.Might:visited 
{
	text-decoration: none;
	color: #000000;
}
a.Might:active 
{
	text-decoration: none;
	color: #000000;
}
a.Might:hover 
{
	text-decoration: none; 
	color: #000000;
}
a.Celerity:link 
{
	text-decoration: none;
	color: #000000;
}
a.Celerity:visited 
{
	text-decoration: none;
	color: #000000;
}
a.Celerity:active 
{
	text-decoration: none;
	color: #000000;
}
a.Celerity:hover 
{
	text-decoration: none;
	color: #000000; 
}
a.Toughness:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Toughness:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Toughness:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Toughness:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Charm:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Charm:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Charm:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Charm:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Guile:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Guile:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Guile:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Guile:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Mettle:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Mettle:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Mettle:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Mettle:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Arithmetic:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Arithmetic:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Arithmetic:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Arithmetic:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Management:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Management:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Management:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Management:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Acumen:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Acumen:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Acumen:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Acumen:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Fervor:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Fervor:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Fervor:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Fervor:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Philosophy:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Philosophy:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Philosophy:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Philosophy:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Grace:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Grace:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Grace:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Grace:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Reason:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Reason:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Reason:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Reason:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Creativity:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Creativity:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Creativity:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Creativity:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Judgement:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Judgement:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Judgement:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Judgement:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Oratory:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Oratory:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Oratory:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Oratory:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Influence:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Influence:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Influence:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Influence:hover 
{
	text-decoration: none; 
	color: #000000;	
}
a.Leadership:link 
{
	text-decoration: none;
	color: #000000;	
}
a.Leadership:visited 
{
	text-decoration: none;
	color: #000000;	
}
a.Leadership:active 
{
	text-decoration: none;
	color: #000000;	
}
a.Leadership:hover 
{
	text-decoration: none; 
	color: #000000;	
}

.Might
{
background-color: #e69999;
text-align:center;
	color: #000000;
}
.Celerity
{
background-color: #ff99cc;
text-align:center;
	color: #000000;
}
.Toughness
{
background-color: #ffcc99;
text-align:center;
	color: #000000;
}
.Charm
{
background-color: #ccffff;
text-align:center;
	color: #000000;
}
.Guile
{
background-color: #b3d580;
text-align:center;
	color: #000000;
}
.Mettle
{
background-color: #ccffcc;
text-align:center;
	color: #000000;
}
.Arithmetic
{
background-color: #fadcb3;
text-align:center;
	color: #000000;
}
.Management
{
background-color: #ebd780;
text-align:center;
	color: #000000;
}
.Acumen
{
background-color: #ffcc00;
text-align:center;
	color: #000000;
}
.Fervor
{
background-color: #dddddd;
text-align:center;
	color: #000000;
}
.Philosophy
{
background-color: #c0c0c0;
text-align:center;
	color: #000000;
}
.Grace
{
background-color: #969696;
text-align:center;
	color: #000000;
}
.Reason
{
background-color: #ffff99;
text-align:center;
	color: #000000;
}
.Creativity
{
background-color: #808000;
text-align:center;
	color: #000000;
}
.Judgement
{
background-color: #ffff00;
text-align:center;
	color: #000000;
}
.Oratory
{
background-color: #e1c7e1;
text-align:center;
color: #000000;
}
.Influence
{
background-color: #cc99ff;
text-align:center;
color: #000000;
}
.Leadership
{
background-color: #6666cc;
text-align:center;
color: #000000;
}

div.platpurchase
{
position:relative;
top: 0px;
left: 0px;
width: 700px;
font-weight:bold;
}

div.platone
{
position:absolute;
top: 15px;
left: 50px;
width: 100px;
}

div.plattwo
{
position:absolute;
top: 15px;
left: 150px;
width: 100px;
}

div.platthree
{
position:absolute;
top: 15px;
left: 250px;
width: 100px;
}

div.platfour
{
position:absolute;
top: 15px;
left: 350px;
width: 100px;
}

div.platfive
{
position:absolute;
top: 15px;
left: 450px;
width: 100px;
}

div.platsix
{
position:absolute;
top: 15px;
left: 550px;
width: 100px;
}

div.shop_pop
{
position:relative;
top:30px;
left:100px;
width:390px;
border:thin red;
font-size:12px;
}

.shopl
{
float:left;
}

div.shopl
{
float:left;
width:55px;
height:120px;
}

div.shopr
{
float:right;
width:95px;
}

div.potion
{
position:relative;
overflow:auto;
top: 0px;
height:150px;
left: 0px;
width: 710px;
}

div.potion1
{
position:absolute;
top: 25px;
left: 10px;
width: 150px;
border:0px;
}

div.potion2
{
position:absolute;
top: 25px;
left: 180px;
width: 150px;

}

div.potion3
{
position:absolute;
top: 25px;
left: 350px;
width: 150px;

}

div.potion4
{
position:absolute;
top: 25px;
left: 520px;
width: 150px;

}

div.potion5
{
position:absolute;
top: 150px;
left: 10px;
width: 150px;

}

div.potion6
{
position:absolute;
top: 150px;
left: 180px;
width: 150px;

}

div.potion7
{
position:absolute;
top: 150px;
left: 350px;
width: 150px;

}

div.potion8
{
position:absolute;
top: 150px;
left: 520px;
width: 150px;

}

div.potion9
{
position:absolute;
top: 275px;
left: 10px;
width: 150px;

}

div.potion10
{
position:absolute;
top: 275px;
left: 180px;
width: 150px;

}

div.potion11
{
position:absolute;
top: 275px;
left: 350px;
width: 150px;

}

div.potion12
{
position:absolute;
top: 275px;
left: 520px;
width: 150px;

}

div.potion13
{
position:absolute;
top: 400px;
left: 10px;
width: 150px;

}

div.potion14
{
position:absolute;
top: 400px;
left: 180px;
width: 150px;

}

div.potion15
{
position:absolute;
top: 400px;
left: 350px;
width: 150px;

}

div.potion16
{
position:absolute;
top: 400px;
left: 520px;
width: 150px;

}

div.potion17
{
position:absolute;
top: 525px;
left: 10px;
width: 150px;

}

div.potion18
{
position:absolute;
top: 525px;
left: 180px;
width: 150px;

}

div.potion19
{
position:absolute;
top: 525px;
left: 350px;
width: 150px;

}

div.potion20
{
position:absolute;
top: 525px;
left: 520px;
width: 150px;

}

div.potion21
{
position:absolute;
top: 650px;
left: 10px;
width: 150px;

}

div.potion22
{
position:absolute;
top: 650px;
left: 180px;
width: 150px;

}

div.potion23
{
position:absolute;
top: 650px;
left: 350px;
width: 150px;

}

div.scroll
{
position:relative;
overflow:auto;
top: 0px;
height:150px;
left: 0px;
width: 710px;
}

div.scroll1
{
position:absolute;
top: 25px;
left: 10px;
width: 150px;

}

div.scroll2
{
position:absolute;
top: 25px;
left: 180px;
width: 150px;

}

div.scroll3
{
position:absolute;
top: 25px;
left: 350px;
width: 150px;

}

div.scroll4
{
position:absolute;
top: 25px;
left: 520px;
width: 150px;
}

div.scroll5
{
position:absolute;
top: 150px;
left: 10px;
width: 150px;

}

div.scroll6
{
position:absolute;
top: 150px;
left: 180px;
width: 150px;

}

div.scroll7
{
position:absolute;
top: 150px;
left: 350px;
width: 150px;

}

div.tome
{
position:relative;
overflow:auto;
top: 0px;
left: 0px;
height:150px;
width: 710px;
}

div.tome1
{
position:absolute;
top: 25px;
left: 10px;
width: 150px;

}

div.tome2
{
position:absolute;
top: 25px;
left: 180px;
width: 150px;

}

div.tome3
{
position:absolute;
top: 25px;
left: 350px;
width: 150px;

}

div.duel_decor
{
position:absolute;
top:15px;
left:580px;
width:150px;
overflow:hidden;
}

div.duel_scroll
{
position:absolute;
width:77%;
height:500px;
overflow:auto;
}

div.eula
{
position:relative;
white-space: pre-wrap;
margin:10px;
width:99%;
height:300px;
overflow-y:auto;
overflow-x:hidden;
}

ul {
list-style-type:none;
}

div.signup
{
width: 380px;
}

div.signupdecor
{
position:relative;
top:2px;
right:2px;
float:right;
background-image:url('http://beta.brungame.com/images/bkcreateaccount.jpg');
background-repeat:no-repeat;
width:731px;
height:553px;
}

div.confirmEmail
{
position:relative;
top:2px;
right:2px;
float:right;
background-image:url('http://beta.brungame.com/images/bkconfmail.jpg');
background-repeat:no-repeat;
width:731px;
height:553px;
}

div.accountConfirm
{
position:relative;
top:2px;
right:2px;
float:right;
background-image:url('http://beta.brungame.com/images/bkaccountconfirm.jpg');
background-repeat:no-repeat;
width:731px;
height:553px;
}

div.confirmComplete
{
position:relative;
top:2px;
right:2px;
float:right;
background-image:url('http://beta.brungame.com/images/bkconfirmed.jpg');
background-repeat:no-repeat;
width:731px;
height:553px;
}

div.loginbk
{
position:absolute;
top:2px;
left:10px;
background-image:url('http://beta.brungame.com/images/bkconfmail.jpg');
background-repeat:no-repeat;
width:731px;
height:553px;
z-index:10;
}

div.getgift
{
position:relative;
width: 300px;
left: 200px;
text-align:center;
}

div.charInfo
{
position:relative;
top: 5px;
width: 160px;
left: 10px;
height: 270px;
overflow:auto;
text-align:center;
background-image: url('http://beta.brungame.com/images/white.png');
}

div.guide {
display: hidden;
position: relative;
top: 0px;
left: 0px;
width: 735px;
height: 553px;
overflow:hidden;
background-image: url('http://beta.brungame.com/images/guide_bk.png');
background-repeat:no-repeat;
background-position:fixed center;
padding: 0px;
z-index: -100;
}

div.close_guide {
display: hidden;
position: relative;
top: 30px;
left: 280px;
width: 20px;
height: 20px;
overflow:hidden;
background-image: url('http://beta.brungame.com/images/guide_close.png');
background-repeat:no-repeat;
background-position:fixed center;
padding: 0px;
}

div.nav_guide {
float: left;
position: relative;
top: 0px;
left: 15px;
width: 75px;
overflow:hidden;
padding: 0px;
}

div.nav_options {
float: left;
position: relative;
top: 0px;
left: 35px;
/*width: 75px; */
overflow:visible;
padding: 0px;
}

div.guide_contents {
float: left;
position: relative;
top: 0px;
left: 100px;
width: 175px;
height: 250px;
overflow:hidden;
padding: 5px;
background-image: url('http://beta.brungame.com/images/white.png');
}

div.guide_title {
position: relative;
top: 15px;
left: 0px;
width: 200px;
height: 35px;
overflow:hidden;
}

div.guide_left {
float: left;
position: relative;
font-size: 12px;
top: 0px;
left: 60px;
width: 290px;
height: 435px;
overflow:hidden;
padding: 5px;
background-image: url('http://beta.brungame.com/images/white.png');
}

div.guide_right {
float: right;
position: relative;
font-size: 12px;
top: 0px;
right: 60px;
width: 290px;
height: 435px;
overflow:hidden;
padding: 5px;
background-image: url('http://beta.brungame.com/images/white.png');
}

div.guide_fwd {
float: right;
position: absolute;
top: 505px;
right: 125px;
width: 90px;
height: 25px;
overflow:hidden;

}

div.guide_left_bottom_decor {
position: absolute;
height: 100px;
bottom: 5px;
left: 5px;
overflow:hidden;
}

div.guide_right_bottom_decor {
position: absolute;
height: 100px;
bottom: 5px;
right: 5px;
overflow:hidden;

}

div.guide_back {
float: left;
position: absolute;
top: 505px;
left: 190px;
width: 90px;
height: 25px;
overflow:hidden;
}

a.guide:link 
{
color:#2b7f01;
text-decoration: none;
border:0;
}
a.guide:visited 
{
color:#2b7f01;
text-decoration: none;
border:0;
}
a.guide:active 
{
color:#f18608;
text-decoration: none;
border:0;
}
a.guide:hover 
{
color:#f18608;
text-decoration: none;
border:0;
}

a.guide_title:link 
{
color:#ffffff;
text-decoration: none;
border:0;
}
a.guide_title:visited 
{
color:#ffffff;
text-decoration: none;
border:0;
}
a.guide_title:active 
{
color:#2b7f01;
text-decoration: none;
border:0;
}
a.guide_title:hover 
{
color:#2b7f01;
text-decoration: none;
border:0;
}

div.stat_box {
position: relative;
top: 2px;
left: 3px;
width: 105px;
height: 50px;
overflow:hidden;
padding: 1px;
background-image: url('http://beta.brungame.com/images/white.png');
}

div.sell_itm {
text-align: left;
position: relative;
top: 10px;
left: 10px;
width: 325px;
height: 195px;
overflow:hidden;
padding-top: 10px;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
background-image: url('http://beta.brungame.com/images/sell_bk.png');
}

div.itm_1{
position: relative;
width: 200px;
}

div.move_itm {
position: relative;
float:left;
width: 200px;
height: 150px;
overflow:hidden;
background-image: url('http://beta.brungame.com/images/action_bk.png');
}

div.item_options {
position: relative;
float: right;
width:180px;
}

div.give_gift {
position: relative;
text-align: center;
width: 160px;
}

div.chat_table {
position: relative;
float: right;
}

div.title_cell {
position: relative;
top:-765px;
width: 200px;
height: 25px;
z-index: 1000;
}

div.desc {
z-index: 10000;
position: relative;
top: -385px;
width: 710px;
height: 135px;
text-align: left;
border: 1px red solid;
}

div.set_options{
position: relative;
text-align: center;
top: -50px;
}

/* Copied from viewItems.css - div.view_inventory */

div.rowUp {
position: absolute;
left: 385px;
top: 55px;
width:40px;
height:15px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
border: 1px solid red;
}

div.rowDown {
position: absolute;
left: 425px;
top: 55px;
width:40px;
height:15px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
border: 1px solid red;
}

/* Moved from viewItems.css */

div.iitem1 {
position: absolute;
left: 0px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem2 {
position: absolute;
left: 55px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem3 {
position: absolute;
left: 110px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem4 {
position: absolute;
left: 165px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem5 {
position: absolute;
left: 220px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem6 {
position: absolute;
left: 275px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem7 {
position: absolute;
left: 330px;
top: 25px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem8 {
position: absolute;
left: 0px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem9 {
position: absolute;
left: 55px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem10 {
position: absolute;
left: 110px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:2;
/*border: 1px solid red; */
}

div.iitem11 {
position: absolute;
left: 165px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem12 {
position: absolute;
left: 220px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem13 {
position: absolute;
left: 275px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem14 {
position: absolute;
left: 330px;
top: 85px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem15 {
position: absolute;
left: 0px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem16 {
position: absolute;
left: 55px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem17 {
position: absolute;
left: 110px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem18 {
position: absolute;
left: 165px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem19 {
position: absolute;
left: 220px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem20 {
position: absolute;
left: 275px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem21 {
position: absolute;
left: 330px;
top: 145px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem22 {
position: absolute;
left: 0px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem23 {
position: absolute;
left: 55px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem24 {
position: absolute;
left: 110px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem25 {
position: absolute;
left: 165px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem26 {
position: absolute;
left: 220px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem27 {
position: absolute;
left: 275px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem28 {
position: absolute;
left: 330px;
top: 205px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem29 {
position: absolute;
left: 0px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem30 {
position: absolute;
left: 55px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem31 {
position: absolute;
left: 110px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem32 {
position: absolute;
left: 165px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem33 {
position: absolute;
left: 220px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem34 {
position: absolute;
left: 275px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem35 {
position: absolute;
left: 330px;
top: 265px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem36 {
position: absolute;
left: 0px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem37 {
position: absolute;
left: 55px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem38 {
position: absolute;
left: 110px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem39 {
position: absolute;
left: 165px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem40 {
position: absolute;
left: 220px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem41 {
position: absolute;
left: 275px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem42 {
position: absolute;
left: 330px;
top: 325px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem43 {
position: absolute;
left: 0px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem44 {
position: absolute;
left: 55px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem45 {
position: absolute;
left: 110px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem46 {
position: absolute;
left: 165px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem47 {
position: absolute;
left: 220px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem48 {
position: absolute;
left: 275px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem49 {
position: absolute;
left: 330px;
top: 385px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem50 {
position: absolute;
left: 0px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem51 {
position: absolute;
left: 55px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem52 {
position: absolute;
left: 110px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem53 {
position: absolute;
left: 165px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem54 {
position: absolute;
left: 220px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.iitem55 {
position: absolute;
left: 275px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */ */
}

div.iitem56 {
position: absolute;
left: 330px;
top: 445px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */ */
}

div.view_items {
position: relative;
left: -10px;
top: -10px;
width:733px;
height:555px;
overflow:hidden;
background-image:url('http://beta.brungame.com/images/character/Sheet_Item.jpg');
background-repeat:no-repeat;
background-position:top;
padding: 0px;
color:#FFF;
}


div.view_inventory {
position: relative;
left: 1px;
top: 2px;
width:733px;
height:555px;
overflow:hidden;
background-image:url('http://beta.brungame.com/images/character/Sheet_Blank.jpg');
background-repeat:no-repeat;
background-position:top;
padding: 0px;
color:#FFF;
}

ul {
list-style: none;
}
li {
list-style-image: none;
list-style-type: none;
}

div.game_action {
position: relative;
left: 0px;
top: 30px;
width:400px;
height:510px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:10px;
z-index:1;
}

div.char_content {
position: absolute;
left: 330px;
top: 30px;
width:400px;
height:510px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:10px;
z-index:1;
}

div.pmessages {
position: absolute;
height:460px;
overflow:auto;
}

div.melee {
position: absolute;
left: 387px;
top: 137px;
width:51px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.rangedspell {
position: absolute;
left: 601px;
top: 137px;
width:51px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.blessing {
position: absolute;
left: 493px;
top: 79px;
width:51px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.symbol {
position: absolute;
left: 493px;
top: 137px;
width:51px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.armor {
position: absolute;
left: 493px;
top: 196px;
width:51px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.pet {
position: absolute;
left: 493px;
top: 312px;
width:51px;
height:38px;
overflow:hidden;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.secother1 {
position: absolute;
left: 493px;
top: 254px;
width:53px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.secother2 {
position: absolute;
left: 420px;
top: 79px;
width:53px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.secother3 {
position: absolute;
left: 567px;
top: 79px;
width:53px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.secother4 {
position: absolute;
left: 420px;
top: 313px;
width:53px;
height:38px;
overflow:hidden;
padding: 0px;
text-align:center;
color:#FFF;
padding-top:12px;
font-size:9px;
}
div.secother5 {
position: absolute;
left: 567px;
top: 313px;
width:53px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.accessory {
position: absolute;
left: 418px;
top: 195px;
width:50px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.emblem {
position: absolute;
left: 358px;
top: 195px;
width:50px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.buffspell {
position: absolute;
left: 388px;
top: 255px;
width:50px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.rangedweapon {
position: absolute;
left: 601px;
top: 255px;
width:50px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:12px;
font-size:9px;
}
div.book {
position: absolute;
left: 568px;
top: 195px;
width:50px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}
div.retainer {
position: absolute;
left: 630px;
top: 195px;
width:50px;
height:38px;
overflow:hidden;
padding: 0px;
color:#FFF;
text-align:center;
padding-top:17px;
font-size:9px;
}

div.item1 {
position: absolute;
left: 328px;
top: 371px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item2 {
position: absolute;
left: 384px;
top: 371px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item3 {
position: absolute;
left: 605px;
top: 371px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item4 {
position: absolute;
left: 660px;
top: 371px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item5 {
position: absolute;
left: 328px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item6 {
position: absolute;
left: 385px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item7 {
position: absolute;
left: 440px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item8 {
position: absolute;
left: 495px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item9 {
position: absolute;
left: 550px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item10 {
position: absolute;
left: 605px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*/*border: 1px solid red; */ */
}

div.item11 {
position: absolute;
left: 660px;
top: 427px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item12 {
position: absolute;
left: 328px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item13 {
position: absolute;
left: 385px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item14 {
position: absolute;
left: 440px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item15 {
position: absolute;
left: 495px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item16 {
position: absolute;
left: 550px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item17 {
position: absolute;
left: 605px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}

div.item18 {
position: absolute;
left: 660px;
top: 483px;
width:48px;
height:48px;
overflow:visible;
padding: 0px;
color:#FFF;
text-align:center;
z-index:1;
/*border: 1px solid red; */
}




/* Table column widths for messages. */

.message {
width:450px;
font-size:12px;
}

.action {
text-align:center;
width: 10px;
}

p.right {
text-align:right;
}

div.store_data{
position: relative;
width:100%;
text-align: center;
top: 500px;
}

div.ranks
{
position: relative;
z-index:0;	/*balance this out*/
}

div.rank_options{
position: relative;
width: 100%;
height: 25px;
}

div.inner_ranks{
position: relative;
width: 99%;
padding-top: 5px;
height: 505px;
overflow: auto;
}

div.nav{
float: left;
width: 80px;
background: url('http://beta.brungame.com/images/rank_button.png');
background-repeat: no-repeat;
background-position:center;
padding-top:5px;
height: 20px;
padding-left:10px;
padding-right:10px;
}

a.nav:link {text-decoration:none; color: #ff1919;}
a.nav:visited {text-decoration:none; color: red;}
a.nav:hover {text-decoration:none; color: red;}
a.nav:active {text-decoration:none; color: red;}