/* CSS Document */

#forms {margin:0; padding:0;
	}
#forms h4 {margin:0; margin-bottom:10px; font-size:14px;}
#forms table{
	width:100%;
	margin-right:20px;
	margin-bottom:20px;
	border: 4px solid #C0F5FA;
	background-color1: #F0FAFF;
}
#forms table td {padding:4px}
#forms table td.hdr{font-size:14px; border-bottom: 0px solid #C0F5FA; font-weight:bold; background-color:#C0F5FA; }
#forms table td.redtext {color:#FF0000}
#forms table td span.red {color:#FF0000}
#forms #button_bar{ padding:12px;margin-top:10px; margin-bottom:20px; text-align:center;}

#forms.input { border: 1px solid #0099CC; padding: 2px;  color:#663366}  
#forms input:focus {padding: 2px;
	background-color: #FFFE9D;
	border: 1px solid #0099CC;
}  
#forms select:focus { border-color: #000; background-color: #FFFE9D; padding: 2px; } 
#forms input:focus { outline: none; padding: 2px;}  
#forms em { font-size:11px; color:#999} 


#prog_bar{
	width:650px;
	color:#999999;
	font-size:16px;
	font-family:Georgia;
	margin-top:20px;
	margin-bottom:0px;
	padding:4px; 
	padding-top:5px;
	border-top: 1px solid #CCCCCC;
}
#prog_bar span{margin-right:50px;}
#prog_bar span.active{color:#000000; font-weight:bold; }
#prog_bar span.done{color:#00CC00; font-weight:bold;}

/* The hint to Hide and Show */
.hint {
   	display: none;
    position: absolute;
    margin-right: 200px;
    width: 300px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    /* to fix IE6, I can't just declare a background-color,
    I must do a bg image, too!  So I'm duplicating the pointer.gif
    image, and positioning it so that it doesn't show up
    within the box */
    background: #ffc url(../images/pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(../images/pointer.gif) left top no-repeat;
}

ul{ line-height-position:outside;}
li{ }