#st1, #st2 {
display: none;
}
#navigation_tabs {
background:url(../images/main/nav_menu_hijau.png) repeat-x;
height:40px;
margin:0px; 
width:800px;
}
.middle-thirty-inf .portlet-topper,
#portlet-wrapper-56_INSTANCE_onCA .portlet-topper{
background-image:url(../images/Images_Infra/titlebar_g.png);
background-repeat:repeat-x;
height:28px; padding:0px;
} 
.info_web{
background-image:url(../images/Images_Infra/titlebar_g.png);
background-repeat:repeat-x;
height:28px; padding:0px;
width:30%;
color:#FFFFFF; text-align:center; font-size:11px; font-weight:bold;
}
.AccordionTitle {
background-image:url(../images/Images_Infra/titlebar_g.png);
background-repeat:repeat-x;
height:28px;
width:200px;
color:#FFF;
text-align:center;font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#portlet-wrapper-56_INSTANCE_2RKk .portlet-topper,
#portlet-wrapper-56_INSTANCE_bUio .portlet-topper,
#portlet-wrapper-56_INSTANCE_SJhL .portlet-topper{ 
background-image:url(../images/Images_Infra/titlebar_g.png);
background-repeat:repeat-x;
height:28px;
}
.footer {
background-color:#011437;
/*background: url(../images/Images_Infra/footer_g.png) no-repeat;*/
}
#nav li ul li a:hover {
background-color:#9FCF9F;
color:#000000;
}
#nav li ul li,#nav li ul li a{
background-color:#287F27;
height:Auto;
text-align:left;
text-transform:capitalize;
font-weight:normal;
font-size:11px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.applemenu div.silverheader {
  background-image:url(../images/main/accordion-button_hijau.png);
background-repeat:no-repeat;
height:22px;
width:265px;
text-align:center;
color: #fff;	
padding: 0.5em; font-size:12px;cursor:pointer;
}
ul#menu li a {
  background-image:url(../images/Images_Infra/titlebar_g.png);
background-repeat:repeat-x;
height:18px; text-align:center;
  color: #fff;	
  padding: 0.5em; font-family:12px;
}
.bg_content{
background:url(../images/Images_Infra/bg_contentInfra.jpg) no-repeat;
width:910px;
height:462px;
}
.bg_top{
background:url(../images/Images_Infra/bg_menutop_g.png) no-repeat;
width:199px;
height:72px;
}
/*.bg_middle{
background:url(../images/Images_Infra/bg_menumiddle_g.png) no-repeat;
width:199px;
height:auto;
background-repeat:repeat-y;
}*/
.bg_bottom{
background:url(../images/Images_Infra/bg_menubottom_g.png) no-repeat;
width:199px;
height:53px;
}
/*.bg_toppest{
background:url(../images/Images_Infra/bg_contenttop_g.png) no-repeat;
height:17px;
background-repeat:repeat-x; width:685px;
}*/
.bg_right{
background:url(../images/Images_Infra/bg_contentright_g.png) no-repeat;
height:426px;
}
#layout-column_column-2 .portlet-title {
color:#339933;
font-size: 15px;
}
#layout-column_column-23 .portlet-topper{ 
background-image:url(../images/Images_Infra/titlebar_g.png);
background-repeat:repeat-x;
height:28px;
}
.bg_breadcrumb, #layout-column_bc .portlet, .seventy {
 background-color:#DFFFDF; }
 
.title_portlet_middle { color:#046A04; font-weight:bold; font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif}
.nav-menu-style-1 a {
text-decoration:none;
color:#046A04;
}
.tble_btm { width:245px; padding:0px;}
table#course {
border-collapse: seperate;
border-spacing: 1;
}
table#course td.header {
color: white;
background-color: #046A04;
text-align: center;
}
table#course tr.bg1{
padding : 2px 10px;
background : #AFFFAF;
}
table#course tr.bg2{
padding : 2px 10px;
background : #EFEFEF;
}
table#course tr.bg1:hover{
padding : 2px 10px;
background:#80FF7F;
}
table#course tr.bg2:hover{
padding : 2px 10px;
background:#CFCFCF;
}
.berita{
background-image:url(../images/main/tabbingdalam_title_hijau.png);
background-repeat:no-repeat;
width:170px;
height:34px;
}
.pengumuman{
background-image:url(../images/main/tabbingdalam_title_hijau.png);
background-repeat:no-repeat;
width:170px;
height:34px;
}
.tabbingnombor{
background:url(../images/main/kursus_hijau.png) no-repeat;
height:250;
width:35;
color:#fff;
position:center;
padding-left:30px;
font: bold 11px arial;
}
/*-----Tabbing wp------*/
.ui-widget-header{
background:#0d630d;
border:1px solid #AAAAAA;
}
.ui-state-default{
background:repeat-x scroll 50% 50% #ff;
border:1px solid #000;
color:#555555;
font-weight:normal;
}
.ui-state-default a{
color:#000;
}
.ui-helper-clearfix:after { 
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
.ui-tabs .ui-tabs-nav { 
margin: 0; 
padding: .2em .5em 0; 
}
.ui-tabs .ui-tabs-nav li { 
list-style: none; 
float: left; 
position: relative; 
top: 1px; 
margin: 0 .2em 1px 0; 
border-bottom: 0 !important; 
padding: 0; 
white-space: nowrap; 
width:112px;
}
.ui-tabs .ui-tabs-nav li a {
float: left; 
text-decoration: none; 
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-bottom: 0; 
padding-bottom: 1px; 
}
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
cursor: ; 
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
cursor: pointer; 
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { 
display: block; 
border-width: 0; 
padding: 1em 1.4em; 
background: none; 
}
.ui-tabs .ui-tabs-hide { 
display: none !important; 
}
#Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { 
border: 1px solid #aaaaaa/*{borderColorContent}*/; 
background: #ffffff/*{bgColorContent}*/ url(images/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; 
color: #222222/*{fcContent}*/; 
}
.ui-widget-content { 
border: 1px solid #aaaaaa/*{borderColorContent}*/; 
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { 
background: #1a861a; /*color tabbing*/
border: 1px solid #d3d3d3/*{borderColorDefault}*/; 
}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { 
color: #fff; /*visited*/ 
text-decoration: none; 
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { 
border: 1px solid #aaaaaa/*{borderColorActive}*/; 
background: #ffffff; 
font-weight: normal/*{fwDefault}*/; 
color: #212121/*{fcActive}*/; 
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
color: #000/*{fcActive}*/; 
text-decoration: none; 
}
.ui-widget :active { 
outline: none; 
}
.ui-corner-top { 
-moz-border-radius-topleft: 4px/*{cornerRadius}*/; 
-webkit-border-top-left-radius: 4px/*{cornerRadius}*/; 
border-top-left-radius: 4px/*{cornerRadius}*/; 
-moz-border-radius-topright: 4px/*{cornerRadius}*/; 
-webkit-border-top-right-radius: 4px/*{cornerRadius}*/; 
border-top-right-radius: 4px/*{cornerRadius}*/; 
}
.ui-corner-all { 
-moz-border-radius: 4px/*{cornerRadius}*/; 
-webkit-border-radius: 4px/*{cornerRadius}*/; 
border-radius: 4px/*{cornerRadius}*/; 
}
.ui-tabs li a, .tabs li span {
background:url(../images/main/tabbing_off) no-repeat;
width:77%;
height:10px;
border-right: 1px solid #304049;
color: #fff;
display: block;
float: left;
padding: 15px;
position: relative;
text-decoration: none;
top: 1px;
}
.ui-tabs {
border-bottom: 1px solid #DEDEDE;
margin: 1px 2px 0px 1px
padding: 0px 0px 0px 2px;
}
.ui-tabs li a:active{
background:#fff;
}
.ui-tabs li a:hover, .ui-tabs li span:hover {
background: #2fb72f;
}
.nav-menu-style-1 a:hover {
text-decoration:none;
color:#ffffff;
}

