body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Tahoma, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
	background:#2E4B85  center center;color:#000;
	position:relative;
}
#loading { position: absolute; top: 0; left: 0; color: white; background-color: red; padding: 5px 10px; font: 12px Arial; }
hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}

/* Tooltip */

#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:auto;
	opacity:0.5;
	filter:aplha(70);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background:#777;


}
#tooltip td{
color:#fff;
text-align:left;
}

#tooltip .tipHeader {
	height:8px;
}


#tooltip .tipBody {
	background:transparent;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;

}

#FloatAds {
		position:absolute;
		padding:10px;
		opacity:0.8;
		filter:alpha(opacity:80);
		width:700px;
		height:auto;
		left:auto;
		right:auto;
		display:block;
		z-index:+1000;

}
fieldset{
border :1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}
th{
font-size:11px;
font-family:verdana;
font-weight:bold;
border :1px solid #aaa;
background:#ccc;
color:#333;
padding:5px;
}
#toggle-container{
text-align:left;
width:auto;
margin:0 auto;}

#toggle-container h2 {
background:#999  ;
border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-top-bottomleft:5px;
	-moz-border-top-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	box-shadow:1px 1px 1px #aaa;
	-moz-box-shadow:1px 1px 1px #aaa;
	-webkit-box-shadow:1px 1px 1px #aaa;
color:#fff;
text-shadow:1px 3px 3px #333;
cursor:pointer;
display:block;
text-align:left;
font:bold 12px Tahoma,Verdana;
height:22px;
outline:0 none;
margin:4px 0;
padding:4px;
padding-top:6px;
padding-left:30px;
background:#00c0aa;

}

#toggle-container h2.active {
background:url("state-bg.png") no-repeat scroll 5px -31px #333;
color:#fff;
-moz-box-shadow: none;
-webkit-box-shadow: none;
 box-shadow: none;
 background:#777;

}
.toggle-content {
//background:#B9FD8C;
background:#eee;
margin:5px 0;
padding:10px;
font:12px Tahoma,Verdana;
color:#000;
border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
overflow:hidden;
border:1px solid #ccc;}
.toggle-content a{
text-decoration:none;
color:#000;
}
.toggle-content a:hover{
color:#ccc;
}

.toggle-content td{
font: 12px Tahoma,Verdana;
}


.outline{
padding:15px;
width:auto;
padding-bottom:40px;
background:#fff ;
margin-left:auto;
margin-right:auto;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
-moz-box-shadow:0px 0px 1px #000;
box-shadow:0px 0px 1px #000;
-webkit-box-shadow:0px 0px 1px #000;

margin:2px 5px;
}

.outline1,.tabel{
padding:15px;
width:auto;
padding-bottom:40px;
background:#fff ;
margin-left:auto;
margin-right:auto;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
box-shadow:1px 10px 15px #333;
-moz-box-shadow:1px 10px 15px #333;
-webkit-box-shadow:1px 10px 15px #333;
}
#panel.outline1:hover{
border:1px solid ccc;
background:#fafafa;
cursor:pointer;
box-shadow:1px 1px 10px #888;
-moz-box-shadow:1px 1px 10px #888;
-webkit-box-shadow:1px 1px 10px #888;

}

#button_img{
border:1px solid #777;
background-color:#eee;
 text-align:center;padding-top:7px;padding-left:5px;width:60px;
}

#button_img a{
border:1px solid #777;
background-color:#eee;
 text-align:center;padding-top:7px;padding-left:5px;width:60px;
}
#button_img a:hover{
border:1px solid #333;
background-color:#eee;
text-align:center;
padding-top:7px;
padding-left:5px;
width:60px;
}

form{
padding:5px 5px 0px 5px;
margin:0;
}

p{
font-size:11px;
padding:0px;
margin-top:0px;
}

a{
text-decoration:none;
color:#333;
font-size:11px;
}

a:hover{
text-decoration:underline;
color:#000;
font-size:11px;
}
#isi_berita{
text-align:justify;
font-size:11px;
}
#isi_berita img{
padding:5px;
}
#isi_berita li{
padding-left:5px;
}


#menuadmin ul
{
padding:0;
margin:0;
}

#menuadmin li
{
list-style-type:none;
display:inline;
}

#menuadmin li a{
background-color:#333;
padding:5px 10px 5px 10px ;
font-family:verdana,arial;
font-size:11px;
text-decoration:none;
color:#eee;
border-right:1px solid #ddd;
text-align:center;
height:20px;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#menuadmin li a:hover{
background-color:#777;
padding:5px 10px 5px 10px ;
color:#FFDE00;
font-size:11px;
/*border-bottom:1px solid #FFDE00;*/
}

#topmenu{
list-style-position:inside;
text-align:right;
}

#topmenu ul
{
padding:0;
margin-top:10px;
}

#topmenu li
{
list-style-type:none;
display:inline;
}


#topmenu a{
padding-left:15px;
padding-right:15px;
padding-top:10px;
height:auto;
padding-bottom:10px;
font-family:verdana,arial;
font-size:11px;
text-decoration:none;
color:#ddd;
text-align:center;
}

#topmenu a:hover{
border-left:1px solid #333;
border-right:1px solid #333;

padding-left:14px;
padding-right:14px;
padding-top:9px;
color:#000;
font-size:11px;
/*border-bottom:1px solid #FFDE00;*/
}


#listberita ul
{
margin: 0;
padding: 0;
list-style-type: none;
margin-top:20px
}
#listberita li
{
width:280px;float:left;height:auto;border-bottom:1px solid #d0d0d0;padding:10px;color:#eee;text-align:left;
}
#listberita li a{
text-decoration:none;
}
#listberita li:hover
{
background:#ddd;
}
l


#leftmenu ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#leftmenu li
{
margin: 0;
padding: 0;
list-style-type: none;
}

#leftmenu li a{
display: block;
font-family:verdana,arial;
text-decoration: none;
font-size :12px;
color:#000;
border-bottom:1px solid #494949;
padding:5px;
padding-left:0px;
font-weight:normal;
}
#leftmenu li a:hover, actived
{
color:gold;
background:#555;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radious:5px;

padding-left:2px;

}

#judul,#judul_artikel{
font-size: 14px;
text-align:center;
color:#000;
text-transform:uppercase;
font-weight:bold;
padding-bottom:10px;
border-bottom:1px solid #ccc;
margin-bottom:10px;
}

#menulist ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menulist a
{
display: block;
font-family: verdana,Arial;
text-decoration: none;
font-size :11px;
color:#000;
border-bottom:1px solid #777;
padding:3px 2px 3px 10px;
font-width:normal;
}


#menulist a:hover
{
background:#eee;
color:#000;
padding:3px 2px 3px 10px;
}

td{

font-size:11px;
color:#000;}

td.a{
font size:11px;
color:#333;
}
td.p{
font size:11px;
padding:0px;
}



.td1{
font-size:11px;
color:#000;
background:#eee;
}

.td2{
font-size:11px;
color:#000;

}
textarea
 {
border :1px solid #ccc;
background-color:#eee;
font-size:12px;
color:#000;
}

input[type="text"]{
border :1px solid #ccc;
background-color:#eee;
font-size:12px;
color:#000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height:20px;
width:auto;}

input[type="password"]{
border :1px solid #ccc;
background-color:#eee;
font-size:12px;
color:#000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height:20px;
width:auto;}
select {
border :1px solid #ccc;
background-color:#eee;
font-size:12px;
color:#000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height:20px;
width:auto;}
fieldset{
border :1px solid #ccc;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}
.classtxt {
border :1px solid #ccc;
background-color:#eee;
font-size:12px;
color:#000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
height:20px;
width:auto;}
label.error {  background:transparent;color:red;font-weight:normal; margin-left: 10px; width:auto; }

input.error, select.error { border: 1px solid red;width:auto; border:1px solid }


.button{
border :1px solid #000;
background-color:#333;
font-size:12px;
color:#fff;
cursor:pointer;
padding:5px;
padding-left:10px;
padding-right:10px;
border-radius: 5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;

}
input[type="button"]{
border :1px solid #000;
background-color:#333;
font-size:12px;
color:#fff;
cursor:pointer;
padding:5px;
padding-left:10px;
padding-right:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type="button"]:hover{
border :1px solid orange;
background-color:gold;
font-size:12px;
color:#000;
padding:5px;
padding-left:10px;
padding-right:10px;
}

.button:hover{
border :1px solid orange;
background-color:gold;
font-size:12px;
color:#000;
padding:5px;
padding-left:10px;
padding-right:10px;
text-decoration:none;
}

.judul_tabel{
background:#ddd;
font-size:12px;
text-align:center;
color:#000;
padding: 5px  ;
}
#judul_berita {
color:#000;
cursor:pointer;
display:block;
font:bold 14px Helvetica,Arial,sans-serif;
outline:0 none;
margin:4px 0;
padding:2px;

padding-bottom:10px; text-transform:uppercase;
text-align:center;
}
#judul_menu{
background:url(../images/bar_menu_kiri.png) no-repeat;color:#aaa;padding-left:10px;padding-top:7px;font-weight:bold;width:150px;height:30px}
#judul_kategori{
color:#6AC025;
font-size:11px;
font:italic 11px;
padding:1px;
text-transform:uppercase;
float:right;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;

}




#wrapper{
margin:0;width:100%;float:left;padding:0;text-align:center;
background: -moz-linear-gradient(top,  rgba(72,102,163,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,102,163,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4866a3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
#wrapper1{
margin:0;width:1240px;margin-left:auto;margin-right:auto;padding:0;text-align:center;


}
#topheader{
margin-left:auto;width:1240px;margin-right:auto;color:#fff;text-align:left;
background: -moz-linear-gradient(top,  rgba(72,102,163,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,102,163,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4866a3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}

#logo{
margin-left:10px;
background:url('../images/logo_hti.png') no-repeat  top left;
height:90px;position:relative;

}
.line{
background:url(../images/line.png) no-repeat;margin-left:auto;width:400px;margin-right:auto;padding-top:3px;
padding-bottom:10px;height:35px;
}

#header{
width:1240px;margin-left:auto;margin-right:auto;height:37px;;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-topleft-radius:5px;
	-moz-border-topright-radius:5px;
	-webkit-border-topleft-radius:5px;
	-webkit-border-topright-radius:5px;

text-align:center;color:#eee;position:absolute;text-align:center;
}
#topmenu{
float:left;margin-left:auto;margin-right:auto;padding-top:10px;padding-left:10px;}
#images_slider{
margin-left:auto;width:90%;margin-right:auto;z-index:-100;
}
#maincontent{
	background:#fafafa;margin-left:auto;width:1238px;margin-right:auto;min-height:900px;
	margin-top:27px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	-moz-border-topleft-radius:5px;
	-moz-border-topright-radius:5px;
	-webkit-border-topleft-radius:5px;
	-webkit-border-topright-radius:5px;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZThlOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(232,232,232,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */
padding:5px;

}
#flash_info{
background:#000;opacity:0.7;
filter:alpha(opacity:0.7);
text-align:center;color:gold;font-weight:bold;height:30px;position:absolute;text-align:center;
top-10px;margin-left:auto;width:100%;margin-right:auto;z-index:100;padding-top:7px;
}
#left_side{
background: url('../images/side_bar.png')no-repeat center right;width:330px;height:300px;position:relative;
 float:left;margin-top:50px;
 }
#left_admin{width:255px;min-height:200px;position:relative;
 float:left;margin-top:50px;

 }
#flash_product{background: url('../images/rumput.png')no-repeat left bottom;
height:auto;padding-top:8px;padding-bottom:8px;margin-left:5px;width:290px;

}
#middle{
background: url('../images/side_bar.png')no-repeat center right;width:330px;height:300px;position:relative;
 float:left;margin-top:50px
 }
#right_side{
width:314px;height:300px; float:right;margin-top:50px;padding:0px;
}
#content{
margin-top:50px;float:left;
width:98%;
min-height:300px;
padding:10px;
overflow:auto;
text-align:left;}
#content img{
padding-LEFT:2px;
padding-RIGHT:2px;
}
#outline_bagan img{
padding:0px;}

#rightside{
float:right;
width:20%;
background:#D8EAFF ;
height:100%;
text-align:left;}

#footer
{
font-weight:normal;clear:both;height:35px;font-size:12px;
margin-left:auto;width:100%;margin-right:auto;color:#fff;padding-top:5px;z-index:300;
}


#bingkai{
padding:2px 2px 2px 2px;
border:1px solid #ddd;
text-decoration:none;
width:100%;
height:100%;
}
.back{
color:#2B691E;
background:#ccc;padding:5px 15px 5px 15px;
border-bottom:2px solid #aaa;
border-top:2px solid #aaa;
border-left:1px solid #aaa;
border-right:1px solid #aaa;
font-size:14px;

}


#bingkai:hover{
background:#ddd;
padding:2px 2px 2px 2px;
border:1px solid #ddd;
text-decoration:none;
width:auto;
height:auto;
}
#tdhover td{
color:#000;
cursor:pointer;
padding:10px;
}
#tdhover td:hover{
background:#ddd;
color:#000;
cursor:pointer;

}
.outlinetb{
padding:2px 5px 2px 5px;
border:1px solid #ccc;
}
#sukses{
background-color:#fff;
padding:10px;
text-align:center;
color:#146BD4;
font-weight:bold;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border:1px solid #ddd;
}

#error{
background-color:#fff;
padding:10px;
text-align:center;
color:red;
border:1px solid red;
font-weight:bold;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;

}
#error a{
text-decoration:none;
color:red;
}
#error a:hover{
text-decoration:none;
color:orange;
}
#errormessage .errorclose{
background:url('../images/close.png') no-repeat top right;
width:35px;height:35px;
cursor:pointer;
position:absolute;
	right:-20px;
	top:-20px;

}
#isierror{
float:left;
padding-top:10px; padding-left:40px;padding-bottom:10px;padding-right:10px;
overflow:auto;
}
#errormessage {
z-index:1000;
 position: absolute;
	left: 50%;
	top: 20%;
	height:auto;
	//transform: translate(-50%, -50%);
	text-align: center;
    border-radius: 5px;
    background:pink url('../images/tips.png') no-repeat top left;
	border:1px solid red;
	opacity:0.9;
	filter:alpha(opacity:90);font-size:12px;color:#000;display:none;
	box-shadow:1px 1px 20px #888;
	-moz-box-shadow:1px 1px 20px #888;
	webkit-box-shadow:1px 1px 20px #888;
	border-radius:5px;
	-moz-border-radius:5px;
-webkit-border-radius:5px;

}

.remain {background:red;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:auto;
	height:auto;
	font-weight:bold;
	display:block;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
}
.remain a{
	color:#fff;
	text-decoration:none;
}
.remain a:hover{
	color:red;

	text-decoration:none;
}

.remain:hover {background:#eee;
	color:red;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:auto;
	height:auto;
	font-weight:bold;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.more  a{
    color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	background-color:gold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:46px;
	height:15px;
	font-weight:bold;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.more a:hover{
    color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	background-color:#333;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:46px;
	height:15px;
	font-weight:bold;
}
.more1  a{
    color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	background-color:green;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:46px;
	height:15px;
	font-weight:bold;
	display:block;
	text-align:center;
	vertical-align:middle;
}

.more1 a:hover{
    color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

	text-decoration:none;
	background-color:gold;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width:46px;
	height:15px;
	font-weight:bold;
}
legend{
text-align:left;
}

.gold   {
    color:#000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	background-color:gold;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:auto	;margin-top:0;
	height:auto;
	font-weight:bold;
	display:block;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.platinum   {
    color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	background-color:#6FA2DA;;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	width:auto;
	height:auto;
	font-weight:bold;
	display:block;
	padding:2px;
	text-align:center;
	vertical-align:middle;
}
.tabel td{
padding:3px 5px;
height:25px;
vertical-align: top;}
.tabel tr:hover{
background:#ddd;
color:#333;
padding:3px 5px;
}

.huruf_besar{
	font-size:16px;
	color:red;
	text-shadow:1px 1px 5px #333;
	-moz-text-shadow:1px 1px 5px #333;
	-webkit-text-shadow:1px 1px 5px #333;

}
#menu{
margin-top:10px;float:left;margin-left:300px;margin-right:auto;min-width:650px;
}
#top-bar{
width:100%;
height:35px;
float:left;
}
#trxpassword{
float:left;
margin-left:10px;
padding:5px;
min-width:255px;
width:auto;
}
#welcome{
min-width:450px;
width:auto;
margin:10px auto;
text-align:center;
padding:5px;
}
#content{
margin-top:0px;min-height:900px;padding-bottom:20px;
}
#left-content{
float:left;
min-width:255px;
width:auto;
}
#right-content{
min-width:255px;
padding-left:10px;
width:auto;
overflow:auto;
}
#icon-menu{
	background:url('../images/menu-icon.png') top left;
	width:45px;height:39px;
	position:absolute;
	right:5px;
	top:5px;
	display:none;
}
#menu-mobile{
	width:98%;
	float:left;
	height:auto;
	padding:5px;
	background: -moz-linear-gradient(top,  rgba(72,102,163,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(72,102,163,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(72,102,163,1) 0%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4866a3', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

	display:none;
}