body {
margin:0px 0px; padding:0px; background-color: #ffffff;
//background-image: url('bg_grs.gif'); */
text-align: center;
width: auto
}

input.button { 
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #4284B0;	
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 10px;
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #9EC630; 
	background: #FFF;
	color: #333; 
	height: 19px;
	vertical-align: top;
}
form.searchform input.button { 
	margin: 0; 
	padding: 2px 3px; 
	font: bold 12px Arial, Sans-serif; 
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	color: #777;	
	width: 60px;
	vertical-align: top;
}

#form .textbox {
    width: 160px;
    border-left : 1px solid #acc6db; 
    border-right : 1px solid #acc6db; 
    border-top : 1px solid #acc6db; 
    border-bottom : 1px solid #acc6db; 
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000; 
} 

#wrap {
	background: #FFF;
	width: 760px; //height: 100%;
	margin: 0 auto;	
	text-align: left;
}
#content-wrap {
	clear: both;
	margin: 0; padding: 0;	
	background: #FFF;
}

/* header */
#header {
	position: relative;
	height: 80px;	
	background: #000 url('headerbg.gif') repeat-x 0% 100%;	
}
#header form.searchform {
	position: absolute;
	top: 0; right: 0px;	
}

/* menu tabs */
#header ul {
	z-index: 999999;
	position: absolute;
   margin:0 -1px 0 0; /*top right bottom left*/ 
   padding: 0;
   list-style:none;
	right: 0; 
	bottom: 6px !important; bottom: 5px;
	font: bold 13px  Arial, 'Trebuchet MS', Tahoma, verdana,  sans-serif;	
}
#header li {
   display:inline;
   margin:0; padding:0;
}
#header a {
   float:left;
   background: url('tableft.gif') no-repeat left top;
   margin:0;
   text-decoration:none; padding-left:4px; padding-right:0; padding-top:0; padding-bottom:0
}
#header a span {
   float:left;
   display:block;
   background: url('tabright.gif') no-repeat right top;
   color: #FFF; padding-left:8px; padding-right:15px; padding-top:6px; padding-bottom:3px
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
	color:#FFF;
}
#header a:hover {
   background-position:0% -42px;
}
#header a:hover span {
   background-position:100% -42px;
}
#header #current a {
   background-position:0% -42px;
	color: #FFF;
}
#header #current a span {
   background-position:100% -42px;
	color: #FFF;
}
/* end menu tabs */

#content #depan .image {
	background-color: #FFFFFF;
	padding: 2px;
	margin: 3px 3px 3px 3px;
	border: 1px solid #ddc688;
	float: left;
}

.bgcolor0{
background-color: #FFFFFF;
}
.bgcolor1{
background-color: #f7f3ff;
}
.bgcolor2{
background-color: #FAFAFA;
}
.bgcolor3{
background-color: #F5F5F5;
}
.bgcolor4{
background-color: #c1cdfd;
}
.sort{
background-color: #D1D8EC;
}
.title{
background: none; color: #2666B9; font-size: 30px; font-weight: bold; font-family: MagistralC, Verdana, Helvetica; text-decoration: none;
}
.blockline{
background-color: #FFFFFF; border: 1px #D1D8EC solid; border-top: none;
}
.titleline{
border: 1px #FFFFFF solid;
}
.boxtitle{
font-family: Verdana, Helvetica; font-size: 11px; color: #FF5500; font-weight: bold;
}
.content{
background: none; color: #99a1ab; font-size: 11px; font-family: Verdana, Helvetica;
}
.block-title{
background: none; color: #2666B9; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica;
}
.storytitle{
background: none; color: #2666B9; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none;
}
.storycat{
background: none; color: #FF5500; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none;
}
.option{
background: none; color: #FF5500; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica; text-decoration: none;
}
.tiny{
background: none; color: #000000; font-size: 11px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none;
}
.small{
background: none; color: #000000; font-size: 10px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none;
}
.middle{
padding-left:3; padding-right:3; padding-top:0; padding-bottom:3;
}
.copyright{
background: none; color: #000000; font-size: 11px; font-weight: normal; font-family: Verdana, Helvetica; text-decoration: none;
}
.code{
color: #0000BB; font-size: 11px; font-family: Verdana, Helvetica;
}
.leftblock{ vertical-align: top; width: 100%;
}
.rightblock{
vertical-align: top; width: 165px;
}
legend{
font-family: Verdana,Helvetica; font-size: 11px; color:#FF5500; font-weight: bold;
}
fieldset{
border: solid #79bef8 1px;
}
font, td, p	{
font-size: 11px; font-family: Verdana, Helvetica;
}
code{
background: none; color: #0000FF; font-size: 11px; font-family: Verdana, Helvetica;
}
th {
color: #2666B9;	height: 20px;	font-size: 11px;	font-weight: bold;	font-family: Verdana, Helvetica;	text-decoration: none;	background-color: #FFFFFF;	background-image: url(cellpic.gif);	border: 1px #FFFFFF solid;
}

input, textarea, select {
background: #FAFAFA;	
color: #000000;	border: 1px #D1D8EC solid;	
font-size: 11px; 
font-family: Verdana, Helvetica; 
text-decoration: none;
}
.editor {
margin: 0px 0px 1px 0px;	width: 400px;	height: 21px;	border: 1px #D1D8EC solid;	background-image: url(/images/bg.gif);	background-repeat: repeat-x;
}
.editorbutton {
float: left;	cursor: pointer;	padding: 2px 1px 0px 5px;}.tabel{background-color : #FFFFFF;width:100%;
}

.table4 {
	BORDER-RIGHT: #D1D8EC 1px solid;
    BORDER-LEFT: #D1D8EC 1px solid;
    BORDER-TOP: #D1D8EC 1px solid;
    BORDER-BOTTOM: #D1D8EC 1px solid;

}
BODY {
margin : 0 0 0 0;
padding : 0 0 0 0;
width : auto; 
}

.kotakjudul2 {
 font-family : Verdana, Arial, Tahoma;
background : #9999FF;
font-size : 8pt; font-weight : bold;
COLOR: #FFFFFF;  line-height:10px;
BORDER-BOTTOM: #4646aa 2px solid; BORDER-RIGHT: #4646aa 1px solid;
}

.kotakjudul {
 font-family : Verdana, Arial, Tahoma;
background : #00a994; 
font-size : 8pt; font-weight : bold;
COLOR: #4384f0;  line-height:10px;
}

.katajudul {
 font-family : Verdana, Arial, Tahoma;
COLOR: #FFFFFF; font-size : 8pt; font-weight : bold;
}


.katajudul:link
{
color:#FFFFFF;
text-decoration:none;
}
.katajudul:visited
{
color:#FFFFFF;
text-decoration:none;
}
.katajudul:hover
{
color:#eeeeee;
text-decoration:none;
}

.timbul0 {
      font-family : Verdana, Tahoma, Arial;
      font-size : 11px; COLOR: #425262;
      font-weight : normal; background : #ecead8;
	BORDER-BOTTOM: #BCB778 1px solid; BORDER-RIGHT: #BCB778 1px solid;
}

.timbul {
      font-family : Verdana, Tahoma, Arial;
      font-size : 14px; COLOR: #425262;
      font-weight : bold; background : #ecead8;
	BORDER-BOTTOM: #BCB778 1px solid; 
}
.timbul2 {
	background : #ECEAD8; width: 100%;
	BORDER-BOTTOM: #BCB778 1px solid; BORDER-RIGHT: #BCB778 1px solid; BORDER-LEFT: #efefef 1px solid;
}

.timbul3 {
      font-family : Verdana, Tahoma, Arial;
      font-size : 10px; COLOR: blue;
      font-weight : bold; background : #ecead8; width: 100%;
	BORDER-BOTTOM: #BCB778 1px solid; BORDER-RIGHT: #BCB778 1px solid; BORDER-LEFT: #efefef 1px solid;
      text-decoration:underline;
}

.textputih {
	FONT-SIZE: 11px; COLOR: red; FONT-FAMILY: Tahoma
}

.judul1 {
	FONT-WEIGHT: bold; FONT-SIZE: 14pt; COLOR: #f96b02; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica;
}

.judul0 {
font-family: Trebuchet MS, Verdana, Helvetica; font-size: 24px; color: blue; font-weight: bold;
}

.judul {
font-family: Verdana, Helvetica; font-size: 18px; color: #00a994; font-weight: bold;
}

.judul:link {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #00a994; FONT-FAMILY: Verdana, Tahoma, Helvetica;
}

.judul:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #00a994; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; 
FONT-VARIANT: normal; TEXT-DECORATION: none
}

.judul:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #ff5500; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; 
	FONT-VARIANT: normal; TEXT-DECORATION: none
}

.judul2 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #f96b02; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}

.judul2:link {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: green; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica
}
/**
.judul2:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: green; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica;
    FONT-VARIANT: normal; TEXT-DECORATION: none
}

.judul2:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #f96b02; FONT-FAMILY: Arial, Tahoma, Helvetica; 
	FONT-VARIANT: normal; TEXT-DECORATION: none
}
**/
.judul3 {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: blue; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}

.judul3:link {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: blue; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica
}

.judul3:visited {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: blue; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica; 
FONT-VARIANT: normal; TEXT-DECORATION: none
}

.judul3:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 10pt; COLOR: red; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica;
FONT-VARIANT: normal; TEXT-DECORATION: underline
}

.kalender {
FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #04446A; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
a.kalender, a.kalender:link
{
FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #04446A; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}
a.kalender:hover
{
font-family : Verdana, Tahoma, Arial;
font-size : 7pt; color: #000000;
font-weight:normal;
}
a.kalender:visited {FONT-WEIGHT: normal; FONT-SIZE: 7pt; COLOR: #04446A; FONT-STYLE: normal; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; TEXT-DECORATION: none
 }

.haldepan0 {
FONT-SIZE: 12px; COLOR: #425262; FONT-FAMILY: Arial, Trebuchet MS, Verdana;
font-weight : normal;
}

.haldepan {
FONT-SIZE: 12px; COLOR: #425262; FONT-FAMILY: Arial, Trebuchet MS, Verdana;
font-weight : normal;
}

.konten2 {
FONT-SIZE: 12px; COLOR: #425262; FONT-FAMILY: Arial, Georgia;
font-weight : normal;
}

.konten0
{
FONT-SIZE: 10px; COLOR: #425262; FONT-FAMILY: Verdana, Arial;
font-weight : normal;
}

.konten
{
FONT-SIZE: 12px; COLOR: #425262; FONT-FAMILY: Arial, Georgia;
font-weight : normal;
}

.keterangan
{
font-family : Verdana, Tahoma, Arial;
font-size : 12px; color: #425262; font-weight : normal;
}

.keterangan2
{
font-family : Verdana, Tahoma, Arial;
font-size : 10pt; font-weight : normal;
}

.peserta {
font-family : Tahoma, Arial;
font-size : 9pt; COLOR: #425262;
font-weight : normal;
}

.peserta2
{
font-family : Tahoma, Arial;
font-size : 8pt; COLOR: #425262;
font-weight : normal;
}

td
{
font-family : Verdana, Tahoma, Arial;
font-size : 11px; color: #425262; font-weight : normal;
}

.button {
	BORDER-RIGHT: #859ba0 1px solid; BORDER-TOP: #859ba0 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; 
BACKGROUND: #d0d9db; BORDER-LEFT: #859ba0 1px solid; COLOR: #3c4b4d; BORDER-BOTTOM: #859ba0 1px solid; 
FONT-FAMILY: Arial, Verdana, Geneva, Arial, Helvetica, serif; HEIGHT: 20px; TEXT-ALIGN: center
}

.input {
	BORDER-RIGHT: #859ba0 1px solid; BORDER-TOP: #859ba0 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px;
 BACKGROUND: #fffff5; BORDER-LEFT: #859ba0 1px solid; COLOR: blue; BORDER-BOTTOM: #859ba0 1px solid;
 FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;
}

.inputkom {
	BORDER-RIGHT: #859ba0 1px solid; BORDER-TOP: #859ba0 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12px;
 BACKGROUND: #fffff5; BORDER-LEFT: #859ba0 1px solid; COLOR: blue; BORDER-BOTTOM: #859ba0 1px solid;
 FONT-FAMILY: Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
}

.inputpesan           {
	BORDER-RIGHT: #859ba0 1px solid; BORDER-TOP: #859ba0 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 10px;
 BACKGROUND: #fffff5; BORDER-LEFT: #859ba0 1px solid; COLOR: blue; BORDER-BOTTOM: #859ba0 1px solid;
 FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pesantgl {
	FONT-SIZE: 9px; COLOR: gray; FONT-FAMILY: Verdana, Tahoma, Arial, Helvetica, sans-serif
}

.formulir
{
background-color : #EFEFEF;
width:100%;
}


a {
	COLOR: #0066ff; TEXT-DECORATION: none
}
a:hover {
	COLOR: #ff0000; TEXT-DECORATION: none
}

select
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}


.tambahan
{
background : #FFFFFF;
}

.rubrik
{ font-family : Verdana, Arial;
color : #FFFFFF;
background : #00a994;
font-size : 10pt;
font-weight : normal;
}

.rubrik2
{ font-family : Verdana, Tahoma, Arial;
color : #FFFFFF ;
background : #9999FF;
font-size : 10pt; font-weight : bold;
BORDER-BOTTOM: #4646aa 2px solid; BORDER-RIGHT: #4646aa 1px solid;
}

.rubrik3
{ font-family : Verdana, Tahoma, Arial;
color : #0033FF;
background : #CCFFFF;
font-size : 10pt;
font-weight : bold;
}

.rubrik4
{ font-family : Verdana, Tahoma, Arial;
background : #EFEFEF;
color : #0461A6;
font-size : 9pt;
font-style: italic
}

.kiri
{
background : #EFEFEF;
}

.kanan
{
background : #EFEFEF;
}

.atas {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000099; FONT-FAMILY: Tahoma;
}
.atas:hover {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: orange; FONT-FAMILY: Tahoma; TEXT-DECORATION: none
}

.itb77 {
	FONT-SIZE: 12px; COLOR: #000099; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.alumni {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: blue; FONT-FAMILY: Arial, Helvetica, sans-serif;
TEXT-DECORATION: underline;
}

.isi {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #444444; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.itb77small {
	FONT-SIZE: 11px; COLOR: #000099; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.alert {
	FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ff0000; FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.kecil {
	FONT-SIZE: 10px; COLOR: #04446A; FONT-FAMILY: verdana, Helvetica, sans-serif;
}

#pscroller2{
width: 100%;
height: 20px;
border: 0px solid grey;
padding: 3px;
}

p {
margin: 0;
padding: 0;
font-family : Verdana, Tahoma;
font-size : 13px; color: #425262; font-weight : normal;
}

.ul{
background: none; color: #99a1ab; font-size: 12px; font-family: Verdana, Helvetica;
}

.li{
background: none; color: #99a1ab; font-size: 12px; font-family: Verdana, Helvetica;
}