/* CSS Document */
BODY  {
	background-color :#EFFFEF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(../Images/background.jpg);
	background-repeat:repeat;
}
.border  { border: 1px solid #3B884B; }
.BorderUtama  { border: 1px solid #AFD2ED;}

TR.ListUtama{
	background-color:#DEE6F5;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
TR.ListUtama:hover{
background-color:#EEF2F9;
}
TR.ListText{
	background-color:#D0E2F0;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	}
TR.ListBack {
	background:url(../Images/list.png);
	background-repeat:repeat;
}
TD {
	font-family :Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
}


TH {
	font-family :Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	background-color:#9CC4E0;
}

TD.HEAD {
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	COLOR: #FFFFFF;
}

TD.UTAMA {
	font-family :Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	border: 1px solid #3B884B;
}

tr:hover {background-color: greenyellow;}

/*tr:nth-child(even) {background-color: #f2f2f2;}*/

.HEADWARNA {
	background-color:#5E99C6;
	font-family : Tahoma, Arial, Helvetica, sans-serif;
	font-size : 12px;
	COLOR: #FFFFFF;
	border-bottom: 1px solid red;
}
.FOOTWARNA {
	border-bottom: 1px dotted #84B9D5;
}

.table-list {
	clear: both;
	text-align: left;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
	/*margin-left: auto;
	margin-right: auto;*/
	padding: 10px 10px;
	background: #fff;
	font-size: 12px;

}

.table-list th {
	color: #333;
	font-size: 12px;
	font-weight: 700;
	margin: 2px 2px 2px 2px;
	padding: 5px 5px;
	background: url(../Images/list.png) repeat-x top #fff;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 2px solid #FF9900;
	text-align: left;
}
.table-list td {
	color: #333;
	border-color: #fff;
	/*border-collapse: collapse;*/
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-top: 1px solid #CCC;
	vertical-align: top;
	padding: 3px 5px;
	border-bottom:1px #CCCCCC solid;
}

INPUT, TEXTAREA,SELECT {
	BORDER-TOP-WIDTH: 1px;
	BORDER-LEFT-WIDTH: 1px;
	BORDER-BOTTOM-WIDTH: 1px;
	BORDER-RIGHT-WIDTH: 1px;

	BORDER-LEFT-COLOR: #ABDF95;
	BORDER-BOTTOM-COLOR: #ABDF95;
	BORDER-TOP-COLOR: #ABDF95;
	BORDER-RIGHT-COLOR: #ABDF95;


	FONT: 12px Arial;
	COLOR: #333333;
}
a:link {
	color: #336CA1;
	text-decoration: none;
	}
a:visited {
	color: #336CA1;
	text-decoration: none;
}
a:hover {
	color: #FF0000;
	text-decoration: blink;
}
a:active {
	color: #0000FF;
	text-decoration: line-through;
}
A.katlink:link {
	PADDING-RIGHT: 1px;
	PADDING-LEFT: 1px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 1px;
	COLOR: #567300;
	PADDING-TOP: 1px;
	FONT-FAMILY: arial
}
A.katlink:visited {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: #567300;
	PADDING-TOP: 2px;
	FONT-FAMILY: arial
}
A.katlink:hover {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: #ff9900;
	PADDING-TOP: 2px;
	FONT-FAMILY: arial;
	TEXT-DECORATION: none
}

A.katlink2:link {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	FONT-FAMILY: arial
}
A.katlink2:visited {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	FONT-FAMILY: arial
}
A.katlink2:hover {
	PADDING-RIGHT: 2px;
	PADDING-LEFT: 2px;
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 2px;
	COLOR: #FFFFFF;
	PADDING-TOP: 2px;
	FONT-FAMILY: arial;
	TEXT-DECORATION: none
}