
body					{ background-color:#666666; font-family:Lucida Grande, Verdana; font-size:11px; margin:0px; }
div						{ float:left; }
			
.app					{ width:600px; padding:20px; -moz-border-radius:10px; -webkit-border-radius:10px; }

h1						{ cursor:default; display:block; float:left; text-shadow:#888888 0px 1px 0px; color:#3d3d3d; margin:0px 0px 15px 0px; padding:0px 8px; font-size:16px; font-weight:normal; }
h1 b					{ color:#444444; }
h1 i					{ font-size:77.5%; font-style:normal; }
h1, h2, h3				{ cursor:default; }

.module					{ background-color:#888888; padding:10px 0px 0px 10px; width:590px; margin-bottom:2px; -moz-border-radius:10px; -webkit-border-radius:10px; }
.module .wrapper		{ padding:0px 10px 10px 0px; }
.module h2				{ display:block; float:left; margin:0px; padding-bottom:5px; text-shadow:#9f9f9f 0px 1px 0px; color:#444444; font-weight:normal; font-size:13px; }

.box					{ width:560px; padding:5px 10px; margin-bottom:2px; color:#515151; text-shadow:#cfcfcf 0px 1px 0px; font-weight:normal; font-size:11px; background-color:#ababab; -moz-border-radius:4px; -webkit-border-radius:4px; }

.samples				{ float:right;margin-bottom:5px; color:#444444; text-shadow:#9f9f9f 0px 1px 0px; }

.checkbox				{ padding:5px 0px; width:186px; }
.checkbox input			{ float:left; margin-right:5px; }
.checkbox label			{ line-height:18px; width:100%; display:block; float:left; }
.checkbox label:hover	{ color:#1b1b1b; }
.checkbox-row			{ border-bottom:1px solid #999999; border-top:1px solid #bdbdbd; }

.k_r					{ width:180px; margin-bottom:5px; }
.k_r span				{ width:100%; }
.k_r input				{ padding:4px 2px; width:170px; background-color:#f1f1f1; border:0px; -moz-border-radius:4px; -webkit-border-radius:4px; }

textarea				{ width:570px; font-family:Lucida Grande, Verdana; font-size:11px; color:#2f2f2f; padding:10px 5px; height:50px; background-color:#f3f3f3; border:0px; -moz-border-radius:4px; -webkit-border-radius:4px; }

.submit					{ width:580px; padding-top:5px; }
.button					{ float:right; }
.preset					{ margin-left:5px; }

#help .box				{ background-color:#f3f3f3; text-shadow:#ffffff 0px 1px 0px; color:#5f5f5f; }
#help .box a			{ color:#444444; font-weight:bold; }

.help_toggle			{ color:#c9c9c9; cursor:default; float:right; margin-right:10px; padding:2px 6px; background-color:#515151; -moz-border-radius:7px; -webkit-border-radius:8px; }
.charset				{ padding:0px 5px 4px 0px; }
.char					{ cursor:default; background-color:#b7b7b7; text-shadow:#c9c9c9 0px 1px 0px; color:#222222; line-height:20px; padding:10px 7px; margin:0px 1px 1px 0px; font-size:16px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.char:hover				{ background-color:#888888; }
.char-category			{ font-size:11px; color:#222222; background-color:#ababab; text-shadow:#bbbbbb 0px 1px 0px; }
.char-category:hover	{ background-color:#acacac; }
.char-letter			{ color:#222222; background-color:#a2a2a2; }