#homekiri {
		FLOAT:left; width:210px; BORDER:0px solid #CCCCCC; margin-right:10px;
	}
	#homekiridepan {
		FLOAT:left; width:210px; BORDER:1px solid #CCCCCC; margin-right:10px;margin-top:5px;
	}
	#hometengah {
		FLOAT:left; width:415px; BORDER:0px solid #CCCCCC; margin-right:10px;
	}
	#hometengahdepan {
		FLOAT:left; width:730px; BORDER:0px solid #CCCCCC; padding:5px
	}
	#homekanan {
		FLOAT:left; width:300px; BORDER:0px solid #CCCCCC;
	}
	#homekanandepan {
		FLOAT:left; width:400px; BORDER:1px solid #CCCCCC;
	}
	#bannerutama {
		FLOAT:left; width:730px; margin-bottom:10px; padding:0px
	}
.headerorange {
	font-size:18px;
	color:#006699;
}
.headerkelas {
	font-size:40px;
	color:#006699;
}
.warning {
	font-size:20px;
	color:#0099CC
}
.judulmateri {
	font-size:15px;
	color:#0099CC;
	font-weight:bold
}
.headerkelas1 {
	font-size:30px;
	color:#006699;
}
.menubahasaatas {
	color:#993300;
	font-weight:bold;
	text-decoration:none;
	font-size:11px
}
.menuatas {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
}
.menuatas A {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none;
	margin:5px;
}
.menuatas A:visited {
	color:#FFFFFF;
	font-weight:bold;
	font-size:14px;
	text-decoration:none
}
.menuatas A:Hover {
	color:#FFCC00;
	font-weight:bold;
	font-size:14px;
	text-decoration:none
}
.kopirait {
	color:#006699;
	font-size:12px;
}
.bar {
	padding-right:15px;
	}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.kolomkiriold {
	background-color:#F9F9F9;
	padding:5px;
	font-weight:bold;
}
.kolomkiriprofile {
	background-color:#F9F9F9;
	padding:5px;
	font-weight:bold;
	border-bottom:#CCCCCC 1px solid
}
.subcontent {
	font-size:12px;
	color:#333333;
}
.subcontent A {
	font-size:12px;
	color:#333333;
	text-decoration:none
}
.subcontent A:visited {
	font-size:12px;
	color:#777777;
	text-decoration:none
}
.subcontent A:Hover {
	font-size:12px;
	color:#333333;
	text-decoration:underline;
}
.bintang {
	font-size:16px;
	color:#FF0000;
}
.kembaliatas {
	text-decoration:none;
	font-size:13px;
	color:#006699;
	font-weight:bold
}
.kembaliatas A {
	text-decoration:none;
	font-size:13px;
	color:#006699;
	font-weight:bold
}
.kembaliatas A:visited {
	text-decoration:none;
	font-size:13px;
	color:#006699;
	font-weight:bold
}
.kembaliatas A:hover {
	text-decoration:none;
	font-size:13px;
	color:#0099CC;
	font-weight:bold
	}
.daftarmateri A {
	text-decoration:none;
	font-size:15px;
	color:#006699;
}
.daftarmateri A:visited {
	text-decoration:none;
	font-size:15px;
	color:#006699;
}
.daftarmateri A:hover {
	text-decoration:underline;
	font-size:15px;
	color:#006699;
	}
.materi {
	padding:10px;
}
.kiritepi {
	border:solid 1px #CCCCCC;
}
.hideshow {
	display: none;
}
.linkbukatutup A {
	color:#333333;
	font-weight:bold;
	font-size:12px;
	text-decoration:none
}
.linkbukatutup A:visited {
	color:#333333;
	font-weight:bold;
	font-size:12px;
	text-decoration:none
}
.linkbukatutup A:Hover {
	color:#993300;
	font-weight:bold;
	font-size:12px;
	text-decoration:none
}
.hijaukecil {
	font-size:13px;
	color:#006600;
}
.materibhs {
	background-color:#CBDCED; 
	padding:10px
}
.materiind {
	background-color:#B0CAE3; 
	padding:10px
}
#materibhs {
	background-color:#CBDCED; 
	padding:10px
}
#materiind {
	background-color:#B0CAE3; 
	padding:10px
}
#materisound {
	background-color:#CBDCED; 
	padding:10px
}
.materiind {
	background-color:#B0CAE3; 
	padding:10px
}
.row A {
	color:#772838;
	font-size:14px;
	text-decoration:none
}
.row A:visited {
	color:#772838;
	font-size:14px;
	text-decoration:none
}
.row A:Hover {
	color:#772838;
	font-size:14px;
	text-decoration:underline;
}
#divContainer_1 {
	WIDTH: 90px; HEIGHT: 310px;
}
#divContainer_1 {
	VISIBILITY: hidden; OVERFLOW: hidden; POSITION: absolute;
}
#divContent_1 {
	LEFT: 0px; POSITION: absolute; TOP: 0px
}
.merahtebal {
	font-weight:bold;
	color:#FF0000;
	font-size:11px
}
.menukiripesan {
	background-color:#F4F4F4;
	border-bottom: 1px solid #333333;
	padding:10px;
	margin-bottom:5px;
	text-transform:capitalize
}
#biodata {
	padding:5px;
	line-height:20px
}
input {
	border:1px #CCCCCC solid; background-color:#FAFAFA;
}
textarea {
	border:1px #CCCCCC solid; background-color:#FAFAFA;
}
SELECT {
	border:1px #CCCCCC solid; background-color:#FAFAFA;
}
/*profile*/
#kolommenu {
	FLOAT: left; background-color:#F0F0F0; border-bottom:1px #666666 solid;width:540px
}

#kolommenudepan {
	FLOAT: left; background-image:url(images/bg_menudepan.gif); background-repeat:repeat-x; background-position:bottom;width:414px; margin-bottom:0px; position:absolute
}
#kolommenuavatar {
	FLOAT: left; width:500px; margin-bottom:0px; position:absolute; border-bottom:#CCCCCC solid 1px; background-color:#FFFFFF
}
.menuprofile {
	FLOAT: left; margin-left:0px; padding:10px;
}
.menuprofile A{
	color:#000000;
	text-decoration:none;
}
.menuprofile A:Hover{
	color:#FFFFFF;
	text-decoration:none;
}


.menuatasavatar {
	FLOAT: left; margin-left:0px; padding:10px; margin-right:5px; border:1px #CCCCCC solid; border-bottom:none;
}
.menuatasavatar A{
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold
}
.menuatasavatar A:Visited{
	font-size:11px;
	color:#000000;
	text-decoration:none;
	font-weight:bold
}
.menuatasavatar A:Hover{
	font-size:11px;
	color:#666666;
	text-decoration:none;
	font-weight:bold
}
.menuprofiledepan {
	FLOAT: left; margin-left:0px; padding:10px; margin-right:5px; background-color:#006699;
}
.menuprofiledepan A{
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold
}
.menuprofiledepan A:Visited{
	color:#FFFFFF;
	text-decoration:none;
	font-size:11px;
	font-weight:bold
}
.menuprofiledepan A:Hover{
	color:#FFFFFF;
	text-decoration:none;
}
#kolomtengah {
	BORDER-RIGHT: 1px solid #CCCCCC; BORDER-TOP: 0px; FLOAT:left; BORDER-LEFT: 1px solid #CCCCCC; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left;
}
#kolomkiri {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT:left; BORDER-LEFT: 0px; WIDTH: 200px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; padding:0px; margin-right:0px
}
#kolomkanan {
BORDER-RIGHT: 0px; BORDER-TOP: 0px; FLOAT:left; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: transparent; TEXT-ALIGN: left; padding:0px
}
#photoutama {
 overflow:hidden;
 width:190px;
}
#pernakpernikutama {
 overflow:hidden;
 width:160px;
 height:150px;
}
#avatarProf {
 overflow:hidden;
 width:160px;
 height:150px;
}
#menukiriprofile DIV {
		 padding:5px; 
		 border-bottom:#BBBBBB solid 1px; 
		 background-color:#EFEFEF; 
		 margin-bottom:3px; 
		 margin-right:10px;
		 text-transform:uppercase;
		 font-size:12px;
		 color:#444444
}
#bawah {
		color:#FFFFFF;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		width:980px;
		padding:10px
}
#bawah A {
		color:#FFFFFF;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#bawah A:Visited {
		color:#FFFFFF;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#bawah A:Hover {
		color:#FFFFFF;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#menubawah {
		color:#000000;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
		width:980px;
		float:left;
		margin-top:20px;
}
#menubawah A {
		color:#000000;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#menubawah A:Visited {
		color:#000000;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
}
#menubawah A:Hover {
		color:#000000;
		font-size:11px;
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
}
.pilihemo A {
		font-size:12px;
		text-decoration:none;
		color:#006699;
		font-weight:bold;
}
.pilihemo A:Visited {
		font-size:12px;
		text-decoration:none;
		color:#006699;
		font-weight:bold;
}
.pilihemo A:Hover {
		font-size:12px;
		text-decoration:none;
		color:#006699;
		font-weight:bold;
}
/*menuatas*/
#sddm {	margin: 0;
		padding: 0;
		height:20px;
		z-index: 30;
		
}

#sddm li {	margin: 0;
		padding: 0;
		list-style: none;
		float: right;
		font: bold 13px arial
}

#sddm li a {	
		display: block;
		margin: 0 1px 0 0;
		padding: 4px 10px;
		background: none;
		color:#006699;
		text-align: center;
		text-decoration: none
}

#sddm li a:hover
{	background: none;color:#990000;}
.notifikasiReg div{
    position: absolute;
	visibility: hidden;
	margin-top: -25px;
	margin-left: 105px;
	padding: 5px;
	width:150px;
	float:left;
	font-size:9px;
	color:#333333;
	border:1px
	
}
#sddm div
{	position: absolute;
	visibility: hidden;
	margin-top: 0px;
	padding: 0;
	border: none;
	z-index:999;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #CBDCED;
		color: #550000;
		font: 12px arial;
		}

	#sddm div a:hover
	{	background: #3399CC;
		color: #FFFFFF}
#sddmain div
{	position: absolute;
	visibility: hidden;
	margin-top: 10px;
	margin-left: -10px;
	padding: 0;
	border: none;
	}

	#sddmain div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 8px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #96B5DA;
		color: #FFFFFF;
		border:1px solid #96B5DA
		}

	#sddmain div a:hover
	{	background: #CBDCED;
		color: #000000;
		border:1px solid #96B5DA
		}


.sddmenu div
{	position: absolute;
	visibility: hidden;
	margin-top: 0px;
	margin-left: 150px;
	padding: 10px;
	border: none;
		border:1px solid #006699;
		background-color:#FFFFFF
	}

	.sddmenu div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px;
		padding-bottom:3px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #FFFFFF;
		color: #000000;
		}

	.sddmenu div a:hover
	{	background: #CADBEB;
		color: #000000;
		}
				
/*untuk emo*/
#listemo1
{	position:absolute;
	visibility: hidden;
	margin-top: -250px;
	padding: 0;
	border: none;
	margin-left:100px;
	z-index: 30;
	height:1px;
	overflow:hidden;
	}
.listemo2 {
	position:absolute;
	visibility: hidden;
	margin-top: 0px;
	padding: 0;
	height:1px;
	overflow:hidden;
	border: none;
	margin-left:150px;
	z-index: 30
}
.sublistemo {
	width: 150px;
	height: 35px;
	overflow:hidden;
	border-bottom:#333333 1px dashed;
}
.sublistemo a {
		position: relative;
		display: block;
		margin: 0;
		padding: 10px;
		width: 150px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background:#EAEBD8;
		color:#333333;
		font: 12px arial
}

	#listemo1 div a:hover
	{	background:#DFE0C5;
		color: #333333}
.menudepan {
	color:#003366;
	font-size:12px;
	font-weight:bold
}
#menudepan A {
	color:#003366;
	font-size:13px;
	text-decoration:none;
	margin-bottom:6px;
	display: block;
}
#menudepan A:Visited {
	color:#003366;
	font-size:13px;
	text-decoration:none;
	display: block;
}
#menudepan A:Hover {
	color:#003366;
	font-size:13px;
	text-decoration:underline;
	display: block;
}
.tumdepan {
	font-size: 11px;
	color: #333333;
}
body {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #006699;
	/*background-image: url(images/bgbodybawah.gif);*/
	background-image: url(images/theme/bgbodybawah-17agustus.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	 background-attachment:fixed;
}
#tableutama {
	background-position:top;
	background-repeat:repeat-x
}
.bgframe {
	background-image:url(images/bgframe.gif); background-position:top; background-repeat:repeat-x;
}
#bukatutupmateri {
	margin-bottom:10px;
	margin-top:20px
	}
#bukatutupmateri A {
	
	margin-left:10px;
	text-decoration:none;
	color:#333333;
	font-size:10px;
	text-transform:uppercase;
	
}
#bukatutupmateri A:Hover {	
	margin-left:10px;
	text-decoration:none;
	color:#999999;
	font-size:10px;
	text-transform:uppercase;
}
#resultRep {
	color:#FF0000;
	margin-bottom:5px
}
#feedbackMateri .linkBukafeedbackShow {
	background-color:#FF3300;
	padding:5px;
	text-transform:uppercase;
	font-size:9px;
	width:150px;
	color:#FFFFFF;
	text-decoration:none
}
#feedbackMateri .linkBukafeedbackShow:Hover {
	background-color:#FF9900;
	padding:5px;
	text-transform:uppercase;
	font-size:9px;
	width:150px;
	color:#FFFFFF;
	text-decoration:none;
}
.feedbackShow {
	padding:5px;
	border-top:#CCCCCC 1px solid;
	background-color:#EFEFEF
}
.tablefeedbackNote{
	font-size:12px!important;
	}
.ketIcon {
	background-color:#000000;
	padding:5px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
	display:none; position:absolute; bottom:30px
	}
.ketIconKanan {
	background-color:#000000;
	padding:5px;
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
	display:none; position:absolute; bottom:30px; right:13px;
	}
.divIcon {
	float:left; margin-right:5px; margin-top:3px; padding:3px
	}
.tabBahasa {
	background-color:#006699; text-transform:uppercase; font-size:10px; color:#FFFFFF; padding:5px; margin:1px;float:left; border-bottom:solid #000000 1px;border-right:solid #000000 1px;border-top:solid #CCCCCC 1px;border-left:solid #CCCCCC 1px
	}
.tabBahasa A{
	color:#FFFFFF;
	text-decoration:none
}
.bottomKanan {
	color:#FFFFFF;
	font-size:10px;
	text-transform:uppercase;
	float:right;
	padding:8px;
	margin:0px;
	background-color:#3399cc;
	border-left:#000000 1px solid;
	width:35px;
	right:0px;
	}

.block {
    position: absolute;
    padding:0px;
	display:none
}
.handle {
    display:block;
    cursor:move;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	float:left;
	padding-left:5px
}
.lihatdetailProf {
	width:160px; 
	background-color:#006699;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center
}
.lihatdetailProf A{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none
}
.lihatdetailProfkiri {
	width:180px; 
	background-color:#006699;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center
}
.lihatdetailProfkiri A{
	color:#FFFFFF;
	text-transform:uppercase;
	font-size:10px;
	text-decoration:none
}
.btnAvatar {
	height:30px;
	background-color:#006699;
	border:none;
	color:#FFFFFF
}
#subbook {
	display:none; 
	background-color:#FFFFCC; 
	margin-left:-50px; 
	margin-top:0px; 
	position:absolute;
	padding:5px;
	font-size:11px;
	color:#666666
}
.stabilo {
	background-color:#FFFF00;
}
#tandaistabilo {
	position:absolute;
	cursor:pointer;
	z-index:999;
	display:none;
	}
.tombolstabilo {
	width:30px;
	height:30px;
	background-image:url(images/img_stabilo.gif);
	border:none;
	background-color:transparent;
	margin:0px!important;
	padding:0px;
}
#showMVideo {
		display:none;
		position:absolute;
		background-color:#B0CAE3;
		width:670px;
	}
#subShowMVideo {
		margin:5px;
		border:2px #333333 solid;
		background-color:#CBDCED
	}