/* 
styles for a "control panel" -- a set of three fieldsets for 
	(1) entering data
	(2) doing something to it
	(3) showing the results

Copymiddle 2008 jtb (www.jtbullitt.com).
Do with it as you wish.
*/
	
.controlPanel {
	padding:0 10px 0 10px;
}

.controlPanel h1 {
	text-align:left;
	font-size:110%;
	font-weight:bold;
	font-variant:small-caps;
	margin-bottom:1em;
}

.controlPanel fieldset {
	padding:10px 10px;
	margin:0;
}
.controlPanel legend {
	font-variant:small-caps;
	font-weight:bold;
	margin:0 15px 10px 15px;
	padding:0 10px;
}

.controlPanel label {
}

.controlPanel .dataInput {
}
.controlPanel .dataInput input {
}
 
.hidden {
 	display:none;
}
 

.controlPanel .dataAction {
	margin-top:10px;
	text-align:center;
}
.controlPanel .dataAction fieldset {
	border:none;
}

.controlPanel table td.first {
	text-align:right;
}


.controlPanel .dataOutput {
	margin-top:10px;
}

.controlPanel .dataOutput label {
}

.controlPanel .dataOutput input {
 }

.controlPanel table {
	padding-left:20px;
}

.controlPanel .txt {
	text-align:right;
	padding-right:5px;
}


/* for inserting a little arrow to indicate flow between control panel elements */
.controlPanel div.flowDown {
	margin:10px 0 10px 50px;
	height:16px;
	background:url(/icon/arrow_down.png) no-repeat;
}
.controlPanel div.flowUp,
.controlPanel div.flowLeft,
.controlPanel div.flowRight {
}

.controlPanel input.btnhov {
	background-color:#999999;
	color:#fefffa;
	border-color:#c63;
}