.fb2 {
	padding: 5px;
	color: #FFFFFF;
	background: #3B5998;
}
.fb3 {
	color: #3B5998;
	background-color: #f7f7f7;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.fb5 {
	color: #333;
	background:#ffebe8;
	border: 1px solid #dd3c10;
}

a.portal {
/*font-weight: bold;*/
font:normal 14px Arial, Helvetica, sans-serif;
color:#000066;
font-weight:bold;
font-size:13px;
text-decoration:none;
}
a.portal:link {color: #000066;}
a.portal:visited {color: #000066;}
a.portal:hover {color: #000000;}
a.portal:active {color: #000066;}

a.profail {
/*font-weight: bold;*/
font:normal 12px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
font-size:13px;
text-decoration:underline;
}
a.profail:link {color: #FFFFFF;}
a.profail:visited {color: #FFFFFF;}
a.profail:hover {color: orange;}
a.profail:active {color: #FFFFFF;}


a.portal2 {
/*font-weight: bold;*/
font:normal 20px Arial, Helvetica, sans-serif;
color:#000066;
font-weight:bold;
font-size:18px;
text-decoration:none;
}
a.portal2:link {color: #000066;}
a.portal2:visited {color: #000066;}
a.portal2:hover {color: orange;}
a.portal2:active {color: #000066;}

.button
{
	/*font:normal 14px Arial, Helvetica, sans-serif;*/
	font-family:'trebuchet ms',helvetica,sans-serif;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
	/*font-weight:bold;*/
	/*color:#050;*/
}

table.laporan {
  /*border: 1px solid #cccccc;*/
  border:1px solid black;
  border-collapse:collapse;
  /*font-family:Arial, Helvetica, sans-serif;*/
  font:normal 11px verdana;
  border-style:solid;
  font-size:13px;
}
table.laporan td
{
	border-style:solid;
	padding:3px;
	border-width:thin;
	
	
}
table.laporan th
{
	border-style:solid;
	padding:3px;
	border-width:thin;
	
}
a.res {font-weight: bold;}
a.res:link {color: red;}
a.res:visited {color: red;}
a.res:hover {color: orange;}
a.res:active {color: red;}

.inputbox {
	/*padding: 2px;*/
	padding-left:2px;
	border:solid 1px #999999;
	/*background-color: #fffff9;*/
	font-family:"Calibri", Courier, mono;
	font-size:14px;
	color:#333333;
}

table.contenttoc_2 {
  border: 1px solid #7CCB25;
  /*padding: 2px;*/
  margin-bottom: 2px;
  background-color:#F5F5F5;
/*font-family:Arial, Helvetica, sans-serif;
  /*font:normal 11px verdana,sans-serif;
  font-size:9px;*/
}


table.contenttoc_2 td {
  padding: 3px;
  font:normal 14px Arial, Helvetica, sans-serif;*/
  /*font:normal 13px verdana,sans-serif;*/
}


table.contenttoc {
  border: 1px solid #99b3cc;
  /*padding: 2px;*/
  margin-bottom: 2px;
  background-color:#F5F5F5;
  font:normal 13px Arial, Helvetica, sans-serif;
/*  font-family:Arial, Helvetica, sans-serif;
  /*font:normal 11px verdana,sans-serif;
  font-size:9px;*/
}


table.contenttoc td {
  padding: 3px;
  /*font:normal 13px Arial, Helvetica, sans-serif;*/
  font:normal 13px 'trebuchet ms',helvetica,sans-serif;

  /**/
}

.footer{
	font:normal 11px verdana,sans-serif; 
}
a.topmenu{
	font:normal 14px verdana,sans-serif;
	text-decoration:none;
	/*font-weight:bold;*/
	color:#FFFFFF;

}
a.topmenu:hover
{text-decoration:underline;
}
a.login
{
	font:normal 13px verdana,sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

a.login:hover
{
	color:#ff4e00;
}

a.tukarpassword
{
	font:normal 13px verdana,sans-serif;
	text-decoration:none;
	color:#FFFFFF;
	
}

a.tukarpassword:hover
{
	color:orange;
}

.topmenu{
padding: 3px 0;
margin-left: 0;
margin-bottom: 0;
margin-top: 0.1em;
font: bold 12px Verdana;
color: navy;
}

.table content
{
	font:normal 12px verdana,sans-serif;
}


.calendar { 
    width: 150px; 
    font: normal 9px verdana, sans-serif; 
    background: #e9e9e9; 
    height: 162px; 
    border: 1px solid #000 
} 

.calhead { 
    width: 150px; 
    border-bottom: 1px solid #000; 
    margin-bottom:5px; 
    text-align:center; 
    height:18px; 
} 

.calhead a { 
    display: block; 
    color: #fff; 
    text-decoration: none; 
    padding: 3px 
} 

.calhead a:hover { 
    background: #a6a6a6 
} 

.right, .left { 
    width: 20px; 
    height: 18px; 
    background: #000; 
} 

.right { 
    float: right 
} 

.left { 
    float: left; 
} 

.middle { 
    margin: 0px 20px; 
    padding: 0 auto; 
} 

.middle span { 
    font: bold 12px verdana, sans-serif; 
} 

.caldays { 
    width: 150px; 
    margin: 2px 0px;padding: 2px 0px; 
} 

ul.days { 
    padding: 0px; 
    margin: 0px; 
    list-style-type: none; 
} 

ul.days li { 
    background: #d6d6d6; 
    float: left; 
    display: in-line; 
    border: 1px solid #a9a9a9; 
    width: 17px; 
    height: 13px; 
    margin: 1px; 
    text-align: center; 
    padding: 2px 0px 0px 0px; 
} 

.caldates { 
    width: 148px; 
    margin:0 auto; 
} 

ul.dates { 
    padding: 0px; 
    margin: 0px; 
    list-style-type: none;     
} 

ul.dates li { 
    background: #fff; 
    float: left; 
    display: in-line; 
    border: 1px solid #a9a9a9; 
    width: 17px; 
    height: 13px; 
    text-align: center; 
    margin: 1px; 
    padding: 2px 0px 0px 0px; 
} 

ul.dates li:hover { 
    background: #e9e9e9; 
} 

ul.dates li a{ 
  color:#000; 
  text-decoration:none; 
} 

.blank { 
    background: #e9e9e9!important 
} 

.today { 
    float: right; 
    margin-right: 5px; 
    position: relative; 
    right: 0px; 
    bottom: 0px; 
} 

.today a { 
    text-decoration: none; 
    font: bold 8px verdana, sans-serif; 
    position: relative; 
    left: 0px; 
    top: 0px; 
}