
/* Form styles */
div.form-container { margin: 10px; padding: 5px; background-color: #FFF; border: #EEE 1px solid; }

p.legend { margin-bottom: 1em; }
p.legend em { color: #C00; font-style: normal; }

div.errors { margin: 0 0 10px 0; padding: 5px 10px; border: #FC6 1px solid; background-color: #FFC; }
div.errors p { margin: 0; }
div.errors p em { color: #C00; font-style: normal; font-weight: bold; }
div.errors img {margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;}

div.infos { margin: 0 0 10px 0; padding: 5px 10px; border: #EAECEE 1px solid; background-color: #F3F5F7; }
div.infos p { margin: 0; }
div.infos p em { color: #777; font-style: normal; font-weight: bold; }
div.infos img {margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;}

div.form-container form p { margin: 0; }
div.form-container form p.note { margin-left: 170px; font-size: 90%; color: #333; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 150px; display: block; float: left; text-align: right; position: relative; }
div.form-container label.error, 
div.form-container span.error { color: #C00; }
div.form-container label em, 
div.form-container span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
div.form-container input.error { border-color: #C00; background-color: #FEF; }
div.form-container input:focus,
div.form-container input.error:focus, 
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 170px; }
div.form-container div.buttonrow { margin-left: 180px; }
.calendarBtn {	
	background-color: transparent;
background-repeat: no-repeat;
width: 23px;
height: 23px;	
	background-image: url(http://ief-trisakti.ac.id/images/calendar/calendar.png);
	}
.clearBtn {	
	background-color: transparent;
background-repeat: no-repeat;
width: 60px;
height: 23px;    
font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
margin:0 7px 0 0;
font-size:100%;
    line-height:130%;
    text-decoration:none;    
	background-image: url(http://ief-trisakti.ac.id/images/icons/cross.png);
	}	