@charset "utf-8";
/* CSS Document */
/*Overall*/
body{font-family:Verdana, Arial, Helvetica, sans-serif;color:#333333;font-size:11px;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e1e28), color-stop(12%,#E0E0E0), color-stop(24%,#777777), color-stop(100%,#555555));
background: -moz-linear-gradient(top, #3e3e3e 0%, #E0E0E0 12%, #777777 24%, #555555 100%);
background: -o-linear-gradient(top, #3e3e3e 0%,#777777S 24%, #555555 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e3e3e', endColorstr='#555555');
margin:0;

}
#container{margin:0 auto;background:#fffFff;border:solid 1px #FFF;width:990px; min-height:700px;
border-right-style:solid;
border-right-width:5px; 
border-right-color:#000; 

border-left-style:solid;
border-left-width:5px; 
border-left-color:#000;

border-bottom-style:solid;
border-bottom-width:5px; 
border-bottom-color:#000



-moz-box-shadow: 5px 5px 5px  #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;


}
h2{font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#ef7b00;font-weight:bold;padding:5px 0; border-bottom:solid 1px #666;margin:10px;text-transform:uppercase;}
h1{font-family:Arial, Helvetica, sans-serif;font-size:25px;color:#3D4AAA;font-weight:normal;margin:5px 0px 0px 0px; display: inline; }
p{margin:10px 10px 20px 10px;line-height:16px;text-align:justify;}
.image{border:#CCCCCC solid 1px;float:left;padding:5px;margin:10px 10px 5px;}
.image2{border:#CCCCCC solid 1px;padding:5px;margin:10px 10px 5px;}

.clearfix:after {content: ".";display: block;height:1px;clear: both;visibility: hidden;}
/* Esconde de IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* Fin esconde de IE-mac */


#containertopheader{margin:0px;width:100%; min-height:50px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebbb4c), color-stop(20%,#e8cb55), color-stop(40%,#e9bb4b), color-stop(80%,#e7a034), color-stop(100%,#a46426));
background: -moz-linear-gradient(top, #ebbb4c 0%, #e8cb55 20%, #F9Eb6b 40%, #e7a034 80%, #a46426 100%);
background: -o-linear-gradient(top, #ebbb4c 0, #e8cb55 20%, #e9bb4b 40%, #e7a034 80%, #a46426 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebbb4c', endColorstr='#a46426');
}


#containerheader{margin:0px auto;width:100%; min-height:40px;

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#AAAAAA), color-stop(50%,#EEEEEE), color-stop(80%,#DDDDDD), color-stop(100%,#BBBBBB));
background: -moz-linear-gradient(top, #AAAAAA 0%, #EEEEEE 50%, #DDDDDD 80%, #BBBBBB 100%);
background: -o-linear-gradient(top, #AAAAAA 0%,#EEEEEE 50% ,#DDDDDD 80%, #BBBBBB 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#AAAAAA', endColorstr='#BBBBBB');

-moz-box-shadow: 5px 5px 5px #888;
-webkit-box-shadow: 5px 5px 5px #888;
box-shadow: 5px 5px 5px #888;

}


/*bar top INCLUDE MARGIN FROM TOP*/
#top{margin:1px 10px;background:#ffffff;width:960px;min-height:50px;float:left;}
b { color:#ef7b00; }
ul.menu {list-style:none; margin:0; padding:0}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#000; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px}
ul.menu ul {position:absolute; top:26px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none}
ul.menu ul li {position:relative; border:1px solid #aaa; border-top:none; width:135px; margin:0}
ul.menu ul li a {display:block; padding:3px 7px 5px; background-color:#EEEEEE}
ul.menu ul li a:hover {background-color:#cFEFcF}
ul.menu ul ul {left:148px; top:-1px}
ul.menu .menulink {border:1px solid #aaa; padding:5px 7px 7px; font-weight:bold; background:url(../images/header.gif); width:110px}
ul.menu .menulink:hover, ul.menu .menuhover {background:url(../images/header_over.gif)}
ul.menu .sub {background:#d1d1d1 url(../images/arrow.gif) 136px 8px no-repeat}
ul.menu .topline {border-top:1px solid #aaa}
ul.ulsecond  {overflow: hidden; display: block; height: 0px; z-index: 51; opacity: 0.00909091;}

ul.daftarisi {list-style:none; margin:0; padding:0 ; margin-left:12px;}
ul.daftarisi li {margin-left:10px; margin-top:5px;}
ul.daftarisi a {display:block; color:#337; text-decoration:none}

/*Left Column*/
#column-left2{margin:0 0 0 10px;width:980px;min-height:200px;float:left;}

#column-left{margin:0 0 0 10px;width:726px;min-height:200px;float:left;}
.left{float:left;width:inherit;padding:5px 0;background:#FBFBFF;border:#CCCCCC 1px solid; margin:0 0 15px 0;}
/*mostleft*/
.left1{margin:0 10px 0 0;background:#FCFCFF;width:160px;min-height:200px;float:left;padding:0 0 10px 0;}
.left1 a{padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
.left1 a:hover{color:#4A5A3D;text-decoration:underline;}

.left1b{margin:0 10px 0 0;background:#FCFCFF;width:200px;min-height:200px;float:left;padding:0 0 10px 0;}
.left1b a{padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
.left1b a:hover{color:#4A5A3D;text-decoration:underline;}


.mid1{margin:0 10px 0 0;background:#EEFFCF;border:#CCCCCC solid 1px;width:inherit;min-height:200px;float:left;padding:0 0 10px 0;}


/*Right Column*/
.right{margin:0 10px 0 0;background:#FEFEFF;width:175px;min-height:200px;float:right;padding:0 0 10px 0;}
.right a{padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
.right a:hover{color:#4A5A3D;text-decoration:underline;}

/*down top*/
#down{margin:10px;padding:10px 0;border:1px #CCC solid;width:960px;color:#333333;text-align:center;background:#EEFFCF;float:left;}
#down a{color:#333333;text-decoration:none;line-height:20px;}
#down a:hover{color:#4A5A3D;text-decoration:underline;}

#emptyspan{padding:0 0 0 0px;font-weight:bold;color:#666;text-decoration:none;}

#usuallink{padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
#usuallink a{padding:0 0 0 10px;font-weight:bold;color:#666;text-decoration:none;line-height:20px;}
#usuallink a:hover{color:#4A5A3D;text-decoration:underline;}



#box-table-a
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size:11px;
  text-align:left;
  border-collapse:collapse;
  margin:20px;
}
#box-table-a th
{
  font-size:13px;
  font-weight:normal;
  background:#b9c9fe;
  border-top:4px solid #aabcfe;
  border-bottom:1px solid #fff;
  color:#039;padding:8px;
}
#box-table-a td
{
  background:#e8edff;border-bottom:1px solid #fff;
  color:#669;border-top:1px solid transparent;padding:8px;
}
#box-table-a tr:hover td
{
  background:#d0dafd;color:#339;
}
#box-table-b
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;  
  border-collapse:collapse;
  border-top:2px solid #9baff1;
  border-bottom:2px solid #9baff1;
  margin:10px;
}
#box-table-b th{
  font-size:12px;
  font-weight:normal;
  background:#335599;
  border-right:1px solid #9baff1;
  border-left:1px solid #9baff1;
  color:#CCDDFE;padding:5px;
}
#box-table-b td
{
  background:#e8edff;
  border-right:1px solid #aabcfe;
  border-left:1px solid #aabcfe;
  color:#CCDDFE;
  padding:5px;

}

#box-table-c
{
  font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;  
  border-collapse:collapse;
  border-top:2px solid #9baff1;
  border-bottom:2px solid #9baff1;
  margin-left:22px;
  margin-top:5px;
}
#box-table-c th{
  font-size:12px;
  font-weight:normal;
  background:#335599;
  border-right:1px solid #9baff1;
  border-left:1px solid #9baff1;
  color:#CCDDFE;padding:5px;
}
#box-table-c td{
  background:#e8edff;
  border-right:1px solid #aabcfe;
  border-left:1px solid #aabcfe;
  color:#3C4D9E;
  padding:5px;
}



#newspaper-a{
  font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size:12px;
  text-align:left;
  border-collapse:collapse;
  border:1px solid #69c;
  margin:3px;
}
#newspaper-a th{
  font-weight:normal;
  font-size:14px;color:#039;border-bottom:1px dashed #69c;padding:3px 3px;
}
#newspaper-a td{
  color:#669;padding:7px 17px;
}
#newspaper-a tbody tr:hover td{color:#339;background:#d0dafd;}


#newspaper-print{
  text-align:left;
  border-collapse:collapse;
  border:1px solid #69c;
  margin:2px;
}
#newspaper-print th{
  font-weight:normal;
  font-size:14px;border-bottom:1px dashed #69c;padding:3px 3px;
}
#newspaper-print td{
  padding:1px 3px;
  
}
#newspaper-print tbody tr:hover td{color:#339;background:#d0dafd;}



#newspaper-alaporan{
  font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
  font-size:11px;
  text-align:left;
  border-collapse:collapse;
  border:1px solid #69c;
  margin:2px;
}
#newspaper-alaporan th{
  font-weight:normal;
  font-size:14px;color:#039;border-bottom:1px dashed #69c;padding:3px 3px;
}
#newspaper-alaporan td{
  color:#669;padding:2px 5px;
}
#newspaper-alaporan tbody tr:hover td{color:#339;background:#d0dafd;}




 a.glow, a.glow:hover, a.glow:focus  
    {  
        text-decoration: none;  
		font-family : Helvetica;
        color: #555;  
        text-shadow: none;  
        -webkit-transition: 500ms linear 0s;  
        -moz-transition: 500ms linear 0s;  
        -o-transition: 500ms linear 0s;  
        transition: 500ms linear 0s;  
        outline: 0 none;  
		text-shadow: -1px 1px 12px #ffc, 1px -1px 12px #EEE;  
		font-weight: bold;
    }  
	
	
 a.glow:hover, a.glow:focus  
  {  
        color: #fff;  
        text-shadow: -1px 1px 8px #1493da, 1px -1px 8px #1493da;  
 }  
 
 
 a.glowl, a.glowl:hover, a.glowl:focus  
    {  
        text-decoration: none;  
		font-family : verdana;
        color: #555;  
        text-shadow: none;  
        -webkit-transition: 500ms linear 0s;  
        -moz-transition: 500ms linear 0s;  
        -o-transition: 500ms linear 0s;  
        transition: 500ms linear 0s;  
        outline: 0 none;  
		text-shadow: -1px 1px 12px #ffc, 1px -1px 12px #EEE;  
    }  
	
	
 a.glowl:hover, a.glowl:focus  
  {  
        color: #fff;  
        text-shadow: -1px 1px 8px #1493da, 1px -1px 8px #1493da;  
 }  



.imageproyek        { border: none; opacity:0.6; 
        -webkit-transition: 500ms linear 0s;  
        -moz-transition: 500ms linear 0s;  
        -o-transition: 500ms linear 0s;  
        transition: 500ms linear 0s;  
}
.imageproyek:hover    { outline: 1px solid black; opacity:1.0;}




#slideshow-nav2 li{  
   opacity:0.5;
   filter:alpha(opacity=50); /* For IE8 and earlier */
   color:#000; 
   font-weight:bold;
}
#slideshow-nav2 li.activeSlide {  
   opacity:1;
   filter:alpha(opacity=100); /* For IE8 and earlier */
   color:#000; 
   font-weight:bold;
}