html, td, th { font: 10px Verdana, Helvetica, sans-serif;  color: #666; }

body { margin: 0;  padding: 8px;  background-color: #DDD; }

pre, tt, code, kbd, samp, .mono { 
	font: 10px "Pro Font", Monaco, "Courier New", monospace; }

div, ul, ol, dl, img, form { border: none; margin: 0; padding: 0; }

table, td, th { border-collapse: collapse;  }
td { padding: 1px 4px 2px 2px;  vertical-align: top;  font-size: 10px; }
th { font-weight: bold; 
	padding: 1px 4px 2px 2px;  text-align: left;  font-size: 9px;
	white-space: nowrap; }

label, input.submit, input.box, select, img.btn { cursor: pointer; }
select { font-size: 10px;  margin: 0;  padding: 0; }
input.box { background-color: transparent;  margin: 4px 3px 3px 3px; }

div.inputboxc { margin: 0;  padding: 0;  clear: left; }
div.inputbox, div.boxlabel { float: left; }
div.inputbox { width: 20px;  margin: 0; }
div.boxlabel { margin: 4px 0 0 0;  font-size: 10px; }

.top { margin-top: 0; }

select.list { font: 10px Verdana; font-weight: bold; }
select.list2 { font: 9px Verdana; }

input.text, textarea { margin: 1px 0;  background-color: #FFF; font-size: 10px; 
	/* font: 9px "Pro Font", Monaco, "Lucida Console", monospace; */ }

div.ff, td.c1, td.c2 { padding: 3px 0; }
.req { font-weight: bold; }
.err { color: #900; font-weight: bold; }
.dark { background-color: #CCC; }

a { color: #C60;  text-decoration: none;  font-weight: bold; }
a:hover { color: #000;  text-decoration: none; }

#ccr { padding: 0;  width: 720px;  
	margin: 6px auto 32px auto; }
#container { border: 1px solid #666;  background-color: #FFF; }
#main { padding: 14px 12px;  position: relative; }

#msg, #out { font-size: 11px;  padding: 4px 0 6px 0; }
p { margin: 3px 0;  padding: 0 0 6px 0; }
div.ack { font-size: 12px;  padding: 9px 0 4px 0;  color: #630; }

#output, #debug { color: #666;  background-color: #EEE; 
	border: 1px solid #BBB;  font-size: 10px; 
	padding: 6px 8px;  margin-top: 20px; }
#output p, #debug p { margin: 6px 0 2px 0; }
#debug { background-color: #CCC;  color: #FFF; font-size: 9px; }
/* #debug:hover { color: #999; } */

small, .small { font-size: .9em; line-height: 1.1em; }

div.x { position: absolute;  visibility: hidden;
  width: 100%;  height: 100%;  /* clip: rect(0, 100%, 100%, 0); */
  color: #000;  margin: 0;  padding: 0; }

h1 { font-size: 17px; margin: 0 0 9px 0; }


div.btns, div.bbtns { font: 10px Verdana;  font-weight: bold; }
div.btns { padding: 8px 0; }
div.btns a, div.bbtns a { padding: 1px 7px 2px 6px;  
	color: #FFF;  cursor: pointer; }
div.btns a:hover, div.bbtns a:hover { color: #FFF; }
div.bbtns a { display: block;  width: 88px;  padding: 1px 0 2px 0;
	text-align: center;  margin-top: 8px; }



#footc { color: #666;  background-color: #eee; }
#foot { padding: 5px 8px 5px 7px;  font-size: 9px; }
#foot a { color: #555; }
#foot a:hover { color: #000; }
#foot .sep { padding: 0 4px; }



a.editlink { font-size: 13px;  padding: 0 6px 0 0; }

#login_msg { font-weight: normal;  padding: 0 8px 0 6px; }

#ff_js { font: 9px Monaco, "Lucida Console";  
	color: #666;  background-color: #EEE;  
	padding: 1px;  border: 1px solid #999; }
#debugc .btns a { color: #FFF;  border-width: 1px;  background-color: #CCC; 
	border: 1px solid #999; }
#debugc .btns a:hover { background-color: #AAA; }


a.btn1 { background-color: #FA6C1E;  border: 2px solid #777;  border-color: #FAA06F #903F12 #903F12 #FAA06F; }
a.btn1:hover { background-color: #E0611B; }

a.btn2 { background-color: #6A84A0;  border: 2px solid #777;  border-color: #9AB4CF #4C5F73 #4C5F73 #9AB4CF; }
a.btn2:hover { background-color: #5A7088; }

a.btn3 { background-color: #AAA;  border: 2px solid #777;  border-color: #CCC #777 #777 #CCC; }
a.btn3:hover { background-color: #999; }

a.btn4 { background-color: #444;  border: 2px solid #777;  border-color: #888 #000 #000 #888; }
a.btn4:hover { background-color: #222; }


p.q { font-size: 13px;  margin-top: 18px; 
	font-weight: bold;  color: #994c00; }