﻿@charset "UTF-8";

body {
	margin: 50px 10px 50px 10px;
}

body.navigate {
	margin: 0px;
}

body.homepage {
	background-attachment: fixed;
	background-image: url("image/main.png");
	background-position: 620px 330px;
	background-repeat: no-repeat;
	margin: 62px 10px 50px 10px;
}

body.information {
	margin: 0px 0px 10px 0px;
	scrollbar-base-color: #ffffff;
	scrollbar-track-color: #eff3ff;
	scrollbar-face-color: #ffffff;
	scrollbar-shadow-color: #ffffff;
	scrollbar-darkshadow-color: #b0c4de;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #b0c4de;
	scrollbar-arrow-color: #b0c4de;
}

body.itemimage {
	margin: 15px 20px 15px 20px;
}

body.monsterinfo {
	margin: 0px;
}

a:visited {
	color: #336c2f;
	text-decoration: none;
}

a:link {
	color: #336c2f;
	text-decoration: none;
}

a:hover {
	background-color: #6495ed;
	color: #ffffff;
	text-decoration: none;
}

a:active {
	background-color: #cd6c6c;
	color: #ffffff;
	text-decoration: none;
}

img {
	border-color: #ffffff;
	border-width: 0px;
}

img.counter {
	margin: 10px 0px 0px 15px;
}

img.quicklink {
	margin: 15px 0px 0px 0px;
}

img.worldmap {
	margin: 0px 20px 0px 20px;
}

img.map {
	margin: 0px 10px 0px 0px;
}

img.icon {
	float: left;
	margin: 1px 8px 2px 1px;
}

img.character {
	margin: 0px 20px 0px 20px;
}

img.monster {
	margin: 0px;
}

h1 {
	font-family: "Verdana", Sans-Serif;
	font-size: 100%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: 0px;
	margin: 10px 0px 0px 0px;
}

h1.title {
	color: #000080;
	cursor: default;
	font-size: 100%;
	font-family: "Arial", Sans-Serif;
	margin: 10px 0px 0px 10px;
}

h1.header {
	border-bottom: 2px dotted #b0c4de;
	color: #000080;
	font-size: 80%;
	margin: 0px 0px 10px 0px;
	padding: 0px 14px 7px 14px;
	width: 97%;
}

h1.footer {
	border-top: 2px dotted #b0c4de;
	color: #000080;
	font-size: 80%;
	margin: 30px 0px 0px 0px;
	padding: 7px 14px 0px 14px;
	width: 97%;
}

h2 {
	font-family: "Verdana", Sans-Serif;
	font-size: 80%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: 0px;
	margin: 10px 0px 0px 0px;
}

h2.headline {
	color: #000080;
	font-size: 70%;
	margin: 30px 10px 10px 10px;
}

h3 {
	font-family: "Verdana", Sans-Serif;
	font-size: 70%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: 0px;
	margin: 7px 10px 0px 20px;
}

h3.category {
	margin: 20px 10px 0px 20px;
}

h3.copyright {
	color: #6495ed;
	margin: 20px 10px 0px 10px;
}

h3.eventnpc {
	margin: 20px 10px 0px 20px;
}

h3.eventitem {
	margin: 7px 10px 0px 40px;
}

h3.shopnpc {
	margin: 20px 10px 0px 20px;
}

h3.superiority {
	margin: 10px 10px 15px 10px;
}

h4 {
	font-family: "Verdana", Sans-Serif;
	font-size: 70%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: 0px;
	margin: 7px 10px 0px 10px;
}

span#red {
	color: #ff0066;
}

span#blue {
	color: #0000cd;
}

span#orange {
	color: #ff6600;
}

span#green {
	color: #00df4f;
}

span#pink {
	color: #ff00ff;
}

span#skyblue {
	color: #20A0ff;
}

span#darkgreen {
	color: #105010;
}

span#brown {
	color: #A06000;
}

span.ctrltext {
	margin: 0px 2px 2px 2px;
}

ul {
	list-style: circle;
	margin: 10px 0px 0px 30px;
	padding: 0;
}

ul.navigate {
	list-style: none;
	margin: 20px 0px 0px 10px;
	padding: 0;
	width: 100px;
}

ul.contents {
	list-style: disc;
	margin: 7px 0px 0px 40px;
	padding: 0;
}

li {
	font-family: "Arial", Sans-Serif;
	font-size: 80%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
}

li#black {
	list-style: disc;
}

li.navigate {
	border-bottom: 1px solid #b0c4de;
	margin: 0;
	width: 100%;
}

li.navigate a {
	background-color: #ffffff;
	color: #000080;
	display: block;
	margin: 0;
	padding: 6px 5px 4px 5px;
	text-decoration: none;
	width: 100%;
}

html>body li.navigate a {
	width: auto;
}

li.navigate a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

li.navigate a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

div {
	margin: 0px;
}

div#staticTipLayer {
	top: 0px;
	left: 0px;
	position: absolute;
	visibility: hidden;
	z-index: 10;
}

iframe.information {
	border: 1px solid #b0c4de;
	height: 130px;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	width: 690px;
}

form {
	font-family: "Verdana", Sans-Serif;
	font-size: 70%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
	letter-spacing: 1px;
	margin: 5px 10px 15px 10px;
}

form.mailform {
	clear: both;
	float: none;
	margin: 15px 0px 0px 30px;
	position: relative;
	padding: 0px;
}

input.sender {
	border-color: #aaaaaa;
	border-width: 1px;
	clear: both;
	float: none;
	height: 18px;
	margin: 5px 10px 0px 0px;
	position: relative;
	padding: 0px;
	width: 300px;
}

input.address {
	border-color: #aaaaaa;
	border-width: 1px;
	clear: both;
	float: none;
	height: 18px;
	margin: 5px 10px 0px 0px;
	position: relative;
	padding: 0px;
	width: 300px;
}

input.title {
	border-color: #aaaaaa;
	border-width: 1px;
	clear: both;
	float: none;
	height: 18px;
	margin: 5px 10px 0px 0px;
	position: relative;
	padding: 0px;
	width: 300px;
}

textarea.comment {
	border-color: #aaaaaa;
	border-width: 1px;
	clear: both;
	float: none;
	height: 130px;
	margin: 5px 0px 0px 0px;
	position: relative;
	padding: 0px;
	width: 500px;
}

select.select {
	font-family: "Verdana", Sans-Serif;
	font-size: 12px;
	height: 20px;
	width: 80px;
	margin: 0px 0px 1px 0px;
}

input.textbox {
	border-color: #aaaaaa;
	border-width: 1px;
	font-family: "MS UI Gothic", Sans-Serif;
	font-size: 12px;
	height: 20px;
	width: 215px;
	margin: 0px 0px 1px 0px;
}

input.submit {
	height: 22px;
	width: 60px;
	margin: 0px;
}

form.formtop {
	margin: 0px;
	padding: 0px;
}

form.formbottom {
	margin: 0px;
	padding: 0px;
}

input.movefirst {
	height: 22px;
	margin: 0px -5px 0px 0px;
	padding: 0px;
	width: 30px;
}

input.moveprevious {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 25px;
}

input.movenext {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 25px;
}

input.movelast {
	height: 22px;
	margin: 0px 5px 0px -5px;
	padding: 0px;
	width: 30px;
}

input.reset {
	height: 22px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 70px;
}

input.search {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 60px;
}

select.levellow {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 50px;
}

select.levelhigh {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 50px;
}

input.keyword {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 160px;
}

select.element {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 70px;
}

select.category {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 70px;
}

select.resort {
	height: 22px;
	margin: 0px;
	padding: 0px;
	width: 120px;
}

input.close {
	height: 22px;
	margin: 0px 0px 0px 45%;
	padding: 0px;
	width: 50px;
}

table {
	background-color: #ffffff;
	border-collapse: collapse;
	border-color: #aaaaff;
	border-style: solid;
	border-width: 1px;
}

table.mapmenu {
	margin: 7px 20px 0px 20px;
	width: 810px;
}

table.momenu1 {
	margin: 7px 20px 0px 20px;
	width: 770px;
}

table.momenu2 {
	margin: 7px 20px 0px 20px;
	width: 810px;
}

table.mdmenu1 {
	margin: 10px 10px 10px 10px;
	width: 770px;
}

table.mdmenu2 {
	margin: 10px 10px 10px 10px;
	width: 810px;
}

table.mdmenu2 {
	margin: 10px 10px 10px 10px;
	width: 280px;
}

table.jobmenu {
	margin: 7px 20px 0px 20px;
	width: 800px;
}

table.jobmenuex {
	margin: 7px 20px 0px 20px;
	width: 400px;
}

table.skillmenu {
	margin: 7px 20px 0px 20px;
	width: 800px;
}

table.skillmenuex {
	margin: 7px 20px 0px 20px;
	width: 400px;
}

table.equipmenu {
	margin: 7px 20px 0px 20px;
	width: 800px;
}

table.itemmenu {
	margin: 7px 20px 0px 20px;
	width: 560px;
}

table.mfacmenu {
	margin: 7px 20px 0px 20px;
	width: 560px;
}

table.cardmenu {
	margin: 7px 20px 0px 20px;
	width: 720px;
}

table.maptip {
	background-color: #ffffff;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-left: 1px solid #cccccc;
	width: 180px;
}

table.mapdetails {
	border-style: none;
	margin: 10px 12px 0px 12px;
}

table.shop {
	border-style: none;
	margin: 10px 30px 10px 40px;
	width: 350px;
}

table.monster {
	border-style: none;
	margin: 20px 12px 0px 12px;
	width: 890px;
}

table.weapontype {
	height: 35px;
	margin: 20px 20px 0px 20px;
	width: 928px;
}

table.elementlist {
	margin: 20px 20px 0px 20px;
	width: 638px;
}

table.baseexp {
	margin: 20px 20px 0px 20px;
}

table.jobexp {
	margin: 20px 20px 0px 20px;
}

table.skill1 {
	clear: left;
	margin: 10px 20px 0px 20px;
	width: 800px;
}

table.skill2 {
	margin: -1px 20px 0px 20px;
	width: 800px;
}

table.refinedata {
	margin: 20px 20px 0px 20px;
	width: 730px;
}

table.weapon1 {
	margin: 20px 20px 0px 20px;
	width: 800px;
}

table.weapon2 {
	margin: -1px 20px 0px 20px;
	width: 800px;
}

table.weapon3 {
	margin: -1px 20px 0px 20px;
	width: 800px;
}

table.protector1 {
	margin: 20px 20px 0px 20px;
	width: 800px;
}

table.protector2 {
	margin: -1px 20px 0px 20px;
	width: 800px;
}

table.protector3 {
	margin: -1px 20px 0px 20px;
	width: 800px;
}

table.item1 {
	margin: 20px 20px 0px 20px;
	width: 700px;
}

table.item2 {
	margin: -1px 20px 0px 20px;
	width: 700px;
}

table.makeweapon {
	margin: 20px 20px 0px 20px;
	width: 700px;
}

table.makeitem1 {
	margin: 20px 20px 0px 20px;
	width: 700px;
}

table.makeitem2 {
	margin: -1px 20px 0px 20px;
	width: 700px;
}

table.card {
	margin: 20px 20px 0px 20px;
	width: 800px;
}

table.cutepet {
	margin: 7px 20px 0px 20px;
	width: 800px;
}

table.control {
	margin: 7px 20px 0px 20px;
	width: 800px;
}

table#lightcolor {
	background-color: #f2f2ff;
}

table#mediumcolor {
	background-color: #c3dcff;
}

table#darkcolor {
	background-color: #b4c8eb;
}

td {
	border-collapse: collapse;
	border-color: #aaaaff;
	border-spacing: 1px;
	border-style: solid;
	border-width: 1px;
	font-family: "Verdana", Sans-Serif;
	font-size: 70%;
	font-stretch: normal;
	font-style: normal;
	font-weight: lighter;
	height: 18px;
	letter-spacing: 0px;
	padding: 2px 4px 2px 4px;
}

td.mapmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 135px;
}

td.mapmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 135px;
}

html>body td.mapmenu a {
	width: auto;
}

td.mapmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.mapmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.momenu1 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 70px;
}

td.momenu1 a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 70px;
}

html>body td.momenu1 a {
	width: auto;
}

td.momenu1 a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.momenu1 a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.momenu2 {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 135px;
}

td.momenu2 a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 135px;
}

html>body td.momenu2 a {
	width: auto;
}

td.momenu2 a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.momenu2 a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.jobmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100px;
}

td.jobmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

html>body td.jobmenu a {
	width: auto;
}

td.jobmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.jobmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.skillmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100px;
}

td.skillmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 100px;
}

html>body td.skillmenu a {
	width: auto;
}

td.skillmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.skillmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.equipmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 80px;
}

td.equipmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

html>body td.equipmenu a {
	width: auto;
}

td.equipmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.equipmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.itemmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 80px;
}

td.itemmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

html>body td.itemmenu a {
	width: auto;
}

td.itemmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.itemmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.mfacmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 80px;
}

td.mfacmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

html>body td.mfacmenu a {
	width: auto;
}

td.mfacmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.mfacmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.cardmenu {
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 80px;
}

td.cardmenu a {
	color: #000080;
	display: block;
	margin: 0;
	padding: 3px 0px 3px 0px;
	text-align: center;
	text-decoration: none;
	width: 80px;
}

html>body td.cardmenu a {
	width: auto;
}

td.cardmenu a:hover {
	background-color: #6495ed;
	color: #ffffff;
}

td.cardmenu a:active {
	background-color: #cd6c6c;
	color: #ffffff;
}

td.maptip1 {
	background-color: #4169e1;
	color: #ffffff;
	margin: 0;
	padding: 0px;
	width: 180px;
}

td.maptip1 a {
	display: block;
	margin: 0;
	padding: 0px;
	padding: 3px 5px 3px 5px;
	text-decoration: none;
	width: 180px;
}

html>body td.maptip1 a {
	width: auto;
}

td.maptip1 a:visited {
	background-color: #4169e1;
	color: #ffffff;
	text-decoration: none;
}

td.maptip1 a:link {
	background-color: #4169e1;
	color: #ffffff;
	text-decoration: none;
}

td.maptip1 a:hover {
	background-color: #6495ed;
	color: #ffffff;
	text-decoration: none;
}

td.maptip1 a:active {
	background-color: #cd6c6c;
	color: #ffffff;
	text-decoration: none;
}

td.maptip2 {
	background-color: #f5f5dc;
	margin: 0;
	padding: 3px 5px 3px 5px;
	width: 180px;
}

td.mapdetails {
	border-style: none;
	margin: 0;
	padding-top: 0px;
}

td.citydetails {
	border-style: none;
	margin: 0;
	padding: 0px;
	width: 600px;
}

td.mapmonster {
	height: 21px;
	margin: 0;
	width: 600px;
}

td.mapblank {
	border-style: none;
	height: 42px;
	margin: 0;
	width: 600px;
}

td.shopitem {
	background-color: #eeeeee;
	border-top: 1px solid #e9e9e9;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #e9e9e9;
	height: 21px;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	width: 250px;
}

td.shopprice {
	background-color: #eeeeee;
	border-top: 1px solid #e9e9e9;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	border-left: 1px solid #ffffff;
	height: 21px;
	margin: 0px;
	padding: 2px 5px 2px 5px;
	width: 100px;
}

td.moimage {
	border-color: #ffffff;
	border-spacing: 1px;
	border-style: none;
	border-width: 1px;
	padding: 0px 0px 10px 0px;
}

td.moname {
	border-style: none;
	padding: 0px 0px 5px 7px;
}

td.motype {
	border-style: none;
	padding: 0px 0px 5px 7px;
}

td.mosize {
	background-color: #c3dcff;
	width: 60px;
}

td.mocategory {
	background-color: #ffddcc;
	width: 50px;
}

td.moelement {
	background-color: #ffddcc;
	width: 50px;
}

td.molevel {
	background-color: #ffddcc;
	width: 40px;
}

td.mohp {
	background-color: #ddffaa;
	width: 60px;
}

td.moatk {
	background-color: #c3dcff;
	width: 120px;
}

td.modef {
	background-color: #f7ddaa;
	width: 40px;
}

td.momdef {
	background-color: #f7ddaa;
	width: 40px;
}

td.moagi {
	background-color: #c3dcff;
	width: 40px;
}

td.movit {
	background-color: #c3dcff;
	width: 40px;
}

td.moint {
	background-color: #c3dcff;
	width: 40px;
}

td.modex {
	background-color: #c3dcff;
	width: 40px;
}

td.moluk {
	background-color: #c3dcff;
	width: 40px;
}

td.mohit {
	background-color: #c3dcff;
	width: 40px;
}

td.moflee {
	background-color: #c3dcff;
	width: 40px;
}

td.mobaseexp {
	background-color: #ffddcc;
	width: 80px;
}

td.mojobexp {
	background-color: #ffddcc;
	width: 80px;
}

td.molink {
	border-style: none;
	padding: 5px 0px 20px 7px;
}

td.weapontype {
	height: 26px;
	text-align: center;
	text-decoration: none;
	width: 58px;
}

td.elementlist {
	height: 26px;
	text-align: center;
	text-decoration: none;
	width: 58px;
}

td.explv {
	background-color: #ffffff;
	width: 40px;
}

td.exppoint {
	background-color: #ffffff;
	width: 100px;
}

td.sklabel {
	background-color: #2a5caa;
	color: #ffffff;
	width: 70px;
}

td.skdetails {
	background-color: #ffffff;
}

td.sklevel {
	background-color: #2a5caa;
	color: #ffffff;
	width: 70px;
}

td.skcost {
	background-color: #f2f2ff;
	width: 70px;
}

td.skeffect {
	background-color: #ffffff;
}

td.rflabel {
	background-color: #ffffff;
	width: 100px;
}

td.rfdata {
	background-color: #ffffff;
	width: 90px;
}

td.eqname {
	background-color: #ffffff;
	width: 200px;
}

td.eqatk {
	background-color: #ffffff;
	width: 50px;
}

td.eqdef {
	background-color: #ffffff;
	width: 50px;
}

td.eqweight {
	background-color: #ffffff;
	width: 50px;
}

td.eqgrade {
	background-color: #ffffff;
	width: 50px;
}

td.eqslot {
	background-color: #ffffff;
	width: 50px;
}

td.eqeffect {
	background-color: #ffffff;
}

td.eqjob1 {
	background-color: #ffffff;
}

td.eqjob2 {
	background-color: #ffffff;
}

td.eqlevel {
	background-color: #ffffff;
	width: 70px;
}

td.eqshop1 {
	background-color: #ffffff;
}

td.eqshop2 {
	background-color: #ffffff;
}

td.eqprice1 {
	background-color: #ffffff;
	width: 70px;
}

td.eqprice2 {
	background-color: #ffffff;
	width: 70px;
}

td.itname {
	background-color: #ffffff;
	width: 200px;
}

td.itweight {
	background-color: #ffffff;
	width: 50px;
}

td.iteffect {
	background-color: #ffffff;
}

td.itshop {
	background-color: #ffffff;
}

td.itprice1 {
	background-color: #ffffff;
	width: 70px;
}

td.itprice2 {
	background-color: #ffffff;
	width: 70px;
}

td.mwname {
	background-color: #ffffff;
	width: 200px;
}

td.mwmaterial {
	background-color: #ffffff;
}

td.miname {
	background-color: #ffffff;
	width: 200px;
}

td.mimaterial {
	background-color: #ffffff;
}

td.mimake {
	background-color: #ffffff;
}

td.cardname {
	background-color: #f2f2ff;
	width: 150px;
}

td.cardeffect {
	background-color: #ffffff;
	width: 500px;
}

td.cardtitle {
	background-color: #f2f2ff;
	width: 150px;
}

td.tameitem {
	background-color: #ffffff;
	width: 400px;
}

td.petaccessary {
	background-color: #ffffff;
	width: 400px;
}

td.petegg {
	background-color: #ffffff;
	width: 250px;
}

td.petfood {
	background-color: #ffffff;
	width: 250px;
}

td.control {
	background-color: #f2f2ff;
	width: 200px;
}

td.comment {
	background-color: #ffffff;
	width: 600px;
}

td#title {
	background-color: #2a5caa;
	color: #ffffff;
}

td#subtitle {
	background-color: #8eb4eb;
	color: #ffffff;
	height: 16px;
	padding: 1px 4px 0px 4px;
}

td#lightcolor {
	background-color: #f2f2ff;
}

td#mediumcolor {
	background-color: #c3dcff;
}

td#darkcolor {
	background-color: #8eb4eb;
}

td#elnormal {
	background-color: #ffffff;
}

td#elwater {
	background-color: #cde0ff;
}

td#elearth {
	background-color: #fcf5eb;
}

td#elfire {
	background-color: #ffe7f0;
}

td#elwind {
	background-color: #dff7ef;
}

td#elpoison {
	background-color: #e9d9f9;
}

td#elsaint {
	background-color: #ddedfd;
}

td#eldark {
	background-color: #d9d9d9;
}

td#elspiritual {
	background-color: #eff9d6;
}

td#elundead {
	background-color: #ffdfff;
}

td#damagehigh {
	background-color: #ccddff;
}

td#damagelow {
	background-color: #ffee99;
}

td#damagenone {
	background-color: #ffdddd;
}
