/* Added June 3rd by Karmic */
.ui-autocomplete { max-height:300px; overflow-y:auto; overflow-x:hidden; padding-right:20px; }

/* Added July 25th by Karmic */
html, body.welcome { height:100% }
div#welcome_container { width: 100%; text-align:center } /*height:100%; */
div#welcome { width:90%; text-align:left; margin:10px auto 10px auto; background-image:url('/images/back1.jpg'); padding:15px } /*height:90%; */
div#welcome_header { text-align:center; font-size:2em; margin-bottom:15px }
div#welcome_controls { position:absolute; top:20px; left:60px }
div#welcome_msg { width:90%; border:1px solid white; margin-bottom:10px }
div#welcome_heroes, div#welcome_settings { width:75%; height:90%; float:left } /*; overflow:auto }*/
div#welcome_settings fieldset { width:90%; background-image:url('/images/back2.jpg') }
div#welcome_announcements { width:23%; height:80%; float:right; border-left:1px solid white; overflow:auto; line-height:12px; padding-left:10px }
div#welcome_footer { clear:both }
div.welcome_hero { width:380px; height:104px; float:left; padding:10px; border:1px solid white; background-image:url('/images/back2.jpg'); margin:5px; position:relative }
div.welcome_hero img.portrait { float:left; margin-right:20px }
div.welcome_hero img.bars { position:absolute; top:12px; left:12px }
div.welcome_announcement { border-top:1px dotted white; padding-right:10px }
div#welcome_header span.h1:before { content: url('/images/dec1.gif'); }
div#welcome_header span.h1:after { content: url('/images/dec2.gif'); }

/* Added December 11th by Karmic */
table.counter, table.counter th, table.counter td { border:1px solid white }
th { text-align:center }
tfoot td { border:0 !important}
caption { text-align:center; font-variant:small-caps; font-weight:bold; font-size:1.3em }
.textright { text-align:right }

/* Added November 4th by Karmic */
.clear { clear:both }

/* Added May 9th by Karmic */
.JournalMain { padding-left:50px }

/* Added November 5th by Karmic */
img.moon { float:left; margin:5px }

/* Added June 6th by Karmic */
.tiny { font-size:9px }

/* ADDED May 24th by Karmic */
hr { color:white; height:1px }

/* 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;}

#maincontainer {
	display:block;
}

#herostats { width:175px }
html>body #herostats { float:left }

#maincontentmetadiv {
	min-height:600px;
	margin-left:190px;
	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;
	margin-bottom:0;}

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

#menuoptions {
	width:165px;
	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; padding:1px; background:black }

/* 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:18px;
	max-height:18px;
	width:18px;
	max-width:18px;
	padding:0px;
	overflow:hidden;
	background-image:url('/images/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", "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 } */

/* Removed width constraint on 6 June 2014 - Glorifindal */
table.frontpage {margin:30px auto; 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;
	clear:both
}

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('/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;
}

.h0 { font-family:"Copperplate Gothic", "Times New Roman", serif; font-size:24px; font-weight:bold; color:#FFFFFF }
.h1 { font-family:"Copperplate Gothic", "Times New Roman", serif; font-size:18px; font-weight:bold; color:#FFFFFF }
.h2 { font-family:"Copperplate Gothic", "Times New Roman", serif; font-size:14px; font-weight:bold; color:#FFFFFF }
.h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFCC00; font-weight:bold }
.h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; font-weight:bold;
	text-align:center; border-bottom:1px solid white; width:100%
}
.h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#FFFFFF; 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 }
.p6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF5500; font-weight:bold }
.p7 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFCC00 }
.p8 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FF5500 }
.p9 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#FFFFFF }
.p9 a, .p9 a:hover, .p9 a:visited { font-size:10px }

.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:10px !important }
.tiny { 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;
}

.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;
}

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

.HeroSetRecord img {
	width:25px; height:25px;
	border:1px solid black;
	float:left;
	margin-right:3px; margin-top:3px
}

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

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

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

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

.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;
}