body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
}
table, tr, td, div, p {
		font-size: 12px;
		font-weight: normal;
		line-height: 16px;
}

.style1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #FFFFFF;
	text-align : right;
}
.style2
{
	background-color:#ff9933;
}


.style4 {
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.style5 {font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif;}


.style11 {
	font-family: 'Trebuchet MS' , Verdana,Arial, Helvetica, sans-serif;
	font-size: small;
}
.style13 
{
	font-family: 'Trebuchet MS' , Verdana,Arial, Helvetica, sans-serif; 
	font-size: small; 
	font-weight: bold; 
	}
.style14 {
	font-size: small;
	font-family: 'Trebuchet MS' , Verdana,Arial, Helvetica, sans-serif;
}


dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu dd {
	/*
	border: 1px solid gray;
*/
}

 li a{
background: #D2DCFF url(../images/bull-grey.gif) no-repeat 2px center;
font: bold 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 3px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px solid #B5B5B5;
border-right: 1px solid #B5B5B5;
width: 168px;
}


 li a:visited,  li a:active{
color: #00014e;
}

 li a:hover{
color: black;
background-color: #99CCFF;
background-image:url(../images/bull-red.gif); /*onMouseover image change. Remove if none*/
}

.example1 a{position:relative;}/* set stacking context -*/
/* Note that opera has a nasty bug and requires the anchor to be display block and could make things awkward hence the opera hack below*/
/* opera also required that the span be hidden with display:none and not visibility hidden otherwise the active area of the link is too big*/
@media all and (min-width: 0px){
 .example1 a,.example2 a {
	display:block;
  }
.example1 a span,.example2 a span{display:none;}
.example1 a:hover span,.example2 a:hover span{display:block;}
}
.example1 a span{
	visibility:hidden;/* hide message initially*/
	position:absolute;
	top:23px;
	left:120px;
	width:300px;
	padding:5px;
	background:#CBD1D9;
	color:#036;
	border:2px inset green;
	text-decoration:none;
	text-align : justify;
}
.example1 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example1 a:hover span{visibility:visible;}/* show image on hover*/


.example2 a{position:relative;}/* set stacking context -*/
/* Note that opera has a nasty bug and requires the anchor to be display block and could make things awkward hence the opera hack below*/
/* opera also required that the span be hidden with display:none and not visibility hidden otherwise the active area of the link is too big*/

.example2 a span{
	visibility:hidden;/* hide message initially*/
	position:absolute;
	top:23px;
	left:620px;
	width:400px;
	padding:5px;
	background:#CBD1D9;
	color:#036;
	border:2px inset green;
	text-decoration:none;
	text-align : justify;
}
.example2 a:hover{visibility:visible}/* ie bug needed to make span show*/
.example2 a:hover span{visibility:visible;}/* show image on hover*/


a:link, a:visited {
    font-size: 12px;
    color: #000;
    text-decoration:none;
    font-weight: normal;
}

 a:hover{
    color : green;
	text-decoration:underline;
	font-weight : bolder;
}


.GridViewStyleDaftarIsi
{   
    border : none;
    padding: 2px;
    width:100%;
    background-color:#FAF9D1;
}

.GridViewStyle
{   
    border-right: 1px solid #D3B18B;
    border-bottom: 1px solid #D3B18B;
    border-left: 1px solid #D3B18B;
    border-top: 1px solid #D3B18B;
    padding: 2px;
    
    width:95%;
    background-color:black;
    
}

.GridViewStyle a
{
    color: black;
    width:100%;
}

.GridViewStyle a:hover
{
    color: green;
    width:100%;
	text-decoration:underline;
}
.GridViewHeaderStyle th
{
    border-left: 1px solid #EBE9ED;
    border-right: 1px solid #EBE9ED;
}

.GridViewHeaderStyle
{
    background-color: #FB9B62;
    font-weight: bold;
}


.GridViewRowStyle
{
    background-color: #F7F6F3; 
    color: #333333;
}

.GridViewAlternatingRowStyle
{
    background-color: #FAF9D1;
    color: #284775;
}

.GridViewRowStyle td, .GridViewAlternatingRowStyle td
{
    border: 1px solid #EBE9ED;
    height:22px;
}

.GridViewSelectedRowStyle
{
    background-color: #473C8C;
    font-weight: bold;
    color: #FBFBFF;
}


.GridViewFooterStyle
{
	background-color: #ffcc66;
	font-weight: bold;
	color: #000000;
}

.GridViewFooterStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
    
    background-color: #EEE6AA;
    font-weight: bold;
    color: #000000;
    text-align : center;
}

.GridViewPagerStyle
{
	background-color: #ffbb5f;
	color: #000040;
	text-align : right;
}

.GridViewPagerStyle table /* to center the paging links*/
{
    margin: 0 auto 0 auto;
    
    background-color: #ffbb5f;
    font-weight: bold;
    color: #473C8C;
    text-align : center;
}
.button
 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #000033;
}


.tdJudulLeft
{
	height :23px; 
	width: 11px; 
	text-align :right;
	}

.tdJudulCenter
{
	height :23px; 
	vertical-align :middle; 
	font-size : 14px;
	text-align : center;
	}

.tdJudulRight
{
	height :23px; 
	width: 11px; 
	text-align :left;
	}


.tdCaption{
width:18%;
text-align : right;
vertical-align : top;
font-weight: bold;
}  
.tdtitikdua{
width:2px;
vertical-align : top;
}  
.tdValue{
text-align : left;
width:100%;
}

.style3
{
	/*background-color:#366C24;
	color: #FFFFFF;*/
	background-image: url('../../../images%20lama/bg-alla.jpg');
	color: black;
	font-size : 13px;
	font-weight : bold;
	text-align : center;
	
}
	
.tdlink
{
	/*background: url(../images/arrow-list-red.gif) #63C043 no-repeat 2px 50%;*/
	background: url(../images/arrow-list-red.gif) #3074B1 no-repeat 2px 50%;
	vertical-align: top;
	font: bold 13px "Lucida Grande" , "Trebuchet MS" , Verdana, Helvetica, sans-serif;
	width: auto;
	padding: 3px 0;
	padding-left: 20px;
	width: 168px;
    border: 1px solid #5D7B9D;
}
.tdlink a
{
	color: black;
	font-weight : bold;
}

 .tdlink a:visited,  .tdlink a:active{
color: yellow;
	font-weight : bold;
}


.tdlink:hover
{
	background-color : #7dcb63;
}
.tblSearch1
{
	
    border-right: 1px solid #5D7B9D;
    border-bottom: 1px solid #5D7B9D;
    border-left: 1px solid #5D7B9D;
    border-top: 1px solid #5D7B9D;
	width: 100%;
	height : 28px;	
	background-image: url('../../../images%20lama/bg-alla.jpg');

	/*background-color :#a5db92;*/
	}



	
.tdBgMenu
{
	/* background-color:#cdcdcd; 
	background-color:#e7e6e6;*/
	background-color:white; 
	width: 191px; 
	border-right: #ECECF2 1px dotted;
	border-left: #ECECF2 1px dotted;
	}
	
.tblDetil
{
	
    border-right: 1px none #5D7B9D;
    border-bottom: 0px;
    border-left: 1px none #5D7B9D;
    border-top: 1px solid #5D7B9D;
	width: 100%;
	/*height : 50%;
	    border-bottom: 1px solid #5D7B9D;
	*/
	text-align : center;	
	
	}

.tblHeaderSearch
{
	background-color: #009966;
	font-family: Tahoma , Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:center;
	height:30px;
	border-width : 1px;
	border-color : #FFF;	
}	

.tblSearch
{
	background-color: #DCFCEF;
	/*background-color: #DCFCEF;*/
	font-family: 'Trebuchet MS' , Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}	
.tblDetilVisi
{
    border-right: 1px none #5D7B9D;
    border-bottom: 1px none #5D7B9D;
    border-left: 1px none #5D7B9D;
    border-top: 1px none #5D7B9D;
	width: 100%;
	height : 100%
	}

.tdJudulMajalah
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #000000;
	text-align : left;
	font-weight:bold;
    /*border-bottom: 1px solid #5D7B9D;
*/
}

.tdJudulDaftarIsi
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-align : left;
	text-decoration:underline;
	font-weight:bold;
    /*border-bottom: 1px solid #5D7B9D;
*/
}

.tdJudulArtikel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight :bold;
	text-align :left;
}


.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
}

.modalProgressBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.tdChild
{
	background: white;
}


.roundedPanel
{	
	background-color:#FB9B62;	
	color:white;
	font-weight:bold;		
}