/*
Old scheme:
	orange FF9933
	dark blue 003399
	light blue 99cccc
	grey cccccc

New scheme:
	background orange: #ffcc66
	main box yellow: #ffffdd
	title bar brown: #993300
	map color: #eeddcc
	activity title yellow: #ffcc66
*/
html,body
{
	height:100%;
}
body,div,td
{
	font-family: sans-serif;
	font-size: 12px;
}
body
{
	text-align:center;
	/*background-color: #ffcc66;*/
	/*background-color: #eeddcc;*/
}
p
{
	margin-top: 12px;
	padding-top: 0px;
	margin-bottom: 12px;
}
h1, h2, h3, h4, h5, h6
{
	margin: 0px;
	padding: 0px;
}
h1, span.h1
{
	border-bottom:solid 1px #993300;
	color: #993300;
	font-size: 12pt;
	font-weight: bold;
}
h2
{
	font-size: 16pt;
}
dt
{
	font-weight:bold;
}
dd
{
	margin-bottom: 12px;
}
form
{
	margin: 0px;
	padding: 0px;
}
li
{
	margin-bottom: 6px;
}
a
{
	color: #000099;
}
a:hover
{
	background-color:yellow;
}
div.cname
{
	color: black; 
	font-size: 12pt;
	font-weight: bold;
}
div.retired
{
	color: #993300;
	font-size: 12pt;
	font-weight: bold;
}
div.bodydiv
{
	position:relative;
	text-align: left;
	/*background-color: #ffffdd;*/
	border: 1px solid #993300;
	border-top-width:0px;
	margin: auto;
	width: 760px;
	z-index: 50;
	min-height: 100%;
	/*background-image: url(img/ffffdd_75.png);*/
}
div.bodydivfg
{
	padding: 6px;
	position:relative;
	z-index:50;
}
div.bodydivbg
{
	position:absolute;
	height:100%;
	width:100%;
	z-index:10;
	top:0px;
	left:0px;
	background-color:#ffeedd;
	background-color:#ffffdd;
	opacity:0.7;
	filter: alpha(opacity = 70);
}
div.box
{
	/*border: 1px solid #003399;*/
	border: 1px solid #993300;
	padding: 12px;
}
div.happy_alert
{
	/*border: 1px solid #003399;*/
	border: 1px solid #993300;
	padding: 12px;
	background-color: #ffffcc;
	width: 509px;
}
div.topnav
{
	margin: auto;
	/*padding: 6px;*/
	height: 20px;
	width: 760px;
	/*background-color: #003399;*/
	border: 1px solid #993300;
	background-color: #993300;
	background-image: url(img/top.png);
	color: white;
	font-weight: bold;
	text-align:left;
	position:relative;
	z-index:50;
}
div.navtext
{
	left:130px;
	position:absolute;
	bottom:2px;
}
div.rbar
{
	position:absolute;
	left:552px;
	top:6px;
	width:188px;
	padding:6px;
	border: 1px solid #993300;
	background-color:white;
}
div.navright
{
	position:absolute;
	right:6px;
	bottom:2px;
	white-space:nowrap;
}
div.header
{
	color:white;
	font-weight:bold;
	background-color: #993300;
	width:100%;
}
div.bodytext /*Main text of page w/ a rightbar*/
{
	float:left;
	position:relative;
	width: 522px;
}
div.turn_title,a.turn_title
{
	/*
	Page is 760 wide
	-12 for bodydiv
	-200 for rightbar
	-12 for margin between this & rightbar
	-12 for turn_title padding
	-2 for border
	=522
	*/
	width: 522px;
	padding: 6px;
	/*background-color: #006699;*/
	/*background-color: #003399;*/
	background-color: #993300;
	color: white;
	font-weight: bold;
	/*border: 1px solid #003399;*/
	border: 1px solid #993300;
	border-bottom: 0px;
	text-align: left;
}
a.turn_title
{
	font-weight: normal;
}
div.turn_text
{
	/*border: 1px solid #003399;*/
	border: 1px solid #993300;
	padding: 12px;
	margin: 0 3 0 3;
}
a.topnav,a.whitelink
{
	font-weight: bold;
	color: white;
}
a.topnav:hover,a.whitelink:hover
{
	background-color:#ffffdd;
	color:#993300;
}

.grey
{
	color: #999999;
}

div.also_here,div.also_here a
{
	color: #999999;
	margin-bottom: 12px;
}

div.date_blurb
{
	color: #999999;
	margin-bottom: 6px;
}

div.combat,div.contest
{
	border: solid #ff9999 3px;
	background-color: #ffcccc;
	margin: 12 0 12 0;
	padding: 12px;
	width: 492px;
}
div.contest
{
	background-color: #ffff99;
	border-color: #ff9966;
}
div.combat_title,div.contest_title,div.contest_winner
{
	font-weight: bold;
	margin-bottom: 6px;
}
.wounds,.wounded
{
	color: red;
	font-weight: bold;
}
span.healthy
{
	color: green;
	font-weight: bold;
}
div.rightbar
{
	float:right;
	margin:6px 6px 0px 0px;
	width:188px;
	background-color:white;
	border: 1px solid #993300;
	padding: 6px;
}
div.activity_block
{
	border: 1px solid #993300;
	width: 534px;
}
div.activity_title
{
	text-align: left;
	/*border: 1px solid #003399;*/
	/*border: 1px solid #993300;*/
	border-bottom: 0px;
	border-top: 0px;
	height: 16px;
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	/*background-color: #99cccc;*/
	background-color: #ffcc66;
	width: 534px;
}
div.activity_body
{
	padding: 6px;
	/*border-left: 1px solid #003399;*/
	background-color: white;
	/*border: 1px solid #993300;*/
	border-top: 0px;
	border-bottom: 0px;
	width: 522px;
}
a.attack_roll
{
	background: url(img/attack_light.gif) no-repeat;
	padding: 0 6 0 20;
	color: red;
}
div.combat_round,div.combat_end,div.strat_roll_title
{
	/*clear:both;*/
	padding-top: 12px;
	font-weight: bold;
}
div.combat_end
{
	margin-top: 12px;
}
div.team_a,div.team_b
{
	background: url(img/shield_blue.gif) no-repeat;
	padding: 0 0 0 20px;
	/*clear:both;*/
}
div.team_b
{
	background: url(img/shield_red.gif) no-repeat;
}
div.combat_roster_a,div.combat_roster_b
{
	border: blue dotted 1px;
	width: 220px;
	/*float: left;*/
	padding: 6px;
}
div.combat_roster_b
{
	border: red dotted 1px;
	text-align: right;
	float: right;
}
div.combat_roster_team_a,div.combat_roster_team_b
{
	color: blue;
	font-weight: bold;
}
div.combat_roster_team_b
{
	color: red;
}
td.stat_box
{
	vertical-align:top;
	padding-left:6px;
}
table.stats
{
	/*width: 748px;*/
	width: 748px;
	/*background-color: #99ffff;*/
/*	background-color: #99cccc;*/
	/*background-color: #ffcc66;*/
	margin-bottom: 6px;
}
div.level_frame
{
	border: 1px solid #003399;
	width:100px;
	height:6px;
	/*padding:1px;*/
	background-color:white;
	/*text-align:center;*/
	color: blue;
	font-weight:bold;
	/*
	font-size:10px;
	line-height:10px;
	*/
}
div.level_bar
{
	top:1px;
	left:1px;
	/*
	font-size:10px;
	line-height:10px;
	*/
	background-color:blue;
	/*text-align:center;*/
	height:4px;
	color:white;
	font-weight:bold;
	position: relative;
}
div.skill_check
{
	/*margin-bottom: 12px;*/
	padding: 0 0 0 20px;
	/*background: url(img/dice.gif) no-repeat;*/
	background: url(img/shield_blue.gif) no-repeat;
}

.highlight
{
	background-color:#ffff00;
}
div.portrait_small
{
	background-color:#999999;
	border:3px solid #cccccc;
	height:100px;width:100px;
}
div.rightbox_header
{
	padding-top:6px;
	margin-top:24px;
	/*border-top: 1px solid #993300;*/
	font-weight:bold;
}
.bold_name /* used for bold character names */
{
	font-weight:bold;
}
div.sidelist
{
	padding: 0px 0px 0px 12px;
	text-indent: -6px;
}
table.spacelist td /* tables that look like lists w/ padding */
{
	padding-top:6px;
}
table.centerlist td /* like spacelist, but data is centered in cells. */
{
	padding: 3px 0px 3px 0px;
}
div.mask
{
	opacity:0.75;
	filter: alpha(opacity = 75);
	background-color:black;
	width:100%;
	height:100%;
	position:fixed;
	left:0px;
	top:0px;
	z-index:90;
}

div#popwin
{
	text-align:left;
	width: 400px;
	background-color:#ffffdd;
	border: 1px #000066 solid;
	top: 100px;
	left: 50%;
	margin-left: -200px;
	position:fixed;
	padding:12px;
	z-index:110;
}
div#popclose
{
	font-size:12px;
	position:absolute;
	top:0px;
	right:0px;
	background-color:red;
	z-index:120;
	font-family:sans-serif;
	font-weight:bold;
	padding:3px;
	cursor:pointer;
	border: 1px solid black;
	border-width: 0px 0px 1px 1px;
}
.hidden
{
	display:none;
}
div.item,div.rareitem,div.vrareitem,div.vvrareitem
{
	text-align:left;
	padding:3px;
	width:200px;
	background-color:#dddddd;
	border:solid 1px #666666;
	min-height:50px;
}
div.rareitem
{
	background-color:#99ffcc;
	border-color:#009900;
}
div.vrareitem
{
	background-color:#99ccff;
	border-color:#0000ff;
}
div.vvrareitem
{
	background-color:#cc99ff;
	border-color:#9900cc;
}
td.gearcell,td.geartitle
{
	background-color:white;
	padding:3px;
	border: solid 1px #993300;
}
td.geartitle
{
	background-color:#993300;
	color:white;
	font-weight:bold;
}
a.gear
{
	padding:1px 0px 0px 18px;
	background-image:url(img/shield_blue.gif);
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
}
a.rare
{
	color:#009900;
}
a.vrare
{
	color:#000099;
}
a.vvrare
{
	color:#9900cc;
}
a.clink
{
	background-image:url(img/portraitm16.jpg);
	padding:1px 0px 0px 15px;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:bold;
}
a.ulink
{
	text-decoration:none;
	font-weight:bold;
	color:#999999;
}
div#floaty
{
	z-index:100;
	text-align:left;
	display:none;
	position:absolute;
}
div.eq_gear
{
	padding-bottom:3px;
}
tr.altrow
{
	background-color:#ffffdd;
}
tr.mhover:hover
{
	background-color:#ffcc66;
}
ul.charlist,ul.sidelist
{
	list-style-type:none;
	padding-left:15px;
	text-indent:-15px;
	margin-left:0px;
}
ul.sidelist
{
	padding-left:21px;
}
ul.bulletless
{
	list-style-type:none;
	padding-left:0px;
	text-indent:0px;
	margin-left:0px;
}
.login
{
	/*width:100px;*/
	width:100%;
	font-size:10px;
	padding:0px;
	margin-bottom:3px;
}
.small
{
	font-size:10px;
}
span.bt a
{
	text-decoration:none;
	color: #993300;
}
span.bt a:hover
{
	color:red;
}
span.bt
{
	/*background-color:#ffffdd;*/
	background-color:#ffcc66;
	/*padding:3px;*/
	padding: 0px 3px 0px 3px;
	border: 1px solid #993300;
	font-weight:bold;
	white-space:nowrap;
}
span.bt:hover
{
	background-color:yellow;
	border-color:red;
}
div#pload
{
	display:none;
	height:128px;
	width:96px;
	margin:12px 0px 12px 0px;
	font-weight:bold;
	text-align:center;
}
div.pb /* portrait maker color block */
{
	height:32px;
	width:32px;
	float:left;
	margin:3px;
	border:1px solid #993300;
	cursor:pointer;
}
div.pb:hover
{
	border-color:white;
}
div.pcolorui /* color picker block */
{
	padding:3px;
	border:1px solid #993300;
}
div.tab,div.tabcurrent
{
	color: #993300;
	font-weight:bold;
	font-size:10px;
	border:solid 1px #993300;
	padding:2px 6px 2px 6px;
	border-width: 1px 1px 0px 1px;
	width: 50px;
	float:left;
	margin-right:10px;
	text-align:center;
}
div.tabcurrent,div.tabcurrent a
{
	background-color: #993300;
	color: white;
}
td.tab,td.tabcurrent,td.tabspace
{
	color: #993300;
	font-weight:bold;
	font-size:10px;
	border:solid 1px #993300;
	padding:2px 6px 2px 6px;
	border-width: 1px 1px 0px 1px;
}
td.tab a,div.tab a
{
	color:#993300;
	text-decoration:none;
}
td.tabcurrent,td.tabcurrent a
{
	background-color: #993300;
	color: white;
}
table.tab
{
	margin-top:6px;
}
div.between_acts_outer
{
	width: 512px;
	/*border:1px solid #993300;*/
	/*border-width:1px 0px 1px 0px;*/
	padding: 12px;
}
div.between_acts
{
	border:1px solid #993300;
	padding:6px;
	width: 498px;
	background-color:#ffcc66;
}
div.alert
{
	font-weight:bold;
	color:black;
	background-color:#ff9999;
	padding:6px;
	margin-bottom:6px;
	border: 5px outset red;
}
input.btn
{
	color:#993300;
}
div#bg_ul
{
	position:fixed;
	top:0px;
	left:0px;
	width:400px;
	height:400px;
	z-index:10;
	background-image:url(img/map_bg.jpg);
	background-repeat:no-repeat;
	/*opacity:0.5;*/
	/*filter:alpha(opacity=40);*/
}
div#bg_texture
{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:5;
	background-color: #e7dbc1;
	background-image: url(img/map_texture.jpg);
}
li.note
{
	margin: 0px 0px 12px 40px;
}
div.story,div.notice
{
	margin:12px;
	background-color:#ffcc66;
	border:1px solid #993300;
	padding:6px;
	font-style:italic;
}
div.notice
{
	background-color:#ccccff;
	border-color:#333399;
}
div.poem
{
	margin:12px 0px 12px 12px;
	font-style:italic;
}
select#quest_select
{
	float:left;
	margin-right:6px;
	height:100%;
	width:200px;
}
div.quest_description
{
	margin-left: 206px;
}
img.big_portrait
{
	width:96px;
	height:128px;
	border:3px solid black;
}
.clear_left
{
	clear:left;
}
em
{
	font-weight:bold;
	font-style:normal;
}
strong
{
	font-weight:bold;
	font-style:normal;
	font-size:16pt;
}
input.disabled
{
	color:#999999;
}
.error
{
	color:red;
}
select.next_quest /* Quest select list */
{
	float:left;
}

select.next_quest .ready
{
	font-weight:bold;
}

select.next_quest .completed
{
	background-color:#cccccc;
}

select.next_quest .low_level
{
	background-color:#cccccc;
	color:#999999;
}

select.next_quest .travel
{
	background-color:#99ff99;
}