/*
Event Horizon Fight Statistics - World of Warcraft combat log parser and report generator
Copyright (C) 2008-2009 Maik Schreiber

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

body, input, select, textarea, td, th {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10pt;
}

body {
	padding-top: 10pt;
	padding-bottom: 10pt;
	background-color: #373627;
	color: #dddddd;
}

div.header {
	font-size: 20pt;
	margin-bottom: 10pt;
}

div.headerOverview {
	margin-bottom: 15pt;
}

table.chart {
	empty-cells: show;
	border-spacing: 0pt;
	border: 1px solid #747257;
	margin-bottom: 15pt;
}

table.chart.pets {
	margin-bottom: 3pt;
}

div.petsList {
	font-size: 8pt;
	margin-bottom: 15pt;
}

div.petsList a {
	margin-right: 5pt;
}

table.chart th, table.chart td {
	padding-left: 5pt;
	padding-right: 5pt;
	padding-top: 1pt;
	padding-bottom: 1pt;
}

table.chart td.percentBar {
	padding-top: 0px;
	padding-bottom: 0px;
}

table.wide {
	width: 1000px;
}

table.pet {
	margin-left: 75px;
	margin-top: 3pt;
	margin-bottom: 0px;
}

table.wide.pet {
	width: 925px;
}

table.chart th {
	border-bottom: 1px solid #747257;
	background-color: #52513E;
}

table.chart th.noLineBottom {
	border-bottom: 0px;
}

table.chart th.subLine {
	font-weight: normal;
}

table th .description {
	font-size: 8pt;
	font-weight: normal;
}

table.chart tr.even {
	background-color: #52513E;
}

table.chart.eventsBeforeDeaths td.damage {
	color: #ddaaaa;
}

table.chart.eventsBeforeDeaths td.heal {
	color: #aaddaa;
}

table.chart tr.lineBottom td {
	border-bottom: 1px solid #747257;
}

table.percentBar {
	empty-cells: show;
	border-spacing: 0pt;
	height: 11pt;
	margin: 0px;
}

table.percentBar.damage td {
	background-color: #C80000;
}

table.percentBar.heal td.heal {
	background-color: #00B000;
}

table.percentBar.heal td.absorbed {
	background-color: #909A00;
}

table.percentBar.heal td.overheal {
	background-color: #2C6921;
}

table.percentBar tr, table.percentBar td {
	height: 11pt;
}

table.percentBar td {
	padding: 0px;
}

a {
	color: #dddddd;
}

div.mainMenuBar {
	float: left;
	width: 80pt;
}

div.mainMenu {
	width: 90pt;
	border-top: 1px solid #747257;
	border-left: 1px solid #747257;
	border-right: 1px solid #747257;
	margin-bottom: 15pt;
	background-color: #444333;
}

div.mainMenuHead {
	padding-top: 3pt;
	padding-left: 8pt;
	padding-right: 8pt;
	padding-bottom: 3pt;
	border-bottom: 1px solid #747257;
	text-align: center;
	font-weight: bold;
	background-color: #52513E;
}

div.mainMenuSection {
	border-bottom: 1px solid #747257;
	padding-top: 3pt;
	padding-left: 8pt;
	padding-right: 8pt;
	padding-bottom: 3pt;
}

div.mainMenuButton {
	margin-top: 2pt;
	margin-bottom: 2pt;
}

div.contentBox {
	margin-left: 105pt;
	border: 1px solid #747257;
	margin-bottom: 15pt;
	background-color: #444333;
}

div.contentBox.noMenu {
	margin-left: 0px;
}

div.contentHead {
	border-bottom: 1px solid #747257;
	padding-top: 3pt;
	padding-left: 8pt;
	padding-right: 8pt;
	padding-bottom: 3pt;
	font-weight: bold;
	margin-bottom: 8pt;
	background-color: #52513E;
}

div.content {
	padding-left: 8pt;
	padding-right: 8pt;
	padding-bottom: 8pt;
}

.small {
	font-size: 7pt;
}

div.footer {
	text-align: right;
	font-size: 7pt;
}

div.footer, div.footer a {
	color: #747257;
}

.toonClass-DEATH_KNIGHT { color: #C41F3B; }
.toonClass-DRUID { color: #FF7D0A; }
.toonClass-HUNTER { color: #ABD473; }
.toonClass-MAGE { color: #69CCF0; }
.toonClass-PALADIN { color: #F58CBA; }
.toonClass-PRIEST { color: #dddddd; }
.toonClass-ROGUE { color: #FFF569; }
.toonClass-SHAMAN { color: #2459FF; }
.toonClass-WARLOCK { color: #9482CA; }
.toonClass-WARRIOR { color: #C79C6E; }
.toonClass-unknown { color: red; }

div.toolTip {
	position: absolute;
	z-index: 10;
	width: 200px;
}

div.toolTip div.toolTip-title {
	font-weight: bold;
	font-size: 10pt;
	color: #E8E5BE;
	padding-left: 5pt;
	padding-right: 5pt;
	padding-top: 3pt;
	background: url(bubble_bg.png) top left;
}

div.toolTip div.toolTip-contents {
	padding-left: 5pt;
	padding-right: 5pt;
	padding-top: 2pt;
	padding-bottom: 5pt;
	background: url(bubble_bg.png) bottom left;
}