body
{
	background-color: white;
	color: black;
	margin: 20px;
	padding: 0;
}

body, font, th, td, p, table, textarea, input, select
{
	/*font: 12px Arial, Helvetica, Verdana, sans-serif;*/
	font-size: 12px;
	font-family: Trebuchet MS;
	color: black;
}

/* global */

img
{
	border: 0;
}

.copyright
{
	font-size: 8px;
	color: gray;
}

h1
{
	clear: both;
	font-size: 19px;
	color: #888888;
	padding-left: 0;
}

h2
{
	clear: both;
	font-size: 15px;
	color: #444444;
	padding-left: 5px;
}

p, form
{
	font-size: 12px;
	color: black;
	padding-left: 15px;
	clear: both;
}

label
{
	float: left;
	width: 90px;
	padding: 1px;
}

form div
{
	clear: top;
	padding: 5px;
}

a:link, a:active, a:visited
{
	color: gray;
	text-decoration: none;
}

a:hover
{
	color: black;
	text-decoration: underline;
}

/* specific */

.error
{
	color: red;
}

.action
{
	font-size: 11px;
}

.chara_32_48
{
	position: relative;
	left: 0;
	top: 0;
}

.chara_32_48 .part_images
{
	text-align:left;
	width: 54px;
	height: 192px;
	overflow: auto;
	border: 1px solid gray;
	background-color: gray;
}

.chara_32_48 #body_sub, .chara_32_48 #face_sub, .chara_32_48 #legs_sub, .chara_32_48 #chest_sub, .chara_32_48 #hair_sub, .chara_32_48 #misc_sub, .chara_32_48 #misc2_sub, .chara_32_48 #misc3_sub
{
	position: relative;
	left: 0;
	top: 0;
	float: left;
	margin: 2px;
	margin-right: 10px;
	margin-left: 5px;
}

.chara_32_48 .subdiv
{
	display: inline;
}

.chara_32_48 .subpart
{
	text-align:left;
	width: 54px;
	height: 192px;
	overflow: auto;
	border: 1px solid gray;
	background-color: #cccccc;
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 50;
}

.chara_32_48 .part
{
	width: 32px;
	height: 48px;
	background-color: white;
	margin: 2px;
	cursor: pointer;
	position: relative;
	left: 0;
	top: 0;
}

.chara_32_48 #character
{
	position: relative;
	left: 0;
	top: 0;
	width: 128px;
	height: 192px;
	background-color: white;
	border: 1px solid gray;
	float: left;
	margin: 2px;
	margin-left: 5px;
}

.chara_32_48 #character_big
{
	clear: both;
	position: relative;
	left: 0;
	top: 0;
	width: 256px;
	height: 384px;
	background-color: white;
	border: 1px solid gray;
	float: left;
	margin: 2px;
	margin-left: 5px;
}

.actions
{
	position: relative;
	left: 0;
	top: 0;
	float: left;
	margin: 2px;
	margin-left: 5px;
}

.chara_32_48 #character div
{
	position: absolute;
	left: 0;
	top: 0;
	width: 128px;
	height: 192px;
}

#body_div
{
	z-index: 11;
}

#face_div
{
	z-index: 12;
}

#legs_div
{
	z-index: 13;
}

#chest_div
{
	z-index: 14;
}

#hair_div
{
	z-index: 15;
}

#misc_div
{
	z-index: 16;
}

#misc2_div
{
	z-index: 17;
}

#misc3_div
{
	z-index: 18;
}

#body_img
{
	z-index: 22;
}

#face_img
{
	z-index: 23;
}

#legs_img
{
	z-index: 24;
}

#chest_img
{
	z-index: 25;
}

#hair_img
{
	z-index: 26;
}

#misc_img
{
	z-index: 27;
}

#misc2_img
{
	z-index: 28;
}

#misc3_img
{
	z-index: 29;
}

#generate_div
{
	z-index: 20;
	cursor: pointer;
}

.chara_32_48 #character_big img
{
	position: absolute;
	left: 0;
	top: 0;
	width: 256px;
	height: 384px;
}