@charset "utf-8";
/* 
	CSS Document Suara Kampus News Portal
	Using Core Engine -> SWSCoreEngine
	Core Provider -> Syalim Web Studio
	Core URL -> http://syalim.com
	Please Contact Syalim Web Studio if any errors or bugs
*/

* { padding: 0; margin: 0; }

body {
 font-family: Tahoma, Verdana, Arial, Helvetica;
 font-size: 11px;
 color: #101010;
 background-color: #f9f8f8;
}
img {
 border: none;
}
p { margin: 0;
}
.clr { clear: both }
.clear { clear: both; background: none; }
a:link, a:active { 
 color: #ad0000; 
 text-decoration: none; 
}
a:hover { 
 color: #313131;
 text-decoration: none;
}
a:visited { 
 color: #515151;
 text-decoration: none;
}
a.inv:link, a.inv:active { 
 color: #fafafa; 
 text-decoration: none; 
}
a.inv:hover { 
 color: #eaeaea;
 text-decoration: none;
}
a.inv:visited { 
 color: #cacaca;
 text-decoration: none;
}
.tombol {
 border: #aaaaaa 1px solid;
 height: 20px;
 font: bold 8pt tahoma, arial, verdana; 
 color: #911a1c;
}
.tombol:hover {
 border: #911a1c 1px solid;
 color: #414141;
}
.tombolx {
 border: #aaaaaa 1px solid;
 height: 18px;
 font: bold 8pt tahoma, arial, verdana; 
 color: #313131;
 background: #9a9a9a url(../img/bg-tbl.png) repeat;
}
.tombolx:hover {
 border: #ad0000 1px solid;
 color: #414141;
 background: #cacaca url(../img/bgtbl.png) repeat;
}
.tombolcari {
 border: 1px solid #9a9a9a;
 border-left: 0;
 background-color: #ffebeb;
 font: bold 9pt tahoma, arial, verdana;
 color: #5b4711;
}
.tombolcari:hover {
 border: #9a9a9a 1px solid;
 border-left: 0;
 color: #fafafa;
 background-color: #ad0000;
}
input, select {
	text-decoration: none;
	border: 1px solid #9a9a9a;
	background-color: #f9f8f8;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	font-family: Tahoma, Arial, Verdana, Helvetica;
	font-size: 13px;
	color: #4a4a4a;
}
input:hover {
	border: 1px solid #ad0000;
	background-color: #fefefe;
}
.tbvote {
 border: 1px solid #fafafa;
 background-color: #ad0000;
 font: bold 8pt tahoma, arial, verdana;
 color: #fafafa;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
}
.tbvote:hover {
 border: #dadada 1px solid;
 color: #dadada;
 background-color: #414141;
 -moz-border-radius: 4px; 
 -webkit-border-radius: 4px;
}
#cover { 
 margin: 0 auto;
 width: 900px;
 border-right: 2px solid #dfdfdf;
 border-left: 2px solid #dfdfdf;
}
#isi-cover {
 background-color: #ffffff;
}
#header0 {
 width: 100%;
}
#header {
 width: 890px;
 color: #313131;
 padding-left: 5px;
 padding-right: 5px;
 margin: 0;
 background: #ffffff;
}
.batas-atas {
 height: 30px;
 background-color: #ffffff;
}
#header-1 {
 padding-bottom: 6px;
 border-bottom: 1px solid #ad0000;
}
#header-1-kiri {
 float: left;
 width: 482px;
 height: 52px;
 background-color: #ffffff;
}
#header-1-kanan {
 padding-top: 39px;
 float: right;
 width: 408px;
}
#header-2 {
 padding-bottom: 3px;
 padding-top: 3px;
 border-bottom: 1px solid #dadada;
}
#header-2-kiri {
 padding-bottom: 4px;
 padding-top: 3px;
 float: left;
 width: 600px;
}
#header-2-kiri-a {
 float: left;
 width: 60px;
}
#header-2-kiri-b {
 float: right;
 width: 540px;
}
#header-2-kanan {
 float: right;
 width: 290px;
}
#navigation {
 width: 890px;
 color: #414141;
 padding-left: 5px;
 padding-right: 5px;
 margin: 0px 0px 0px 0px;
 background: #ffffff;
}
#navigation-1 {
 margin: 0;
 padding: 0;
}
#navigation-1-kiri {
 float: left;
 width: 538px;
}
#navigation-1-kanan {
 float: right;
 width: 352px;
 font-size: 11px;
 padding-top: 6px;
 padding-bottom: 3px;
 border-bottom: 1px solid #8a8a8a;
}
#navigation-2 {
 height: 22px;
 padding: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background: #ffffff url(../img/bg-submenu.gif) repeat-x bottom;
 padding-left: 10px;
 padding-right: 10px;
 padding-top: 15px;
 font-size: 12px;
}
a.submenu:link, a.submenu:active { 
 color: #515151; 
 text-decoration: none; 
}
a.submenu:hover { 
 color: #313131;
 text-decoration: underline;
}
a.submenu:visited { 
 color: #919191;
}
.batas-n-c {
 height: 15px;
 background-color: #ffffff;
}
.batasx {
 height: 12px;
 background-color: #ffffff;
}
#content { 
 width: 890px;
 color: #333;
 background: #ffffff;
 margin: 0px 0px 0px 0px;
 padding-left: 5px;
 padding-right: 5px;
}
#contentme {
 padding: 0px;
 margin: 0px;
}
#contentme-kiri {
 float: left;
 width: 650px;
}
#contentme-kiri-a {
 float: left;
 width: 177px;
}
#isicontentme-kiri {
 width: 636px;
 padding: 0;
 margin: 0;
}
.jkberita {
 font-size: 14px;
 font-weight: bold;
 color: #990000;
 margin-bottom: 14px;
 background: #ffffff url(../img/bg-topik.gif) no-repeat top;
 padding-left: 8px;
}
.judulberita {
 font-size: 16px;
 font-weight: bold;
 color: #313131;
 padding-top: 5px;
}
#modkiri {
 width: 177px;
}
#isimodkiri {
 padding-top: 5px;
 padding-bottom: 5px;
}
#contentme-kiri-b {
 float: right;
 width: 473px;
}
#modheadline {
 margin: 10px 20px 0px 20px;
 padding: 0;
 border: 2px solid #9a0000;
}
#contentme-kanan {
 float: right;
 width: 240px;
}
#content2-kiri {
 float: left;
 width: 440px;
 height: 60px;
 background-color: #dadada;
}
#content2-kanan {
 float: right;
 margin-left: 10px;
 background-color: #dadada;
 width: 440px;
 height: 60px;
}
#modkanan {
 width: 240px;
}
#isimodkanan {
 border-bottom: 1px solid #ad0000;
 border-left: 1px solid #ad0000;
 border-right: 1px solid #ad0000;
 padding: 5px;
}
#footer { 
 width: 100%;
 height: 95px;
 margin: 0;
 padding: 0;
}
#footer-1 { 
 width: 100%;
 background: #880000 url(../img/bg-footer.gif);
 height: 39px;
 border-top: 1px solid #ababab;
 color: #fafafa;
 padding-top: 20px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 text-shadow: 1px 1px 1px #313131;
}
a.footer:link, a.footer:active { 
 color: #fafafa; 
 text-decoration: none; 
}
a.footer:hover { 
 color: #dadada;
 text-decoration: none;
}
a.footer:visited { 
 color: #bababa;
 text-decoration: none;
}
#footer-2 {
 width: 100%;
 background-color: #414141;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 color: #eaeaea;
 text-shadow: 2px 2px 2px #000000;
 font-size: 12px;
 padding-top: 10px;
 padding-bottom: 10px;
}

/* ------------------------------- menu tab utama ----------------------------------------------------------- */
#skmenucontainer{height:22px;display:block;padding:12px 0 0 0;}
#skmenu{position:relative;display:block;height:22px;font-size:13px;font-family:Tahoma,Verdana,Arial,Helvitica;}
#skmenu ul{margin:0px;padding:0;list-style-type:none;width:auto;}
#skmenu ul li{display:block;float:left;margin:0;border-top: 1px solid #8a8a8a;border-left: 1px solid #8a8a8a;border-right:1px solid #8a8a8a;}
#skmenu ul li a{display:block;float:left;color:#5a5a5a;text-decoration:none;padding:3px 8px 0 8px;height:19px;background-color:#cacaca;border-bottom: 1px solid #8a8a8a;}
#skmenu ul li a:hover{color:#ad0000;background:#ffffff url(../img/bg-menua.gif) repeat-x;border-bottom: 1px solid #ffffff;}
#skmenu ul li a.current,#skmenu ul li a.current:hover{color:#ad0000;font-weight:none;background:#ffffff url(../img/bg-menua.gif) repeat-x;border-bottom: 1px solid #ffffff;}
/* ------------------------------- menu tab utama -------------------------------------------------------------*/


/* -------------- headline slideshow ---------------------- */
	#divTrigger {
	  padding-bottom: 6px;
	  padding-left: 6px;
	  padding-top: 1px;
	}
	#divTrigger a:link,#divTrigger a:visited{
	 	text-decoration: none; /* hilangkan garis bawah pada link */
	 	margin:4px 0px; /* memberi jarak antar link */
	 	padding: 1px 4px; /* menjadikan link seperti kotak */
	 	border: 1px solid #9a0000;
	    background-color: #FFF;
		font-size: 14px;
		font-weight: bold;
	    color: #8a8a8a;
	 }
	 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
	 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	    background-color: #00A;
	    color: #FFF;
	 }
	 #divContent{
	 	margin: 0px;
	 	width: 429px;
		height: 250px;
		border-bottom: 2px solid #9a0000;
		background-color: #9a0000;
		color: #ffffff;
	 }
	 #divContent div{ 
	 	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	 	display:none
	 }	
/* -------------------------- headline slide show ----------------------------- */

/* tooltip */
#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid #911a1c;
padding: 5px;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:14px;
text-align:left;
background-color: #fde7e8;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/*Adds On for best style on the portal
use free license code from separate author */
/*new pagination*/
div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #e1e1e1;	
	text-decoration: none; /* no underline */
	color: #818181;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #aa0000;

	color: #aa0000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #aa0000;
		
		font-weight: bold;
		background-color: #d1d1d1;
		color: #aa0000;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}	
/*Comment Article*/
.isikomen {
 border: 1px solid #dadada;
 background-color: #fafafa;
 padding: 7px;
 margin-bottom: 7px;
 margin-top: 7px;
}
.reader {
 font-weight: bold;
 margin-bottom: 4px;
}
.komen {
 margin-left: 20px;
 border: 1px dashed #dadada;
 padding: 4px;
 background-color: #fefefe;
}
.jawabkomen {
 margin-left: 60px;
 margin-top: 5px;
 border: 1px dotted #dadada;
 padding: 4px;
 color: #515151;
 background-color: #fefefe;
}
.formkomen {
 border: 1px dotted #dadada;
 padding: 5px;
 background: #fafafa;
 margin-top: 5px;
}
#result { color: #da0000; border: 1px dotted #e2e2e2; padding: 5px; margin-bottom: 10px; }

/*----------- polling --------------*/
.warning-polling {
 color: #ad0000;
}
.thx {
 color: #ad0000;
 font-size: 12px;
 font-weight: bold;
}