/**********************************
Design by 	: WebTim
Date 		: dec 15, 2007
Theme Name	: Theme A
Last Update     : July 10, 2008	 
***********************************/

body, html{
	background-image:url('img/bg.gif');
/*	background-repeat:repeat-x; */
	font-family:Arial, Helvetica, sans-serif; font-size:0.90em;
	background-color:#FFFFFF;
	margin:0px;	height:100%
}
td 				{ font-family:Arial, Helvetica, sans-serif; font-size:0.85em; }


A:link          {font-family:Arial, Helvetica, sans-serif; font-size:0.90em;  BACKGROUND: none;}
A:active        {font-family:Arial, Helvetica, sans-serif; font-size:0.90em;  BACKGROUND: none;}
A:visited       {font-family:Arial, Helvetica, sans-serif; font-size:0.90em;  BACKGROUND: none;}
A:hover         {font-family:Arial, Helvetica, sans-serif; font-size:0.90em;  BACKGROUND: none;}


.header_menu_font { 
	text-transform: uppercase;
	FONT-FAMILY: Arial; 
	color: #00009C; 
	font-size:0.90em; 
	font-weight:bold;

}
/* START Font Style */

/* END Font Style */
.portal_start {text-align:center;}

.portal { 
	position:relative;	width:70%;
    border:3px solid #EDEDE1;
    border-color:#EDEDE1 #EDEDE1 #EDEDE1 #EDEDE1;
    padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}



/* START : Portlet Style*/

.bgbox {
	background: url('img/arrow_title.gif') no-repeat top left;
	vertical-align:middle;	font-weight:bold;
	color:#FFFFFF;	background-position: 12 0;
}



.bgbox_tips {
	background: url('img/lamp.gif') no-repeat top left;
	vertical-align:middle;	font-weight:bold;
	font-size:0.90em; /*color: #00009C;	*/
	color:#FFFFFF;	background-position: 14 0;
}
.portlet { 
	padding:0px; position:relative;  width:98%;
	background-image:url('img/grid.gif');
	background-repeat:repeat-x; border:1px solid #84AEDE;
}

.portlet_elogin { 
	padding:0px; position:relative;  width:98%;
	background-repeat:repeat-x; border:1px solid #84AEDE;
}
.firstdiv {
	/*background-color:none;*/
	margin:0px;	height:100%

}

.portlet_tahukahannouncement {
	padding:0px; position:relative;  width:98%;
	/*background-image:url('img/grid.gif'); */
	background-repeat:repeat-x; border:0px;
}


.portlet_blue { 
	padding:0px; position:relative;  width:100%;
	background-color:#EFF3FF;
	background-repeat:repeat-x; border:1px solid #EDEDE1;
}

.portlet_menutop { 
	padding:0px; position:relative;  width:100%;
	background-image:url('img/bg_topmenu.gif');
	background-repeat:repeat-x; border:1px solid #EDEDE1;
}

.portlet_footer { 
	width:100%; text-align:center;
	background-image:url('img/grid-footer.gif');
	background-repeat:repeat-x;  
 
	
}



.portlet_blank { 
	position:relative;	width:98%;  background:transparent;

 /*   border-style:dashed; */
}

.portlet_blank_vote { 
	position:relative;	width:98%;  
	background-color:#E7EFF7;
    border:1px solid #84AEDE;
    padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:0px
}


.portlet_fset_title {
	font-size:0.90em; color: #00009C;	font-weight:bold;
}
.portlet_fset_subtitle {
	font-size:0.90em; color: #00009C;	font-weight:bold;   vertical-align:middle;
}

.portlet_detail_vote {
	font-size:0.90em; color: #000000; background-color:#E7EFF7; vertical-align:middle;
}


.portlet_fset_subtitle_TD {
	background-image:url('img/grid-title.gif');
	background-repeat:repeat-x;
	font-size:0.90em; color: #0065CE;	font-weight:bold;
	height:22px; vertical-align:top; 
        padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px
}


.portlet_pautan_2ndpage_TD {
	background-image:url('img/grid-title.gif');
	background-repeat:repeat-x;
	font-size:0.90em; color: #0065CE;	font-weight:bold;
	height:22px; vertical-align:middle; 
    padding-left:5px; padding-right:0px; padding-top:0px; padding-bottom:0px
}


.portlet_pautan_TD {
	background-color:#E7EFF7;
	font-size:0.90em; color: #0065CE;	font-weight:bold;
	padding-left:5px; height:18px;
}


.divportlet_title {
	background: url('img/ico_title.gif') no-repeat top left;
	font-size:0.90em; color: #000080;	font-weight:bold;
}

.divportlet_ann {
	background: url('img/ico_ann.gif') no-repeat top left;
	font-size:0.90em; color: #FFFFFF;	font-weight:bold;
}

.divportlet_ann2 {
	background: url('img/ico_ann2.gif') no-repeat bottom right;
}


.portlet_date {
	font-size:0.90em; color: #000000;	/*font-weight:none;*/
}
.portlet_createdby {
	font-size:0.90em; color: #000000;	/*font-weight:none;*/
}

.portlet_summary {
	font-size:0.90em; color: #000000;	/*font-weight:none;*/
}

/* END : Portlet Style*/

/* Start : DIV Section */
.internalgroup { 
 	list-style-image:url('img/ar.gif');
	font-size:14; color: #000000;	/*font-weight:none;*/ /*text-decoration:none;*/
	width:100%;	/*float:none;*/	vertical-align:text-top;	
	margin-left:10px; 	margin-right:10px; margin-top:0px; 	margin-bottom:0px;
}

div.internalgroup ul {
	list-style-image:url('img/ar.gif');
	vertical-align:text-top; 
	font-size:0.94em; color: #000000;	/*font-weight:none;*//*text-decoration:none;*/
	margin-left:10px; margin-right:10px; margin-top:0px; margin-bottom:0px; margin: 0px;
   	padding-left:10px; padding-right:10px;  padding-top:0px; padding-bottom:1px
}

div.internalgroup ul li a {
	list-style-image:url('img/ar.gif');
    font-size:0.94em; color: #000000;	/*font-weight:none;text-decoration:none;*/
    line-height: 1.7;
	letter-spacing: 0px;
}

div.internalgroup ul li a:hover {
	list-style-image:url('img/ar.gif');
    font-size:0.94em; color: #000000;	/*font-weight:none; text-decoration:none;*/
   /* border-bottom-style:none;*/ border-bottom-width:medium 
}

div.internalgroup ul li a:visited {
	list-style-image:url('img/ar.gif');
	font-size:0.94em; color: #000000;	/*font-weight:none;text-decoration:none;
	border-bottom-style:none;*/ border-bottom-width:medium 
}

div.footer_pg  {
	font-size:11px; color: #FFFFFF;

}

div.footer_pg a:link{
	font-size:12px; color: #FFFFFF; font-weight:bold;
}

div.footer_pg a:active{
	font-size:12px; color: #FFFFFF; font-weight:bold;
}


div.footer_pg a:visited{
	font-size:12px; color: #FFFFFF; font-weight:bold;
}

div.footer_pg a:hover{
	font-size:12px; color: #FED202; font-weight:bold;
}






.contentdesc {
	vertical-align:middle; font-weight:normal; color:#000000;

  }

.footer {
        font-size:12px; 
	width:100%; 	letter-spacing: 1px;
	/*text-decoration: none;*/ 
        vertical-align:middle;
	font-weight:normal;	color: #00519C; text-align:center; 
 }



/* END : DIV Section */

/* start of internal page*/

.headline_box {
	background-color:#FFFFFF;
	padding:0.01em;	
	width:100%;
	vertical-align:top;
}

 /* background-color:#D3E3F4;  */
.headline_right { background: url('img/leftbg.gif'); width:256px; border-right: 1px dashed #C9D6F5; vertical-align:top;}
.headline_right_menu { width:250px; vertical-align:top; }

.headline_title {
	font-size: 15px;	font-family:Arial;	color:#FF8A00;
	margin: 4px 10px 10px 0px;		margin-bottom: 1px;
	text-transform: uppercase;		/*text-decoration: none;*/ 
	font-weight: bold;
}
.headline_by {
	font-size: 0.90em;	font-family:Arial;	color:#9A9AAC;
	margin: 4px 2px 2px 0px;		margin-bottom: 1px;
	/*text-decoration: none;*/ 
	font-weight: bold;
}

.headline_date {
	font-size: 0.90em;	font-family:Arial;	color:#9A9AAC;
	margin: 4px 2px 2px 0px;		margin-bottom: 1px;
	/*text-decoration: none; */
}

.bgboxgray {
	background: url('img/arrow_title.gif') no-repeat top left;
	vertical-align:middle;
	font-size: 0.90em;
	font-weight:bold;
	color:#0045D6;
	background-position: 10 0;
}

.headline_content {	 
	font-family:Arial;	color:#000000;	
	}
.internal_content_menu { border-bottom: 0px dotted #FF8A00; font-family:Arial;	color:#000000;	}


#direction {
	width:100%;
	height:30px;
	background-image:url('img/tabgroup.gif');
	background-position: 2 0;
	background-repeat:no-repeat;
	text-align:right;
    vertical-align:middle;
	font-family:Arial;
	font-size:0.90em;
	color: #00009C;
	letter-spacing: 0.25px;
	float:left;

}

.direction {
	width:100%;
	color: #00009C;
	font-family:Arial;
	font-size:0.90em;
	letter-spacing: 0.25px;
	/*background : #FFFFFF;*/
	background-image:url('img/tabgroup.gif');
	height:30px;
	float:left;

}
.pages {
	border-top: 0px solid #BDBDBD;
	border-right: 0px solid #BDBDBD;
	border-bottom: 0px solid #E4E4E4;
	border-left: 1px solid #E4E4E4;
}
.internal_menu_bullet1 {
	width : 100%;
	font-family:Arial;
	color:#FF8A00;
	font-size:0.90em;
    background: url('img/lamp.gif') no-repeat left; 
 	vertical-align:middle;
	background-position: 0 0;
	text-decoration: bold; 
}
.internal_menu_bullet2 {
	width : 100%;
	font-family:Arial;
	font-size:0.90em;
    background: url('img/ar2.gif') no-repeat left; 
 	vertical-align:middle;
	background-position: 0 0;
}


.title_internal_menu {
 /*	spacing:8px; */
	letter-spacing: 1pt;
	font-size: 0.90em;
	font-family: Arial;
	text-transform: uppercase;
	color:#636563;
	font-weight: bold;
}


/*  end of internal page*/


/* START : Attach From default.CSS */

form {
	margin: 1;
	padding: 1;
}


/*
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
*/

input, textarea {
	padding: 1px;
	border: 1px solid;
	font: normal 1em "Trebuchet MS", Arial;
	font-size:12px; color: #00519C; font-weight:bold;
}

#radio  {
	padding: 1px;
	border: 1px;
}


/* Search */

#search {
	float: right;
/*	width: 150px; */
	height: 28px;
	background: #FFFFFF url('img/img02.gif') no-repeat;
}

#search_portal {
	float: right;
/*	width: 150px; */
	height: 32px;
	background: #FFFFFF url('img/img02.gif') no-repeat;
}


#search #x {
	display: normal;
}

#search #s {
	padding: 6px 5px 5px 35px;
	width: 150px;
	height: auto;
	/*background: none;*/
	/*border: none;*/
	font: normal 1em Arial;
	color: #00519C;
}

#search_portal #s {
	padding: 6px 5px 5px 35px;
	width: 150px;
	height: auto;
	/*background: none;*/
	/*border: none;*/
	font: normal 1em Arial;
	color: #00519C;
}




#search br {
	/*display: none;*/
}

.search_portlet_stat {
	font-size:0.90em; color: #9AA7B3;	/*font-weight:none;*/
}


.menujs {
	padding:0.00em;  background-color:#DEDFDE;
}


.noresize { 
 font-family: Arial; 
 font-size: 0.90em !important; 
 color: #00009C; 
 font-weight: normal;
}


.divimg { 
		padding-left:5px; padding-right:5px;  padding-top:5px; padding-bottom:5px; 
		}


.bg_webservice {
	float: left;
	font-family: Arial;
	font-size:12px; 
	height: 24px;
	background: url('img/bg_webservice.gif') no-repeat;
}

.search1 {
	padding:0px;
	border: #bdb 1px solid;
	height:20px;
	/*background-color:#1C405A;
	color:#FFFFFF;*/
	color:#000000;
	font-family: verdana, arial, sans-serif;
	font-size:11px;
}
.search-btn {
	padding:1px;
	border: #bdb 1px solid;
	background-color:#F76A00;
	color:#000;
	font-family: tahoma, verdana, arial, sans-serif;
	font-size:11px;
}

.content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
}

.content A:link          {font-family:Arial, Helvetica, sans-serif; font-size:1em;  BACKGROUND: none;}
.content A:active        {font-family:Arial, Helvetica, sans-serif; font-size:1em;  BACKGROUND: none;}
.content A:visited       {font-family:Arial, Helvetica, sans-serif; font-size:1em;  BACKGROUND: none;}
.content A:hover         {font-family:Arial, Helvetica, sans-serif; font-size:1em;  BACKGROUND: none;}
