@charset "utf-8";
/* CSS Document */
body
{
	background-color:#2a5184;
	background-image:url(images/bg_pattern.gif);
	background-repeat:repeat-x;
	margin-top:auto;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

#badantab
{
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

a
{
	color:#195984;
	text-decoration:none;
}

a:hover
{
	color:#999999;
}


.klir
{
	clear:both;
}

.floatkanan
{
	float:right;
}

.floatkiri
{
	float:left;
}


/*bagian atas*/

#bagianatas
{
	height:142px;
	margin:0px;
	background-color:#6098e1;
	background-image:url(images/bg_atas_shad.gif);
	background-position:top;
	background-repeat:repeat-x;
}

/*search*/

#searchkontainer
{
	background-image:url(images/bgsearch.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:40px;
}

#sdin
{
	width:900px;
	
}

.wraper
{
	width:900px;
	margin:0px auto;
}

#sdinhholder
{
	width:800px;
}

#searchholder
{
	width:305px;
	padding-left:50px;
}

#search
{
	width:224px;
	padding-left:17px;
	padding-right:28px;
	padding-top:4px;
}

#search[id]
{
	width:210px;
	padding-left:17px;
	padding-right:28px;
	padding-top:4px;
}

#searchtxt
{
	margin-top:4px;
	width:177px;
}

#txt_qsearch
{
	height:25px;
	width:160px;
	font-size:11px;
	color:#666666;
	border:solid 1px #CCCCCC;
	padding-left:5px;
	padding-right:5px;
}

#txt_qsearch:hover
{
	border:solid 1px #666666;
	background-color:#cbddf4
}

#searchbutt
{
	padding-top:2px;
	width:30px;
}

#buttholder
{
	width:495px;
	text-align:right;
	padding-right:50px;
}

#menuatas
{
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
}

#menuatas a
{
	padding-top:18px;
	padding-right:17px;
}
/*header*/

#headkontainer
{
	height:102px;
	background-image:url(images/bgheader.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#badanheader
{
	margin:0px auto;
	width:900px;
}

#badanheaderkiri
{
	background-image:url(images/shadowheaderkiri.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

#badanheaderkanan
{
	background-image:url(images/shadowheaderkanan.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

#headercontentholder
{
	width:800px;
	height:102px;
	background-color:#fbfaf7;
	margin-left:50px
}

#headercontent
{
	background-image:url(images/head.png);
	background-repeat:no-repeat;
	background-position:top;
	height:100px;
}

/*badan*/
#badan
{
	margin:0px auto;
	width:900px;
	
}
/*shadow kiri*/
#badankiri
{
	background-image:url(images/shadowkiri.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
/*shadow kanan*/
#badankanan
{
	background-image:url(images/shadowkanan.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

/*isi utama dimulai disini*/

#isi
{
	width:800px;
	margin-left:50px;
	
}
/*header dan navigasi mulai*/		
#atas
{
	width:800px;
	margin:0px;
	background-color:#fafafa;
}

#navigatio
{
	height:59px;
	background-color:#fbfaf7;
	background-image:url(images/bgnav.gif);
	background-position:top;
	background-repeat:repeat-x;
}

#menu
{
	margin-left:50px;
	margin-right:50px;
	width:600px;
	height:39px;
	padding-top:20px;
	color:#bebebe;
}

#menu a
{
	color:#195984;
	padding-left:12px;
	padding-right:12px;
	padding-bottom:25px;
}

#menu a:hover
{
	background-image:url(images/arrow.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	color:#999999;
}

.garis
{
	color:#dcdada;
}

ul
{
	list-style:none;
	display:inline;
}

ul li
{
	display:inline;
	margin-left:3px;
	margin-right:3px;	
}

ul li a
{
	color:#4c6a98;	
}

ul li a:hover
{
	color:#b9b8b8;
}
/*header dan navigasi akhir*/

/*isi utama mulai*/
#tengah
{
	width:800px;
	background-color:#ffffff;
}

#headcontain
{
	background-image:url(images/headcontain.png);
	background-repeat:no-repeat;
	background-position:top;
	height:217px;
	
}

#isikiri
{
	margin:0px;
	width:157px;
	background-color:#FFFFFF;
}

.iconholder
{
	height:65px;
	padding-bottom:2px;
	padding-top:2px;
	border-bottom:1px solid #ebebeb;
	
}

.iconbg[class]
{
	width:87px;
	height:50px;
	margin-top:2px;
	padding-left:8px;
	padding-top:14px;
	background-image:url(images/bg_iconkiri.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.iconbg
{
	width:95px;
	height:65px;
	margin-top:2px;
	padding-left:8px;
	padding-top:14px;
	background-image:url(images/bg_iconkiri.gif);
	background-position:top;
	background-repeat:repeat-x;
}

.iconbg[class]
{
	width:95px;
	height:66px;
	margin-top:2px;
	padding-left:8px;
	padding-top:14px;
	background-image:url(images/bg_iconkiri.gif);
	background-position:top;
	background-repeat:repeat-x;
}


.icontxt
{
	width:95px;
	height:65px;
	background-color:#e1e1e1;
}

.icontxt[class]
{
	width:95px;
	height:66px;
	background-color:#e1e1e1;
}

.iconimg
{
	width:58px;
	height:66px;
	border-right:4px solid #ece9e4;
}

.iconno
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#b7ad96;
}

.iconstring
{
	font-size:11px;
	color:#b7ad96;
}

#menukiri
{
	width:157px;
	padding-top:2px;
	padding-bottom:13px;
	background-image:url(images/shadowmenukiri.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#1c3966;
}

#isikanan
{
	width:643px;
	background-color:#ffffff;
}

#isiutama
{
	width:643px;
	background-color:#ffffff;
}

#isiutama_kiri
{
	width:386px;
	background-color:#ffffff;
}

.isinyakiri
{
	width:386px;
}

.contain
{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
	width:346px;
	background-color:#fafafa;
}

.beritaholder
{
	padding:5px;
	margin-bottom:1px;
	color:#5b83b6;
}

.beritaholder:hover
{
	background-color:#FFFFFF;
}

.tanggalberita
{
	width:100px;
	font-size:11px;
	text-align:left;
	padding-bottom:10px;
}

.judulberita
{
	width:236px;
}

.judulberita a
{
	color:#5b83b6;
}


.judulberita a:hover
{
	color:#d4d4d4;
	
}


#isiutama_kanan
{
	width:232px;
	padding-top:15px;
	padding-left:3px;
	padding-right:12px;
	background-color:#FFFFFF;
}

.shadowkiri
{
	width:240px;
	background-image:url(images/shadowinfokiri.gif);
	background-repeat:no-repeat;
	background-position:left top;
}

.shadowkanan
{
	width:240px;
	background-image:url(images/shadowinfokanan.gif);
	background-repeat:no-repeat;
	background-position:right top;
}

.isikananholder
{
	width:230px;
	margin-left:5px;
	margin-right:5px;
	background-color:#f4f4f4;
	background-image:url(images/bggradutamakanan.png);
	background-repeat:repeat-x;
	background-position:bottom;
	margin-bottom:35px;
}


.containkanan
{
	width:230px;
	padding-left:25px;
	padding-bottom:20px;
}


#containlink
{
	padding-bottom:30px;
}

.linkholder
{
	padding-bottom:10px;
	text-align:center;
}
/*isi utama akhir*/

/*footer mulai*/

#bawah
{
	width:800px;
	height:136px;
	background-color:#114166;
	text-align:center;
	background-image:url(images/shadowkaki.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	margin-bottom:5px;
}

#donlot
{
	width:157px;
	height:44px;
	background-color:#f1efef;
	background-image:url(images/icon_download.gif);
	background-repeat:no-repeat;
	background-position:left;
	text-align:left;
}

#_menubawah
{
	height:44px;
	background-color:#dddddd;
}

#menubawah
{
	width:643px;
	padding-top:15px;
	height:44px;
	background-color:#2c5692;
	background-image:url(images/bgnavbawah.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#menubawah[id]
{
	width:643px;
	padding-top:15px;
	height:29px;
	background-color:#2c5692;
	background-image:url(images/bgnavbawah.gif);
	background-repeat:repeat-x;
	background-position:top;
}

.menubawahstr
{
	color:#999999;
}

.menubawahstr:hover
{
	color:#cccccc;
}

#watermarkholder
{
	background-color:#fbfaf7;
	height:75px;
}

#watermark
{
	height:75px;
	padding-top:10px;
	padding-left:140px;
	padding-right:140px;
	text-align:center;
	color:#969696;
	background-image:url(images/bgfoot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fbfaf7;
}

#watermark[id]
{
	height:63px;
	padding-top:10px;
	padding-left:140px;
	padding-right:140px;
	text-align:center;
	color:#969696;
	background-image:url(images/bgfoot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fbfaf7;
}

/*footer akhir*/

/*isi utama berakhir disini*/


/*==========================================================================
----------------------------------------------------------------------------
****************************************************************************
||                       -={ css untuk mainpage|kategori pages}=-                       ||
****************************************************************************
----------------------------------------------------------------------------
==========================================================================*/



.maincat_pad[class]
{
	width:603px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
}

.maincat_pad
{
	width:643px;
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
	padding-right:20px;
}

/*<doclist>t*/



.holderdoc
{
	width:643px;
	background-color:#ffffff;
}
.tahundocholder
{
	text-align:center;
	padding:10px 15px 10px 15px;
}

.juduldocholder
{
	background-color:#4d77b3;
	border-bottom:1px solid #e6e6e6;
}

.juduldocholderkiri
{
}

.juduldoc
{
	
	font-size:12px;
	font-weight:bold;
	padding-bottom:15px;
	padding:10px 15px 10px 15px;
	color:#ebe8e0;
	border-bottom:4px solid #e6e6e6;
	text-align:center;
}

.hilitedoc
{
	text-align:justify;
	background-color:#fafafa;
	padding:10px 15px 10px 15px;
}

.juduldocholderkanan
{
	padding:3px 15px 3px 15px;
	text-align:right;
	background-color:#ffffff;
}


.isidocholder
{
	background-color:#fafafa;
	border-bottom:1px solid #f2f2f2;
	width:643px;
}


.isidocholderkiri
{
	padding-top:5px;
	padding-bottom:5px;	
	width:490px;
	text-align:left;
}

.isidoc:hover
{
	background-color:#ffffff;
}

.nodoc
{
	width:25px;
	padding-left:15px;
}

.isidoc
{
	width:435px;
	padding-right:15px;
}

.titledoc
{
}

.notedoc
{
}

.isidocholderkanan
{
	width:153px;
}

.isidocholderkanan:hover
{
	background-color:#ffffff;
}

.icondlholder
{
	width:83px;
	padding-top:5px;
	padding-bottom:5px;
}

.dlbuttholder
{
	width:70px;
	padding-top:5px;
	padding-bottom:5px;
}

.halamandocholder
{
	text-align:center;
	padding:10px 15px 10px 15px;
}

/*
<div class="isidocholder">
	<div class="isidocholderkiri floatkiri">
    	<div class="nodoc floatkiri">
        </div>
        <div class="isidoc floatkanan">
        	<div class="titledoc">
            </div>
            <div class="notedoc">
            </div>
        </div>
    </div>
    <div class="isidocholderkanan floatkanan">
    	<div class="icondlholder floatkiri">
        </div>
        <div class="dlbuttholder floatkanan">
        </div>
        <div class="klir">
        </div>
    </div>
    <div class="klir">
    </div>
</div>
*/

/*</doclist>*/

/*<judul dan artikel>*/

.judul
{
	font-weight:bold;
	font-size:12px;
	font-family:"Tahoma", arial, helvetica, sans-serif;
}

.judul a
{
	text-decoration:underline;
}

.artikelnon
{
	font-size:11px;
	font-family:"Tahoma", arial, helvetica, sans-serif;
}

.artikel
{
	font-size:11px;
	font-family:"Tahoma", arial, helvetica, sans-serif;
}

.artikel a
{
	text-decoration:underline;
}

.judulkategoriatas
{
	padding:10px 15px 10px 15px;
	color:#ebe8e0;
	background-color:#4d77b3;
	text-align:center;
}

/*</judul dan artikel>*/

/*<forum>*/

.judulforum
{
	background-color:#96b4df;
	padding:10px;
}

.tanggalforum
{
	background-color:#b3cbee;
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
}


.noteforum
{
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
}

.pengirimforum
{
	background-color:#fafafa;
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
}

.tanggapanforum
{
	background-color:#fefefe;
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
}

.isitanggapanforum
{
	background-color:#fefefe;
	padding:10px;
	padding-bottom:6px;
	padding-top:2px;
}

.tanggaltanggapanforum
{
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:right;
	border-top:1px solid #E1E1E1;
}
/*</forum>*/

/*<form input>*/

input
{
	padding:4px;
	background-color:#fefefe;
	border:1px solid #E1E1E1;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}

input:hover
{
	background-color:#eaeaea;
	border:1px solid #d8d8d8;
}

textarea
{
	padding:4px;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	background-color:#fefefe;
	border:1px solid #E1E1E1
}

textarea:hover
{
	background-color:#eaeaea;
	border:1px solid #d8d8d8;
}

select
{
	padding:4px;
	background-color:#fefefe;
	border:1px solid #E1E1E1;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
}
/*</form input>*/

/*<guestbook>*/

.namaguest
{
	background-color:#fafafa;
	padding:10px;
	padding-bottom:6px;
	padding-top:6px;
}

.isiguest
{
	padding:10px;
	padding-bottom:6px;
	padding-top:2px;
	
}

.tanggalguest
{	
	
	padding:10px;
	padding-bottom:2px;
	padding-top:2px;
	text-align:right;
	border-top:1px solid #E1E1E1;
}

/*</guestbook>*/

/*<news>*/
.newstanggal
{
	background-color:#b3cbee;
	padding:5px;
}
/*</news>*/
/*==========================================================================
----------------------------------------------------------------------------
****************************************************************************
||                               -={END}=-                                ||
****************************************************************************
----------------------------------------------------------------------------
==========================================================================*/

/*==========================================================================
----------------------------------------------------------------------------
****************************************************************************
||                       -={ DARI CSS YANG DULU }=-                       ||
****************************************************************************
----------------------------------------------------------------------------
==========================================================================*/

/*tree menu mulai disini*/

SPAN.TreeviewSpanArea A {
	font-family: "Tahoma", Arial, Helvetica, sans-serif;
	font-size: 11px;
	/*color: #333333;*/
	margin-top:2px;
	text-decoration: none;
	color:#838383;
}
SPAN.TreeviewSpanArea A:hover {
	/*color: #820082;*/
	color:#195984;
}
SPAN.TreeviewSpanArea A:visited {
	/*color: #820082;*/
	/*color:#ffffff;*/
}

/*tree menu selesai disini */


/*baloon tooltip untuk berita mulai disini*/
/*
background-color:#244374;
background-color:#4d77b3;
color:#ebe8e0;
color:#bfb093;
*/
.balloonstyle{
	background-image:url(images/bggradasiutamakanan.png);
	background-repeat:repeat-x;
	background-position:bottom;
	position:absolute;
	top: -500px;
	left: 0;
	padding: 5px;
	visibility: hidden;
	border:1px solid #CCCCCC;
	line-height: 18px;
	z-index: 100;
	background-color:#f4f4f4;
	width: 250px;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#bcbcbc,direction=135,Strength=3);
}

#arrowhead{
	z-index: 99;
	position:relative;
	top: -500px;
	left: 0;
	visibility: hidden;
}

.curlycontainer{
	height: auto;
	width: auto;
}
.curlycontainer .innerdiv{
	position: relative;
	padding: 0px 0px 20px 0px;
	font-family:"Tahoma", Arial, Helvetica, sans-serif;
	font-size:11px;
}

.juduldantanggal
{
	position: relative;
	width:250px;
}

.judulbalon
{
	width:250px;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:5px;
	
}

.judulbalonstring
{
	color:#666666;
}

.tanggalbalon
{
	padding-right:5px;
	text-align:right;
	background-color:#244374;
	color:#bfb093;
}

.gambardanisi
{
	width:336px;
	position:relative;
	padding-top:10px;
}

.gambardanisi:hover
{
	color:#9e9e9e;
}

.gambarbalon
{
	width:100px;
	text-align:left;
}

.isiberitabalon
{
	width:236px;
	text-align:left;
	color:#666666;
}


/*akhir baloon tooltip*/



/*info ticker mulai*/

.infocontainer
{
	margin-bottom:15px;
	padding-bottom:15px;
	background-color:#f4f4f4; 
	width:230px;
	background-image:url(images/bggradutamakanan.png);
	background-repeat:repeat-x;
	background-position:bottom;
}

#indenatas
{
	margin-top:15px;
}
#indenbawah
{
	padding-bottom:50px;
}

/*info ticker ends..*/


/*tooltip*/
 
.balon-tip {
	color: #fbfaf7;
	z-index: 100;
}
 
.balon-title {
	font-size: 11px;
	padding: 4px;
	background: #0e3657;
	
}
/**/

/*tree prat*/
/*157*/

.induknav[class]
{
	width:133px;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:5px;
	height:15px;
	margin-bottom:2px;
	background-color:#4d77b3;
	color:#ebe8e0;
	border-right:4px solid #3c649d;
	cursor:pointer;
	
	
}

.induknav
{
	width:157px;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:15px;
	padding-right:5px;
	height:15px;
	margin-bottom:2px;
	background-color:#4d77b3;
	color:#ebe8e0;
	border-right:4px solid #3c649d;
	cursor:pointer;
	
	
}

.induknavimg
{
	width:10px;
}

.induknavstr
{
	width:123px;
	color:#ebe8e0;
	cursor:pointer;
}


.induknavstr a
{
	color:#ebe8e0;
}

.induknavstr a:hover
{
	color:#1c3966;
}

.indukstr[class]
{
	width:133px;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:2px;
	text-align:left;
	background-color:#244374;
	border-right:4px solid #1e3c6a;
	cursor:pointer;
}

.indukstr
{
	width:157px;
	padding-top:4px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:2px;
	text-align:left;
	background-color:#244374;
	border-right:4px solid #1e3c6a;
	cursor:pointer;
}



.indukstr:hover
{
	background-color:#2f5187;
	border-right:4px solid #1e3c6a;
	cursor:pointer;
}

.indukstr[class]:hover
{
	background-color:#2f5187;
	border-right:4px solid #1e3c6a;
	cursor:pointer;
}

/*width:157px;*/

.indukisi
{	
	padding-left:20px;
	cursor:pointer;
	background-image:url(images/menu/treechildnode.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.indukisi:hover
{	
	padding-left:20px;
	cursor:pointer;
	background-image:url(images/menu/treechildnodehover.gif);
	background-position:left top;
	background-repeat:no-repeat;
}

.menukiristr
{
	color:#bfb093;
}

.menukiristr:hover
{
	color:#e8e0cf;
}

/**/

/*==========================================================================
----------------------------------------------------------------------------
****************************************************************************
||                               -={END}=-                                ||
****************************************************************************
----------------------------------------------------------------------------
==========================================================================*/




























/*==========================================================================
----------------------------------------------------------------------------
****************************************************************************
||                       -={ DARI CSS YANG DULU }=-                       ||
****************************************************************************
----------------------------------------------------------------------------
==========================================================================*/
/*==========================================================================
----------------------------------------------------------------------------
****************************************************************************
||                       -={ DARI CSS YANG DULU }=-                       ||
****************************************************************************
----------------------------------------------------------------------------
==========================================================================*/

<!--New-->



.mlink{
	font-weight:bold;
}



.sub-desc{
	margin:5px;
	margin-left:16px;
}

pre code{
	font-size:12px !important;
    color:#000;
    line-height:16px !important;
}
pre code b{
    font-weight: normal;
	color: #800080;
}
pre code em{
    font-weight: normal;
	color: #008080;
    background-color:#eee;
}
pre code i,pre code i b,pre code i em{
	font-weight: normal;
	font-style: normal;
	color: #999;
}
div.hr {
    height:1px;
    background:#ccc;
    margin: 5px 0;
    overflow:hidden;
    line-height:1px;
}




/*

.td {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	vertical-align: top;
}





.style1 {color: #CCCCCC}
    .speciallink {
	color: #000000;
    }

    .speciallink A:link {
	font-size: 11px;
	margin-top:2px;
	
}

    .speciallink A:visited {
    color: #9933FF;
    text-decoration: none;
    }

    .speciallink A:hover {
    color: #CC0000;
    text-decoration: underline;
    }
      div#TableLoadDivTop, div#TableLoadDivBottom {
	  margin:0pt auto;
	  }
      div#TableLoadDivBottom {
	  bottom:0px;
	  top:200;
	  }
	  
      div#TableLoadDivContainer {
	  height:100%;
	  overflow:hide;}
	  
      thead.tbHeader,tr.tbRowEven,tr.tbRowOdd {
	font-size:11px;
	  cursor:pointer;
	  background-color:#f1efef;
	  }
	  
      thead.tbHeader {
	  text-align:center;
	  }
	  
      tr.tbRowEven:hover, tr.tbRowOdd:hover {    
	font-size:11px;
	  border: 1px solid #0099FF;
	  }
	  
      ul#phototabs li {
	  width:60px;
	  }
	  
      div#a485b859852dbf6cb704d80301d410edf {
	  height:100;
	  }
	  
      ul#phototabs {
	  width:200px;
	  }
	  
      #photoaccoutrements {
	  width:170px;
	  }

      div#a8387708e6588bb14b88e14fcd0d1d607 {float:left;width:100%;}
.res-block {
    padding-top:5px;
    background:transparent url(template/top.png) no-repeat;
    width:400px;
    margin-bottom:15px;
}
.res-block-inner {
    padding:6px 11px;
    background:transparent url(template/top1.png) no-repeat left bottom;
}

/******Combo*********/
	#myCombo {width: 200px; height: 22px}
	#myCombo-popup {width: 225px; height: 250px; border: 3px double #69f;}
	#myCombo-popup .aw-mouseover-item {background: #fca}
/******Input*********/
	#myInput {width: 350px; height: 25px}
/******Checkbox******/
	#myCheckbox {width: 150px; height: 30px; background: #eee}
<!---end-->

.td {
	padding-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	vertical-align: top;
}








.style1 {color: #CCCCCC}



    .speciallink {
    color: #000000;
    }

    .speciallink A:link {
	
	font-size: 11px;
	margin-top:2px;
	
}

    .speciallink A:visited {
    color: #9933FF;
    text-decoration: none;
    }

    .speciallink A:hover {
    color: #CC0000;
    text-decoration: underline;
    }



/*
SHIDIQ :
*/


.form_button{
	
	font-size: 10px;
	cursor:hand;
}


.doc_title {
	
	font-size: 10px;
}

.doc_title_publikasi {
	
	font-size: 10px;
	color: #FFFFFF;
}

.doc_title_kliping{
	
	font-size: 10px;
	color: #FFFFFF;
}

.doc_title_jurnal{
	
	font-size: 10px;
}

.doc_title_database{
	
	font-size: 10px;
}


.doc_note {
	
	font-size: 10px;
	color: #666666;
}

.doc_note_hlight{
	
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.doc_note_publikasi{
	font-size: 10px;
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #FFFFFF;
}

.doc_note_kliping{
	font-size: 10px;
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #FFFFFF;
}

.doc_note_jurnal{
	font-size: 10px;
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #000000;
}

.doc_note_database{
	font-size: 10px;
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #000000;
}

.doc_title_big {
	
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #000000;
}



.doc_title_big_publikasi {
	
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #FFFFFF;
}

.doc_title_big_kliping{
	
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #FFFFFF;
}

.doc_title_big_jurnal{
	
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #000000;
}

.doc_title_big_database{
	
	
	font-weight: bold;
	text-decoration: none;
	font-style: normal;
	color: #000000;
}

.sitemap_border{
	text-align: center;
	vertical-align: top;
	background-image: url(../../modules/sitemap/images/vrow.gif);
	font-size: 6px;
}

.sitemap_lastnode{
	text-align: center;
	vertical-align: top;
}

.sitemap_blank{
	background-color: #FFFFFF;
	font-size: 6px;
}

.sitemap_text_lvl1{
	
	font-size: 10px;
	color: #959595;
	padding: 5px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	height: 30px;
	background-color: #fafafa;
	border-bottom:1px solid #cfcfcf;
	padding-left:15px;
}

.sitemap_text_lvl1 a
{
	
}

.sitemap_text_lvl2{
	
	font-size: 10px;
	color: #959595;
	padding: 5px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	width: 120px;
	background-color:#fafafa;
	border-bottom:1px solid #cfcfcf;
	padding-left:15px;
}

.sitemap_text_lvl2 a{
	
}


.sitemap_text_lvl3{
	
	font-size: 9px;
	color: #959595;
	padding: 5px;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	width: 120px;
	background-color:#fafafa;
	border-bottom:1px solid #cfcfcf;
	padding-left:15px;
}


.sitemap_text_lvl3 a{
	
}


.sitemap_text_lvl4{
	
	font-size: 9px;
	color: #959595;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	width: 160px;
	padding: 5px;
	padding-left:15px;
	background-color:#fafafa;
	border-bottom:1px solid #cfcfcf;
}

.sitemap_text_lvl4 a{
	
}


/* The main calendar widget.  DIV containing a table. */

.calendar {
	position: relative;
	display: none;
	font-size: 11px;
	cursor: default;	
	background: Window;
	color: WindowText;
	width:179px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #CCCCCC;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  width:100%;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: #B8C9F5;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  font-size: 11px;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar tbody .day.othermonth {

  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: #000000; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}


/*SHIDIQ CODE*/
.special {
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	cursor: hand;
}

.agenda_table_header{
	font-weight: bold;
	padding: 1px;
	background: #B8C9F5;
	color: #666666;
	text-align: left;
	
	font-size: 11px;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #999999;
}

.agenda_list {
	
	font-size: 10px;
	text-decoration: none;
}

.agenda_link {
	
	font-size: 10px;
	text-decoration: none;
}

.agenda_normal_text {
	
	font-size: 10px;
	text-decoration: none;
}

.agenda_module_title {
	
	
	font-weight: bold;
	text-decoration: none;
	color: #000099;
}

.agenda_title1 {
	
	font-size: 10px;
	font-weight: bolder;
	text-decoration: none;
}

.agenda_error_text {
	font-size: 10px;
	color: #FF1F55;
	font-weight: bold;
}