/* c 2014 kelaskita.com  */
body{background: #fff; color:#777}
a {color:#000; text-decoration:none;}
a:hover {color:#CC0000; text-decoration:none;}
div{margin:0 auto; padding:0;}
h1,h2,h3,h4,h5,h6,ul,li,dl,dt,dd,form,p,img{margin:0; padding:0; border:none; }
ul{list-style: disc; margin-left: 20px; padding-left:0px; margin-bottom: 1em;}
ol{list-style: decimal;	margin-left: 30px;margin-bottom: 1em;padding-left:0px;}
h1{font-size:22px; font-weight:normal; color:#777;}
h2{font-size:20px;}
h3, h4{font-size:16px; color:#222; font-weight:normal;}
h2{margin-top:0px; font-weight:normal; color:#777;}
/* Code **/
pre{font-family: Consolas, Monaco, Liberation Mono, Lucida Console, Monospace; font-size:100%; margin-bottom: 10px; overflow: auto;width: 96%;  color: #66735D; padding-left:5px; padding-top:0px; font-size:14px; border-radius:0px; background:#444;}
code{border:none; width:100%; font-size:14px; color:#fff;}
code a{color:#FFF;}
code a:hover{color:#000;}
.highlighttable { border-collapse: collapse; }
.highlighttable .linenos { background: none repeat scroll 0% 0% #eee; border-right: 1px solid #ccc;  padding-right: 10px; width: 20px; text-align: right; }
.highlighttable .code { padding-left: 3px; padding-right: 3px; width: 600px; }
.box2 img, .sidebar img{padding:2px;}
.erors{color:#FF0067; margin-left:15px; margin-top:10px;}
.erors-comment{color:#FF0067; margin-left:0px; margin-top:10px;}
.notif{display:inline; background:red; color:white; padding:2px 4px; font-size:12px;}
.notif a{text-shadow:0px 1px 1px #000;}
.notiffol{display:inline; background:#FF7200; color:white; padding:2px 4px;}
tr .error{background-color:#F5E1E1;}
.skor-rounded{background:#eee; font-size:26px; color:#000; padding:26px; text-align:center;}
.skor-nilai{background:#ccc; font-size:16px; color:#000; padding:10px 36px; text-align:center;}
.quiz-skor{background:#009DFF; display:inline; padding:6px 10px; text-align:center; color:#fefefe; float:left;}
.quiz-skor-detail{background:#555; display:inline; padding:6px 10px; text-align:center; color:#fefefe; float:left;}
.quiz-skor a, .quiz-skor-detail a{color:#fefefe;}
/** MENU **/
.pesan{background:#FF5600; color:#eee; font-size:15px; padding:5px 0px; float:left; border-top:1px solid #A34009; border-bottom:1px solid #A34009; width:100%;}
.pesan a{color:#692604;}
.menu-border {width:100%; display : block;border-top:3px solid #222; border-bottom: 1px solid #666;}
.menu-wrapper {width:100%; height:40px;  padding: 0px;display : block;font-weight: normal; float:left; margin:10px 0px; padding-bottom: 12px; margin-bottom:0px;}
.fotterbanner{padding:14px 0px; margin-top:26px; float:left; display:none; background:#ADADAD; color:#fff; width:100%; vertical-align:center;}
.fotterbanner h3{color:#eee;}
.fottershare{padding:10px 0px; float:left; display:block; background:#eee; color:#fff; width:100%; margin-top:100px; border-top:1px solid #ddd;}
.fottershare p{color:#444; font-size:12px; font-weight:normal; margin-bottom:0px;}
.fottershare h4{margin-bottom:6px;}
.fotterbanner a{color:#FF1700; font-size:10px;}
.homebanner{background:#444446; color:#eee; font-size:14px; font-weight:normal; color:#eee; line-height:160%;}
.homebanner h2{color:#eee;}
.homebanner p{margin-top:8px; line-height:130%; font-size:14px;}
.imghome{background:#999; padding:10px; width:100%}
.homeshare{background:#eee; color:#eee; font-size:10px; font-weight:normal; color:#eee; line-height:160%; margin-bottom:20px; border-bottom:1px solid #ccc; padding-top:6px;}
.homebanner .span2{float:right; margin-right:40px; margin-left:5px;}
.homebanner h3{font-size:18px;}
.homebanner h3{color:#eee; font-size:20px; margin-bottom:16px;}

.daftarkelas:hover{background:#999; width:100%; text-align:center; color:#fff; font-size:15px; padding:6px 12px; border:1px solid #222; display:block;}

.daftarkelas{ background:#008BFF; width:100%; text-align:center; color:#fff; font-size:15px; padding:6px 12px; border:1px solid #1F415E; display:block; }
.btn-flat, .btn-flat-big{ background:#008BFF;text-align:center; color:#fff; font-size:15px; padding:6px 12px; border:1px solid #1F415E; display:block; margin-top:2px;}

.btn-flat:hover, .btn-flat-big:hover{background:#999; text-align:center; color:#fff; font-size:15px; padding:6px 12px; border:1px solid #222; display:block;}


.btn-flat-big:hover, .btn-flat-big{padding:12px;}

.linkflat:hover{background:#999; text-align:center; color:#fff; font-size:14px; padding:6px 20px; border:1px solid #222; display:block;}
.linkflat{ background:#008BFF; text-align:center; color:#fff; font-size:14px; padding:6px 20px; border:1px solid #1F415E; display:block;}

.tentangkelas{margin-left:20px;background:#6F6F73; width:90%; text-align:center; color:#fff; font-size:16px; padding:10px 20px; border:1px solid #313133; margin-top:10px; }
.tentangkelas:hover{margin-top:10px; margin-left:20px;background:#999999; width:90%; text-align:center; color:#fff; font-size:16px; padding:10px 20px; border:1px solid #aaa;}

.apaitu{font-size:16px; color:#bbb; margin-bottom:20px;}
.bannerpik{margin-left:20px; display:block; width:917px; line-height:0px;}

.span12{margin-top:20px; }

.footer_wrepper{width:100%; padding: 0px 0 0 0; display : block;font-weight: bold; float:left; background:#f8f8f8;  border-top: 1px solid #eee; padding:20px 0px;  overflow:hidden;  bottom:0; margin-top:26px;}
.menu_footer{color:#666; font-weight:normal;}
.menu_footer a{color:#000; font-weight:normal;}
.menu_footer a:hover{color:#999; font-weight:normal;}
.sid-frame ul{margin : 0; padding : 0; list-style : none; margin-top:10px;}
.sid-frame li {border-top:1px solid #ddd; padding:10px 0px; font-size:13px;}
.sid-frame .count{padding:4px 8px; background:#eee; font-size:12px; font-align:center; margin-top:0px; color:#555; float:right; display:inline;}
.logos{display:inline; float:left; margin-right:0px; padding:0px; margin-top:0px; margin-left:17px; width:160px; margin-bottom:5px;}
.menu{display:inline; float:left;  padding:0px; margin-left:10px; color:#444; font-size:15px; margin-top:10px;}
.menu-midlle{display:block; float:left;  padding:0px; margin-left:10px; color:#444; font-size:15px; margin-top:10px; border-bottom:1px solid #ddd; width:100%;}
.menu-midlle a { margin:0px 5px; margin-left:0px; font-size:13px; padding : 11px 7px;  color:#000; text-decoration:none;
margin-top:10px;}
.menu-midlle a.on {margin :0px 5px; margin-left:0px; padding:11px 7px; text-decoration:none;  margin-left:0px; text-shadow: none;
color:#19B5FE;  font-weight:bold; }
.menu-midlle a:hover, .menu-midlle a.on:hover {margin : 0px 5px; padding :11px 7px; color:#999;margin-left:0px; }


.menuopsi ul, .menu-atas ul, .menusort ul, .menu-user ul, .menu ul, .menufluid ul, .menu-middle ul{margin : 0; padding : 0; list-style : none;}
.menu li, .menuopsi li, .menu-atas li, .menusort li, .menu-user li, .menufluid li, .menu-middle li{display : inline;}
.menu a { margin:0px 5px; margin-left:0px; font-size:13px; padding : 11px 7px;  color:#000; text-decoration:none;
margin-top:10px;}
.menu a.on {margin :0px 5px; margin-left:0px; padding:11px 7px; text-decoration:none;  margin-left:0px; text-shadow: none;
color:#000;  font-weight:bold;}
.menu a:hover, .menu a.on:hover {margin : 0px 5px; padding :11px 7px; color:#999;margin-left:0px; }

.menu a#newpost{margin-left:50px; margin-top:0px;}
.menu-title{display:inline; float:left; margin-top:20px; margin-bottom:15px;}
.menu-kanan{display:inline; float:right; margin-right:20px; margin-top:24px;} 
.menubatas{display:inline; float:left; margin-bottom:20px; font-weight:normal; border-top: 1px solid #ccc; width:100%; margin-top:0px;  color:#444;}
.menuopsi{display:inline; float:left; margin-bottom:0px; font-weight:normal;padding:10px 0px; width:915px; margin-top:0px;  color:#eee; margin-bottom:0px; background:#F5F5F5; margin-left:20px; border:1px solid #CCC; margin-bottom:1px;}}

.menu-atas{ display:inline; margin-right:20px; float:left; margin-bottom:15px;}
.menu-atas a{border:1px solid #ccc; padding:4px 6px; font-size:12px; margin:0px 2px; float:left; display:inline;}

.dropdown-menu a{border:none; width:92%;}
.menusort{display:inline; float:left; margin-bottom:10px; font-weight:normal; padding:0px; width:100%; margin-top:0px;  color:#444; 
  margin-top:0px; 
}
.menusort a{color:#000; padding:4px 10px;margin:0px; font-weight:normal; margin-left:0px; font-size:13px; display:inline; float:left;}
.menusort a.on:hover, .menusort a:hover{padding:4px 10px; color: #000; margin:0px;font-weight:normal;margin-left:0px; background:inherit; opacity:0.6;}
.menusort a.on {background:#000; color: #fff; margin:0px; font-weight:normal; padding:4px 10px;margin-left:0px;  }
.menusort a.on:hover{color:#eee;margin-left:0px; background:#999;}
.menusort h2 a, .menusort h2{font-weight:normal; font-size:20px; display:inline; color:#000; }
.menuopsiatas{display:inline; float:left; margin-bottom:0px; font-weight:normal; padding:20px 0px; width:100%; margin-top:0px;  color:#444; background:#333;
}
.menuopsiatas a{color:#fff; padding:10px;margin:0px; font-weight:normal; margin-left:0px; font-size:13px; display:inline; }
.menuopsiatas a.on:hover, .menuopsiatas a:hover, .menuopsiatas a.newdaftar{padding:10px; color: #fff; margin:0px;font-weight:normal;margin-left:0px; background:#0FB3AD;}
.menuopsiatas a.on {background:#0FB3AD; color: #000; margin:0px; font-weight:normal; padding:10px;margin-left:0px;  }
.menuopsiatas a.on:hover{color:#222;margin-left:0px; }
.menuopsiatas h2 a, .menuopsiatas h2{font-weight:normal; line-height:1; font-size:18px;}
.menuopsiatas a.newdaftar{padding:10px 40px;}
.menuopsiatas a.newdaftar:hover{background:#999}

.menucreate, .menu-user{display:inline; float:left; margin-bottom:0px; font-weight:normal; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-top: 1px solid #ccc; padding:10px 0px; width:100%; margin-top:0px;  color:#666; 
  background-color: #929497; font-weight:bold; text-shadow: 0 1px 1px #fff;
 background-color: #929497;
  background-image: -moz-linear-gradient(top, #FAFAFA, #EEE);
  background-image: -ms-linear-gradient(top, #FAFAFA, #EEE);

  background-image: -webkit-linear-gradient(top, #FAFAFA, #EEE);
  background-image: -o-linear-gradient(top, #FAFAFA, #EEE);
  background-image: linear-gradient(top, #FAFAFA, #EEE);
  background-repeat: repeat-x;
  font-size:13px;
}
.menu-user{border-bottom: none;width:97%;  margin-top:0px; }
.menuopsi a{color:#000; padding:6px 10px;margin:0px;  font-weight:normal;  font-size:12px; text-transform:uppercase; margin-left:5px}
.menuopsi a.on:hover, .menuopsi a:hover{padding:6px 10px; color: #999; margin:0px;font-weight:normal;  margin-left:5px}
.menuopsi a.on {background:#888; color: #fff; margin:0px; font-weight:normal; padding:6px 10px; margin-left:5px}
.menuopsi a.on:hover{color:#eee; padding:6px 10px; margin-left:5px; background:#000;}


.menu-user a{color:#000; padding:6px 10px;margin:0px; text-shadow: 0px 1px 1px #fff; font-weight:normal; margin-left:5px; font-size:14px;}
.menu-user a.on:hover, .menu-user a:hover{padding:6px 10px; color: #0091FF; margin:0px;font-weight:normal;margin-left:5px; }
.menu-user a.on {border-bottom:5px solid #3399CC; color: #3399CC; margin:0px; font-weight:normal; padding:6px 10px;margin-left:5px; 
}
.menu-user a.on:hover{color:#222;margin-left:5px;}
.frame-border-batas{clear:both; border-top:1px solid #ddd; margin-bottom:10px;}

.useronline-form{display:block; border-top:1px solid #ccc; padding:2px 0px; min-height:30px; width:100%; clear:both;}
.sort{margin-right:10px;}
.postauthor{border-bottom: 1px solid #ddd; padding:4px 0px; height:50px; margin-bottom:10px; margin-top:20px;}
/** Konten **/
div.konten{ width:100%; padding-left:0px; background:#fff; display:block; float:left; font-size:13px; min-height:600px; }
.konten p{margin-bottom:15px;}
/** .konten img{border:1px solid #ddd;} **/
.span6 p{font-size:13px; margin-bottom:15px; color:#666;}
.span6 h2{font-size:15px; font-weight:normal; color:#444;}
.frame-icon{font-size:22px; width:29px; display:inline; text-shadow:none; color:#888; float:left; background:#fff;}
.frame-chat-gabung, .frame-chat-keluar, .frame-chat, .frame-chat-me{float:left; padding:5px 0px;  width:100%; display:inline;  margin-bottom:0px;     border-bottom:1px solid #ddd; }
.frame-soal, .frame-soal p{font-size:15px; color:#333; display:block;}
.frame-soal-slide, .frame-soal-slide-esai{background:#fff;  margin-bottom:40px; overflow:hidden; border:1px solid #ddd; margin-top:10px;}
.frame-soal-slide, .frame-soal-slide p{font-size:20px; color:#333; margin-bottom:10px; line-height:160%;}
.frame-soal-slide-esai p, .frame-soal-slide-esai{font-size:16px; color:#333; margin-bottom:10px; line-height:160%;}
.frame-cek-soal{background:#ddd; padding:6px; width:96%; font-size:15px; color:#333; border:1px solid #ccc; margin-top:3px;}
.frame-cek-jawaban{background:#eee; padding:6px; width:96%; font-size:15px; color:#333; border:1px solid #ddd; margin-bottom:10px;}
.pertanyaan-slide{background:#F9F9F9; border-bottom:1px solid #ddd;padding:8px 15px; margin-bottom:15px;}
.frame-cek-soal p, .frame-cek-jawaban p{font-size:15px;}
.frame-quiz-user, .frame-quiz{width:180px; display:inline; height:240px; float:left; margin:0px; background:#FAFAFA; padding:10px 12px;  border:1px solid #eaeaea;}

.frame-kelas{width:220px; display:inline; height:240px; float:left; margin:0px; padding:0px; margin-right:12px; margin-top:20px; border-bottom:2px solid #ddd; background:#999; border:1px solid #ddd;}
.frame-kelas-bg{width:220px; display:inline; height:200px; float:left; margin:0px;  padding:0px;}
.frame-kelas-title{width:180px; padding:15px 10px; background:#fff; opacity:0.9; margin-top:10px; margin-left:10px; float:left;}
.frame-kelas-title a{font-size:11px;}
.frame-kelas-title h3{font-size:24px; line-height:1.2; }
.frame-kelas-title h3 a{color:#000; font-size:24px; line-height:1.2;}
.frame-kelas-title h3 a:hover{color:#FF6D00;}

.frame-kelas-bawah{display:inline;float:left; color:#444;}


.frame-quiz-user{width:150px; height:210px; margin:0px; padding:10px 12px;}
.frame-quiz{width:170px; margin-right:10px; margin-top:10px;}
.frame-quiz h3{height:24px; overflow:hidden; margin-bottom:4px;}
.frame-quiz-user h3{height:24px; overflow:hidden; margin-bottom:4px; font-size:16px;}
.frame-soal-essay, .frame-soal-essay p{font-size:16px; color:#333; margin-bottom:16px;}
.frame-soal-essay{border-bottom:1px solid #ccc; font-size:13px; background:#eee; padding:4px; padding-left:10px; padding-top:10px;}
.frame-jawaban, .frame-jawaban p{font-size:14px; color:#666;}
.frame-jawaban-slide, .frame-jawaban-slide p{font-size:18px; color:#666;}
.frame-jawaban-slide p{margin-left:0px;  width:94%; font-size:16px; color:#fff;}
.frame-chat-me{background:#fcfcfc; border-bottom:1px solid #ddd;}
.frame-chat-keluar{background:#3D3D3D; border-bottom:1px solid #444; color:#eee;}
.frame-chat-gabung{background:#ccc; border-bottom:1px solid #888;}
.frame-chat-keluar a{color:#fff;}
.frame-chat-keluar .span6{color:#ccc;}
.chathare{float:left; padding:0px;  width:100%; display:inline;  border-left:1px solid #999;  border-top:2px solid #999;}
.notif-here{width:830px; padding:10px; margin:0 auto;  height:20px; margin-bottom:0px; }
.messages{background:#F6E2BC; margin-bottom:0px; text-align:center; display:block; width:100%;}
.messages-error{background: #222; font-size:14px;margin-bottom: 0px;text-align: center;display: block;width: 100%;color: #fff; }
.frame-detail, .frame-new, .frame-priv, .frame-quote, .frame-sticky{float:left; padding:10px 20px;  width:100%; display:inline;  margin-bottom:0px;     min-height:1600px; border-left:1px solid #ddd; border-top:1px solid #ddd;} 

.frame-quote, .frame-detail{padding:30px 20px;}
.frame-sticky{padding:10px 9px;}
.frame-detail, .frame-quote, .frame-priv, .frame-sticky{ border-top:1px solid #ddd;}

.frame-detail{color:#666;}
.frame-sticky{min-height:20px; background:#555; color:#eee; border:1px solid #555; text-align:center; border-bottom:1px solid #666;}
.frame-sticky a{color:#fefefe;}
.frame-perhatian{color:#fefefe;min-height:20px; background:#555; color:#eee; border:1px solid #555; text-align:center; border-bottom:1px solid #666; padding:10px;}
.frame-tentangs{color:#fefefe;min-height:20px; background:#888888; width: 100%; text-align:center; border-bottom:1px solid #666; padding:10px 20px; float:left;}
.frame-tentangs h3{color:#fff;}
.frame-priv{min-height:260px; padding:10px 0px; width:96%;}
.frame-mini-ak{border-left:1px solid #ccc; margin-left:5px;}
.frame-vote{float:left; display:inline; width:50px; background:#CC0000; color:#ffffee; font-weight:bold; text-align:center; padding:10px 0px; margin-bottom:10px;}
.frame-stream{float:left; padding:10px 0px;  width:100%; display:inline;  margin-bottom:3px;    margin:2px; border-top:1px solid #ccc;} 
.frame-vote{float:left; display:inline; width:50px; background:#CC0000; color:#ffffee; font-weight:bold; text-align:center; padding:10px 0px; margin-bottom:10px;}
.frame-konten{display:block; width:100%; float:left; padding:10px;}
.frame-all{float:left; padding:10px 0px;  width:100%; display:inline;  margin-bottom:0px;   border-left:1px solid #999; border-bottom:1px solid #ccc; border-right:1px solid #ccc; border-left:1px solid #ccc;} 
.frame-all h2{font-size:16px; font-weight:normal;}
.frame-link{border-left:1px solid #FF5A00;}
.frame-new-konten{display:inline; width:100%; float:left; background:#fff; margin-top:15px; color:#777;box-shadow: 0 1px 2px rgba(0,0,0,0.08); margin-right:2%;}
.frame-new-konten h3{color:#777; line-height:2; font-size:16px;}
.frame-new-konten-kcl{display:inline; width:100%; float:left; background:#fff; margin-top:10px; color:#777; padding:10px 0px; margin-right:2%;}
.frame-new-konten h2{color:#777; line-height:2; font-size:24px;}
.avatar{width:48px; margin-left:0px; margin-right:5px; display:inline; float:left;}

.ava32, .avabok{width:32px; margin-left:0px; margin-right:0px; display:inline; float:right;}
.avabok{float:left; width:32px;}
.ava32{width:36px; margin-right:2px}
.avatarchat{width:50px; margin:0px 10px;  display:inline; float:left;}
.box2, .box3{width:30px; margin-left:0px; margin-right:0px; display:inline; float:left;}
.topiklist{width:100px; margin-left:0px; margin-right:5px; display:inline; float:left;}
.span6{margin-top:0px;}

.span5 h3{margin-top:10px;}
.votess{display:inline;}
p{margin-bottom:10px;}
.opsikontens, .newposting{display:inline; float:right; margin:0px;}
.opsikontens a, .newposting a{width:120px; padding:8px 10px; text-align:center; font-size:12px; font-weight:normal; margin-bottom:5px; color:#eee; background:#CC0000; margin-right:5px;}
.opsikontens a:hover, .newposting a:hover{width:100px; padding:8px 10px; text-align:center; font-size:12px; font-weight:normal; margin-bottom:5px; color:#eee; background:#3194C5; margin-right:5px;} 
.opsikontens a{background:#3194C5;}
.opsikontens a:hover{background:#CC0000;}

.namatitleactivity{width:300px; display:inline; float:left; margin-bottom:0px; font-size:13px; color:#666;}
.namamini2{width:110px; display:inline; float:left; margin-bottom:0px; font-size:13px; color:#666;}
.namamini{width:90px; display:inline; float:left; margin-bottom:0px; font-size:13px; color:#666;}
.namaonlineuser{width:230px; display:inline; float:left; margin-bottom:0px; font-size:13px; color:#666;}
.namaquizuser{width:150px; display:inline; float:left; margin-bottom:0px; font-size:13px; color:#666;}
.sid-image-title{width:150px; display:inline; float:left; margin-bottom:0px; font-size:13px;}
.sid-image-buku{width:70px; float:left; display:inline; margin-right:10px;}
.kanan{display:inline; float:right; margin-right:5px;}
.left5{margin-left:5px;}
.left15{margin-left:15px;}
.left10{margin-left:10px;}
.right5{margin-right:5px;}
.right15{margin-right:15px;}
.right10{margin-right:10px;}
.kiri{display:inline; float:left; margin-right:4px;}
.countdown{font-size:16px; display:inline; margin:0px; text-align:center; color:#fff;}
.countdown h3{font-size:32px; margin:0px;}

.slidesoalmulai{margin:0px; margin-top:0px; }
.slidesoalmulai a{background:#75B7B7; width: 96%; text-align: center; color: #fff;font-size: 15px; padding: 14px 12px; border: 1px solid #9BC6C3; display: block; border-bottom:2px solid #789996; border-radius:4px 4px 4px 4px;}
.slidesoalmulai a:hover{background:#0680E6; color:#fff;}

.moore{margin:0px; margin-top:30px; }
.moore a{background:#fff; float: left;  padding:4px 7px; display: inline;  width:97%; margin-bottom:5px; text-align:center; font-size:12px; font-weight:normal; margin-bottom:25px; color:#000; border:1px solid #ccc;}
.moore a:hover {background:#555; float: left;  padding:4px 7px; display: inline;  width:97%; margin-bottom:5px; text-align:center; color:#fefefe; margin-bottom:25px;}
.moore-preview{margin:0px; margin-top:0px;}
.moore-preview a{background:#fff; float: left;  display: inline;  width:90%; margin-bottom:0px; text-align:center; font-size:12px; font-weight:normal;  color:#000;}
.moore-preview a:hover {background:#555; float: left;  display: inline;  width:90%; margin-bottom:0px; text-align:center; color:#fefefe; }
.commenthare{width:100%; display:block; float:left; margin-bottom:30px;}
.commentform{width:70%; float:left;}
.komen_count{display:block;}
.komen_count h4{font-size:16px;}
.frame-comments{float:left; border-top:1px #ddd solid;  padding:6px 0px;  width:100%; display:inline; overflow:hidden;  } 

.frame-aktifitas, .frame-aktifitas2{float:left; border-top:1px #ddd solid;  padding:4px 0px;  width:100%; display:inline; overflow:hidden; font-size:13px; padding-top:6px;} 
.frame-aktifitas p, .frame-aktifitas p{margin-bottom:7px;}
.frame-aktifitas2{padding-top:8px; padding-bottom:6px; margin-top:5px;} 
.frame-aktifitas{margin-top:10px;}
.frame-comments .span6, .frame-comments-o .span6{font-size:13px; color:#444; width:530px;}
.avatar{width:48px; margin-left:0px; margin-right:5px; display:inline; float:left;}
.avatar48{width:48px; margin-left:0px; margin-right:10px; display:inline; float:left; margin-top:5px;}
.avatar64{width:64px; margin-left:0px; display:inline; float:left;}
.avatar32{width:34px; margin-left:0px; margin-right:10px; display:inline; float:left; margin-top:5px;}
.avatarcom{width:48px; margin-left:0px; margin-right:15px; display:inline; float:left;}
.frame-no{float:left; display:inline; width:18px; font-size:16px; color:#000; margin-right:5px}
.avatargom{width:48px; margin-left:0px; margin-right:0px; display:inline; float:left;}
.frame-progress-quiz-no{padding:15px 18px; margin-left:0px; display:inline; float:left; background:#ddd; text-align:center; margin:0px 15px; margin-left:24px; margin-bottom:5px;}

.frame-progress-quiz-yes{padding:15px 18px;  margin-left:0px; display:inline; float:left; background:#008402; color:#fff; text-align:center; margin:0px 15px; margin-bottom:5px; margin-left:24px; font-weight:bold;}
.frame-progress-quiz-ulang{padding:15px 18px;  margin-left:0px; display:inline; float:left; background:#FFB700; color:#fff; text-align:center; margin:0px 15px; margin-bottom:5px; margin-left:24px; font-weight:bold;}
.frame-progress-quiz-periksa{padding:15px 18px;  margin-left:0px; display:inline; float:left; background:#00AFFF; color:#fff; text-align:center; margin:0px 15px; margin-bottom:5px; margin-left:24px; font-weight:bold;}

.frame-progress{width:90px; display:inline; margin:0px 5px; float:left; text-align:center;}
#messagediv{margin-top:10px; clear:both; display:block;}
.frame-notif{float:left; border-bottom:1px #ddd solid;  padding:4px 0px;  width:100%; display:inline; overflow:hidden; margin-bottom:2px; clear:both;} 
.frame-notif-alert{float:left; padding:4px;  width:100%; display:inline; overflow:hidden; margin-bottom:10px;} 
.frame-notif a{color:#00417E;}
.emotusers, .smiley{max-height:48px; max-width:48px;}
.spanbox{display:inline; margin:0px; padding:0px;}
.avatarindex{width:32px; margin-left:0px; margin-right:0px; display:inline; float:left; padding-left:10px; margin-top:0px;}
.komenindex{width:32px; margin-left:0px; margin-right:0px; display:inline; float:left; padding-left:0px; margin-top:0px;}
.komenindex{margin-top:10px;}
/** SIDEBAR **/
.sidebar{margin-left:20px; display:inline; float:left; width:235px; color:#444; border:1px solid #ddd;  padding:10px 10px; padding-left:25px; padding-right:15px; padding-bottom:20px; overflow:hidden; min-height:700px;}
.sidebar-share{margin-left:20px; display:inline; float:left; width:235px; color:#444; border:1px solid #ddd; padding:0px 10px; padding-left:25px; padding-right:15px; padding-bottom:20px; min-height:200px; overflow:hidden; background:#fff;}
.sid-frame-konsultasi{background:#0FA0CC; height:150px; margin-top:15px;}
.konsultasi-frame{padding:10px; background:#444444; color:#fff;}
.quiz-frame-1{padding:10px; color:#fff; background:#10AFDF;}
.quiz-frame-2{padding:10px; color:#fff; background:#34BCE4}
.quiz-frame-3{padding:10px; color:#fff; background:#6ACEEB;}
.quiz-frame-1 a, .quiz-frame-2 a, .quiz-frame-3 a, .konsultasi-frame a{color:#fff;}
.quiz-frame-1 a, .quiz-frame-2 a, .quiz-frame-3 a{font-size:16px; }
.sid-frame-batas{margin-bottom:0px; margin-top:0px; border-bottom: 1px solid #ccc; font-size:14px; margin-bottom:7px; }
.sid-frame-konsultasi h3, .sid-frame h3, .sid-frame-quiz h3{padding:0px; width:200px; color:#000; margin-top:20px; font-size:15px; font-weight:normal; text-align:left; margin-bottom:10px;}
.sid-about{border: 1px solid #ddd; padding:4px;}
.sid-frame-quiz{background:#0B7899; height:150px; margin-top:15px;}
.konten-frame{margin-left:30px;}
/** button **/

.btn{-webkit-border-radius:1;-moz-border-radius:1;border-radius:1; }

.btn-blacks,
.btn-blacks:hover{
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  color: #ffffff;
  background:#000;
}
.btn-blacks.active,
.btn-blacks.active {
  color: rgba(255, 255, 255, 0.75);
  background-color:#555;
}

.btn-blacks {
  background-color: #000;
  background-image: -moz-linear-gradient(top, #333, #0D0D0D);
  background-image: -ms-linear-gradient(top, #333, #0D0D0D);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333), to(#0D0D0D));
  background-image: -webkit-linear-gradient(top, #333, #0D0D0D);
  background-image: -o-linear-gradient(top, #333, #0D0D0D);
  background-image: linear-gradient(top, #333, #0D0D0D);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5bc0de', endColorstr='#000', GradientType=0);
  border-color: #333 #222 #111;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}


.icon-logo-hitam, .icon-logo
 {
  display: inline-block;
  width: 150px;
  height: 40px;
  line-height:40px;
  vertical-align: text-top;
  margin-top:0px;
  float:left;
}
.icon-logo-hitam {background: url("../logo-kelas-hitam.png") no-repeat center; margin-top:0px;float:left; margin-left:10px;}


.icon-logo {background: url("../logo-new.png") no-repeat center; margin-top:0px;float:left;}
.comment-col, .vote-col, .flag-col{background:#CC0000; padding:5px; width:40px; float:left; color:#eeeeed; display:inline; text-align:center;}
.vote-col{background:#49AFCD; margin-top:7px;}
.comment-col{background:#999;}
.imageonlineuser{width:45px; float:left; display:inline; margin-right:5px;}

.sid-frame{
display:block; clear:both;
}
.siduser{width:35px; float:left; display:inline;  margin-bottom:10px;}
.sidname{width:130px; float:left; display:inline;  margin-bottom:10px;}
.sidname-int{width:160px; float:left; display:inline;  margin-top:10px; margin-left:3px; font-size:14px;}
.sidname-int a{font-size:18px; margin-top:10px; margin-left:3px;}
.namaonlineuser{float:left; display:inline; width:150px; margin-bottom:10px;}
input{padding:6px 4px;}
.menuopsishare{border-top:1px solid #ccc; display:block; width:100%; padding-top:10px; margin-top:30px;}
.lefttags{float:left; display:inline; width:58%; margin-top:20px; margin-bottom:20px;}
.rightstats{float:right; display:inline; width:38%; margin-top:20px; margin-bottom:20px;}
#imagehares img{max-width:620px;}
#imgajax{max-width:530px;}
.badat{font-size:11px; font-weight:normal; color:#999; margin-top:10px; }
.badat a {color:#CC0000}
.menuextra{margin-top:5px;}
.loadings{background:#CC0000; padding:3px 4px; font-size:12px; color:#fefefe; width:150px; font-weight:normal; position:fixed; text-position:center; text-align:center; margin-left:350px; clear:both;}

.loadings-modal{background:#F9EDBE; text-align:center; padding:4px 0px; font-size:12px; width:98%; border:1px solid #DED3A9; color:#000; margin:0 auto;}

.topss{background:#000; padding:10px 4px; font-size:12px; color:#fefefe; width:60px; font-weight:normal; position:fixed; text-position:center; text-align:center; bottom:0px; margin-left:20px;}
.topss a{color:#ddddde; font-weight:normal; font-size:12px;}

.usernamaavatar{display:inline; padding-right:10px; padding:4px 4px; float:left;}
.usernamaavatar img{max-height:22px;}
.avatarnama{display:inline; float:left; width:23px; margin-right:5px; max-height:23px;}

.namanama2, .namanama{display:inline; float:left; padding-top:2px; position:center; padding-left:5px;}
.namanama2{margin-top:4px;}
.koleksinama{display:inline; border-left:1px solid #ddd;  float:right; padding:6px 6px 2px 6px; height:22px; }
.votess{width:30px; display:inline;}
.koleksinama2{display:inline; border-left:1px solid #ddd;  float:right; padding:6px 6px 2px 6px; height:22px; background:#F2F2F2;}

.komendataform{border:1px solid #ccc; padding:0px; height:30px; color:#888; background:#eee; font-size:11px; margin:10px 0px 5px 0px;}
.komennama2{display:inline; border-left:1px solid #ccc;  float:right; padding:6px 6px 2px 6px; height:22px; background:#ddd;}
.komennama{display:inline; border-left:1px solid #ccc;  float:right; padding:6px 6px 2px 6px; height:22px; }
.datetimeajax, .frametolbar{display:inline;}
.clear {clear: both; display: block; overflow: hidden;	visibility: hidden; width: 0;height: 0;}
.koleksiopsi{border-left:1px solid #ccc; }
.koleksiopsi2{border-left:1px solid #ccc;  float:right; padding:6px 6px 2px 6px; height:22px; background:#eee;}
.usernamaavatar{display:inline; padding-right:10px; padding:4px 4px; float:left;}
.usernamaavatar img{max-height:22px;}
.avatarnama{display:inline; float:left; width:23px; margin-right:5px; max-height:23px;}
.frametolbar{display:inline;}
.facebook-login {width:31%; padding:15px 0px; float:left; display:inline; background:#1B6AA5; font-size:13px; color:#fefeff; margin-bottom:20px}  
.twitter-login{width:31%;  padding:15px 0px;float:left; display:inline; background:#77B6E6; font-size:13px; color:#fefeff; margin-bottom:20px}  
 
.plurk-login{width:31%; padding:15px 0px;float:left; display:inline; background:#CF682E; font-size:13px; color:#fefeff; margin-bottom:20px}  
.facebook-login a, .twitter-login a, .plurk-login a{padding:10px 20px; font-size:13px; color:#fefeff; text-align:center;}  
.facebook-login a:hover, .twitter-login a:hover, .plurk-login a:hover{padding:10px 20px; font-size:13px; color:red; text-align:center;}  
.facebook-like{float:left; margin-top:10px; color:#eee; width:95%;}
.frame-comments{margin:0px; display:inline; min-height:65px;}
.vote-frame, .vote-frame-detail, .vote-frame-comment{background:#ccc; border:1px solid #bbb; color:#000;}
.dropdown-menu a{color:#444; font-weight:normal; padding:7px; margin:0px;}
.dropdown-menu a:hover{color:#eee; font-weight:normal; padding:7px; margin:0px; background:#aaa;}
.dropdown-menu{max-width:350px;}
.btn{margin-right:3px;}
.sid-quiz-framet{display:block; margin-top:20px; background:#333; height:200px;} 
         .quiz-framet{display:inline; width:120px; float:left; }
         .quiz1, .quiz2, .quiz3, .quiz4{text-align:center; display:block; width:110px; padding:20px 4px; background:#10AFDF; float:left; font-size:15px; margin-bottom:2px; margin-right:2px;} 
         .quiz1:hover, .quiz2:hover, .quiz3:hover, .quiz4:hover{background:#ddd; color:#000;}
         .quiz1{ background:#2F9BB8; color:#fff;}  
         .quiz2{ background:#E13F54; color:#fff;} 
         .quiz3{ background:#00DDFF; color:#fff;} 
         .quiz4{ background:#FF00BD; color:#fff; } 
.userdataform{padding:0px; height:30px; color:#aaa; font-size:12px; margin-bottom:10px; width:97%;}

.userdataform{border-bottom:1px solid #ccc; color:#222; font-size:12px; float:left; padding:10px}
.sharedataform{padding:6px 10px;  color:#aaa; font-size:12px; margin:10px 0px; width:97%; border:1px solid #eee; color:#222;  float:left;  background:#F5F5F5; max-height:30px;}
.sharedataform a{float: left;}
.sharedataform a.on{background:#555; color:#eee;}
.sharedataform h4{font-size:16px;}
.sharedataform h2{line-height:1.2;}
.dates, .dates-activity{font-size:11px; color:#777;}
.dates a, .dates-activity a{color:#333;}
.dates-activity{font-size:15px; margin:6px 0px; display:block}
.statistik{font-size:11px; color:#333;}
 .btn-kotak{border:1px solid #ccc; padding:4px 6px; font-size:11px; margin:0px 2px; float:left; margin-bottom:6px;}

 .btn-statistik{padding:4px; margin-right:4px;}
.frame-comments-index{border-top:1px solid #ddd;  margin-top:5px; padding:4px 0px; display:block; color:#555;}

.quotesdetail{display:inline; font-size:16px; line-height:170%;}
.quotesdetail p, .quotesdetail h2{font-size:16px; line-height:170%;}
.frame-comments-user{margin:0px; display:inline; min-height:65px;float:left; border-top:1px #ccc solid;  padding-top:4px;  width:100%; display:inline; overflow:hidden; } 
.pemberitahuan{background:#111; padding:10px; font-size:12px; color:#fefefe; width:200px; font-weight:normal; position:fixed; text-position:center; text-align:center; margin-left:300px;  margin-top:60px;}
.img-kotak{border:1px solid #666; padding:3px; background:#999; margin:6px 0px;}

.menuberanda{display:inline; float:left; margin-bottom:0px; font-weight:normal; padding:10px 0px;  margin-top:10px;  color:#444; margin-right:33px;}
.menuberanda a{color:#444; padding:10px; margin:0px; text-shadow:none; font-weight:normal; background:#eee; font-size:14px;margin-right:2px;}
.menuberanda a.on:hover{padding:10px;background: #000;  margin:0px;font-weight:normal; font-size:14px; color:#fff;}
.menuberanda a.on {background:#CC0000; ; color:#fff; margin:0px; font-weight:normal; padding:10px;font-size:14px;}
.menuberanda a.on:hover{color:#fff;font-size:14px; padding:10px;}

.frame-comments-index .btn-kotak{font-size:11px; padding:2px 4px;}
/* =================== */
.frames-users{display:inline; border:1px solid #ccc; float:left; margin:6px 0px; padding:16px 10px; margin-right:18px; height:70px; overflow:hidden;}

.frame-comments-o{display:block; width:100%; float:left; background:#fff; border:1px solid #ddd; padding:7px; padding-right:0px; margin-top:10px;}
.frame-comments-coms{display:block; width:95%; float:left; background:#fff; border:1px solid #ddd; padding:7px; padding-right:0px; margin-top:0px; margin-left:5%; border-top:none;}
.frame-comments-coms-coms{display:block; width:90%; float:left; background:#fff; border:1px solid #ddd; padding:7px; padding-right:0px; margin-top:0px; border-top:none; margin-left:10%;}
.frame-comments-coms-coms-coms{display:block; width:85%; float:left; background:#fff; border:1px solid #ddd; padding:7px; padding-right:0px; margin-top:0px; border-top:none;margin-left:15%;}
.frame-comments-coms-coms-coms-coms{display:block; width:80%; float:left; background:#fff; border:1px solid #ddd; padding:7px; padding-right:0px; margin-top:0px; margin-left:20%;border-top:none;}
.comment-com{display:inline; float:left; margin:0px 6px; width:460px; overflow:hidden; margin-left:10px;}
.comment-html{overflow:hidden; width:100%; margin-right:10px;}
.comment-html p{color:#666;}
.comment-com-html{display:inline; float:left; margin:0px 10px; width:430px; overflow:hidden;}
.comment-com-com-html{display:inline; float:left; margin:0px 10px; width:400px; overflow:hidden;}
.comment-com-com-com-html{display:inline; float:left; margin:0px 10px; width:370px; overflow:hidden;}
.comment-com-com-com-com-html{display:inline; float:left; margin:0px 10px; width:340px; overflow:hidden;}
.datepicker {top: 0;left: 0;padding: 4px; margin-top: 1px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.datepicker:before {
  content: '';
  display: inline-block;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #ccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: -7px;
  left: 6px;
}
.datepicker:after {
  content: '';
  display: inline-block;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #ffffff;
  position: absolute;
  top: -6px;
  left: 7px;
}
.datepicker > div {
  display: none;
}
.datepicker.days div.datepicker-days {
  display: block;
}
.datepicker.months div.datepicker-months {
  display: block;
}
.datepicker.years div.datepicker-years {
  display: block;
}
.datepicker table {
  margin: 0;
}
.datepicker td,
.datepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td.day:hover {
  background: #eeeeee;
  cursor: pointer;
}
.datepicker td.old,
.datepicker td.new {
  color: #999999;
}
.datepicker td.disabled,
.datepicker td.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker td.today,
.datepicker td.today:hover,
.datepicker td.today.disabled,
.datepicker td.today.disabled:hover {
  background-color: #fde19a;
  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
  background-image: linear-gradient(top, #fdd49a, #fdf59a);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
  border-color: #fdf59a #fdf59a #fbed50;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.datepicker td.today:hover,
.datepicker td.today:hover:hover,
.datepicker td.today.disabled:hover,
.datepicker td.today.disabled:hover:hover,
.datepicker td.today:active,
.datepicker td.today:hover:active,
.datepicker td.today.disabled:active,
.datepicker td.today.disabled:hover:active,
.datepicker td.today.active,
.datepicker td.today:hover.active,
.datepicker td.today.disabled.active,
.datepicker td.today.disabled:hover.active,
.datepicker td.today.disabled,
.datepicker td.today:hover.disabled,
.datepicker td.today.disabled.disabled,
.datepicker td.today.disabled:hover.disabled,
.datepicker td.today[disabled],
.datepicker td.today:hover[disabled],
.datepicker td.today.disabled[disabled],
.datepicker td.today.disabled:hover[disabled] {
  background-color: #fdf59a;
}
.datepicker td.today:active,
.datepicker td.today:hover:active,
.datepicker td.today.disabled:active,
.datepicker td.today.disabled:hover:active,
.datepicker td.today.active,
.datepicker td.today:hover.active,
.datepicker td.today.disabled.active,
.datepicker td.today.disabled:hover.active {
  background-color: #fbf069 \9;
}
.datepicker td.active,
.datepicker td.active:hover,
.datepicker td.active.disabled,
.datepicker td.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td.active:hover,
.datepicker td.active:hover:hover,
.datepicker td.active.disabled:hover,
.datepicker td.active.disabled:hover:hover,
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled:hover.active,
.datepicker td.active.disabled,
.datepicker td.active:hover.disabled,
.datepicker td.active.disabled.disabled,
.datepicker td.active.disabled:hover.disabled,
.datepicker td.active[disabled],
.datepicker td.active:hover[disabled],
.datepicker td.active.disabled[disabled],
.datepicker td.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker td.active:active,
.datepicker td.active:hover:active,
.datepicker td.active.disabled:active,
.datepicker td.active.disabled:hover:active,
.datepicker td.active.active,
.datepicker td.active:hover.active,
.datepicker td.active.disabled.active,
.datepicker td.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker td span {
  display: block;
  width: 23%;
  height: 54px;
  line-height: 54px;
  float: left;
  margin: 1%;
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.datepicker td span:hover {
  background: #eeeeee;
}
.datepicker td span.disabled,
.datepicker td span.disabled:hover {
  background: none;
  color: #999999;
  cursor: default;
}
.datepicker td span.active,
.datepicker td span.active:hover,
.datepicker td span.active.disabled,
.datepicker td span.active.disabled:hover {
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(top, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
.datepicker td span.active:hover,
.datepicker td span.active:hover:hover,
.datepicker td span.active.disabled:hover,
.datepicker td span.active.disabled:hover:hover,
.datepicker td span.active:active,
.datepicker td span.active:hover:active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.active,
.datepicker td span.active:hover.active,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled:hover.active,
.datepicker td span.active.disabled,
.datepicker td span.active:hover.disabled,
.datepicker td span.active.disabled.disabled,
.datepicker td span.active.disabled:hover.disabled,
.datepicker td span.active[disabled],
.datepicker td span.active:hover[disabled],
.datepicker td span.active.disabled[disabled],
.datepicker td span.active.disabled:hover[disabled] {
  background-color: #0044cc;
}
.datepicker td span.active:active,
.datepicker td span.active:hover:active,
.datepicker td span.active.disabled:active,
.datepicker td span.active.disabled:hover:active,
.datepicker td span.active.active,
.datepicker td span.active:hover.active,
.datepicker td span.active.disabled.active,
.datepicker td span.active.disabled:hover.active {
  background-color: #003399 \9;
}
.datepicker td span.old {
  color: #999999;
}
.datepicker th.switch {
  width: 145px;
}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
  cursor: pointer;
}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
  background: #eeeeee;
}
.input-append.date .add-on i,
.input-prepend.date .add-on i {
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
}

#textsoal, #text{color:#333; font-size:13px;}
.modal{border:none; border:1px solid #ddd;
-webkit-border-radius:0px; border-radius:0px;}
}
.btn{-webkit-border-radius:0px; border-radius:0px;}
.modal-backdrop{background-color:#fff; opacity:0.9;}
.modal-backdrop.fade.in{opacity:0.9;}
textarea{color:#000;}
.control-label{font-weight:bold;}
.listdetailhare, detailhare{padding:0px 14px}
.span8{margin-top:0px;}
.frame-info-home{background:#444; padding:10px; color:#eee; display:inline; margin:4px; width:300px;}
.offlinenow{padding:2px; background:#FF3900;}
.onlinenow{padding:2px 8px; background:#006908; width:20px; height:6px}

#calendar table {
    width: 100%;
}

#calendar table tr th {
    text-align: center;
    font-size: 13px;
    background: #F5F5F5;
    padding:6px 0px;
    color: #333;
    font-weight: normal;
    border:1px solid #ddd;
}

#calendar table tr td {
    width: 10%;
    border: 1px solid #ddd;
    vertical-align: top;
    padding: 2px;
    background-color: #E0E0E0;
    font-weight: normal;
}

#calendar td.noday {
    background-color: #F5F5F5;
}

#calendar td.filled {
    background-color: #B4F0FF;
}

#calendar td.today {
    border: 1px solid #316497;
    background:#999;
}

#calendar .dayNumber {
    font-size: 13px !important;
    font-weight: normal;
}

#calendar a {
    font-size: 10px;
}
 .btn-kotak{border-bottom:2px solid #ccc;}

.jms-slideshow {
	position: relative;
	width: 100%;
	max-width: 1200px;
	min-width: 800px;
	margin: 0px auto 13px;
	min-height: 440px;
    overflow:hidden; 

}
.jms-wrapper {
	width: auto;
	min-width: 680px;
    max-width: 800px;
	height: 440px;
    overflow:hidden;
	background-color: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
	-webkit-background-clip: padding;
	-moz-background-clip: padding;     
	background-clip: padding-box;
	border: 10px solid #fff;
	border: 10px solid rgba(255, 255, 255, 0.9);
	outline: none;
	-webkit-transition: background-color 1s linear;
	-moz-transition: background-color 1s linear;
	-o-transition: background-color 1s linear;
	-ms-transition: background-color 1s linear;
	transition: background-color 1s linear;
    overflow:hidden;
}

.color-1 {
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}

.step {	
    width:800px;
    max-height:440px;
    overflow:hidden;
	display: block;
	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	-ms-transition: opacity 1s;
	-o-transition: opacity 1s;
	transition: opacity 1s;
}
.step:not(.active) {
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
}
.step h3{
	color: #fff;
	font-size: 52px;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	margin: 0;
	padding: 60px 0 10px 0;
}
.step p {
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
	font-size: 34px;
	font-weight: normal;
	position: relative;
	margin: 0;
}

.step:not(.active) a.jms-link{
	opacity: 0;
	margin-top: 80px;
}
.step img{
	position: absolute;
	right: 0px;
	top: 30px;
}
.jms-dots{
	width: 100%;
	position: relative;
	text-align: center;
	left: 0px;
	bottom: 20px;
	z-index: 2000;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-dots span{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #777;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.3);
}
.jms-dots span.jms-dots-current:after{
	content: '';
	width: 8px;
	height: 8px;
	position: absolute;
	top: 2px;
	left: 2px;
	border-radius: 50%;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.jms-arrows{
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.jms-arrows span{
	position: absolute;
	top: 50%;
	margin-top: -40px;
	height: 80px;
	width: 30px;
	cursor: pointer;
	z-index: 2000;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
}
.jms-arrows span.jms-arrows-prev{
	background: #fff url(../images/arrow_left.png) no-repeat 50% 50%;
	left: -10px;
}
.jms-arrows span.jms-arrows-next{
	background: #fff url(../images/arrow_right.png) no-repeat 50% 50%;
	right: -10px;
}
/* Not supported style */
.jms-wrapper.not-supported{
	background-color: #E3D8FF;
	background-color: rgba(227, 216, 268, 1);
}
.jms-wrapper.not-supported:after{
	content: 'The slideshow functionality is not supported on your device.';
	padding: 0px 0px 30px 0px;
	text-align: center;
	display: block;
}
.jms-wrapper.not-supported .step{
	display: none;
	position: relative;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
	margin: 20px auto;
}
.jms-wrapper.not-supported .step:first-of-type{
	display: block;
}
.jms-wrapper.not-supported .step:not(.active) a.jms-link{
	opacity: 1;
	margin-top: 40px;
}

.konten-two{width:44%; margin-right:10px; line-height:100%; height:420px; display:inline; font-size:26px; float:left;}
.konten-one{width:96%; padding:0.4em; line-height:100%; height:440px; font-size:26px; text-align:center;  margin-top:0px;}
.frame-jawaban-slide{padding:10px;}
.frame-jawaban-slide span{
	position: absolute;
	right: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	padding: 3px;
	color: #FFF;
	text-align: center;
	background: #FFDF00;
    margin-right:5px;
}
 
.frame-jawaban-slide span:after{
	content: " "; /*if CSS are disbled span elements are not displayed*/
}
 
.frame-jawaban-slide ul{
	
	list-style: none;
	position: relative;
}

.frame-jawaban-slide li{
    min-height:20px;
    font-size:14px;
    margin-bottom:10px;
    color:#fff;
    background:#75B7B7; border:1px solid #5EB092; border-bottom: 2px solid #44806B;
    padding:4px 10px;
    border-radius:4px;
}


.frame-jawaban-slide input{
	position: absolute;
	right: 0;
	margin: 5px;
	width: 80%;
	height: 31px;
	/*hide the radio button*/
	filter:alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
        cursor: pointer;
}

.frame-jawaban-slide input[type="radio"] + span{ /*the span element that immediately follow the radio button */
	visibility: hidden; /*temporarily hide the "YES" label*/
	background: #FFF;
}
 
.frame-jawaban-slide input[type="radio"] + span:after{
	content: " "; /*if CSS are disbled span elements are not displayed*/
}
 
 
.frame-jawaban-slide input[type="radio"]:checked + span{
	visibility: visible; /*show the "YES" label only if the radio button is checked*/
}

.frame-jawaban-slide input[type=radio]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  -o-transform: scale(2); /* Opera */
  -webkit-transform:scale(2)
} 

.emoticon, .emotbg{border:none}
pre.prettyprint { display: block; background-color: #333 }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: bold }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: bold } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: bold } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
li.L1,li.L3,li.L5,li.L7,li.L9 { }
@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: bold }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: bold }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: bold }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}

div.tagsinput { border:1px solid #CCC; float:left; min-height:20px; height:100%; padding-left:4px;}
div.tagsinput span.tag { border: 1px solid #0FA4D7; -moz-border-radius:2px; -webkit-border-radius:2px; display: block; float: left; padding: 3px 5px; text-decoration:none; background: #44C8F5; color: #FFF; margin-right: 5px; font-family: helvetica;  font-size:13px; margin-top:4px;}
div.tagsinput span.tag a { font-weight: bold; color: #0064FF; text-decoration:none; font-size: 11px;  } 
div.tagsinput input { width:80px; margin:0px; font-family: helvetica; font-size: 13px; border:1px solid transparent; padding:5px; background: transparent; color: #000; outline:0px;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; } 
.tags_clear { clear: both; width: 100%; height: 0px; }
.not_valid {background: #FBD8DB !important; color: #90111A !important;}
.bootstrap-timepicker.dropdown-menu {
    border-radius: 4px 4px 4px 4px;
    display: none;
    left: 0;
    margin-top: 1px;
    padding: 4px;
    top: 0;
    min-width: 10px;
}
.bootstrap-timepicker.dropdown-menu.open {
    display: inline-block;
}
.bootstrap-timepicker.dropdown-menu:before {
    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: "";
    left: 6px;
    position: absolute;
    top: -7px;
}
.bootstrap-timepicker.dropdown-menu:after {
    border-bottom: 6px solid #FFFFFF;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    content: "";
    left: 7px;
    position: absolute;
    top: -6px;
}
.bootstrap-timepicker.modal {
    margin-left: -100px;
    margin-top: 0;
    top: 30%;
    width: 200px;
}
.bootstrap-timepicker.modal .modal-content {
    padding: 0;
}
.bootstrap-timepicker table {
    margin: 0;
    width: 100%;
}
.bootstrap-timepicker table td {
    height: 30px;
    margin: 0;
    padding: 2px;
    text-align: center;
}
.bootstrap-timepicker table td span {
    width: 100%;
}
.bootstrap-timepicker table td a {
    border: 1px solid transparent;
    display: inline-block;
    margin: 0;
    outline: 0 none;
    padding: 8px 0;
    width: 3em;
}
.bootstrap-timepicker table td a:hover {
    background-color: #EEEEEE;
    border-color: #DDDDDD;
    border-radius: 4px 4px 4px 4px;
}
.bootstrap-timepicker table td a i {
    margin-top: 2px;
}
.bootstrap-timepicker table td input {
    margin: 0;
    text-align: center;
    width: 25px;
}
.bootstrap-timepicker-component .add-on {
    cursor: pointer;
}
.bootstrap-timepicker-component .add-on i {
    display: block;
    height: 16px;
    width: 16px;
}

input{padding:6px 4px;}
select{width: 97%; height: 35px;}
input{border:2px solid #ddd; padding:8px 4px; -webkit-box-shadow:none; box-shadow:none; }
textarea{border:2px solid #ddd; -webkit-box-shadow:none; box-shadow:none;}
.namatitleactivity h3, .namatitleactivity h3 a{line-height:1; margin-top:0px; margin-bottom:10px;}
.namatitleactivity p{margin-bottom:4px;}
.frame-aktifitas2 p{font-size:13px;}
.nav-pills .active>a, .nav-pills .active>a:hover {color: #000;background-color: #ccc;}
.img-circle {border-radius: 50%;}
.logoall{margin-top:20px;}
.label{text-transform:none;}
.leftless{margin-left:0px;}
.topless{margin-top:0px;}
.rightless{margin-right:0px;}
.allless{margin-left:0px; margin-right:0px}
.activitykont{display:block; float:left; width:100%;}
.width460{width:460px}.marginleft5{margin-left:5px}
.margintop10{margin-top:10px;} .marginbottom10{margin-bottom:10px;}.marginright10{margin-right:10px;}.marginright20{margin-right:20px;}
.marginleft10{margin-left:10px;} .marginleft15{margin-left:15px;} .marginleft20{margin-left:20px;} .marginleft25{margin-left:25px;}.marginleft30{margin-left:30px;}
.textarea97{width:97%; color:#000; height:50px;}.width90{width:90%; float:left;}.textarea98{width:98%; color:#000; min-height:60px;}.textarea100{width:100%; color:#000; min-height:60px;}
.modal-body{max-height: none;}
.dropdown-menu .divider {
float: left;
width:100%;
}
.dropdown-menu li{color:#000;}
.buats{background:#00B0FF; width: 90%; text-align: center; color: #fff;font-size: 15px; padding: 14px 12px; border: 1px solid #008BEE; display: block; border-bottom:4px solid #008BFF; border-radius:4px 4px 4px 4px;}
.buats:hover{background:#0680E6; color:#fff;}
.homehowto{margin-bottom:0px; background:#EEEEEE url(../images/new05/new-bg3.jpg) repeat; color:#fff; border-bottom:1px solid #ddd; margin:0 auto; padding:30px 0px; margin-bottom:10px;}

.btn-standar{background:#00B0FF; text-align: center; color: #fff;font-size: 15px; padding: 8px 20px; border: 1px solid #008BEE; display: inline; border-bottom:2px solid #008BFF; margin:6px 0px; float:left; border-radius:4px 4px 4px 4px; }
.btn-standar:hover{background:#0680E6; color:#fff;}
.btn-hijau{background:#48917C; border:1px solid #5EB092; }
.btn-hijau:hover{background:#11C98A; border-bottom: 2px solid #48917C;}
.btn-besar{display:block;}
.btn-kecil{font-size: 13px; padding: 4px 10px;}
.btn-mini{font-size: 12px; padding: 2px 6px; margin-top:0px;}
.btn-sedang{font-size: 14px; padding: 8px 0px; width:96%;}

.btn-merah{background:#D47384; border:1px solid #B56371; border-bottom:4px solid #B56371;}
.btn-merah:hover{background:#D92544; border:1px solid #B56371; border-bottom:4px solid #B56371;}

.versibaru{background:#666; text-align: center; color: #fff;font-size: 12px; padding: 2px 8px; border: 1px solid #111; display: inline;  margin:6px 0px; float:left; float:left; margin-bottom:2px; display:block; clear:both}
.versibaru:hover{background:#0680E6; color:#fff;}

.frame-border, .frame-border2{border:1px solid #ddd; padding:5px 6px; background:#fafafa; display:inline; margin-top: 10px; margin-right:3px; width:137px; display:inline; float:left;}
.frame-border2{margin-right:3px; width:160px;}
.loginnew{background:#eee; margin:0 auto; border:1px solid #ddd; margin-left:27%; width:400px; padding:20px; margin-top:50px;}
.registernew{background:#eee; margin:0 auto; border:1px solid #ddd; margin-left:25%; width:450px; padding:20px; margin-top:50px;}
.new404{margin:0 auto;  margin-left:27%; width:400px; margin-top:25px;}
.new404 p{color:#666;}
.newbisabuat{background:#eee; margin:0 auto; border:1px solid #ddd;   margin-top:20px; float:left; width:100%; text-align:center; padding:10px 0px; margin-bottom:20px;}
.newbisabuat p{font-size:14px; margin-bottom:5px;}
.newbisabuat .span2{width: 180px;}
.selamatdatang{background:#ddd; 
margin-left: 20px;
display: inline;
width: 235px;
color: #222;
border: 1px solid #ccc;
padding: 10px 10px;
padding-left: 20px;
padding-right: 9px;
padding-bottom: 10px;
overflow: hidden;
float: right;
margin-top:20px;
}
.newbisabuat .span6{text-align:left;}
.wajibdiisi{color:red; margin-left:3px; display:inline;}

.frame-perhatian2 {
float: left;
width: 100%;
padding: 7px 10px 2px 10px;
min-height: 20px;
color: #b94a48;
border:none;
background-color: #f2dede;;
border-bottom: 1px solid #eed3d7;
text-align: center;
}

.frame-perhatian2 p{
margin-top: 4px;
margin-bottom: 0px;
}
.frame-detail, frame-quote{padding-right:0px;}
.frame-quote{ border:none; border-top:1px solid #ddd;padding:0px;}
abbr {text-transform:none;}
.markdown a{color:#000; border:none; border-bottom:1px dotted #222;}
.frame-kelas-kecil {
width: 152px;
display: inline;
height: 170px;
float: left;
margin: 0px;
padding: 0px;
margin-right: 15px;
margin-bottom: 20px;
background: #fafafa;
border:1px solid #eee;
}

.frame-soal-slide .frame-kelas-kecil {margin:7px;}

.frame-kelas-bg-kecil {
width: 155px;
display: inline;
height: 140px;
float: left;
margin: 0px;
padding: 0px;
overflow:hidden;
}
.frame-kelas-title-kecil {
margin: 5px;
width: 130px;
padding: 5px;
float:left;
}
.frame-kelas-title-kecil h4{font-size:15px; line-height:1.1; margin-bottom:5px; color:#000;}
.frame-kelas-bawah-kecil{margin: 0 auto;float:left; padding:6px;  width:140px;color:#666;}
.padding15{padding: 15px 0px 15px 0px;}
.contentpan{display:inline; width:46%; float:left; margin-top:10px; color:#777; margin-right:2%;}
.contentpan .frame-new-konten, .contentpan .frame-new-konten-kcl{width:100%;} 
.frame-cmd{background:#F2F2F2; border:1px solid #eee; color:#000; border-bottom:3px solid #e5e5e5; padding:15px 10px; width: 97%; float: left; margin-top:6px; margin-bottom:10px;}
.frame-tanya{background:#fff;  margin-bottom:10px; overflow:hidden; border:1px solid #ddd; margin-top:10px;}
.frame-tanya p, .pertanyaan-slide{font-size:16px; color:#666; margin-bottom:10px; line-height:150%;}
.frame-perintah-text{float:left; width:97%; background:#000; padding:4px;}
.loader:before,
.loader:after,
.loader {
  border-radius: 50%;
  width: 2.5em;
  height: 2.5em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  margin: 8em auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  -webkit-animation-delay: 0.16s;
  animation-delay: 0.16s;
}
.loader:before {
  left: -3.5em;
}
.loader:after {
  left: 3.5em;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #ffffff;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em #ffffff;
  }
  40% {
    box-shadow: 0 2.5em 0 0 #FFF;
  }
}