body {
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
	padding: 0px 5px;
	background-color: #FFFFFF;
}

td {
	margin: 0px;
	font-family: Tahoma;
	font-size: 11px;
	padding: 5px 0px 5px 0px;
	color: #000000;
}

input,select {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000066;
}
textarea {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	border: 1px solid #000066;
}
.submit {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFF00;
	border: 1px solid #000066;
	background-color: #990000;
	margin:0px 5px 0px 0px;
}
ul,li,.content {
	margin:0px;
	padding:0px;	
}

/*untuk inline editor*/
.save {
	font-family: Tahoma;
	font-size: 11px;
	color: #FFFF00;
	border: 1px solid #000066;
	background-color: #990000;
	margin:0px 5px 0px 0px;
}
.inline-edit {
	overflow: hidden; /*dikasih gini, supaya waktu di klik, backgroundnya tetap ada melingkupi textarea. bisa juga pakai float: left, tapi harus ditentukan widthnya, kalau gak, lebarnya nanti sesuai dengan isi clipboardnya*/
	margin-top:5px;
	background-color:#FFFF00;
	padding: 3px;

}

.inline-edit .form {
	display: none;
}

.inline-edit .hover {
	cursor: pointer;
}

/*tooltop bubbles*/
/*untuk atur jarak balonnya dari atas, liat di speechbubbles.js di bagian var speechcss_after={opacity:1, top:y+5} */
div.speechbubbles{
background-color:#FFFFCC; /*background color of tooltip*/
border:1px solid black;
position:absolute;
top:0px;
z-index:100;
visibility:hidden;
line-height:1.3em;
margin: 0px;
padding:8px;
width:200px; /*default width of tooltip*/
border-radius:8px; /*CSS3 border radius*/
-moz-border-radius:8px;
-webkit-border-radius:8px;
box-shadow:1px 1px 2px #888888; /*CSS3 shadow*/
-moz-box-shadow:1px 1px 2px #888888;
-webkit-box-shadow:1px 1px 2px #888888;
}



div.speechbubbles div.speechbubbles-arrow{  /*shared CSS for arrow DIV (upwards pointing)*/
/* border-color: transparent transparent #FFFFCC transparent; */ /*border color should be same as div.speechbubbles background color*/
/*border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-19px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}

div.speechbubbles div.speechbubbles-arrow-border{ /*shared CSS for arrow border DIV*/
/* border-color: transparent transparent black transparent; */ /*border color should be same as div.speechbubbles border color*/
/* border-style: solid;
border-width: 10px;
height:0;
width:0;
position:absolute;
top:-20px;
left:20px;
z-index:101;
_display:none; /*IE hack to hide arrow in IE6*/
}


div.downversion div.speechbubbles-arrow{ /*down arrow DIV specific CSS*/
/* border-color: #FFFFCC transparent transparent transparent; */ /*border color should be same as div.speechbubbles background color*/
/* top:auto;
bottom:-19px; */
}


div.downversion div.speechbubbles-arrow-border{ /*down arrow border DIV specific CSS*/
/* border-color: black transparent transparent transparent; */ /*border color should be same as div.speechbubbles border color*/
/* top:auto;
bottom:-20px; */
}