.judulbesar {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 28px;
    color:#4FAFC8;
	vertical-align:middle;
}
.garis {
		border-left: 1px solid #4FAFC8; 
}
.gariskotak { 
	border-left: 1px dotted #4FAFC8; 
	border-top: 1px dotted #4FAFC8; 
	border-bottom: 1px dotted #4FAFC8; 
	border-right: 1px dotted #4FAFC8; 
	}
.garisbawah { border-bottom: 1px solid #4FAFC8; }
.garisbawahdotted { border-bottom: 1px dotted #4FAFC8; }
.garisatasdotted { border-top: 1px dotted #4FAFC8; }

.garkiba { border-left: 1px solid #4FAFC8; border-bottom: 1px solid #4FAFC8; }
.tulisan {
	font-size: 12px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica;
	text-align:justify;
}
.tulisankecil {
	font-size: 9px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica;
	text-align:justify;
}
.judul{
	font-size: 22px;
	color: #4FAFC8;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:bold;
	
}
.judul1{
	font-size: 18px;
	color: #666;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-style:bold;
}
.kotak{
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 15px; /* for old Konqueror browsers */
font-size: 18px;
padding:10px;
border:4px solid;
color:#4FAFC8;
}
.kotak1{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
font-size: 10px;
padding:5px;
border:0px solid;
background-color:#036;
color:#4FAFC8;
}
.kotak2{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
font-size: 14px;
padding:5px;
border:2px solid;
color:#4FAFC8;
}
input, textarea{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius:  10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
font-family: "Trebuchet MS";	
font-size: 18px;
padding:5px;
border:2px solid;
color:#4FAFC8;
}
input[type="checkbox"]{
display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

input[type="radio"]{
display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(check_radio_sheet.png) left top no-repeat;
    cursor:pointer;
}

fieldset{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 15px; /* future proofing */
-khtml-border-radius: 5px; /* for old Konqueror browsers */
font-family: "Trebuchet MS";	
font-size: 18px;
padding:10px;
border:2px solid;
border-color:#4FAFC8;
}

form{
	font-family: "Trebuchet MS";	
	font-size: 16px;
	color:#39C;
}


select{
  -moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */
font-family: "Trebuchet MS";	
font-size: 14px;
padding:5px;
border:2px solid;
color:#4FAFC8;
}


a:link {	
	text-decoration: none;
	color: #4FAFC8;
}
a:visited {
	text-decoration: none;
	color: #4FAFC8;
}
a:hover {
	text-decoration: none;
	color: #069;
	font-size:14px;
}
a:active {
	text-decoration: none;
	color: #4FAFC8;
}

    aside {
        display: block;
        position: relative;  
        margin: 40px 0;
    }
    
    aside h3 {
        font: bold 12px Sans-Serif;
        letter-spacing: 2px; 
        text-transform: uppercase;
        background: #F00;
        color: #fff;
        padding: 5px 10px;
        margin: 0 0 10px 0;
        line-height: 24px;
    }
    /* Class name via Modernizr */
    .csstransforms aside {
        border-left: 34px solid red;
        padding-left: 10px;
    }
    .csstransforms aside h3 {
    
        /* Abs positioning makes it not take up vert space */ 
        position: absolute;
        top: 0;
        left: 0;
        
        /* Border is the new background */
        background: none;
        
        /* Rotate from top left corner (not default) */
        -webkit-transform-origin: 0 0;
        -moz-transform-origin:    0 0;
        -ms-transform-origin:     0 0;
        -o-transform-origin:      0 0;
        
        -webkit-transform: rotate(90deg); 
        -moz-transform:    rotate(90deg); 
        -ms-transform:     rotate(90deg); 
        -o-transform:      rotate(90deg); 
    }