@charset "utf-8";
/* register */
#myfwrapper{
width:550px; 
height:650px;
margin:20px auto; 
padding:2em;
background-color: #CCFF99;
text-align: left;
}
#myfwrapper h3{color: #f945f3; text-indent:15px; margin:20px 0; font-size:22px;}
#myfwrapper h4{color: #3366FF; font-size:14px; text-indent:20px; margin-top:10px; margin-bottom:1px;}
#myfwrapper form{margin:0; paading:0;}

.itermwrapper{ 
width:520px;
height:50px;
margin-top:1px;
margin-bottom:10px;
margin-left:20px;
padding:5px 0;
clear:both;
position:relative;
}

.buttonwrapper{ 
width:520px;
height:50px;
margin-top:30px;
margin-bottom:5px;
margin-left:20px;
padding:0;
clear:both;
position:relative;
}

.biterms input{ 
float:left;
width:200px;
margin:5px 20px;
padding:1px;
height:40px; 
padding:5px; 
font-size:16px; 
font-weight:bold;
}
.biterms input#clear{ background-color: #0066CC; color: #FFFFFF;}
.biterms input#register{ background-color: #FF6600; color: #FFFFFF;}

.iterms{ 
float:left;
width:230px;
margin:1px;
padding:1px;
}

.iterms label, .iterms input, .iterms select{ 
float:left;
width:220px;
margin-left:0;
margin-top:1px;
margin-bottom:1px;
margin-right:0;
}
.iterms label{font-size:11px; text-indent:5px;}
.star{color:#FF0000; margin-left:2px; font-size:16px; font-weight:bold;}
.hidden{display:none;}

.hoverIn{ background-color:#f8d9e3;}
.hoverOut{ background-color:#CCFF99;}