/* WoW CSS */

body {
	padding:2px;
	text-align:center;
	font-size:12px;
	background-color:#E3CFAD;
	color:black;
	font-family:georgia,helvetica,serif;
}
img {border:none;}

a {
	text-decoration:none;
	color:#003EB3;
}
a.good {color:#1A4383;}
a.evil {color:#9A2303;}
a.sort {color:#EC8B00;}
a.sorted {color:#00B709;}
a:hover {
	color:white;
	text-shadow: 0px 1px 2px #111;
}
table {
	border-spacing:0px;
}
form {margin:0px;}

td.forminfo {
	background-color:#B29563;
	text-align:right;
	padding:3px;
}
td.formdata {
	background-color:#776442;
	text-align:left;
	padding:3px;
	color:#E3CFAD;
}
ul {
	margin:4px 4px 12px 4px;
	padding-left:12px;
}
li {
	margin:2px;
	padding-left:4px;
	text-align:left;
}
hr {
	clear:both;
	margin:0px;
	height:1px;
	visibility:hidden;
}
#content {
	position: relative;
	margin:0px auto 4px auto;
	text-align:center;
	padding:8px;
	width:1000px;
	border:0px;
}
a.ad {
	font-size:11px;
	color:#0000ff;
}
a.ad:hover {
	color:#0077ff;
}


/* main stuff */
div.char_panel {
	width:600px;
	margin:4px auto 4px auto;
	border:solid 1px #968972;
	padding:4px;
	background-color:#aC925D;
}
div.char_panel h1 {
	background-color:#777777;
	color:white;
	border:solid 1px black;
	font-size:16px;
	margin:6px;
}
div.char_panel h2 {
	font-size:14px;
	text-align:left;
	margin:6px;
}
div.char_panel fieldset{
	background-color:#CCB27D;
	border:solid 1px black;
	margin-top: 4px;
	padding:2px;
}
div.char_panel legend{
	background-color:#d7b166;
	font-size:13px;
	font-weight:bold;
	padding:2px 6px 2px 6px;
	border:solid 1px black;
}
div.char_panel label{
	padding:2px;
	margin:2px 0px 4px 2px;
}
div.char_panel input, div.char_panel select{
	border:solid 1px black;
	margin:2px 10px 4px 0px;
	padding:2px;
}
div.profession input, div.profession label,
div.keys input, div.keys label, 
div.factions input, div.factions label, div.factions select {
	margin:1px;
	padding:2px;
}
div.char_panel a{
	color:black;
}
.noborder {
	border:none 0px;
}
div.profession {
	width:140px;
	margin:2px;
	padding:0px;
/*	border:solid 1px #000000; */
	float:left;
	text-align:right;
}
div.keys {
	margin:2px;
	padding:2px;
	float:left;
	text-align:right;
	width:180px;
}
div.factions {
	margin:2px;
	padding:2px;
	float:left;
	text-align:right;
	width:240px;
}
div.form_container {
	text-align:left;
}
table.a_stats {
	background-color:#1A4383;
	font-size:12px;
	color:white;
	padding:2px;
	text-align:center;
	border:0px;
	width:100%;
}	
table.h_stats {
	background-color:#9A2303;
	font-size:12px;
	color:white;
	padding:2px;
	text-align:center;
	border:0px;
	width:100%;
}	
table.a_stats th {
	background-color:#1A4383;
	margin:3px;
	font-size:14px;
	padding:2px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-color:white;
}
table.h_stats th {
	margin:3px;
	font-size:14px;
	background-color:#9A2303;
	border-top:none;
	border-left:none;
	border-right:none;
	border-color:white;
}
td.nopad {
	padding:0px;
}
div.stats {
	float:left;
	text-align:left;
	width:800px;
	padding:0px;
}
div.stats li {
	margin-left:0px;
	padding-left:0px;
}
div.menu {
	float:left;
	clear:none;
}
div.menu a:hover {
	color:#000000;
}
ul.menu li {
	list-style-image:url(images/wow-tag.gif);
	margin-left:8px;
}
.f_right {
	float:right;
	clear: none;
}
.f_left {
	float:left;
	clear: none;
}
.left {
	text-align:left;
}
.v_centre {
	vertical-align:middle;
}
.centre {
	margin-left: auto;
	margin-right:auto;
	text-align:center;
}
.clear {
	display:block;
	clear:both;
}
.no_clear {
	clear: none;
}
.bold {
	font-weight:bold;
}
div.yourchars {
	margin:4px;
	float:left;
	border:solid 1px #968972;
	padding:4px;
	background-color:#CCB27D;
	text-align:left;
	-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}	
div.yourchars h3 {
	margin:4px;
	font-size:14px;
}

#banner {
	background-image: url(images/spsgood.gif);
	color:black;
	background-repeat:no-repeat;
/*	height:130px;  */
	margin:2px auto 2px auto;
	padding:2px 4px 2px 4px;
	height:110px;
	width:800px;
}
#banner h1 {
	margin:-20px 0px 0px 160px;
	width:200px;
}

#date {
	margin-top:4px;
	margin-right:0px;
	float:right;
	clear:right;
}
#undercoat {
	background:url(images/userBGmain.png) repeat-y;
	width:1000px;
	margin-top:20px;
	margin-left:0px;
	padding:0px;
}
#user {
	width:1000px;
	margin:0px;
	padding:4px;
	text-align:left;
	background:transparent url(images/userBGt.png) no-repeat;
}
#base {
	clear:both;
	display:block;
	width:1000px;
	height:18px;
	margin:0px;
	padding:0px;
	background:url(images/userBGb.png) no-repeat;
}
#footer {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	padding:8px;
	clear:both;
}
#wow {
	margin-top:0px;
	margin-left:578px;
	width:200px;
	height:84px;
	display:block;
}
#wow a {
	width:100%;
	height:100%;
	display:block;
}
#alliance, .alliance {
	background-color:#777777;
	color:white;
	font-size:14px;
}
.rcell {
	text-align:right;
	border:solid 1px #968972;
}
.lcell {
	text-align:left;
	border:solid 1px #968972;
}
.cell {
	border:solid 1px #968972;
}
.ccell {
	border:solid 1px #968972;
	text-align:center;
}
th, .head {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background:#777777;
	color:white;
	border:solid 1px black;
}
.chars {
	width:700px;
	margin: 4px auto 4px auto;
}

.contentstyle {
	margin:0px;
	padding:4px;
	border:0px;
}
.roster {
	width:740px;
	margin: 4px auto 4px auto;
}
.maxSkill {
	color:#75B368;
}
table.trades {
	width:800px;
}

/* panel cells 11 in all */
table.infopanel {
	border-spacing:0;
	border:none;
	margin:2px;
}
.panelnw {
	width:8px;
	height:8px;
	background: url(frame/nw.gif);
	padding:0px;
}
.panelne {
	width:8px;
	height:8px;
	background: url(frame/ne.gif);
	padding:0px;
}
.panelsw {
	width:8px;
	height:8px;
	background: url(frame/sw.gif);
	padding:0px;
}
.panelse {
	width:8px;
	height:8px;
	background: url(frame/se.gif);
	padding:0px;
}
.paneln {
	height:8px;
	background: url(frame/n.gif) repeat-x;
	padding:0px;
}
.panels {
	height:8px;
	background: url(frame/s.gif) repeat-x;
	padding:0px;
}
.panelw {
	width:8px;
	background: url(frame/w.gif) repeat-y;
	padding:0px;
}
.panele {
	width:8px;
	background: url(frame/e.gif) repeat-y;
	padding:0px;
}
.panel {
	background-color: #716959;
	padding:4px;
}

/* roster CSS */
.light {
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background-color:#bbbbbb;
}
.dark {
	border-top:solid 1px #000000;
	border-bottom:solid 1px #000000;
	background-color:#aaaaaa;
}
td.leftside {
	border-left:solid 1px #000000;
	padding-left:16px;
}
td.rightside {
	border-right:solid 1px #000000;
}
/*ecalendar CSS */

table.cal {
	text-align:center;
	vertical-align:top;
	background-color:black;
	color:#E3CFAD;
	font-weight:bold;
	padding:0px;
	margin:0px;
	border-spacing:1px;
}
table.cal a {
	display:block;
}

.title {
	height:20px;
	background: url(cal/calTitle.gif) repeat-x;
	padding:0px;
}
.heading {
	height:22px;
	background: url(cal/calTitle.gif) repeat-x;
	padding:0px;
}
.dayRow {
	height:22px;
}
.today {
	background-image: url(cal/calToday.gif);
	width:32px;
	height:22px;
	padding:0px;
}
.eventtoday {
	background-image: url(cal/calEventToday.gif);
	width:32px;
	height:22px;
	padding:0px;
}
.eventpast {
	background-image: url(cal/calPast.gif);
	width:32px;
	height:22px;
	padding:0px;
}
.event {
	background-image: url(cal/calEvent.gif);
	width:32px;
	height:22px;
	padding:0px;
}

.blank {
	background-image: url(cal/calBlank.gif);
	width:32px;
	height:22px;
	padding:0px;
}
.day {
	background-image: url(cal/calDay.gif);
	width:32px;
	height:22px;
	padding:0px;
}
.minus {
	background-image: url(cal/calMinus.gif);
	width:32px;
	height:22px;
	padding:0px;
}
.plus {
	background-image: url(cal/calPlus.gif);
	width:32px;
	height:22px;
	padding:0px;
}
td.good {
	background-color:#1A4383;
	color:white;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #1A4383;
}
td.evil {
	background-color:#9A2303;
	color:white;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	border:solid 1px #9A2303;
}
#Tauren, #Orc, #Human, #Undead, #NightElf, #Dwarf, #Gnome, #Troll, #BloodElf, #Draenei {
	display:none;
	float:left;
}

/* Items info */

table.items, div.items {
	background-color:black;
	color:white;
	padding:4px;
	width:500px;
	text-align:left;
	margin-top:10px;
}
div.items hr {
	height:1px;
	border:0px;
	background-color:white;
	margin:4px 10px 4px 0px;
	visibility:visible;
}
div.items dt {
	margin-left:10px;
	font-size:16px;
	font-weight:bold;
}
div.items dd {
	margin-left:20px;
}
table.items td{
	font-size:12px;
	border-bottom:1px solid #aaaaaa;
}

#armRoster {
	border:solid 2px #1A4383;
	font-size:14px;
	clear:left;
	margin:4px 0px 4px 4px;
	width:500px;
	float:left;
	position:relative;
}
#armRoster th {
	width:130px;
	border-color:black;
	border-style:solid;
	border-width:0px 1px 1px 0px;
	font-size:16px;
}
#armRoster td {
	position:relative;
	padding:2px 2px 2px 6px;
	border-color:black;
	border-style:solid;
	border-width:0px 1px 1px 0px;
/*	background:url(images/roster_bg.gif) no-repeat; */
	background-color:#E2CFAD;
	-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.5);
}
#armRoster td.level, #armRoster th.level {
	width:30px;
	text-align:center;
}
#armRoster th.char {
	width:180px;
}
#armChar {
	width:400px;
}
img.infoIco {
	float:right;
	position:relative;
	top:3px;
	right:0px;
	bottom:0px;
	width:16px;
	height:16px;
	z-index:8;
	margin-left:2px;
}
#infoBox h1 {
	font-size:14px;
	line-height:16px;
	margin:4px;
	text-align:center;
}
#infoBox h2 {
	font-size:12px;
	line-height:14px;
	margin:8px 4px 4px 4px;
	text-align:left;
}
#infoBox table {
	border: 1px #000000 solid;
	float:left;
	margin:0px 2px 0px 2px;
	text-align:left;
}
#infoBox td, th {
	padding:1px 1px 1px 3px;
	border-color:#444444;
	border-style:solid;
	border-width:0px 1px 1px 0px;
}
#infoBox th {
	font-weight:bold;
	background-color:#666666;
	font-size:12px;
}
#infoBox p {
	margin:8px;
}
img.charLoader {
	display:block;
	margin-top:200px;
	margin-left:auto;
	margin-right:auto;
}

div.yourchars li.repu {
	background:#BFAC83;
	margin-bottom:2px;
	padding:1px;
}
.repTD {
	padding:0px !important;
	background:#AF996D;
}
.rep {
	width:100px;
	height:16px;
	line-height:16px;
	position:relative;
}
.repTable {
	width:100px;
	height:16px;
	line-height:16px;
	position:relative;
	background:#AF996D;
}
.repBar {
	height: 16px;
	position:absolute;
	top:0px;
	left:0px;	
	background-repeat: repeat-x;
}
.repLabel {
	display:block;
	position:relative;
	top:0px;
	left:0px;
	text-align:center;
	color:white;
}

div.charBar {
	width:100%;
	background:#1F529E url(images/charBar.gif) repeat-x;
	padding:0px;
	margin:0px;
  position:relative;
}
div.charBar a {
	margin-left:5px;
}
div.charBar h3 {
	position:absolute;
	color:white;
	text-align:left;
	font-size:16px;
	line-height:16px;
	margin-top:7px;
	margin-left: 20px;
	display:inline;
}
div.info {
	background-color:#CCB27D;
	border:solid 1px #968972;
	padding:4px;
	width:340px;
	font-size:16px;
	clear:right;
	margin:4px 4px 4px 4px;
	float:left;
	position:relative;
	-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);	
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.4);
}
div.info h1 {
	font-size:20px;
	font-weight:bold;
}
div.info h3 {
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
p.notes {
	font-size:11px;
	font-style:italic;
}
acronym {
	margin-left:10px;
	color:#4362AA;
	cursor:help;
}

#progress {
	width:380px;
	height:150px;
	overflow:auto;
	padding:0px;
	background-color:#CCCCDD;
	border:1px solid #DFA814;
}
#progress h4 {
	margin:0px;
	font-weight:bold;
	font-size:14px;
	text-align:center;
}
#progress ul {
	font-size:11px;
	list-style:none;
	float:left;
	padding:0px;
}
#progress li {
	border-bottom:#5F61FF 1px solid;
	padding:2px;
	margin:2px;
	background-color:#CFD0FF;
}
#progress li span {
	font-weight:bold;
}

/*
*	Raids
*/
table.raids {
	text-align:left;
	width:350px;
	float:left;
	clear:none;
	margin:4px;
	border:1px solid black;
}
th.raider {
	width:120px;
}
table.raids td {
	padding:2px;
}
table.raids tr.dark {
	background-color:#9999a0;
}
table.raids tr.light {
	background-color:#aaaab0;
}
fieldset {
	padding:8px;
	border:1px solid black;
}