
  body {		font:normal 13px Arial; color:#000; margin:0px; padding:0px; background:#ededd4; }

 #head {		position:relative; height:100px; background:#69c url(head.gif) repeat-x; }
 #head #poll {		position:absolute; left:0px; top:0px; width:112px; height:100px; background:transparent url(poll.gif); }
 #head h1 {		position:absolute; margin:0; padding:0; left:100px; bottom:40px; font:bold 32px Times; color:#039; }
 #head h2 {		position:absolute; margin:0; padding:0; left:100px; bottom:22px; font:normal 16px Times; color:#039; }

 #navi {		height:70px;  background:#fff url(navi.gif) repeat-x;  }
 #navi ul {		display:block; margin:0px; list-style:none; }
 #navi ul li {		display:block; float:left; margin:5px; background:transparent url(navi_normal.gif) center center no-repeat; }
 #navi ul li a {	display:block; width:42px; height:42px; font:bold 20px Times; color:#996; text-align:center; line-height:42px; text-decoration:none; }
 #navi ul li a:hover { 	background:transparent url(navi_hover.gif) center center no-repeat; font-size:24px; }
 #navi a img {		border:0; }

 #body {		background:#fff; }
 .area {		position:relative; width:800px; padding:20px; }
 .area .head {		position:relative; z-index:2; height:50px; }
 .area .head h1 {	position:absolute; margin:0px; padding:0px; left:0px; top:0px; width:96px; height:96px; font:bold 50px Times; color:#cca; text-align:center; line-height:90px; background:transparent url(stage.gif) no-repeat; }
 .area .head h2 {	position:absolute; margin:0px; padding:0px; left:100px; bottom:0px; width:700px; font:bold 17px Times; color:#886; }
 .area .body {		position:relative; background:#fafaf0; padding-top:50px; }
 .area p {		position:relative; margin:0px; padding:10px 20px 20px 20px; display:block; clear:left; }
 .area h3    {		position:absolute; left:-50px; height:27px; width:146px; margin:0; padding:0; z-index:2;
 			background:transparent url(sub.gif) 0px 0px no-repeat; text-align:center; font:bold 16px Arial; line-height:27px; }


 #foot {		height:70px;  background:#ededd4 url(foot.gif) repeat-x; }
 #foot ul {		display:block; margin:0px; list-style:none; }
 #foot ul li {		display:block; float:left; margin:30px 20px 0px 20px; }
 #foot img {	border:0px; }

 .clear {		clear:both; height:1px; }



  form {		margin:0; padding:0; }
 .form {		position:relative; border-top:1px solid #eed; }
 .form br {		position:relative; clear:both; display:block; height:1px; }
 .form h4    {		position:relative; float:left; display:block; margin:0; padding:6px 0px 0px 40px; font:bold 13px Arial; }
 .form label {		position:relative; float:left; display:block; width:250px; }
 .form input {		}
 .form span  {		position:relative; float:left; display:block; }

 .form a {		font:bold 13px Arial; color:#039; }

 .text h4 {		width:220px; }
 .text label {		 }
 .text input {		position:relative; float:left; display:block; margin:-20px 0px 20px 0px; width:220px; padding:8px 3px 2px 3px; border:0; margin-bottom:8px; border-bottom:1px solid #cca; border-left:1px solid #cca; border-right:5px solid #cca; background:#fefef6; }
 .text span  {		margin:-20px 0px 20px 0px; width:220px; padding:5px; font:italic 11px Arial; }

 .multi label {		margin:-20px 0px 20px 0px; padding:5px; text-align:right; }
 .multi input {		margin:-20px 0px 21px 0px; }

 .radio label {		float:right; margin:1px 10px 3px -25px; padding:2px 2px 2px 30px; width:505px; background:#f3f3e0; border:1px solid #dda; }
 .radio input {		position:relative; display:block; float:right; height:18px; width:18px; margin:3px 0px 0px 0px; }

 .table table {		position:relative; margin:0px 10px 10px 50px; }
 .table tr {		 }
 .table td {		text-align:center; border-bottom:1px solid #eed; }
 .table .even td {	background:#f3f3e0; }
 .table .label {	text-align:left; border-right:1px solid #dda; width:190px; padding-left:20px; }
 .table th {		padding-top:30px; border-bottom:1px solid #dda; }
 .table input {		float:none; display:inline; margin:5px 0; width:74px; }
 .table .number {	padding-left:10px; text-align:right; font-weight:bold; }
 .table .label input {	width:230px; background:transparent; border:0; border-bottom:1px dotted #000; }
 .table .title td {	padding-top:10px; border-bottom:1px solid #dda; font-weight:bold; }

 .sortable th {		text-align:left; font-weight:bold; }
 .sortable td {		text-align:left; padding:5px; }

 .multiradio label {	margin:-20px 10px 30px -20px; padding:2px 2px 2px 25px; width:90px; border:1px solid #dda; background:#f3f3e0; }
 .multiradio span {	margin:-20px 0px 30px 0px; padding:2px 2px 2px 50px; position:relative; display:block; clear:both; width:200px; }
 .multiradio input {	margin:-15px 0px 30px 0px; position:relative; float:left; display:block; z-index:2; width:15px; }
 .multiradio p {	margin:-15px 0px 30px 0px; position:relative; float:left; display:block; z-index:2; clear:none; padding:0; width:15px; }
 .part5 label {		width:130px; }

 .part6 .label {	width:230px; }
 .part6 td {		width:90px; }
 .part6 th {		padding-top:10px; }
 .example {		padding:0 0 20px 0; }
 .example p,
 .example ul {		position:relative; margin:30px 20px 0 20px; padding-left:30px; border:1px solid #dda; background:#f3f3e0; }

 .part7 table {		margin-top:20px; }
 .part7 input {		width:40px; }
 .part7 .label {	padding-left:10px; width:250px; }
 .part7 b {		position:relative; width:50px; height:30px; display:block; float:left; text-align:right; margin:0 10px; }
 .part7 p br {		clear:none; }

 .part7b span {		position:relative; float:left; display:block; padding:10px 0 0 340px; clear:left; width:30px; }
 .part7b input {	position:relative; float:left; display:block; margin:10px; background:transparent; border:0; border-bottom:1px solid #000; width:20px; text-align:center; }
 .part7c span {		margin-bottom:25px; width:290px; }
 .part7c input { 	margin-bottom:25px; }
 .part7c label {	margin-bottom:25px; }

 .part9a input {	position:relative; float:left; display:block; margin-left:-20px; }
 .part9a label {	width:230px; padding:2px; margin:0px 0px 3px 20px; background:#f3f3e0; border:1px solid #dda; }
 .part9b input {	margin:1px; }
 .part9b label {	width:370px; }
 .part9b h4 {		width:370px; }
 .part9b span {		width:100px; margin:1px; }

 .part10b span {	width:215px; }

 .part8 input {		width:45px; }
 .part8 .label {	width:400px; }
 .part8 .last {		border-left:1px solid #dda; }
 .part8 th {		padding-top:40px; }


 .plain {		}
 .plain ul {		padding-top:20px; padding-bottom:20px; list-style:url(list_brown.gif); }
 .plain ul li {		margin-bottom:5px; margin-right:100px; }
 .plain h5 {		font:bold 13px Arial; color:#039; margin:3px; padding:0; display:inline; }

 .percent label {	position:relative; width:45px; border:1px solid #dda; margin:-5px 0px 0px -30px; padding:5px 0px 5px 40px; }
 .percent input {	position:relative; float:left; display:block; z-index:2; margin-left:30px; }
 .percent span {	position:relative; padding:20px 30px; }
 .percent div {		position:relative; padding:10px 50px; height:40px; }

 .wide label {		width:300px; }
 .wide h4 {		width:280px; }

 .button {		height:100px; }
 .button input {	border:0; position:absolute; right:30px; top:30px; width:300px; height:80px; padding:0 20px 1px 20px; text-align:left; background:transparent url(next.gif) no-repeat; font:bold 17px Times; color:#886; }
 .button #back {	border:0; position:absolute; left: 30px; top:30px; width:300px; height:80px; padding:0 20px 1px 20px; text-align:right; background:transparent url(back.gif) no-repeat; font:bold 17px Times; color:#886; }


 .error h4 {		color:#c00; }
 .error ul {		margin:30px; border:1px solid #c00; background:#fee; padding-top:10px; padding-bottom:10px; }
 .error ul li {		margin-left:30px; }
