/* body */
body {margin: 0px 0px 0px 0px;color : #333;background-color: #7184ef;font-family: Arial, Helvetica, sans-serif; font-size:12px;}
img {border: 0px solid;}
/* form */
form {margin: 0px 0px 0px 0px;}
input, textarea, select {z-index : -3;font-size: 11px;}

/* link */
a {color: #1144d6;text-decoration: none;}
a:hover {color : #30569D;text-decoration : underline;}
a:active {color : #333333;text-decoration : underline;}
#sidebar { OVERFLOW: hidden; WIDTH: 220px; WORD-WRAP: break-word}

#wrapper {
        border: 0px;
        margin: 0px;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
}

#joomla {
        position: relative;
        width: 100%;
        background:  url(images/version.png) no-repeat;
        background-position: bottom right;
        margin: 0px;
        padding: 0px;
}
table.prosa {
	background:  url(images/hmiddle1.png);
	background-repeat: repeat;
	border: 1px solid #ddd;
	padding: 0px;
	width: 95%;
	height: 23px;
}

table.atas {
	background:  url(images/atas.png);
	background-repeat: repeat;
	border: 1px solid #ddd;
	padding: 0px;
	width: 100%;
	height: 23px;
}


table.prosaku {
	background:  url(images/hmiddle1.png);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-spacing: 0px;
	width: 100%;
	height: 23px;
	border-collapse: collapse;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size : 13px;
	font-weight : bold;
}
table.adminlist {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	border: 1px solid #ddd;
	border-spacing: 0px;
	width: 100%;
	border-collapse: collapse;
}

table.adminlist th {
	margin: 0px;
	height: 23px;
	background: url(images/atas.png);
	background-repeat: repeat;
	font-size: 11px;
	color: #000;
}
table.adminlist th.title {
	text-align: left;
}

table.adminlist th a:link, table.adminlist th a:visited {
	color: #c64934;
	text-decoration: none;
}

table.adminlist th a:hover {
	text-decoration: underline;
}

table.adminlist tr.row0 {
	background-color: #F9F9F9;
}
table.adminlist tr.row1 {
	background-color: #FFF;
}
table.adminlist td {
	border-bottom: 1px solid #e5e5e5;
	padding: 4px;
}
table.adminlist tr.row0:hover {
	background-color: #f1f1f1;
}
table.adminlist tr.row1:hover {
	background-color: #f1f1f1;
}
table.adminlist td.options {
	background-color: #ffffff;
	font-size: 8px;
}

/* head */
#head_menu {height:25px;border-left:#666666 1px solid;border-right:#666666 1px solid;}
#head_dikc {height:22px; background-image: url(var/background.jpg);border-left:#C7C7C7 1px solid;border-right:#C7C7C7 1px solid; 
			border-bottom:#C7C7C7 1px solid;}
			
/* teks */
.rollup{font-size : 12px;}
.teks {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;}
.kecil {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
.insw {color:#CCFF66;font-family : Arial, Helvetica, sans-serif;font-size : 22px;font-weight: bold; text-decoration:underline;}
.menu {color:#0099CC;font-size : 11px;font-weight : bold;}
.judul {color:#000;font-size : 12px;}
.judul_cont {color:#003366;font-size : 11px;font-weight : bold;}
.contmenu { font-family:Arial, Helvetica, sans-serif;color:#ffffff;font-size : 13px;font-weight : bold;}
.copyright {color : #C40000;font-size : 11px;}
.page {color:#006699;font-size : 11px;font-weight : bold; vertical-align:bottom;} 
.index_berita {color:#993300;font-size : 12px;font-weight : bold;}
.berita{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.judul_berita{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;font-weight : bold;}
.diposting{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;}
.tgl_berita{font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;font-weight : bold;}

/* tabel */
#changeall{border:#C7C7C7 1px solid;}
#changeall a:hover{text-decoration:none;}
#newall {border:#CCCCCC solid 2px;}
#newnoki { border-bottom:#CCCCCC solid 2px; border-right:#CCCCCC solid 2px; border-top:#CCCCCC solid 2px;}
#newnoka { border-bottom:#CCCCCC solid 2px; border-left:#CCCCCC solid 2px; border-top:#CCCCCC solid 2px;}

#tabsJ {float:left;width:100%;font-size:93%;line-height:normal;border-bottom:1px solid #24618E;}
#tabsJ ul {margin:0;padding:10px 10px 0 90px;list-style:none;}
#tabsJ li {display:inline;margin:0;padding:0;}
#tabsJ a {float:left;background: url(var/tableftJ.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;}
#tabsJ a span {float:left;display:block;background: url(var/tabrightJ.gif) no-repeat right top;padding:5px 15px 4px 6px;
			   color:#24618E;}
#tabsJ a span {float:none;}
#tabsJ a:hover span {color:#FFF;}
#tabsJ a:hover {background-position:0% -42px;}
#tabsJ a:hover span {background-position:100% -42px;}
#tabsJ #current a {background-position:0% -42px;}
#tabsJ #current a span {background-position:100% -42px;color:#FFF; clear:both;}

#tabsPe {float:left;width:100%;font-size:93%;line-height:normal;border-bottom:1px solid #24618E;}
#tabsPe ul {margin:0;padding:10px 10px 0 245px;list-style:none;}
#tabsPe li {display:inline;margin:0;padding:0;}
#tabsPe a {float:left;background: url(var/tableftJ.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;}
#tabsPe a span {float:left;display:block;background: url(var/tabrightJ.gif) no-repeat right top;padding:5px 15px 4px 6px;
			   color:#24618E;}
#tabsPe a span {float:none;}
#tabsPe a:hover span {color:#FFF;}
#tabsPe a:hover {background-position:0% -42px;}
#tabsPe a:hover span {background-position:100% -42px;}
#tabsPe #current a {background-position:0% -42px;}
#tabsPe #current a span {background-position:100% -42px;color:#FFF; clear:both;}

#tabsR {float:left;width:100%;font-size:93%;line-height:normal;border-bottom:1px solid #24618E;}
#tabsR ul {margin:0;padding:10px 10px 0 0px;list-style:none;}
#tabsR li {display:inline;margin:0;padding:0;}
#tabsR a {float:left;background: url(var/tableftJ.gif) no-repeat left top;margin:0;padding:0 0 0 5px;text-decoration:none;}
#tabsR a span {float:left;display:block;background: url(var/tabrightJ.gif) no-repeat right top;padding:5px 15px 4px 6px;
			   color:#24618E;}
#tabsR a span {float:none;}
#tabsR a:hover span {color:#FFF;}
#tabsR a:hover {background-position:0% -42px;}
#tabsR a:hover span {background-position:100% -42px;}
#tabsR #current a {background-position:0% -42px;}
#tabsR #current a span {background-position:100% -42px;color:#FFF; clear:both;}

/* style lain */

#garis {width: 100%; margin: 0; border-bottom: 2px solid #e8f9b5; }
.intro { margin: 5 0 0 0;}
.small { margin: 0; color: #00aa55; font: 0.94em helvetica;}
.pager { margin: 0; font: 0.9em verdana; background:#eaeaea; padding: 2px; }
.tgl { margin: 0; color:#b30000; font: normal 0.9em helvetica;}
.media { margin:0; color:#b0b0b0; font: normal 0.9em helvetica;}
.kunci { color:#ff0000; font: bold;}
.nama_komisi { margin:0; color:#df0000; font: bold 1.1em helvetica;}
.sjudul { margin: 3 0 0 0; font: normal 1.1em helvetica;}
.aleg { font: bold 1.1em helvetica; color:#008040;}
.judul_a { margin: 0 0 2 0; padding: 0 0 2 0; font: normal 1em arial, helvetica; border-bottom: 1px solid #e9e9e9;}
.arab {font: 19px "traditional arabic";direction : rtl;text-align: right;padding: 0pt 0pt 0pt;}
.input, .input a { padding:1px; font: normal 10px verdana; border: 1px solid #b1b1b1; background-color: #ffffff; }
.submit, .submit a  { color: #ffffff; font:  bold 11px arial, helvetica; border: 1px solid #b1b1b1; background-color: #000099; }

#foto {padding:1px;}

/* pengaturan heading */

h1 {color: #ffff99;margin: -5px 0 -8 0px;font: bold 4.6em;}
h1 a:link, h1 a:visited {color: #fcfef4;text-decoration: none;}
h1 a:hover, h1 a:active {background: none;color: #daed9c;text-decoration: none;}

h2 {color: #7da721;font: bold 1.3em arial;margin: 0px 0 0 0;}
h2 a:link, h2 a:visited, h2 a:active {color: #0000b3; text-decoration: none;}
h2 a:hover {color: #ff0000; text-decoration: none;}

h3 {font: 1.1em arial; margin: 2 0 0 0;}
h3 a:link, h3 a:visited, h3 a:active {color: #535353; text-decoration: none;}
h3 a:hover {color: #ff0000;text-decoration: underline;}

h4 {font:normal 1em tahoma;margin:0;}
h4 a:link, h4 a:visited, h4 a:active {color: #7da721;text-decoration: none;}
h4 a:hover {color: #3f3f3f;text-decoration: underline;}


.slidemenu{font: bold 1em arial;margin-bottom:7px;}
.slidemenu ul{margin: 0;padding: 0;float: left;}
.slidemenu ul li{display: inline;}
.slidemenu ul li a{float: left;color: black; padding: 4px 6px;text-decoration: none;border: 1px solid #ccc;margin-right:2px;background: #f0f0f0;}
.slidemenu ul li a:visited {color: #000;}
.slidemenu ul li a:hover {background: #ffffff;}
.slidemenu ul li a.selected {color: white !important;padding-top: 6px;padding: 4px 6px;background: #800080 center center repeat-x;border: 1px solid #003366;}


.boximgheadline { width:200px; margin-top:0px; font:normal 9px arial; color:#ffffff;}
.boximgheadline img {width:200px; height:155px; }
.boximgheadline span { float:right; font:normal 9px arial; color:#000; padding-top:0; }
.boximgheadline a { font:normal 9px arial; color:#666; text-decoration:none; padding:0;}
.boximgheadline a:hover {color:#999; }



#rubrik { margin: 0 0 8 0; background-color:#f0f0f0; height:21px; padding:4px; border-top: 2px solid #b2b2b2;}
.rubrik {font:bold 1em arial; color:#000000; text-transform:uppercase;}

.gotoindex {font:normal 0.9em arial; color:#666; }
.gotoindex a:link, .gotoindex a:visited, .gotoindex a:active {color: #535353; text-decoration: none;}
.gotoindex a:hover {color: #ff0000;text-decoration: underline;}

.thumb {float:left; margin-right:3px; margin-top:3px;}
.thumb img {width:60px; height:50px; border:1px solid #ccc; margin:0; padding:1px;}

.floatleft { float: left; }
.floatright { float: right; }