/* Markup file for oRs */

BODY {
 background-color: #000000;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 text-decoration: none;
 font-size:12px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #FFFFFF;
}

#footer_info {
  clear: both;
  width: 90%;
  border: 0px solid gray;
  padding: 0.5%;
  margin: 0.5% auto;
  color: grey;
  text-align: center;
  font-size: 9px;
}

H1 {
	text-align: center;
	text-decoration: none;
	font-size:24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

H2 {
	text-align: center;
	text-decoration: none;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}



DIV#footer P {

 font-size: 7pt;

 margin: 0;

 text-align: center;

 color: #808080;

 background-color: #D5DBE1;

}


A {
	text-decoration: none;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

A:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-size:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;

}

input {
 font-size: 14px;
 background-color: #760000;
 border: 1px solid grey;
 color: #FFFFFF;
}
input:focus {
 font-size: 14px;
 background-color: #760000;
 border: 1px solid white;
 color: #FFFFFF;
}

button {
 font-size: 11px;
 background-color: #760000;
 border: 1px solid #000000;
 text-align: center;
 color: #FFFFFF;
}

img {
	border: 0;
}

div.autocomplete {
  position:absolute;
  width:250px;
  background-color: #760000;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { 
	background-color: #BA0000;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
  color: white;
}

div.container
{
	text-align: center;
}

div.profile
{
	width: 560px;
	margin: 0px auto;
	border: 1px solid grey;
	height: 650px;
	padding: 10px;
	-moz-border-radius: 5px;
}

div.profile .picture
{
	width: 100px;
	border: 0px solid grey;
	height: 100px;
	float: left;
}

div.profile .namebar
{
	width: 436px;
	border: 0px solid grey;
	height: 100px;
	float: left;
	text-align: left;
}

div.profile .namebar .prefix, div.profile .namebar .suffix
{
	color: #FFFFFF;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

div.profile .namebar .name
{
	color: #FFFFFF;
	font-size:22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.profile .namebar .guildname
{
	color: #DCA801;
	font-size:16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.profile .namebar .level
{
	color: #FFFFFF;
	font-size:14px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div.main
{
	margin: 5px;
	text-align: left;
}

div.talents
{
	width: 250px;
	height: 60px;
	border: 1px solid grey;
	-moz-border-radius: 3px;
	margin-bottom: 3px;
}

div.talents .spec
{
	text-transform: uppercase;
	line-height: 1.5;
	font-weight:bold;
	color: yellow;
}

.title
{
	text-transform: uppercase;
	line-height: 1.3;
	font-size:9px;
	margin-left: 5px;
}

.smaller
{
	line-height: 1.3;
	font-size:8.5px;
}

.yellow
{
	color: yellow;
}

.profession
{
	line-height: 1.7;
}

a.bar-data
{
	position:absolute;
	text-align:center;
	color:white;
	text-decoration:none !important;
	white-space:nowrap;
	z-index: 5;
	margin-left: 105px;
}

a.prof-data
{
	position:relative;
	top: 19px;
	text-align:center;
	left: 95px;
	color:white;
	text-decoration:none !important;
	white-space:nowrap;
	z-index: 3;
}

div.bar_container
{
	width: 70%;
	height: 15px;
	border: 1px solid #999999;
	
}

div.bar_container:hover
{
	border: 1px solid #ffffff;
}

div.bar
{
	z-index: 1;
	height: 15px;
	border: 0px solid grey;
	background: #004F00;
}

div.m
{
	background: #104584;
}

div.r
{
	background: #8C0800;
}

div.e
{
	background: #9C9A00;
}

div.bar:hover
{
	background: #018F00;
}


div.m:hover
{
	background: blue;
	border: 0px solid grey;
}

div.r:hover
{
	background: #CF0A00;
	border: 0px solid grey;
}

div.e:hover
{
	background: #CFCC00;
}




div.resistances
{
	width: 125px;
	height: 165px;
	border: 1px solid grey;
	-moz-border-radius: 3px;
}


div.resistance_line
{
	width: 85px;
	height: 18px;
}

.text-right
{
	text-align: right;
}

div.professions
{
	width: 250px;
	height: 100px;
	border: 1px solid grey;
	-moz-border-radius: 3px;
}

div.characterbars
{
	width: 378px;
	height: 60px;
	border: 1px solid grey;
	-moz-border-radius: 3px;
	
}

div.stats
{
	width: 378px;
	height: 145px;
	border: 1px solid grey;
	-moz-border-radius: 3px;
}

div.stats_container
{
	width: 125px;
	border: 0px solid grey;

}


div.stats_line
{
	width: 105px;
	height: 18px;
}


div.item_bar
{
	width: 80px;
	height: 495px;
	border: 0px solid grey;
}

div.character_tabs
{
	width: 390px;
	height: 395px;
	border: 1px solid grey;
	margin: 0% auto;
	-moz-border-radius: 3px;
}


div.item_bar_bottom
{
	width: 390px;
	height: 80px;
	border: 0px solid grey;
	margin: 0% auto;
	margin-top: 3px;
}

div.item_container
{
	width: 55px;
	height: 55px;
	border: 0px solid grey;
}

div.center
{
	margin: 0% auto;
	margin-top: 3px;
}

div.left
{
	float: left;
}

div.right{
	float: right;
}


#medium   {
	border: 1px solid #000000;
	text-align: center;
	width: 95%;
	margin: 0% auto;
  	border-spacing:0px;
}