body { 
	background: #EFEFEF url(http://klikbelajar.com/ujian-online/img/content.gif) top center repeat-y;
 	z-index: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: justify; border:0px; margin: 5px auto 0px; padding: 12px auto 0px; }
	p, td, table { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #555; text-align: justify; }
	hr { height: 0px; color: #000066; border-style: solid; clear: both; }
	th { font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; text-align: right; vertical-align: top }

/**** BN HTML EDITOR HERE **/
.bodyline4 {
background: #FFF;
border: solid silver;
border-width: 2px;
font-family: Arial, Helvetica;
font-size: 10px;
color: #000000;
text-decoration: none;
padding:5px;
}
.tl {
background-image: url(tl.gif);
background-position:top left;
background-repeat:no-repeat;
}
.tr {
background-image: url(tr.gif);
background-position:top right;
background-repeat:no-repeat;
}
/*******************************/

.mainheader {
	
	margin: 0px auto 0px;
	float: center;
	text-align: center;
	clear:both;
}

#navbar{
	height:120px;
	margin: 0px auto 0px;
	z-index:9;

	width:965px;
	
}

.menu{

	margin-top:0px;
	
	
}

#menu {
        height:34px;
        clear:both;
	width:920px;
	margin:0px auto 0px;
}
#menu ul{ 
        margin:0px;
        clear:both;
	list-style:none;
        float:right;
}
#menu li{
	display:block;
	float:left;
}
#menu li a{
        width:70px;
	background:#C0C0C0;
        border:none;
        border-bottom:none;
	margin:0 1px;
	padding:10px 5px 10px 5px;
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
        text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#menu li a:hover{
	background:#979797;
	border:none;
        border-bottom:none;
	text-decoration:none;
}


a:active {  color: #094C90; text-decoration: underline;}
a:hover {  color: #094C90; text-decoration: underline;}

a img {border:0px;}
a:hover img{border:0px;}

a:link {  color: #094C90; text-decoration: underline;}
a:link img{  border:0px;}
a:visited {  text-decoration: none; color: #094C90;}

.small { font-family: "Comic Sans MS",Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; vertical-align: baseline ; text-decoration: none}

.dshd { border: dashed 1px #000066 }

#tanggal {
	background: #FFF url(http://klikbelajar.com/ujian-online/img/zebra123.png) no-repeat left;
	padding-top:7px;
	padding-bottom:7px;
	font-size:9px;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	padding-right:15px;
	text-align:right;
	width:919px;
	letter-spacing:1px;
	border:1px solid #CCC;
	margin:0px auto 0px;
}
	
#content {
	height:100%;
	width:960px;
	margin:0px auto 0px;
	border:0px solid #b40000;
}

.kiri {
	width:686px;
	background:#fff url(bg-html.gif) no-repeat center top;
	border:1px solid #CCC;
	padding:40px 10px 20px 10px;
        float:left;
 	margin:5px 0 10px 12px;
	display:inline;
	clear:none;
}

.isisubtutorial {
        margin: 0 auto;
        width:660px;
        border:0px solid #CCC;
}

.tutorialcontent {
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
        -moz-border-radius:10px;
        width:600px;
        border:1px solid #CCC;
        margin:10px auto;
        background: #EBEBEB;
        padding:15px;
}

.tutorialcontent p{
	line-height:1.5em;
	color:#666;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 13px;
}

.tutorialcontent p a:hover {  
	color: #094C90; 
	text-decoration: underline;
}

.tutorialcontent ul.list-tag-awal {
	margin:0;
	padding:0;
	font-family: Trebuchet MS, Arial, Helvetica-Normal, sans-serif;
	font-size: 16px;
}

.tutorialcontent ul.list-tag-awal li a{
	padding-left:20px;
	height:18px;
	background: url(tag_green.png) no-repeat left;
}

table#table-list-tag {
	width:590px;
	font-size:16px;
}

#pilihhtmlcss {
	border:0px solid #CCC;
	background:#EBEBEB;
	width:395px;
	height:187px;
	padding:5px;
	margin:10px auto 0;
}

.kotakpilihanhtml {
	border:1px solid #CCC;
	background:#FFF;
	width:175px;
	padding:5px;
	height:165px;
	clear:none;
	float:left;
	margin:5px;
}

.kotakpilihanhtml a {
	display:block;
	border:5px solid #FFF;
}

.kotakpilihanhtml a:hover {
	display:block;
	border:5px solid #CCC;
}

.kotakpilihancss {
	border:1px solid #CCC;
	background:#FFF;
	width:175px;
	padding:5px;
	height:165px;
	clear:none;
	float:left;
	margin:5px;
}

.kotakpilihancss a {
	display:block;
	border:5px solid #FFF;
}

.kotakpilihancss a:hover {
	display:block;
	border:5px solid #CCC;
}

h1 { 
	letter-spacing: -1px;
	font: normal 210% "Trebuchet MS", Tahoma, Arial;
	font-size: 40px;
	line-height: 110%;
	text-align:left;
	margin:0 0 50px 40px;
	color:#606060;
}

.h1left {
	text-align:left;
	margin-left:10px;
	margin-bottom:130px;
	margin-top:20px;
}

h2{ 
	padding-top:10px;
	margin-bottom:5px;
	padding-bottom:0px;
	margin-left:5px;
	color:#333333;
	line-height:140%;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 14px;
}

h3 { 
	letter-spacing:0px;
	text-decoration:none;
	font-weight:normal;
	line-height:120%;
	font-family: "Trebuchet MS", Arial, Helvetica-Normal, sans-serif; 
	color:#666;
	font-size:18px;
	margin-left: 30px; 
	padding: 12px 0em 0.25em 0em;
	text-align:left;
}

h4 { 
	margin:10px 0 0 10px;
	color:#333;
	font-family: Trebuchet MS, Arial, Helvetica-Normal, sans-serif;
	font-size: 16px;
	text-align:left;
	font-weight:normal;
	letter-spacing:-1px;
	padding:5px 0 5px 0;
        background:#FFF;
	border:0;
	border-bottom:1px solid #666;
}

h5 { 
	margin:10px 0 0 0;
	letter-spacing:0px;
	text-decoration:none;
	font-weight:normal;
	font-family: "Trebuchet MS", Arial, Helvetica-Normal, sans-serif; 
	color:#666;
	font-size:22px;
	text-align:left;
	padding-bottom:5px;
	border-bottom:4px solid #999;
	
}

h6 {
	margin:5px auto 0;
	background:#FFF;
	color:#666;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 13px;
	font-weight:normal;
	text-align:center;
}

#linebreak {
	margin-top:10px;
	margin-left:7px;
	border-right:0px;
	border-top:0px;
	border-left:0px;
	height:0px;
	color: #C0C0C0;
	border-style: solid;
	clear: both;
}

#tombolnextprevious {
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
        -moz-border-radius:10px;
        width:630px;
	height:100%;
	overflow:hidden;
        border:1px solid #CCC;
        margin:20px auto 10px;
        padding:0px;
	background:#ecf3c9;
}

#tombolnextprevious a:hover .pelajaranberikutnya {
	border:5px solid #C9D787;
}

#tombolnextprevious a:hover .pelajaransebelumnya {
	border:5px solid #C9D787;
}

.pelajaransebelumnya {
	float:left;
	display:inline;
	padding:10px 10px 0 0;
	width:295px;
	height:30px;
	overflow:hidden;
	text-align:right;	
	-webkit-border-top-left-radius:10px;
	-khtml-border-top-left-radius:10px;
        -moz-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-khtml-border-bottom-left-radius:10px;
        -moz-border-bottom-left-radius:10px;
	border:5px solid #EBEBEB;
	color:#666;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 11px;
	text-decoration:underline;
	background:url(bg-previous.gif) no-repeat left;
}

.pelajaranberikutnya {
	display:inline;
	float:right;
	padding:10px 0 0 10px;
	width:295px;
	height:30px;
	overflow:hidden;
	-webkit-border-top-right-radius:10px;
	-khtml-border-top-right-radius:10px;
        -moz-border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-khtml-border-bottom-right-radius:10px;
        -moz-border-bottom-right-radius:10px;
	border:5px solid #EBEBEB;
	background:url(bg-next.gif) no-repeat right;
	color:#666;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 11px;
	text-decoration:underline;
}

.kananatas {
        float:left;
	width:218px;
	border:1px solid #CCC;
	border-bottom:3px solid #CCC;
	border-top:3px solid #CCC;
	background:#FFF;
	padding:1px;
 	margin:5px 12px 5px 5px;
 	display:inline;
}
.kananbawah {
	width:218px;
	border:1px solid #CCC;
	border-bottom:3px solid #CCC;
	background:#FFF;
	padding:1px;
	margin:5px 12px 5px 5px;
        float:left;
	display:inline;
}

.kananatas ul {
	background:#FFF;
      	display:block;
	border:0px solid #333;
	padding:0px 0 5px 10px;
       	margin:1px 0 0 0;
}

.kananatas ul li {
	display:block;
	border:1px solid #FFF;
        padding:0;
        margin:0;
}

.kananatas ul li a{
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size:19px;
	letter-spacing:-1px;
        display:block;
	color: #666;
	text-decoration: none;
	margin:3px 0 0 0;
        padding:5px;
	border-left:5px solid #CCC;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
}


.kananatas ul li a:hover{
	color: #666;
	text-decoration: underline;
	margin:3px 0 0 0;
	border-left:5px solid #666;
}

.kananbawah ul {
	background:#FFF;
      	display:block;
	border:0px solid #333;
	padding:10px 10px 10px 5px;
       	margin:1px 0 0 0;
}

.kananbawah ul li {
	background:url(../images/yellow.png) no-repeat left top;
	padding:0 0 0 20px;
	margin:0;
}

.kananbawah ul li a{
        
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size:12px;
	text-transform:lowercase;
	color: #666;
	text-decoration: none;
	margin:0;
}

.kananbawah ul li a:hover{
	color: #666;
	text-decoration: underline;
	margin:0px; 
}

ul {
        list-style:none;
}
color: #666;
	text-decoration: underline;
	margin:0px; 
}

ul {
        list-style:none;
}

.footer {
	-webkit-border-radius:10px;
	-khtml-border-radius:10px;
        -moz-border-radius:10px;
	border:1px solid #CCC;
	background:#EBEBEB;
	clear:both;
	width: 900px;
	font-family: Tahoma, Arial, Helvetica-Normal, sans-serif;
	font-size: 11px;
	color: #666;
	text-align:center;
	margin: 10px auto 10px;
	padding: 15px;
}

.footer a:link {
	color:#C0C0C0;
}
.footer a:hover {
	color:#000;
}
.footer a:visited {
	color:#C0C0C0;
}

table.utama {
	background:#b40000;
}