.highlight_word	{	background-color: #95addb;	font-weight: bold; }

.font8 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8px; }


.font9 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }


.font10 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }


.font10biru { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #3366CC; }


.font10red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FF0000; }


.font11 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }


.font11gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }


.font11red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #AE0505; }


.font11biru { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #3366CC; }


.font11bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; }


.font12 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }


.font12bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; }


.font12red { font-family: Verdana, Arial, Helvetica, sans-serif;  font-size: 12px;  color: #AE0505; }


.font12blue { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #0000ff; }


.font12gray { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; }


.font12putih { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }


.font12boldputih { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFFFFF; }


.font12boldredblack { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #660000; }


.font12boldhijau { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #006600; }


.font12boldkuning { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #FFCC00; }


.font12merah { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #CC0000; }


.font12hijau { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #006600; }


.font12kuning { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #e28210; }


.font12boldmerah { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #CC0000; }


.font14 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;  }


.font14biru { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3366CC; }


.font14bold { font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold; }


.font14boldmerah { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; font-weight: bold; }


.font14boldbiru { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #000066; font-weight: bold; }


.font15 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 15px; }


.font16 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16px; }


.font16bold { font-family: Arial, Helvetica, sans-serif; font-size: 16px;  font-weight: bold; }


.font16kelabu {font-size: 16px; color: #666666;}


.font18 { font-size: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; }


.font18bold { font-size: 18px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }


.font18red { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; color: #FF0000; }


.buttonbiruSubmit {
    background-color: #008CBA; /* Blue */
    border: none;
    color: white;
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
	font-family: Arial, Helvetica, sans-serif; font-size: 14px;  font-weight: bold;
	border-radius: 4px;
	border: 2px solid #555555;
}
.buttonbiru {
    background-color: #008CBA; /* Blue */
    border: none;
    color: white;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
	border-radius: 4px;
	border: 2px solid #555555;
}
.buttonhijau {
    background-color: #4CAF50; /* green */
    border: none;
    color: white;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	border-radius: 4px;
	border: 2px solid #555555;
	
}
.buttonmerah {
    background-color: #f44336; /* Red */ 
    border: none;
    color: white;
    padding: 7px 10px;
    text-align: center;
	text-decoration:none;
    display: inline-block;
    font-size: 12px;
	border-radius: 4px;
	border: 3px solid #f44336;
	font-weight:bold;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.buttongrey {
    background-color: #e7e7e7; color: black; /* Gray */ 
    border: none;
    color: white;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	border-radius: 4px;
	border: 2px solid #555555;
}
.buttonhitam {
    background-color: #555555; /* Black */
    border: none;
    color: white;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	border-radius: 4px;
	border: 2px solid #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.buttonhitam2 {
    background-color: #000000; /* Black */
    border: none;
    color: white;
    padding: 5px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
	border-radius: 4px;
	border: 2px solid #000000;
	font-family:Georgia, "Times New Roman", Times, serif;
}

.buttonbiruSubmit {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonbiruSubmit:hover {
    background-color: #555555; /* Black */
    color: white;
}
.buttonbiru {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonbiru:hover {
    background-color: #555555; /* Black */
    color: white;
}
.buttonhijau {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonhijau:hover {
    background-color: #555555; /* Black */
    color: white;
}
.buttonmerah {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonmerah:hover {
    background-color: #FFFFFF; /* Black */
    color: black;
}
.buttongrey {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttongrey:hover {
    background-color: #555555; /* Black */
    color: white;
}
.buttonhitam {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonhitam:hover {
    background-color: #FFFFFF; /* white */
    color: black;
}
.buttonhitam2 {
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
}
.buttonhitam2:hover {
    background-color: #FFFFFF; /* white */
    color: black;
}


.maxl{
	margin:2px ;
}
.inline{
	display: inline-block;
}
.inline + .inline{
	margin-left:10px;
}
.radio{
	color:#999;
	font-size:12px;
	position:relative;
}
.radio span{
	position:relative;
	padding-left:20px;
}
.radio span:after{
	content:'';
	width:15px;
	height:15px;
	border:3px solid;
	position:absolute;
	left:0;
	top:1px;
	border-radius:100%;
	-ms-border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
	cursor: pointer; 
	position:absolute;
	width:100%;
	height:100%;
	z-index: 1;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked + span{
	color:#333;  
}
.radio input[type="radio"]:checked + span:before{
	content:'';
	width:5px;
	height:5px;
	position:absolute;
	background:#03C;
	left:5px;
	top:6px;
	border-radius:100%;
	-ms-border-radius:100%;
	-moz-border-radius:100%;
	-webkit-border-radius:100%;
}


.checkbox{
	color:#999;
	font-size:12px;
	position:relative;
}
.checkbox span{
	position:relative;
	padding-left:20px;
}
.checkbox span:after{
	content:'';
	width:15px;
	height:15px;
	border:3px solid;
	position:absolute;
	left:0;
	top:0px;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	box-sizing:border-box;
	-ms-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.checkbox input[type="checkbox"]{
	cursor: pointer; 
	position:absolute;
	width:100%;
	height:100%;
	opacity: 0;
	filter: alpha(opacity=0);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.checkbox input[type="checkbox"]:checked + span{
	color:#333;  
}
.checkbox input[type="checkbox"]:checked + span:before{
	content:'';
	width:5px;
	height:5px;
	position:absolute;
	background:#666;
	left:5px;
	top:5px;
}


a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

.borderhitam {
border-bottom-color: #B3B2B7; 
border-right-color: #B3B2B7;
border-top-color: #010005;
border-left-color: #010005;
background-color: #EAEDF4;
}

.borderputih1 {
border-right-color: #FFFFFF;
}

.borderputih2 {
border-bottom-color: #FFFFFF;
}

.borderputih3 {
border-top-color: #FFFFFF;
border-left-color: #FFFFFF;
}

.borderputih4 {
border-bottom-color: #FFFFFF;
border-left-color: #FFFFFF;
}

.borderputih3 {
border-bottom-color: #000000;
}

.borderputih {
border-bottom-color: #FFFFFF; 
border-right-color: #FFFFFF;
}