/* Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under 
a Creative Commons Attribution 2.5 License
*/

body {
	margin: 0;
	padding: 0;
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	font:11px verdana;
	color: #333333;
	background: #FFFFFF;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
ul {
	list-style: square;
}
a:hover {
	text-decoration: none;
}
/* Header */
#header {
	width: 965px;
	height: 83px;
	margin: 0 auto;
	background: #FFFFFF;
	background: url(header.png) no-repeat;
}
#header * {
	text-decoration: none;
	color: #B2D553;
}
#header h1 {
	float: left;
	padding: 20px 0 0 20px;
	font-size: 3em;
}
#header h2 {
	float: right;
	padding: 38px 20px 0 0;
	font-size: 1.6em;
}
/* Menu */
#menu {
	width: 959px;
	height: 35px;
	margin: 0 auto;
	-moz-border-radius:5px;
        -webkit-border-radius:5px;
	background: #4282ad ;
}
#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#menu li {	
	display: inline;
}
#menu a {
	display: block;
	float: left;
	height: 26px;
	padding: 8px 20px 0  20px;
	border: 1px solid #eeeeee;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
	color: #111111;
}

#menu a:hover {
	background: #a7825d;
	background: #e8750a;
	border-bottom-color: #DC915C;
	color: #FFFFFF;
}
/* Content */

#content {
	width: 959px;
	margin: 0 auto;
	margin-top: 10px ;
	padding: 4px;
	border: 1px solid #ddd;
	text-align: left ;
}

#content h2 {
	color: #4b7d09 ;
	margin-bottom: 5px ;
}

#colOne {
	float: left;
	width: 60%;
	padding: 20px 0 0 20px;
}

#colOne h2 {
	margin-bottom: 0;
	font-size: 2em;
}

#colOne h3 {
	color: #4b7d09 ;
	color: #6118ce ;
	color: #375a73 ;
	font-size:10pt;
	border-top: 4px groove #ff9900;
	border-bottom: 4px groove #ff9900;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 3px;
}

#colOne h4 {
	color: #4b7d09 ;
	color: #6118ce ;
	color: #375a73 ;
	font-size:12pt;
	margin-top: -20px;
	margin-bottom: 5px;
	padding: 3px;
}

#colOne .file {
	margin-top: 0;
}

#colOne .posted {
	height: 26px;
	margin: 0 0 20px 0;
	padding: 8px 0 0 10px;
	/* background: #EFCCB3 url(/gambr/fimg4.gif) repeat-x; */
}

#colOne .posted, #colOne .posted a {
	color: #CD6216;
}

#colOne a {
	color: #8CA640;
}

#colOne a:hover {
	text-decoration: none;
}

/* Column Two */

#colTwo {
	float: right;
	width: 30%;
}

#colTwo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#colTwo form {
	padding: 20px 10px;
}

#colTwo h2 {
	height: 34px;
	margin: 1em 0 .5em 0;
	padding: 7px 0 0 10px;
	background: #a3b8cb ;
	font-size: 1em;
	color: #FFFFFF;
}

#colTwo form {
	padding: 5px;
	color: red ;
}

#colTwo ul ul {
	padding: 10px;
	list-style: square inside;
	color: #CD6216;
}

#colTwo ul ul a {
	text-decoration: none;
	color: #CD6216;
}

#colTwo ul ul a:hover {
	text-decoration: underline;
}

#textfield1 {
	width: 84%;
}

#submit1 {
	display: none;
}
/* Footer */

#footerline {
	/* width: 90%;
	margin: 0 auto;
	font-size: smaller;
	background: #3300cc url(/gambr/foimg.gif) repeat-x;
*/
}
#footer {
	width: 958px;
	border-top: 2px solid #4282ad ;
	margin: 0 auto;
	margin-top: 5px; 
	font-size: smaller;
	margin: 0 auto;
}
#footer * {
	color: #333333;
}

.tbl_login {
	font:10px ;
	font-family: monospace;
	color: black ;
	border-left: 1px solid #CADAFF;
	border-right: 1px solid #CADAFF;
}

.tbl_display {
	font:12px ;
	/* background: #EAF0FF;
	font-family: arial, verdana, sans-serif, "Trebuchet MS" ;
	*/
	font-family: monospace;
	font: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: black ;
        border-left: 1px solid #CADAFF;
	border: 1px solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}

.tbl_display td {
	border: 1px solid ; 
	border-color: #ffb ;
	padding-right: 5px ; 
	padding-left:5px;
}

.tbl_display tr td input{ 
	font:12px verdana; 
}
.tbl_display tr td select{ 
	font:12px verdana; 
}
.tbl_display ul li a { 
	font:12px verdana;
	text-decoration: none ;	
	color: #0040ff ;
}
.tbl_display ul li a:hover { 
	font:12px verdana; 
	text-decoration: none ;	
	color: #ff4400 ;
}
.red  { 
	background-color: #f00; 
	background-color: #ECEADB;
	background-color: #E7E5DC;
}
.grey { 
	background-color: #ccc; 
	background-color: #ECEADB;
	background-color: #E7E5DC;
	background-color: ##f7fbff;
}
.griy { 
	background-color: #ccc; 
	background-color: #ECEADB;
	background-color: #E7E5DC;
	background-color: ##f7fbff;
	text-align: right;
}
.redi { 
	background-color: #3a5d78; 
	color: white;
}
.whit { background-color: #fff; 
}
.whet { background-color: #fff;
  text-align: right; 
}
.blue { background-color: #ddd;  }
.sidebox {
	margin: 0 auto; 
	/* center for now */
	width: 50em; 
	/* ems so it will grow */
	background: url(/gambr/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(/gambr/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(/gambr/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: normal; 
	font-size: 9px; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; 
	/* Safari-only, but cool */
}
.boxbody {
	background: url(/gambr/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 31px;
}
.roundbox-tr { 
	width:100%; 
	margin:auto; 
	padding:0; 
}
.roundbox-tl { 
	margin:0; 
	padding:0; 
}
.roundbox-br { 
	margin:0; padding:0; 
}
#roundbox-bl { 
	margin:0; padding:0;
}
.roundbox-content { 
	margin:0; 
	padding:2.5em 3.5em; 
}
.roundbox-content p { 
	margin:0; padding:0;
	line-height:1.6; 
}
.style3 {
	border: 1px solid #9EB7FC;
}
.style4 {
	font-weight: bold;
	border: 1px solid #9EB7FC;
}
.style5 {
	border: 1px solid #9EB7FC;
	background-color: #9EB7FC;
}
#tbl {
        font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        width:50%;
        border-collapse:collapse;
}
#tbl td, #tbl th {
        font-size:1em;
        border:1px solid #98bf21;
        padding:3px 7px 2px 7px;
}
#tbl th {
        font-size:1.1em;
        text-align:left;
        padding-top:5px;
        padding-bottom:4px;
        background-color:#A7C942;
        color:#ffffff;
}
#tbl tr.alt td {
        color:#000000;
        background-color:#EAF2D3;
}
#tbla {        
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
        width:50%;
        border-collapse:collapse;
}
#tbla td, #tbla th {
	font-size:1em;
	border:1px solid #dddddd;
	padding:3px 7px 2px 7px;
}
#tbla th {
        font-size:1.1em;
        text-align:left;
        padding-top:5px;
        padding-bottom:4px;
        background-color:#A7C942;
	color:#ffffff;
}
#tbla tr.alt td {
        color:#000000;
        background-color:#EAF2E9;
}
#keterangan {
	font:12px verdana;
	text-decoration: none ;
	color: #0040ff ;
}
#box1   { 
	-moz-border-radius:10px;
        -webkit-border-radius:10px;
        border:1px solid #CCC;
        padding:5px;
        margin-left: 3px ;
        margin-right: 1px ;
        margin-top: 1px ;
}
#box2   {
	-moz-border-radius:5px;
        -webkit-border-radius:5px;
        border:1px solid #CCC;
        padding:5px;
        margin-left: 3px ;
        margin-right: 3px ;
        margin-top: 1px ;
}
#box3   {
          -moz-box-shadow: 10px 10px 5px #888;
          -webkit-box-shadow: 10px 10px 5px #888;
          box-shadow: 10px 10px 5px #888;
          padding: 3px ;
          margin-right: 1px ;
}
table.hovertable {
        font-family: verdana,arial,sans-serif;
        font-size:11px;
        color:#333333;
        border-width: 1px;
        border-color: #999999;
        border-collapse: collapse;
}
table.hovertable th {
        background-color:#c3dde0;
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
}
table.hovertable tr {
        background-color:#d4e3e5;
}
table.hovertable td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #a9c6c9;
}
.pmenu {
     	width: 972px;
	height: 52px;
	margin: 0 auto;
     	padding-top: 107px;
}
.pmenu li{
     	position:relative;
	display:inline;
     	cursor:pointer;
     	padding-top: 5px ;
	padding-bottom: 5px ;
	padding-left: 15px ;
	padding-right: 15px ;
}
.pmenu li a{
     text-decoration:none;
     color:gray;
     width:100%;
     height:100%;
}
.pmenu li a:hover{
     color: white;
}
.pmenu li:hover{
     background-color:#ffa500 ;
     color: white ;
}
.pmenu li ul{
     position:absolute;
     white-space:nowrap;
     text-align:left;
     list-style:none;
     display:none;
     z-index:5;
     left:0%;
     top:1.15em;
     margin-top:10px;
     padding:0px;
     border:1px solid grey;
     background-color:grey;
}
.pmenu li ul li{
     position:relative;
     left:0px;
     display: list-item;
     cursor:pointer;
}
.pmenu li ul li{
	position:relative;
    	left:0px;
	cursor: pointer;
	width:200px;
}
.pmenu li ul li a{
     display:block;
     margin-left:3px;
     margin-right:3px;
}
.pmenu li:hover > ul{
     display:block;
}

.pmenu {     
	width: 972px;
     height: 52px;
     margin: 0 auto;
     padding-top: 107px;
}
.pmenu li{
     position:relative;
     display:inline;
     cursor:pointer;
     padding-top: 5px ;
     padding-bottom: 5px ;
     padding-left: 15px ;
     padding-right: 15px ;
}
 .pmenu li a{
 text-decoration:none;
     color:gray;
     width:100%;
     height:100%;
 }
 .pmenu li a:hover{
     color: white;
 }
 .pmenu li:hover{
     background-color:#ffa500 ;
    color: white ;
 }
 .pmenu li ul{
     position:absolute;
     white-space:nowrap;
     text-align:left;
     list-style:none;
     display:none;
     z-index:5;
     left:0%;
     top:1.15em;
     margin-top:10px;
     padding:0px;
     border:1px solid grey;
     background-color:grey;
 }
 .pmenu li ul li{
     position:relative;
     left:0px;
     display: list-item;
     cursor:pointer;
 }
 .pmenu li ul li{
     position:relative;
     left:0px;
     cursor: pointer;
     width:200px;
 }
.pmenu li ul li a{
    display:block;
     margin-left:3px;
     margin-right:3px;
 }
 .pmenu li:hover > ul{
     display:block;
 }
 
 #marta {  
   border : 5px inset;	  
   background-color : White; 
   height : 50px; 
   width : 50px; 
 }