html, body { margin:0;padding:0; }
body {
	background-color:666666; background-image: url(images/bkg.gif);
	margin:15px;
}
* {
	font-family:arial, verdana, sans-serif;
	font-size:9pt;
	color:#1F1F1F;
}
a, a:link {
	text-decoration:none;
	color:#000000;
}
a:hover { color:#000000;text-decoration:underline; }

img { border:0; }

h1 {
	font-size:200%;
	color:#3F502A;
}

.subtopic {
	font-size:150%;
	font-weight:800;
	color:#000000;
}

.signify {
	color:#3F501A;
}

.greybox { border:#222222 1px solid; }
.greybox div { background-color:#444444;border:#555555 1px solid;padding:2px; }
.greybox div div {
	background-color:#FFFFFF;color:#000000;
	border:0;padding:10px;overflow:auto;
}
.greybox div div.title {
	padding-left:2px;padding-top:2px;padding-bottom:6px;padding-right:0px;text-align:left;font-weight:800;
	background-color:transparent;color:#FFFFFF;text-shadow:#333333 2px 2px;
}


.rubybox { border:#552a2d 1px solid; }
.rubybox div { background-color:#881213;border:#9E5252 1px solid;padding:2px; }
.rubybox div div {
	background-color:#FFFFFF;color:#000000;
	border:0;padding:10px;overflow:auto;
}
.rubybox div div.title {
	padding-left:2px;padding-top:2px;padding-bottom:6px;padding-right:0px;text-align:left;font-weight:800;
	background-color:transparent;color:#FFFFFF;text-shadow:#641d1d 2px 2px;
}

.rubybox div div div, .greybox div div div { overflow:visible;padding:0; }
.greybox div div.menu div, .rubybox div div.menu div, .greybox div div.others div, .rubybox div div.others div {
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:center left;
	padding-bottom:2px;
}


input,textarea {
	border-top:#666666 1px solid;border-left:#666666 1px solid;border-right:#CCCCCC 1px solid;border-bottom:#CCCCCC 1px solid;
}
input {
	padding:3px;
}
.submit {
	background:#FFFFFF url('images/icons/accept.gif') no-repeat;
	background-position:3px 3px;
	padding:2px;
	padding-left:20px !important;
	border:#000000 1px solid;
}
.submit_on {
	background:#EEEEEE url('images/icons/accept.gif') no-repeat;
	background-position:3px 3px;
	padding:2px;
	padding-left:20px !important;
	border:#000000 1px solid;
}

.icon_component {
	background-image: url('images/icons/component.gif');
}