/*--------------------  syntax dasar     --------------------------------*/
@font-face
{
font-family: font_1;
//src: url('Sansation_Regular.ttf');
src: url('neosansintel.ttf');
}

@font-face
{
font-family: font_2;
src: url('Sansation_Bold.ttf');
}


body {
    font-family:font_1;
    font-size: 12px;
	margin: 0; /* untuk full screen  */
}

a {
	color: #666666;
	text-decoration:none;
}

a:hover {
    color: #ff9900;
}

hr {
background-color:#fff;
border:#CC0000 1px dotted;
border-style: none none dotted;
color:#fff;
width:95%;
height: 1px;
}

/*------------   ID  --------------------------------------------------  */

#nav_edit a {
    display: block;
}

#nav_edit a:hover {
    background: #99CC00;
    color:#FFFFFF;
}

#nav_del a {
    display: block;
}

#nav_del a:hover {
    background: #D50000;
    color:#FFFFFF;
}

#searchwrapper {
width:250px; /*follow your image's size*/
height:40px;/*follow your image's size*/
background-image:url(../images/searchbox.jpg);
background-repeat:no-repeat; /*important*/
padding:0px;
margin:0px;
position:relative; /*important*/
}
 
#searchwrapper form { display:inline ; }
 
#searchwrapper .searchbox {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:4px;
left:9px;
width:200px;
height:35px;

font-family:font_1;
font-size: 16px;

}
 
#searchwrapper .searchbox_submit {
border:0px; /*important*/
background-color:transparent; /*important*/
position:absolute; /*important*/
top:3px;
left:214px;
width:35px;
height:35px;
}


/*----------------  class  --------------------------------------------- */
.huruf_1
{
font-family:font_1;
}

.huruf_1_20
{
font-family:font_1;
font-size: 20px;
color:#006699;
}

.huruf_1_20_putih
{
font-family:font_1;
font-size: 20px;
color:#ffffff;
}

.huruf_1_30
{
font-family:font_1;
font-size: 30px;
color:#006699;
}

.huruf_1_30_putih
{
font-family:font_1;
font-size: 30px;
color:#ffffff;
}

.huruf_1_40
{
font-family:font_1;
font-size: 40px;
}

.huruf_1_putih
{
font-family:font_1;
color:#ffffff;
}

.huruf_2
{
font-family:font_2;
}

.huruf_2_20
{
font-family:font_2;
font-size: 20px;
}

.huruf_2_40
{
font-family:font_2;
font-size: 40px;
}
.huruf_2_60_putih
{
font-family:font_2;
font-size: 60px;
color:#ffffff;
}

.textbox_1{
    border: 1px solid #CCCCCC;
	background: #eaeaea;
    font-family:font_1;
	font-size: 18px;
}

.textbox_2{
    border: 1px solid #CCCCCC;
	background: #eaeaea;
    font-family:font_1;
	font-size: 12px;
}

.tombol_1{
	font-family:font_1;
	border:1px solid #ffc826; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;font-size:13px; padding: 10px 10px 10px 10px; text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; text-align: center; color: #FFFFFF; background-color: #ffd65e;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd65e), to(#febf04));
	background-image: -webkit-linear-gradient(top, #ffd65e, #febf04);
	background-image: -moz-linear-gradient(top, #ffd65e, #febf04);
	background-image: -ms-linear-gradient(top, #ffd65e, #febf04);
	background-image: -o-linear-gradient(top, #ffd65e, #febf04);
	background-image: linear-gradient(to bottom, #ffd65e, #febf04);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffd65e, endColorstr=#febf04);
}

.tombol_1:hover{
    font-family:font_1;
 border:1px solid #f7b800; background-color: #ffc92b;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), top(#CE9A01));
 background-image: -webkit-linear-gradient(top, #ffc92b, #CE9A01);
 background-image: -moz-linear-gradient(top, #ffc92b, #CE9A01);
 background-image: -ms-linear-gradient(top, #ffc92b, #CE9A01);
 background-image: -o-linear-gradient(top, #ffc92b, #CE9A01);
 background-image: linear-gradient(to bottom, #ffc92b, #CE9A01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#CE9A01);
}


.gambar_tumpul { 
border: 1px solid #ddd;
border-radius: 20px;
}

.gambar_tumpul_kecil { 
border-radius: 10px;
}

.gambar_bayang{
//border-radius: 20px 20px 0 0;
//border: 1px solid #e5e5e5;
//box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
//box-shadow: inset 0 3px 0 whitesmoke;
box-shadow:  7px 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.gambar_tumpul_bayang{
border-radius: 20px 20px 20px 20px;
//border: 1px solid #e5e5e5;
//box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
//box-shadow: inset 0 3px 0 whitesmoke;
box-shadow:  7px 7px 7px 7px rgba(0, 0, 0, 0.5);
}


.tabel_tumpul{
border-radius: 20px 20px 0 0;
//border: 1px solid #e5e5e5;
//box-shadow: inset 0 -2px 3px rgba(0, 0, 0, 0.15);
//box-shadow: inset 0 3px 0 whitesmoke;
box-shadow:  7px 7px 7px 7px rgba(0, 0, 0, 0.5);
}

.gradasi_abu{
  //background: #f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
  //background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2edea), color-stop(100%, #c0bebf));
  //background: -webkit-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
  //background: -o-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
  //background: -ms-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
  //background: linear-gradient(to bottom, #f2edea 0%, #cccccc 100%);
  //color: #666666;
}


.gradasi_oranye{
  //background: #f2edea url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAA0CAIAAADEwMXAAAAAA3NCSVQICAjb4U/gAAAAMklEQVQImWP49PYV0////6GYAcFm+I9d/P9/JgZkcRR12NVDzMMihlMtRJyBkHpMNwIA6ZmLp7k56KwAAAAASUVORK5CYII=) 100% 100%;
  background: -moz-linear-gradient(top, #ffcc00 0%, #ffffff 100%);
  //background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2edea), color-stop(100%, #c0bebf));
  //background: -webkit-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
  //background: -o-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
  //background: -ms-linear-gradient(top, #f2edea 0%, #c0bebf 100%);
  //background: linear-gradient(to bottom, #ffcc00 0%, #ffffff 100%);
  //color: #666666;
}