/* CSS Document */
body{
/*font-family:"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;*/
font-family: Georgia, "Times New Roman", Times, serif;
background-color:#1F1F1F;
color:#000000;
text-align:center;
font-size:11px;
line-height:150%;
margin:0px;
margin-top:5px;
}

a:hover{
text-decoration:underline;
}

img{
border:none;
}

.topHeaderBanner{
padding:5px;
background-color:#333333;
border-bottom:1px solid #666666;
margin-bottom:5px;
margin-top:0px;
}

.container{
width:100%;
margin-bottom:0px;
}

/*header adn horizontal menu*/
.header{
height:110px;
text-align:left;
background:top no-repeat url(header.png);
width:950px;
}

.headbanner{
float:right;
height:70px;
margin-top:8px;
}

.footer{
background:url(footer.png) repeat-x top;
height:38px;
border-top:1px solid #A49E8A;
text-align:center;
clear:both;
margin-bottom:30px;
}

.innerContent{
width:950px;
background-color:#FFFFFF;
margin:auto;
}

#headline{
width:690px;
display:block;
text-align:left;
clear:both;
margin-bottom:15px;
}

.mainnews{
width:690px;
text-align:left;
clear:both;
}

.mainnews .left-colom{
float:left;
width:210px;
}

.mainnews .right-colom{
float:left;
width:470px;
margin-left:10px;
}

.leftColom{
width:690px;
margin-left:10px;
float:left;
text-align:left;
}

.rightColom{
margin-right:10px;
float:right;
width:230px;
text-align:left;
}

.bottom-content{
clear:both;
border-top:1px solid #D3D3D3;
text-align:left;
}

.middle-top{
clear:both;
height:90px;
}

.wrapper{
clear:both;
}

.sparator{
height:1px;
border-bottom:1px solid #999999;
clear:both;
}

.sparatorVertical{
float:right;
width:1px;
border-left:1px solid #DDDDDD;
margin-right:2px;
}

.banner{
font-family:"Lucida Sans Unicode","Lucida Grande",Arial,sans-serif;
font-size:12px;
color:#333333;
}

.banner h1{
font-size:16px;
font-weight:normal;
margin:0px;
}

.detailContent{
width:690px;
margin-left:10px;
float:left;
text-align:left;
font-size:13px;
}

.detailContent .articleContent{
margin-right:1px;
}

.detailContent .mediaContent{
border-right:1px solid #D7D7D7;
float:left;
margin-right:10px;
padding-right:5px;
}


/*Menu First */
.firstMenu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
height:22px;
text-align:left;
padding:0px 10px 0px 10px;
float:right;
}

.firstMenu .btnFirst{
color:#FFFFFF;
float:left;
padding:3px 8px 1px 8px;
border-color:#666666;
border-left:1px solid;
border-bottom:1px solid;
font-size:12px;
font-weight:bold;
}

.firstMenu .btnFirst a{
color:#FFFFFF;
text-decoration:none;
}

.firstMenu .btnFirst a:hover{
color:#FFFFFF;
text-decoration:underline;
}


.firstMenu .btnFirst-selected{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
background-color:#5693D6;
float:left;
border-color:#666666;
border-right:none;
border-top:none;
border-bottom:1px solid;
border-left:1px solid;
padding:3px 8px 1px 8px;
}

.firstMenu .btnFirst-selected a{
color:#FFFFFF;
text-decoration:none;
}

.firstMenu .btnFirst-selected a:hover{
text-decoration:underline;
}

/**/
p{
font-family:Georgia, "Times New Roman", Times, serif;color:#000000;
font-size:12px;
line-height:150%;
}

.alamat-artikel{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#1E1E1E;
margin:0px 0px 3px 0px;
font-weight:normal;
}

.alamat-artikel a{
color:#1E1E1E;
text-decoration:none;
}

.alamat-artikel a:hover{
text-decoration:underline;
}

.alamat-artikel-kecil{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#666666;
margin:0px 0px 3px 0px;
font-weight:normal;
}

.alamat-artikel-kecil a{
text-decoration:none;
color:#666666;
}

.alamat-artikel-kecil a:hover{
text-decoration:underline;
}

.tanggal-artikel{
font-family:Arial, Helvetica, sans-serif;
color:#FF9933;
font-size:11px;
font-weight:bold;
margin:0px 0px 3px 0px;
}

.topik{
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
font-size:12px;
font-weight:bold;
margin:0px 0px 3px 0px;
}

.judul-utama{
margin:0px 0px 3px 0px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:17px;
font-weight:bold;
color:#265895;
}

.judul-utama a{
text-decoration:none;
color:#0B48A6;
}

.judul-utama a:hover{
text-decoration:underline;
}

.judul-kecil{
margin:0px 0px 3px 0px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#265895;
}

.judul-kecil a{
text-decoration:none;
}

.judul-kecil a:hover{
text-decoration:underline;
}

.author-name{
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}

.author-name-kecil{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

.list-news{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#0033CC;
font-size:11px;
font-weight:normal;
margin:0px;
line-height:100%;
border-bottom:1px solid #DCE4E7;
padding:1px;
}

.tanggal-artikel-kecil{
font-family:Arial, Helvetica, sans-serif;
color:#333333;
font-size:10px;
text-decoration:none;
font-weight:normal;
margin:0px;
line-height:110%;
}

.artikel-text-kecil{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-decoration:none;
font-weight:normal;
margin:0px;
}

.judul-utama,.judul-kecil,.list-news{
color:#0F5BCE;
}

/*img thumbnail */
.thumbImage{
font-family:Arial, Helvetica, sans-serif;
}

.imgPlace{
border:none;
} 

.imgclip{
position:absolute;
}

.thumbImage .wrapper{
clear:both;
margin:2px;
}

.artikel-text{
font-size:12px;
line-height:150%;
font-family:Georgia, "Times New Roman", Times, serif;
color:#000000;
}

.small-text{
font-size:10px;
font-style:italic;
}

/*Thumb In Article*/
.related{
font-size:11px;
color:#003399;
}
.related .related-header{
padding:2px 0px 2px 0px;
font-weight:bold;
border-bottom:1px solid #5883C9;
margin-bottom:1px;
}
.related .related-list{
font-size:11px;
font-weight:normal;
padding:2px 0px 2px 0px;
border-bottom:1px solid #5883C9;
margin:1px 0px 1px 0px;
clear:both;
}

.addressBar{
font-family:Arial, Helvetica, sans-serif;
padding:0px 10px 0px 10px;
border-bottom:1px solid #E8E8E8;
text-align:left;
margin-bottom:5px;
background-color:#F7F7F7;
clear:both;
height:30px;
font-weight:normal;
color:#333333;
}

.addressBar a{
text-decoration:none;
color:#333333;
}

.addressBar a:hover{
text-decoration:underline;
color:#333333;
}

.leftBar{
font-size:11px;
padding-top:5px;
float:left;
font-weight:normal;
color:#333333;
}

.rightBar{
font-size:11px;
padding-top:5px;
float:right;
font-weight:normal;
}

/*thumbnail Image on detail*/
.imgdisplay{
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
}

.imgdisplay .showImage{
}

.imgdisplay .showImage .wpImage{
margin:3px;
}

.imgdisplay .authName{
text-align:right;
padding:1px 0px 2px 3px;
font-size:.8em;
}

.imgdisplay .imgDesc{
border:1px solid #B1D3ED;
padding:3px;
font-size:.9em;
}

.imgdisplay .thumbFrame{
height:50px;
}

.imgdisplay .thumbFrame .thumbImage{
height:48px;
width:48px;
}

.imgdisplay .thumbFrame .thumbClip{
height:48px;
width:48px;
position:absolute;
clip:rect(0px 48px 0px 48px);
}


/*for slide show*/
.buttonBlock{
z-index:10000;
position:relative;
float:left;
margin-top:-22px;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
font-size:11px;
}

.buttonBox{
padding:0px 8px 0px 8px;
float:left;
margin-left:3px;
color:#FFFFFF;
border:1px solid #DADADA;
background-color:#0066CC;
cursor:pointer;
}

.buttonBox-over{
padding:0px 8px 0px 8px;
float:left;
margin-left:3px;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
text-align:center;
border:1px solid #DADADA;
background-color:#FF6633;
cursor:pointer;
}

.buttonBox-selected{
padding:0px 8px 0px 8px;
float:left;
margin-left:3px;
color:#FFFFFF;
border:1px solid #DADADA;
cursor:default;
background-color:#003366;
font-weight:bold;
}

/*Header menu*/
.headermenu{
color:#000000;
font-size:10px;
background:#BEBEBE url(headmenu.png) repeat-x bottom;
height:25px;
text-align:left;
}

.headMenu{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background-image:url(header-menu-bg.png);
float:left;
padding:0px 8px 0px 8px;
}

/*Folder Desc*/
.descPage{
border-bottom:1px solid #0B48A6;
}

/*page listener*/
.page-message{
font-family:Tahoma, Verdana, "Trebuchet MS";
font-size:13px;
padding:5px;
margin-top:5px;
border-top:1px solid #E0E4EB;
color:#FFFFFF;
background-color:#0B48A6;
}

.page-numbering{
font-family:Tahoma, Verdana, "Trebuchet MS";
font-size:13px;
border-top:1px solid #E6ECF0;
padding-top:3px;
color:#333333;
background-color:#999999;
}

.page-numbering .page-number{
padding-top:3px;
height:22px;
width:25px;
text-align:center;
vertical-align:middle;
border:1px solid #E0E4EB;
float:left;
margin-left:3px;
cursor:pointer;
background-color:#FFFFFF;
}

.page-numbering .page-number-selected{
padding-top:3px;
height:22px;
width:25px;
text-align:center;
vertical-align:middle;
border:1px solid #E0E4EB;
background-color:#5F5F5F;
color:#FFFFFF;
cursor:default;
float:left;
margin-left:3px;
}

.page-numbering .page-number-hover{
padding-top:3px;
height:22px;
width:25px;
text-align:center;
vertical-align:middle;
border:1px solid #E0E4EB;
background-color:#FF6600;
color:#FFFFFF;
cursor:pointer;
float:left;
margin-left:3px;
}

.footerBlock{
width:950px;
height:25px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
}

marquee{
font-family:Arial, Helvetica, sans-serif;
}

/*fixed position
download css from http://www.howtocreate.co.uk/fixedPosition.html
*/
div#FixedTop {
  left: expression( document.body.scrollLeft + 'px' );
  top: expression( document.body.scrollTop + 'px' );
  width:100%;
}
body > div#FixedTop { 
	position: fixed; left: 0px; top: 0px; width:100%; text-align:center;background-color:#E2E2E2;border-top:1px solid #CFDAC0;z-index:20000;}

#FixedBottom {
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 0px; left:auto; bottom: 0px; width:100%; text-align:center;background-color:#E2E2E2;border-top:1px solid #CFDAC0;
}
body > div#FixedBottom {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#blockedScreeen{
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; right: 0px; bottom: 0px; top:0px; width:100%; height:expression( document.body.clientHeight + 'px' );
  background-color:#000000;display:none;z-index:10000;
  filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50; 
}
body > div#blockedScreeen{
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

#centerBlockScreen{
  /* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
  position: absolute; color:#0000FF;
  bottom: 50px; top:50px; width:100%;text-align:center; background-color:#003333; height:expression( (document.body.clientHeight - 100) + 'px' );
  display:none;z-index:10001;
}
body > div#centerBlockScreen{
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
  position: fixed;
}

/*end of fixed position layer*/