/* ADDED December 20th by Karmic */
ul.backpack li { list-style:none }

/* ADDED August 5th by Odegard */
body {
	margin: 0px;
	background-image: url('/images/back2.jpg');
	background-color: #191B1A;}

#herostats {
	width: 175px;}

#maincontentsupermetadiv {
	position: absolute;
	top: 0px;
	left: 180px;
	margin-right: 50px;}

#maincontentmetadiv {
	/*height: 600px;*/
	height: expression(this.scrollHeight < 600? "600px" : "auto");
	min-height: 600px;
	width: 100%;
	width: expression((document.body.clientWidth - 220) + "px"); /* little hack for IE */
	padding: 20px;
	background-image: url('/images/back1.jpg');
	background-repeat: repeat;
	background-color: #36433C;}

#maincontentdiv {
	background-image: url('/images/back2.jpg');
	background-color: #191B1A;
	padding: 5px;}

/* ADDED August 4th by Karmic */
#vtableattributes, #vtableitems, #vtableabilities, #vtablespells, #vtablefollowers { width:175px;}
#tableswitcher { width:175px;}
#tableswitcher ul { width:100%; }

/* ADDED August 4th by Odegard */
#tableattributes, #tableitems, #tableabilities, #tablespells, #tablefollowers { width: 175px;}

img.dungeonimages {
	height: 20px;
	width: 20px;
	margin: auto 0px;}

/* ADDED August 3rd by Odegard */
#functionheromain {
	width: 155px;
	padding: 0px;
	margin: 0px;
	background-image: url('../images/back2.jpg');
	background-repeat: repeat;
	background-color: #191B1A;
	margin-bottom: 10px;}

#functionheromain img {
	margin: 0px auto;
	width: 100px;
	height: 100px;}

#menuoptions {
	width: 155px;
	padding: 0px;
	margin: 0px;
	background-image: url('../images/back2.jpg');
	background-repeat: repeat;
	background-color: #191B1A;
	margin-top: 10px;
	text-align: center;}

.menuoptions1 {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFCC00;
	font-weight: bold;}

.menuoptions1 a:hover {
	color: #FFFF00;}
		

/* ADDED August 2nd by Karmic */
div.infobox {
	padding:5px;
	max-height:5em; overflow:auto;
	height:expression(this.scrollHeight > 50 ? "50px" : "auto");
	background-image:url('images/back2.jpg'); background-repeat:repeat; background-color:#191B1A;
	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFCC00
}
td.bar { font-size:4px; line-height:100%; border:1px solid white; height:5px }
td.bar span { font-size:4px; display:block; height:5px }


/* ADDED July 26th by Karmic */
img { border:none }
img.portrait { border:1px solid white }

/* ADDED August 2nd by Odegard */
#switcherlist, #vswitcherlist {
	list-style: none;
	padding: 0px;
	margin: 0px;
	border-left: 1px solid #465550;}

#switcherlist li, #vswitcherlist li {
	cursor: pointer;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	float: left; 
	margin: 0px;
	margin-left: -1px;
	line-height: 18px;
	height: 20px;
	max-height: 18px;
	width: 20px;
	max-width: 18px;
	padding: 0px;
	overflow: hidden;
	background-image: url('back2.jpg'); 
	background-repeat: repeat; 
	border: 1px solid #465550;}

#switcherlist li img, #vswitcherlist li img {
	border: none;
	float: left;
	height: 16px;
	width: 16px;
	margin: 1px;
	padding: 0px;}

li#liattributes, li#vliattributes {
	width: 90px;
	max-width: 90px;
	border-bottom: none;}
	
#tableitems, #tableabilities, #tablespells, #tablefollowers, #vtableitems, #vtableabilities, #vtablespells, #vtablefollowers {
	display: none;}

/* ADDED CODE May 30th by Odegard */
#frontpage {background-image: url('images/back1.jpg'); background-repeat: repeat; width: 100%; background-color: #36433C;}
.textbold {font-weight: bold;}
.textcenter {text-align: center; }
img.center {display: block; margin: 0px auto;}
table.sessionmsg {width: 100%; border: none; background-image: url('images/back2.jpg'); background-repeat: repeat; background-color: #191B1A;}
table.sessionmsg td {padding: 5px; margin: 0px; border: none;}
table.login {width: 100%; border: none; background-image: url('images/back2.jpg'); background-repeat: repeat; background-color: #191B1A;}
table.login td {margin: 0px; padding: 10px;}
table.screenshots {margin: 0px auto; width: 70%; background-image: url('images/back2.jpg'); background-repeat: repeat; background-color: #191B1A; border: none;}
table.screenshots td {margin: 0px; padding: 10px;}

/* ADDED CODE May 27th  by Odegard */
table.tablethings, table.tablethings td {padding: 0px; margin: 0px; border: none;}
table.tablethings td {vertical-align: top;}
ul.listicons {margin-left: 0px; padding-left: 0px;}
.listicons {list-style: none;}
.listicons li img {width: 20px; height: 20px; padding-right: 5px;	border: 0px; vertical-align:middle;}
.listicons li {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; padding-bottom:3px}
.listicons li a {color: #FFCC00;text-decoration: none;}
.listicons li a:hover {color: #FFFF00;}

.citylocation {font-family: "Copperplate Gothic Bold", "Trebuchet MS"; font-size: 14px; color: #FFFFFF; font-weight: bold; padding-bottom: 5px;}

/* END */

a {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFCC00; text-decoration: none;}

a:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFF00; text-decoration: none;}
a.sold {font-weight:bold}

table {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; line-height: 130%; border:0 }
td.desc { background-image:url('images/back2.jpg'); border:0 } /* 1px solid #36433C } */

table.frontpage {margin: 30px auto; width: 560px; padding: 0px;}
.frontpage td {margin-left:8px; margin-right:8px; float: left; padding: 0px;}
.frontpage td a {width: 120px; display: block; text-align: center;
	background-image:url('images/back2.jpg'); border: 1px solid #36433C;
	font-weight:bold; font-size:11px;
	padding:8px 0px 8px 0px
}

ul.frontpage {padding: 0px; margin-bottom: 30px; display: block;}
ul.frontpage li {margin-left:8px; margin-right:8px; float: left; padding: 0px;}
ul.frontpage a {width: 120px; display: block; text-align: center;
	background-image:url('images/back2.jpg'); border: 1px solid #36433C;
	font-weight:bold; font-size:11px;
	padding:8px 0px 8px 0px
}


ul.frontpage a:hover {font-size:11px}

.journalitem { margin-left:15px; width:80% }
.footer {
	background-image:url('images/back2.jpg'); border: 1px solid #36433C;
	padding:5px;
}

img.mportrait {
	width:100px; height:100px; border:1px solid #36433C;
}

legend { color: #FFCC00; font-weight:bold }
fieldset { padding: 10px; border-color: #454545 }

input, select, option
{
	background-color: #111111;
	border: 1px solid #36433C;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
}

input.button
{
	background-image: url('http://ardania.havocaos.com/images/back1.jpg');
	background-color: #36433C;
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: bold;
	color: #FFCC00;	
	cursor: hand;
}

input.checkbox
{
	border: 0px;
}

textarea
{
	background-color: #111111;
	border: 1px solid #36433C;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #FFFFFF;
}

form
{
	margin: 0px;
}

.h1 {  font-family: "Copperplate Gothic Bold", "Times New Roman"; font-size: 18px; font-weight: bold; text-transform: none; color: #FFFFFF}
.h2 {  font-family: "Copperplate Gothic Bold", "Trebuchet MS"; font-size: 14px; color: #FFFFFF; font-weight: bold; }
.h3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FFCC00; font-weight: bold; }

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

.p2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC00;}
.p2 A {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC00;}
A:hover SPAN.p2,
.p2 A:hover {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFF00;}



.p3 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00;}
.p4 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFCC00;}
.p5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFCC00; font-weight: bold;}

.t0 {  background-color: #000000; width: 20px; height: 20px;}
.t1 {  background-color: #00CC00; width: 20px; height: 20px;}
.t2 {  background-color: #009900; width: 20px; height: 20px;}
.t3 {  background-color: #006600; width: 20px; height: 20px;}
.t4 {  background-color: #666600; width: 20px; height: 20px;}
.t5 {  background-color: #660000; width: 20px; height: 20px;}
.t6 {  background-color: #330000; width: 20px; height: 20px;}
.t7 {  background-color: #999999; width: 20px; height: 20px;}
.t8 {  background-color: #666666; width: 20px; height: 20px;}
.t9 {  background-color: #333333; width: 20px; height: 20px;}
.t10 {  background-color: #003399; width: 20px; height: 20px;}

.bold { font-weight:bold }
.green { color:lime }
.yellow { color:yellow }
.small { font-size:9px !important }

DIV.ForumHeader
{
	width: 100%;
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.ForumHeader A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
}

DIV.ForumHeader A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

DIV.ForumBreadCrumb
{
	width: 80%;
	float: left;
}

DIV.ForumPagination
{
	width: 100%;
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.ForumPagination A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
}

DIV.ForumPagination A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

DIV.ForumOption
{
	text-align: right;
	align: right;
	width: 100%;
}

DIV.ForumForm
{
	width: 100%;
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.ForumForm INPUT
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px; 
}

DIV.ForumForm TEXTAREA
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
}

DIV.ForumCategory
{
	width: 100%;	
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.ForumCategory A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
}

DIV.ForumCategory A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}


DIV.ForumCategoryTitle
{
	width: 40%;
	float: left;
}

DIV.ForumCategoryTitle A
{
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
	font-weight: bold;
	color: #FFCC00;
}

DIV.ForumCategoryTitle A:hover
{
	font-family: "Trebuchet MS"; 
	font-size: 14px; 
	font-weight: bold;
	color: #FFFF00;
	text-decoration: underline;
}

DIV.ForumCategoryTopics
{
	width: 20%;
	float: left;
}

DIV.ForumCategoryLastPost
{
	width: 100%;
}

DIV.ForumTopic
{
	width: 100%;	
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.ForumTopic A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
}

DIV.ForumTopic A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

DIV.ForumTopicTitle
{
	width: 40%;
	float: left;
}

DIV.ForumTopicStarter
{
	width: 60%;
	float: left;
}

DIV.ForumPost
{
	width: 100%;	
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.ForumPost A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
}

DIV.ForumPost A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

DIV.ForumPostMessage
{
	width: 100%;
}

DIV.ForumPostDetails
{
	color: #888888;
	width: 80%;
	float: left;
}

DIV.ForumPostOptions
{
	width: 100%;
	text-align: right;
}

SPAN.ForumNewPostIndicator
{
	color: #FFCC00;
}

DIV.HeroSet
{
	width: 100%;	
	border-top: 1px solid #465550;
	border-bottom: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.HeroSetRecord
{
	width: 80%;	
	/*float: left;*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}

DIV.HeroSetRecord A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
	text-decoration: none;
}

DIV.HeroSetRecord A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

DIV.HeroSetRecordAction
{
	width: 80%;	
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}
DIV.HeroSetRecordAction A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
	text-decoration: none;
}

DIV.HeroSetRecordAction A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

TD.TabSelLHS
{
	border-top: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	padding-top: 1px;
	padding-left: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
}

TD.TabSel
{
	border-top: 1px solid #465550;
	border-left: 1px solid #465550;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px;
	padding: 1px;
}

TD.Tab
{
	border-top: 1px solid #465550;
	border-bottom: 1px solid #465550;
	border-left: 1px solid #465550;
	padding: 1px;
}

TD.TabRHS
{
	border-top: 1px solid #465550;
	border-bottom: 1px solid #465550;
	border-left: 1px solid #465550;
	border-right: 1px solid #465550;
	padding: 1px;
}

TABLE.Attr TR.AttrDet TD 
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: top;
	align: left;

}

TABLE.Attr TR.AttrDet TD A
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFCC00;
	text-decoration: none;
}

TABLE.Attr TR.AttrDet TD A:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFF00;
	text-decoration: underline;
}

DIV.PrivateMesgForm
{
	width: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #FFFFFF;
	padding-top: 3px;
	padding-bottom: 3px;
}