@import "calendar.css";

/* Primary Layout Elements */

BODY {
   background-color: #DC9;
   color: black;
   font-family: serif;
   padding-top: 4em;
   padding-left: 10em;
}

DIV.pagetitle {
	background-color: /*#330044*/ #880000;
	background-image: url('redscales.gif');
	color: /*white*/ #ffff66;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1.3em;
	font-size: 3em;
	text-align: center;
	z-index: 1;
	font-style: italic;
	padding-top: 0.15em;
}

DIV.pagetitle > IMG {
	height: 1.2em;
}

DIV.sidebarplacer {
   background-color: #CCBB88;
   color: black;
   border-right: 1px solid #330044;
   position: fixed;
   top: 0px;
   left: 0px;
   height: 100%;
   width: 10em;
   z-index: 0;
}

/* Sidebar */

DIV.sidebar {
   margin-top: 4.3em;
   margin-left: 0.3em;
}

DIV.sidebar > DIV.sidebarsection {
   padding-top: .5em;
   padding-bottom: .5em;
}

DIV.sidebar > DIV.sidebarsection > DIV.title {
   font-size: larger;
   font-weight: bold;
}

DIV.sidebar > DIV.sidebarsection > DIV.item {
   text-indent: 0.5em;
   font-weight: bold;
}

DIV.sidebar > DIV.sidebarsection > DIV.item > A {
	color: inherit;
	text-decoration: none;
}

DIV.sidebar > DIV.sidebarsection > DIV.smalltext {
	font-family: sans-serif;
	font-size: smaller;
}

DIV.sidebar > DIV.sidebarsection > DIV.smalltext > A {
	color: blue;
	text-decoration: none;
}

DIV.sidebar > DIV.sidebarsection > DIV.smalltext > INPUT {
	font-size: inherit;
}

/* Sections */

DIV.section {
   margin-bottom: 1em;
}

DIV.section.bigger {
   font-size: 1.05em;
}

DIV.section > DIV.title {
   font-size: larger;
   font-weight: bold;
}

DIV.section > DIV.author {
   font-size: smaller;
   font-style: italic;
}

DIV.section > DIV.body {
}

DIV.section + DIV.section {
   border-top: 2px ridge #330044;
   padding-top: 1em;
}

DIV.section.titlesection {
	margin-top: 0.5em;
	font-size: 2em;
	text-align: center;
}

DIV.section.introsection {
	font-size: 1.05em;
}

BODY.classicdocument > DIV.section + DIV.section {
	border-top: none;
	padding-top: 0em;
}

DIV.rightinsert {
	float: right;
	margin: .5em;
}

TABLE.sections {
	border-spacing: 0px;
	width: 100%;
}

TR.section > TD.image {
	text-align: center;
	vertical-align: middle;
	width: 1px;
}

TR.section > TD {
	padding-bottom: 1em;
}

TR.section > TD.body {
	vertical-align: top;
}

TR.section + TR.section > TD {
   border-top: 2px ridge #330044;
   padding-top: 1em;
}

/* Section Formatting - Achievements */

TABLE.achievements {
/* 	border-spacing: 0.5em; */
}

TABLE.achievements TD.title {
   font-weight: bold;
   font-size: larger;
}
TABLE.achievements TR.achievement TD {
   vertical-align: top;
}
TABLE.achievements TR.achievement DIV.title {
   font-weight: bold;
}
TABLE.achievements TR.achievement DIV.body {
   font-size: smaller;
}

/* Pretty Stuff */
A[href] {
	color: blue;
	text-decoration: none;
}

A[href].subtlelink {
	color: #000088;
	text-decoration: inherit;
}

TABLE.prettytable {
	border: 1px solid black;
	border-spacing: 0px;
	border-collapse: collapse;
}

TABLE.prettytable TH {
	border: 1px solid black;
	background-color: #CCBB88;
}

TABLE.prettytable TD {
	border: 1px solid black;
	background-color: #DDCC99;
	padding-left: .2em;
	padding-right: .2em;
}

TABLE.prettytable TD.number {
	text-align: right;
}

/* Classes */
SPAN.deathknight {
	color: #b00;
}

SPAN.druid {
	color: #e80;
}

SPAN.hunter {
	color: #0a0;
}

SPAN.mage {
	color: #0ff;
}

SPAN.paladin {
	color: #f88;
}

SPAN.priest {
	color: #fff;
}

SPAN.rogue {
	color: yellow;
}

SPAN.shaman {
	color: #00f;
}

SPAN.warlock {
	color: #a0f;
}

SPAN.warrior {
	color: #a53;
}

/* Raid Calendar */

TABLE.raidcalendar > TBODY > TR > TD {
	border: 1px solid black;
	width: 7em;
	height: 7em;
	vertical-align: top;
}

/*TABLE.raidcalendar > TBODY > TR > TD > DIV.daynumber {
	text-align: right;
}*/

TABLE.raidcalendar > TBODY > TR > TD > TABLE {
	margin: 0px;
	border-spacing: 0px;
	border: 0px transparent none;
	width: 100%;
	height: 100%;
}

TABLE.raidcalendar > TBODY > TR > TD.today {
	outline: 1px solid yellow;
}

TABLE.raidcalendar > TBODY > TR > TD > TABLE > TBODY > TR > TD.daynumber {
	text-align: right;
	vertical-align: top;
}

TABLE.raidcalendar > TBODY > TR > TD > TABLE > TBODY > TR > TD.dayevents {
	text-align: left;
	vertical-align: bottom;
}

TABLE.raidcalendar > TBODY > TR > TD > TABLE > TBODY > TR > TD.dayevents > DIV {
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
	font-size: smaller;
}

/* EPGP Scores */
table.epgphistory > TBODY > TR.pending {
	color: green;
}