@charset "utf-8";

html{height:100%;}

html>body #PortalBorder {height:auto}/*for mozilla */

body {
	height:100%;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	background-color: #f5b62a;
	background-image: url(../images/body_img_bg.jpg);
        background-repeat: repeat;
}
.top_img_bg1 {
	background-image: url(../images/top_img_bg1.jpg);
	background-repeat: no-repeat;
}
.top_img_bg2 {
	background-image: url(../images/top_img_bg2.jpg);
	background-repeat: no-repeat;
}
.login_img_bg1 {
	background-image: url(../images/login_img_bg1.jpg);
	background-repeat: no-repeat;
}
.login_img_bg2 {
	background-image: url(../images/login_img_bg2.jpg);
	background-repeat: no-repeat;
}


.menu_color_bg {
	background-color: #000000;
}
.menu_img_bg1 {
	background-image: url(../images/menu_img_bg1.jpg);
}
.menu_img_bg2 {
	background-image: url(../images/menu_img_bg2.gif);
}

.title1 {
	font-family: "Arial Black";
	font-size: 16px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #000000;
	text-align: center;
}
.title2 {
	font-family: "Arial Black";
	font-size: 16px;
	font-weight: normal;
	color: #000000;
	text-align: center;
}
.title3 {
	font-family: "Arial Black";
	font-size: 16px;
	font-weight: normal;
	color: #db2e00;
	text-align: center;
}
.title4 {
	font-family: "Arial Black";
	font-size: 16px;
	font-weight: normal;
	color: #000000;
}


.title_img_bg1 {
	background-image: url(../images/title_img_bg1.jpg);
}
.title_img_bg2 {
	background-image: url(../images/title_img_bg2.jpg);
}
.text1 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-align: justify;
}
.text2 {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
.text2-link {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
.text2-link:link {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
.text2-link:visited {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
.text2-link:hover {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 18px;
	text-align: justify;
	text-decoration: none;
}
.text3 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #8b0101;
	text-decoration: none;
}
.text3:link {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #8b0101;
	text-decoration: none;
}
.text3:visited {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #8b0101;
	text-decoration: none;
}
.text3:hover {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #8b0101;
	text-decoration: underline;
}
.text4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text4-link{
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text4-link:link {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text4-link:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text4-link:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ca4104;
	text-decoration: none;
}
.text5 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ca4104;
	text-decoration: none;
}
.text5:link {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ca4104;
	text-decoration: none;
}
.text5:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ca4104;
	text-decoration: none;
}
.text5:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ca4104;
	text-decoration: underline;
}
.text6 {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text6-link {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text6-link:link {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text6-link:visited {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text6-link:hover {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.text7 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text7:link {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text7:visited {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text7:hover {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #f3af1e;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text8 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	padding-right: 20px;
	padding-left: 20px;
}
.text9 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;
}
.text9:link {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;
}
.text9:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;
}
.text9:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #f3af1e;
	text-decoration: none;
	padding-right: 30px;
	padding-left: 30px;
}
.text9-nonlink {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #000000;
	text-align: center;
}
.text10 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text10:link {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text10:visited {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.text10:hover {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	text-decoration: underline;
}
.text11 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.text12 {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #f3af1e;
}
.text13 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #de6c11;
}
.text14 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.text14:link {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.text14:visited {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}
.text14:hover {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;
}
.text15 {
	font-family: Tahoma;
	font-size: 9px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
}





.text99 {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text99:link {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text99:visited {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}
.text99:hover {
	font-family: Tahoma;
	font-size: 22px;
	font-weight: normal;
	color: #f3af1e;
	text-decoration: none;
	padding-right: 20px;
	padding-left: 20px;
}




.line1 {
	background-image: url(../images/line1.jpg);
	background-repeat: repeat-x;
}
.table1 {
	background-color: #ffffff;
	border: 1px solid #000000;
}

.height1 {
	height: 100%;
	vertical-align: top;
}
.txtfield1 {
	font-family: Tahoma;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	border: 1px solid #999999;
	width: 70px;
	height: 16px;
	margin-top: 3px;
	margin-bottom: 3px;
}
.txtfield2 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 190px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtfield3 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 118px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtfield4 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 450px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtfield5 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtarea1 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 450px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 200px;
}
.login_img_bg {
	background-image: url(../images/login_img_bg.jpg);
	background-repeat: no-repeat;
}
.cell1 {
	border: 1px solid #aaaaaa;
}
.cell2 {
	border: 1px solid #000000;
	background-color: #FFFFFF;
}
.cell3 {
	background-color: #FFFFFF;
	padding: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e3e3e3;
}
.cell4 {
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color: #e3e3e3;
	border-bottom-color: #e3e3e3;
}

/*tambahin sendiri*/
.text3a {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #8b0101;
	text-decoration: none;
}
.text99 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text99-link {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text99-link:link {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text99-link:visited {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.text99-link:hover {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}

.txtarea3 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 582px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 200px;
}
.fontError { 
	font-family: Tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #cc0000;

}
.txtfield96 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 25px;
	height: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtfield97 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 80px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtfield98 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 55px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.txtfield99 {
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #454545;
	text-decoration: none;
	border: 1px solid #999999;
	width: 100px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
}

a img           {  text-decoration:none; border:none; }
//.imgs a:hover                  { border: 2px solid #000000; }
//.imgs a:hover img              { margin: -2px; }


.break 
{
  line-height:14px;
}