body {
	font-family: arial;
	font-size: 12px;
	background-color: black;
	color: white;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
.button_up {
	-moz-box-shadow: inset 0px 1px 0px 0px #575757;
	-webkit-box-shadow: inset 0px 1px 0px 0px #575757;
	box-shadow: inset 0px 1px 0px 0px #575757;
	background: -webkit-gradient( linear, left top, left bottom,
		color-stop(0.05, #383838), color-stop(1, #000000) );
	background: -moz-linear-gradient( center top, #383838 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#383838', endColorstr='#000000');
	background-color: #383838;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #6e6e6e;
	cursor: hand;
	cursor: pointer;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
.button_down {
	-moz-box-shadow: inset 0px 1px 0px 0px #575757;
	-webkit-box-shadow: inset 0px 1px 0px 0px #575757;
	box-shadow: inset 0px 1px 0px 0px #575757;
	background: -webkit-gradient( linear, left top, left bottom,
		color-stop(0.05, #000000), color-stop(1, #383838) );
	background: -moz-linear-gradient( center top, #000000 5%, #383838 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#000000', endColorstr='#383838');
	background-color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #6e6e6e;
}

/* This imageless css button was generated by CSSButtonGenerator.com */
/*
.button {
	-moz-box-shadow: inset 0px 1px 0px 0px #575757;
	-webkit-box-shadow: inset 0px 1px 0px 0px #575757;
	box-shadow: inset 0px 1px 0px 0px #575757;
	background:-webkit-gradient( linear, left top, left bottom,
		color-stop(0.05, #000000), color-stop(1, #383838) );
	background: -moz-linear-gradient( center top, #000000 5%, #383838 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#000000', endColorstr='#383838');
	background-color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	padding: 6px 24px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #6e6e6e;
}

.button:hover {
	background: -webkit-gradient( linear, left top, left bottom,
		color-stop(0.05, #383838), color-stop(1, #000000) );
	background: -moz-linear-gradient( center top, #383838 5%, #000000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#383838', endColorstr='#000000');
	background-color: #383838;
}

.button:active {
	position: relative;
	top: 1px;
}
*/

/* This imageless css button was generated by CSSButtonGenerator.com */
.section, #demonList th a, #demonMatchList th a,
#skillList th a, #appList th a, #walkthrough th a {
	-moz-box-shadow: inset 0px 1px 0px 0px #000000;
	-webkit-box-shadow: inset 0px 1px 0px 0px #000000;
	box-shadow: inset 0px 1px 0px 0px #000000;
	background: -webkit-gradient( linear, left top, left bottom,
		color-stop(0.05, #000000), color-stop(1, #383838) );
	background: -moz-linear-gradient( center top, #000000 5%, #383838 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(
		startColorstr='#000000', endColorstr='#383838');
	background-color: #000000;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #ffffff;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 16px;
	text-decoration: none;
	text-shadow: 1px 1px 0px #6e6e6e;
}

#demonList th a, #demonMatchList th a, #skillList th a, #appList th a,
#walkthrough th a {
	padding: 4px 4px;
}

#demonList table, #demonMatchList table, #skillList table, #appList table,
#walkthrough table {
	border-spacing: 0;
	border-collapse: collapse;
	border-style: hidden;
}

#demonList table th, #demonMatchList table th, #skillList table th,
#appList table th, #walkthrough table th {
	border-bottom: 1px solid #FFFFFF;
}

#demonList table td, #demonList table th,
#demonMatchList table td, #demonMatchList table th,
#skillList table td, #skillList table th,
#appList table td, #appList table th,
#walkthrough table td, #walkthrough table th {
	text-align: left;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding: 5px;
}

#demonData_level, #demonData_hp, #demonData_mp, #demonData_str,
#demonData_skill, #demonData_magic, #demonData_speed, #demonData_luck,
#demonData_physical, #demonData_gun, #demonData_fire, #demonData_ice,
#demonData_thunder, #demonData_shock, #demonData_banish, #demonData_curse,
#demonData_bind, #demonData_sleep, #demonData_cold, #demonData_confusion,
#demonData_poison, #skillData_name, #skillData_cost {
	display: inline-block;
	width: 40px;
}

#skillData td, #appData td {
	white-space: nowrap;
}

#demonData_name, #demonData_tribe, #skillData_attribute {
	white-space: normal;
}

#skillData_effect, #skillData_notes {
	width: 300px;
	display: inline-block;
}

#demonData .section {
	width: 55px;
	text-align: center;
}

#skillData .section, table.quest a.section {
	width: 65px;
	text-align: center;
}

#appData .section {
	width: 75px;
	text-align: center;
}

#addToCOMP {
	width: 110px;
	text-align: center;
	font-size: 12px;
	padding: 4px 16px;
	cursor: hand;
	cursor: pointer;
}

#tribeList .button_up {
	width: 70px;
	margin-right: 3px;
	text-align: center;
	font-size: 12px;
	padding: 4px 16px;
}

#tribeListBtn, #affinityFilterBtn, #affinityFindBtn, #demonData_fusionLabel,
#demonData_mutateLabel, #demonData_skillsLabel, #showAllDemonsBtn,
#showAllSkillsBtn, #showAllAppsBtn, #tocBtn, #prevBtn, #nextBtn,
#compLevelBtn, #compSplitBtn, #compMutateBtn, #compDismissBtn, #compHistoryBtn,
#demonData_erthysLabel, #demonData_aerosLabel, #demonData_aquansLabel,
#demonData_flaemisLabel, #demonData_gnomeLabel, #demonData_sylphLabel,
#demonData_undineLabel, #demonData_salamanderLabel,
#demonData_elementResultLabel {
	margin-right: 10px;
	font-size: 12px;
	padding :4px 16px;
}

#demonData_erthysLabel, #demonData_aerosLabel, #demonData_aquansLabel,
#demonData_flaemisLabel, #demonData_gnomeLabel, #demonData_sylphLabel,
#demonData_undineLabel, #demonData_salamanderLabel {
	text-align: center;
	width: 80px;
}

.demonLink, .skillLink, .appLink, #walkthrough li a {
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
}

#walkthrough table.quest td {
	border-left: none;
	border-right: none;
}

#walkthrough table.quest {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	display: inline-block;
	padding: 6px 6px;
	width: 500px;
}

#walkthrough table.quest td.questCat {
	text-align: right;
	vertical-align: top;
}

#walkthrough {
	width: 760px;
}

.compEntry, .compCombo {
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c9c9c9;
	display: inline-block;
	padding: 6px 6px;
	margin-bottom: 6px;
}

.compEntry {
	width: 650px;
}

.compCombo {
	cursor: hand;
	cursor: pointer;
}

#compLevelBtn, #compSplitBtn, #compMutateBtn, #compDismissBtn,
#compHistoryBtn {
	margin-top: 6px;
}

#compLevelInfo {
	width: 17px;
	text-align: center;
}

#compSelectBoxes {
	display: inline-block;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

#demonData_elementalTable td {
	vertical-align: middle;
}

#demonData_skillsSection, #demonData_fusionSection,
#demonData_mutateSection, #demonData_elementResultSection {
	padding-left: 3px;
}

#compSplitList, #compHistory {
	display: inline-block;
}

img.map {
	padding: 8px;
}