body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	color: #555;
	font-size:12px;
}
body {
	background-color: #390A61;
	margin: 5px;
}
a{
	text-decoration:none;
}
a img{
	border:none;
}
h3
{
	margin:0;
	padding:0;
	font-weight:bold;	
}
h1
{
	color:#1d5cbb;
}
.clear{
	clear:both;
	height:0;
}
.clear10{
	clear:both;
	height:10px;
}
.clear5{
	clear:both;
	height:5px;
}
.kiri{
	float:left;
	margin-right:10px;
}
.kanan{
	float:right;
	margin-left:10px;
}

#outer{
	display:block;
	width:950px;
	margin:0 auto;
}
#logo_stmik_amikom{
	display:block;
	position:absolute;
	/*width:220px;
	height:60px;*/
	width:235px;
	height:64px;
	background:url(images/logo_stmik_amikomII.png) no-repeat center;
	float:left;
}
#menu_top{
	float:right;	
	color:#d8b7d1;
	font-size:11px;
	padding-top:10px
}
#menu_top a{
	color:#d8b7d1;
	text-decoration:none;
	margin:0 5px;	
}
#menu_top a:hover{
	text-decoration:underline;
}

#row_a,#a1,#a9,#a4,#a3,#a_s,#a6,#a8{
	height:41px;
}
#row_a{
	background:url(images/a2.png) repeat-x bottom;
	margin-top:25px;
}
#a1{
	background:url(images/a1.png) no-repeat left bottom;
}
#a9{
	background:url(images/a9.png) no-repeat right bottom;
}
#a4{
	background:url(images/a4.png) repeat-x bottom;
	float:right;
	margin-right:20px;
}
#a3{
	background:url(images/a3.png) no-repeat left bottom;
	padding-left:7px;
}
#a_s{
	float:right;
	background:url(images/a7.png) repeat-x bottom;
}
#a6{
	background:url(images/a6.png) no-repeat left bottom;
	padding-left:11px;
}
#a8{
	background:url(images/a8.png) no-repeat right bottom;
	padding-right:6px;
}
#scari{
	width:180px;
	padding-top:8px;
}
#fcari{
	padding:0;
	margin:0 auto;
	height:22px;
	width:178px;
	white-space:nowrap;
}
#s1{
	background:url(images/s1.png) no-repeat left top;
	padding-left:11px;
}
#s5{
	background:url(images/s5.png) no-repeat right top;
	padding-right:10px;
}
#s2{
	background:url(images/s2.png) repeat-x top;
}
#s4{
	background:url(images/s4.png) repeat-x top;
	font-weight:bold;
}
#s2_input,#s4_input{
	border:none;
	padding:2px 0 2px 0;
	margin:0;
	background:none;
	font-size:12px;
	color:#CCC;
}
#s2_input{
	width:98px;
}
#s4_input{
	font-weight:bold;
	padding-left:3px;
}
#s3{
	width:1px;
	background:url(images/s3.png) no-repeat top;
}
#s1,#s2,#s3,#s4,#s5{
	display:inline-block;
	height:22px;
	float:left;
	overflow:visible;
}
#menu_main{
	float:right;
	padding:8px 7px 3px 7px;
	z-index:10;
}
#menu_main a{
	color:#5B2E89;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	padding:3px 2px 5px 2px;
	margin:0 5px;
	display:inline-block;
}
#menu_main a:hover{
	color:#FFF;
	border-bottom:3px solid #FFF;
	padding-bottom:2px;
}

#row_b{
	height:205px;
	background:#FFF url(images/b3.png) repeat-x top;
}
#b_kiri,#b1,#bflash,#b_kanan,#b4{
	height:205px;
}
#b_kiri{
	float:left;
	width:502px;
	background:#8bd6f7 url(images/b2.png) repeat-y left;
}
#b1{
	background:url(images/b1.png) no-repeat left top;
}
#bflash{
	/*background:url(images/bflash.png) no-repeat right top;*/	
}
#b_kanan{
	float:right;
	width:444px;
	background:url(images/b5.png) repeat-y right;
}
#b4{
	background:url(images/b4.png) no-repeat right top;
}
#motto{
	background:url(images/unggul_dalam_trend.jpg) no-repeat scroll center;
	width:217px;
	height:103px;
	overflow:visible;
	color:#4c0f7f;
	border-bottom:4px dotted #6a577b;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
	font-style:italic;
	white-space:nowrap;
	padding:12px 0 0 11px;
	float:left;
}
#motto .unggul{
	font-size:36px;
}
#motto .dalam{
	font-size:14px;
	margin:-13px 0 0 100px;
}
#motto .teknologi{
	font-size:18px;
	margin-top:-3px;
}
#student{
	background:#6a577b;
	width:196px;
	height:119px;
	float:left;
	color:#DEDEDE;
}
#student .title{
	font-weight:bold;
	border-bottom:1px dotted #555;
	padding:5px 10px;
}
#flogin{
	margin:0;
	padding:10px 10px;
}
#flogin label{
	display:block;
	height:20px;
	clear:both;
	padding:2px;
	font-size:11px;
	font-weight:bold;
}
#flogin .npm,#flogin .pwd{
	float:right;
	width:86px;
	margin:-2px 0;
	font-size:11px;
	padding:1px 3px;
	background:#8a7b97;
	border:1px solid #DEDEDE;
}
#flogin .go{
	float:right;
	background:#4b2c66;
	font-weight:bold;
	color:#DEDEDE;
	border:none;
	margin:2px;
	padding:2px 5px 4px 5px;
	font-size:12px;
	cursor:pointer;
}
#flogin a{
	color:#DEDEDE;
	display:block;
	font-size:10px;
	margin:6px 0 0 2px;
}
#flogin a:hover{
	color:#FFF;
}
#student .clear{
	height:10px;
	clear:both;
}

#row_c{
	height:33px;
	background:url(images/c2.png) repeat-x bottom;
}
#c1{
	height:33px;
	background:url(images/c1.png) no-repeat left bottom;
}
#c3{
	height:33px;
	background:url(images/c3.png) no-repeat right bottom;
}
#menu_domain{
	padding:7px 10px 0 0;
	text-align:right;
}
#menu_domain a{
	color:#FFCFFF;
	text-decoration:none;
	margin:1px 10px;
	font-weight:bold;
}
#menu_domain a:hover{
	color:#F90;
}

#dbody{
	margin-top:15px;
	background:#FFF;
}
#d2{background:url(images/d2.png) repeat-x top;}
#d4{background:url(images/d4.png) repeat-y left;}
#d5{background:url(images/d5.png) repeat-y right;}
#d7{background:url(images/d7.png) repeat-x bottom;}
#d1{background:url(images/d1.png) no-repeat top left;}
#d3{background:url(images/d3.png) no-repeat top right;}
#d6{background:url(images/d6.png) no-repeat bottom left;}
#d8{background:url(images/d8.png) no-repeat bottom right;padding:4px;}
#dcontent{
	height:auto;
}
.profile_container{
    		width:230px;
    		background-color:#F2F2F2;
    		
    	}
    	#p2{background:url(images/b1.jpg) repeat-x top;}
	#p4{background:url(images/b1.jpg) repeat-y left;}
	#p5{background:url(images/b1.jpg) repeat-y right;}
	#p7{background:url(images/b1.jpg) repeat-x bottom;}
	#p1{background:url(images/web2_03.jpg) no-repeat top left;}
	#p3{background:url(images/web2_05.jpg) no-repeat top right;}
	#p6{background:url(images/web2_09.jpg) no-repeat bottom left;}
	#p8{background:url(images/web2_10.jpg) no-repeat bottom right;padding:4px;}
	
.nv1,.nv2,.nv3{height:26px;}
.nv2{background:#FFF url(images/nv2.png) repeat-x top;}
.nv1{background:url(images/nv1.png) no-repeat left top;}
.nv3{background:url(images/nv3.png) no-repeat right top;}
.nvhead{
	padding:6px 2px 0 1px;
	color:#780ed0;
	font-weight:bold;
	text-align:center;
}

.bgf1,.bgf2,.bgf3,.bgf4,.bgf5,.bgf6{height:7px;}
.bgf1{background:#FFF url(images/bg1.png) repeat-x bottom;}
.bgf2{background:url(images/bg2.png) no-repeat left bottom;}
.bgf3{background:url(images/bg3.png) no-repeat right bottom;}
.content{
	border-left:1px solid #b6b4b4;
	border-right:1px solid #b6b4b4;
	padding:5px;
	background:#FFF;
}
.content .ct_berita{
	padding:4px 0;
	margin:2px 0;
	border-top:1px dotted #bbb;
	clear:both;
}
.content .title a{
	font-weight:bold;
	color:#555;
}
.content .tanggal{
	font-size:9px;
	color:#555;
}
.content .date{
	font-size:10px;
	border-bottom: thin dotted #aaa;
	margin:5px 
}
.content .list {
	text-align:left;
	font-weight:bold;
	background:url(images/panah.png) no-repeat left;
}
.content .judul {
	font-weight:bold;
	color:#3f0c6b;
	text-align:center;
}
.content .judul:hover{
	color:#f47608;
}
.content .arsip{
	font-size:10px;
	float:right;
	color:#ff7c0c;
	margin-right:10px;
}
.content .arsip:hover{
	text-decoration:underline;
}
.content.info a,.content a.info{
	margin:5px 0;
	display:block;
	padding-left:12px;
	
}
.content a.info{
	margin:1px 0;
}
.content .noborder{
	border:none;
}
.datacontent{
	margin:5px auto;
	padding:5px 10px;
	border-bottom:#CCC dotted 1px;
	color:#000;
}

/*--layout-kiri-tengah-kanan--*/
#kiri{
	width:230px;
	float:left;
	padding-top:13px;
	padding-left:13px;
}
#tengah{
	width:488px;
	float:left;
	padding-left:13px;
}
#kanan{
	width:170px;
	float:right;
	padding-top:13px;
	padding-right:13px;
}
/*--layout-konten-utama--*/
#konten
{
	width:680px;
	float:right;
	padding-right:13px;
}
#konten table{
	margin:2px 5px;
	border:#DEDEDE solid 1px;
}
#konten table tr.a{
	background:#FFF;
	margin:1px;
}
#konten table tr.b{
	background:#EEE;
	margin:1px;
}
#konten table th,#konten table td{
	border-right:#DEDEDE solid 1px;
	border-bottom:#DEDEDE solid 1px;
}
#konten table.noborder th,#konten table.noborder td{
	border-right:none;
	border-bottom:none;
}
#konten table th{
	background:#DDE;
	padding:2px;
}
#konten table td{
	padding:1px 3px;
}
#konten table .tc{
	text-align:center;
}
#konten table .tr{
	text-align:right;
}
#konten table.noborder{border:none;}
#konten .table_layout,#konten .table_layout td{border:none;}

/*--/layout-kiri-tengah-kanan--*/

/*--kiri--*/
#kalender{
	margin:0 auto;
}
/*--/kiri--*/

/*--tengah--*/
#cth2,#cth1,#cth3{height:35px;}
#cth2{background:url(images/h2.png) repeat-x top;}
#cth1{background:url(images/h1.png) no-repeat left top;}
#cth3{background:url(images/h3.png) no-repeat right top;}
#cthead{
	padding:10px 0 0 18px;
	color:#FFF;
	font-weight:bold;
}

#spotlight .contentdiv{
	color:#333;
}
#spotlight .contentdiv a{
	color:#fff;
}
#spotlight .contentdiv h3 a{
	padding:0;
	margin:0;
	font-weight:bold;
	font-size:16px;
	color:#ff8316;
}
#spotlight .contentdiv img.kiri{
	border:4px solid #999;
}
#spotlight .pagination{
	clear:both;
	text-align:center;
	padding:15px 4px 4px 4px;
}
#spotlight .pagination a.toc{
	color:#e0c7f3;
	font-weight:bold;
	background:#f7f0fc;
	border:1px solid #e0c7f3;
	padding:4px 7px;
}
#spotlight .pagination a.selected{
	background:#fefdff;
	border:1px solid #f7f0fc;
	color:#ba78eb;
}
#spotlight .pagination a:hover{
	background:#ba78eb;
	border:1px solid #ba78eb;
	color:#eee;
}

#enr{overflow:visible;}
.elearning{
	/*width:48%;*/
	width:234px;
}
.elearning .erh2,.elearning .erh1,.elearning .erh3{height:80px;}
.elearning .erh2{background:url(images/er2.png) repeat-x top;}
.elearning .erh1{background:url(images/er1.png) no-repeat top left;}
.elearning .erh3{background:url(images/er3.png) no-repeat top right;}
.elearning .erhead{
	padding:22px 10px 0 0;
	float:right;
	font-size:26px;
	font-style:italic;
	font-weight:bold;
	overflow:visible;
	color:#521189;
	letter-spacing:1px;
}
.elearning .content.line {
	border-bottom:1px dotted #bbb;
}
.elearning .content.line a{
	color:#555;
}
#eicon,#ricon{height:80px;}
#eicon{background:url(images/elearning.png) no-repeat 10px;}
#ricon{background:url(images/research.png) no-repeat 15px;}
/*--/tengah--*/

/*--kanan--*/
/*--/kanan--*/

#footer{
	color:#c581ff;
	font-size:10px;
	padding:15px;
}
#update{
	float:right;
}
#spotlight {
	padding: 0px 0 0px 0px;
	}
	
#spotlight .simple {
	padding: 2px 5px 5px 0;
	text-align:justify;
	font-size:11px;
	}	
	
#spotlight a {
	text-decoration: none;
	font-weight: lighter;
	
	}		
	
#spotlight a:hover {
	text-decoration: none;
}
.headline-img{
	float:left;
	margin:3px 7px 3px 3px;
	width:175px;
}
.tumb-berita{
	float:left;
	width:60px;
	margin:3px;
	clear:both;
}


.linkpage{
	padding:10px 0 15px 0;
	text-align:center;
}
.linkpage b, .linkpage a{
	padding:0 4px 1px 4px;
	border:#DDD outset 1px;
	margin:1px 1px 0 0;
}
.linkpage b{
	border:#DDD inset 1px;
	background:#DDD;
	color:#00F;
	font-weight:bold;
}
.linkpage .prev{
	float:left;
	max-width:40%;
	background: #fff url('images/back.png') center left no-repeat;
	padding:1px 3px 2px 18px;
	text-align:left;
}
.linkpage .next{
	float:right;
	max-width:40%;
	background: #fff url('images/forward.png') center right no-repeat;
	padding:1px 18px 2px 3px;
	text-align:right;
}
.linkpage a:hover{
	border:#DDD inset 1px;
	background-color:#E6E6FF;
	color:#F00;
}
.linknews {
	margin:5px 10px 10px 10px;
	padding: 5px 10px 25px 10px;
	border-top:#CCC dotted 1px;
}

.linknews a {
	text-decoration: none;
	color: #666;
}

.linknews a:hover {
	text-decoration: underline;
}

.arc {
	background: url('../default-violet/img/ico_folder.gif') top left no-repeat ;
	float: left;
	padding: 2px 25px 0 18px;
	height: 22px;
	font-size:11px;
}

.rss {
	float: right;
	background: url('../default-violet/img/ico_rss.gif') top left no-repeat ;
	padding: 2px 0 0 20px;
	height: 22px;
	font-size:11px;
}
.mhs_menu{
	float:right;
	margin: 0 8px 0 0;
	background:#FFF url(images/b3.png) repeat-x top;
}

/*.app,.pdf,.url{list-style:}*/
.app{list-style:url(icon/app.gif);}
.doc{list-style:url(icon/doc.png);}
.img{list-style:url(icon/img.png);}
.pdf{list-style:url(icon/pdf.gif);}
.url{list-style:url(icon/url.gif);}


/*notif*/
.notification {
    color: #FFFFFF;
    font-size: 12px;
    -moz-border-radius: 4px;
    padding: 3px 5px;
}

.notification img {
    float: left;
    margin: 0px 5px 0px 0px;
}

.notification strong {
    color: #ffee61;
}

.notification p {
    /*float: left;*/
    margin: 2px 0px 3px 0px;
}

.red {
    background-color: #f1878a;
    border: 1px solid #dd686b;
    margin: 0px 0px 5px 0px;
}

.green {
    background-color: #96b776;
    border: 1px solid #719c48;
    margin: 0px 0px 5px 0px;
}

.newsother {
	margin: 0;
	padding: 0px 5px 0 25px;
}
	
.newsother li {
	list-style:square;		
	margin: 8px 0px;	
}

.newsother li a {
	list-style:square;
	text-decoration: none;
	color: #453091;
}

.newsother li a:hover {
	border-bottom: dotted 1px #FC0022;
	color: #FC0022;
}

.justread{
	background-color: #CFCFCF; 
	border:1px solid #E3E1E1; 
	height: 20px;
	width:154px;
}

.curtext{
	text-align: right;
}
-->