/* ::::: http://www.dp2m-dikti.net/template/default/css/style-static.css ::::: */

#static { padding: 5px; line-height: 17px; }

/* ::::: http://www.dp2m-dikti.net/template/default/css/style.css ::::: */

body { margin: 9px auto 0pt; background: rgb(106, 151, 191) url('bg.gif') repeat-x; font-family: arial,tahoma,verdana,helvetica,sans-serif; font-size: 12px; color: rgb(0, 0, 0); }
#wrap { margin: 0px auto; padding: 0px; background: rgb(112, 156, 211) url('content.gif') repeat-y; width: 758px; }
#page { margin: 0px auto; padding: 0px; background: rgb(112, 156, 211) none repeat; width: 758px; }
a { color: rgb(51, 102, 153); text-decoration: none; }
a:hover { color: rgb(255, 0, 0); text-decoration: none; }
#kliping a { color: rgb(255, 255, 255); text-decoration: none; }
#kliping a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
#navigasi a { color: rgb(255, 255, 255); text-decoration: none; text-transform: uppercase; font-size: 14px; }
#navigasi a:hover { color: rgb(255, 255, 255); text-decoration: underline; }
#header { margin: 0px auto; padding: 0px; background: rgb(255, 255, 255) url('bannerdp2m.jpg') no-repeat; height: 102px; }
#nav { margin: 0px auto; background: rgb(0, 66, 147) none repeat; font-weight: bold; }
#navigasi { background: transparent url('bg-nav.gif') repeat; height: 20px; padding-top: 9px; float: right; }
#navigasi-left { background: transparent url('left-nav.gif') no-repeat; float: right; width: 45px; height: 29px; }
#navigasi-right { background: transparent url('right-nav.gif') no-repeat; float: right; width: 33px; height: 29px; margin-right: 5px; }
#nav table { margin-top: 5px; }
#isi { margin: 0pt 5px; background: transparent url('bg-isi.gif') repeat-x; width: 748px; }
#main { margin: 0px auto; padding: 5px 15px 5px 5px; text-align: justify; min-height: 500px; }
#home { margin: 0px auto; padding: 0px; height: 210px; }
#home .profile { padding: 20px 10px 10px 20px; width: 200px; text-align: right; color: rgb(255, 255, 255); }
#pagetitle { padding: 5px; font-weight: bold; font-size: 16px; color: rgb(34, 83, 157); }
#main-left .language { padding: 5px 0px 5px 10px; vertical-align: top; }
#main-left .contact { padding: 0px 0px 0px 10px; width: 200px; }
#main-left .contact .top { background: rgb(255, 255, 255) url('bg-menu-top.jpg') no-repeat; height: 14px; }
#main-left .contact .content { padding: 0px 10px; background: rgb(255, 255, 255) url('bg-menu-content.jpg') repeat-y; width: 180px; }
#main-left .contact .bottom { background: rgb(255, 255, 255) url('bg-menu-bottom.jpg') no-repeat; height: 16px; }
#main-left .contact .content span { font-weight: bold; font-size: 14px; text-transform: uppercase; }
#main-left .map { padding: 5px 0px 5px 10px; }
#main-left .img { padding: 0px 5px 0px 0px; float: left; }
#main-left .link { padding: 8px 10px 0px 0px; float: left; }
#main-left .clear { clear: both; }
#login { margin: 0pt 0pt 0pt 4px; padding: 7px; background: rgb(117, 155, 202) url('bg-login.gif') repeat-x; }
#loginjudul { margin: auto; background: transparent url('login.gif') no-repeat; width: 109px; height: 29px; }
#webmail { margin: 0pt 0pt 0pt 4px; background: rgb(117, 155, 202) url('bg-webmail.gif') repeat-x; height: 46px; text-align: center; cursor: pointer; }
#daftar { margin: 0pt 0pt 0pt 4px; height: 46px; width: 100%; text-align: center; cursor: pointer; }
#mekanisme { margin: 0pt 0pt 0pt 4px; height: 112px; text-align: center; cursor: pointer; }
#kliping { margin: 0pt 0pt 0pt 4px; background: transparent url('bg-kliping.gif') repeat; }
#main-left { padding: 0pt; background: transparent url('bg-menuleft.gif') repeat-x; float: left; width: 173px; }
#main-left ul {  }
#main-left ul li { margin-left: -20px; margin-bottom: 2px; }
#main-right { background: rgb(255, 255, 255) url('bg-menuright.gif') repeat-x; float: right; width: 570px; }
#bot-main { background: rgb(112, 156, 211) url('bot-main.gif') no-repeat; height: 24px; }
#footer { margin: 0px auto; padding: 0px; clear: both; height: 46px; text-align: center; }
#footer .copyright { padding-top: 15px; }
form { display: inline; }
.inputtext { font-family: arial,tahoma,verdana,helvetica,sans-serif; font-size: 12px; }
.inputsubmit { font-family: arial,tahoma,verdana,helvetica,sans-serif; font-size: 12px; cursor: pointer; }
.inputselect { font-family: arial,tahoma,verdana,helvetica,sans-serif; font-size: 12px; }
.inputtextarea { font-family: arial,tahoma,verdana,helvetica,sans-serif; font-size: 12px; }
label { cursor: pointer; }
.content { line-height: 18px; }

/* ::::: http://www.dp2m-dikti.net/template/default/css/cm4.css ::::: */

.clCMAbs { position: absolute; visibility: hidden; top: 0px; left: 0px; }
.clBar { border-bottom: 1px solid rgb(255, 255, 255); visibility: hidden; position: absolute; width: 10px; height: 10px; }
.dummyMon { padding: 3px 12px; font-size: 10px; font-family: arial,tahoma,verdana; position: relative; margin-right: 1px; }
.dummyMoff { padding: 3px 12px; font-size: 10px; font-family: arial,tahoma,verdana; position: relative; margin-right: 1px; }
.clLevelSep { padding: 0px; font-size: 10px; font-family: arial,tahoma,verdana; position: absolute; background-color: rgb(255, 255, 255); }
.clLevel0, .clLevel0over { padding: 3px 12px; font-size: 12px; font-family: arial,tahoma,verdana; font-weight: bold; position: absolute; cursor: pointer; }
.clLevel0 { color: rgb(221, 74, 2); }
.clLevel0over { color: rgb(239, 131, 79); }
.clLevel0border { visibility: hidden; position: absolute; }
.clLevel1, .clLevel1over, .clLevelDummy { padding: 3px 5px; font-size: 11px; font-family: arial,tahoma,verdana; }
.clLevelDummy { position: absolute; }
.clLevel1, .clLevel1over { position: absolute; cursor: pointer; }
.clLevel1, .clLevelDummy { color: rgb(0, 0, 0); background-color: rgb(197, 214, 238); }
.clLevel1over { color: rgb(255, 255, 255); background-color: rgb(121, 163, 208); }
.clLevel1border { visibility: hidden; position: absolute; background-color: rgb(255, 255, 255); }