.form-style-9{
    max-width: 100%;
    background: #FAFAFA;
    padding: 15px;
    margin: 10px auto;
    box-shadow: 1px 1px 25px rgba(0, 0, 0, 0.35);
    border-radius: 10px;
    border: 4px solid #305A72;
    /*border: 3px solid #73AD21;*/
}
.form-style-9 ul{
    padding:0;
    margin:0;
    list-style:none;
}
.form-style-9 ul li{
    display: block;
    margin-bottom: 10px;
    min-height: 35px;
}
.field-style{
    box-sizing: border-box; 
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    padding: 3px;
    outline: none;
    border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
    width:100%;
    color:#0033CC;

}.field-style:focus{
    box-shadow: 0 0 5px #B0CFE0;
    border:1px solid #B0CFE0;
}
input.align-left{
    float:left;
}
input.align-right{
    float:right;
}
textarea{
    width: 100%;
    height: 60px;
}
.c_label {
	font-family: calibri;
	font-size: 15px;
	color:#52527A; 
	font-weight:500;
}
.c_text {
	font-family: calibri;
	font-size: 15px;
	color:#0033CC; 
	font-weight:500;
}

.butang{
	
    -moz-box-shadow: inset 0px 1px 0px 0px #3985B1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #3985B1;
    box-shadow: inset 0px 1px 0px 0px #3985B1;
    background-color: #216288;
    border: 1px solid #17445E;
    display: inline-block;
    cursor: pointer;
    color: #FFFFFF;
    padding: 5px 18px;
    text-decoration: none;
    font: 12px Verdana; /*Arial, Helvetica, sans-serif;*/
	border-radius: 5px;
}
input[type="button"]:hover{
	background: linear-gradient(to bottom, #2D77A2 5%, #337DA8 100%);
    background-color: #28739E;
    border-radius: 5px;

}
.notifi{
    font: normal 20px 'Bitter', serif;
    color: #009900; /*2A88AD;*/
    margin-bottom: 5px;
    text-align:center;
}
.errmsg {
	font-family: verdana;
	font-size: 12px;
	color:#990000;
}
.titlebar
{
	height: 30px;
	color:#28739E;
	font-family: verdana;
	font-size: 14px;	
	font-weight: bold;
}
hr {
    display: block;
    height: 0px;
    border: 0;
    border-top: 1px solid #ccc;
    /*margin: 1em 0;*/
    padding: 0; 
}

/* Sub Menu */
#navigasi {float: left;width: 100%;border-bottom:1px solid #ccc;} /*background:#CD853F;D26C6C*/
#navigasi ul {margin: 0;padding: 0;}
#navigasi ul li
{
	list-style-type: none;	display: inline;
}
#navigasi li a
{
	display: block;
	float: left;
	padding: 5px 10px;
	font-family:calibri;
	font-size:15px;
	color: #52527A;
	font-weight:600;
	background:#FFF;
	text-decoration: none;
	border:1px solid #B0CFE0;
	border-radius: 5px 5px 0px 0px;
}
#navigasi li a:hover { background: #3985B1;color: #FFFF00;}