@charset "utf-8";
@font-face { font-family: sukarBlack; 
			 src: url('../font/SukarBlack.ttf'); } 
h2{
	font-family: roboto-regular;
}
body
{
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
}
#imageid{
background-image:url(../image/certifi3.jpg);
width:60px;
height:50px;
background-repeat: no-repeat;
}

#test{
page-break-after:always;

}
.id_card_font2{
	font-family:sukarBlack;
	font-size:15px;
	color: #224a90;
	text-align:Left;
	text-decoration:none;
	font-weight:Bold;
    vertical-align: top;
}
.id_card_font3{
	font-family:sukarBlack;
	font-size:15px;
	color: #164f56;
	text-align:Left;
	text-decoration:none;
	font-weight:Bold;
}
.id_card_font_Client {
    	font-family:sukarBlack;
	font-size:15px;
	color: #164f56;
	text-align:Left;
	text-decoration:none;
	font-weight:Bold;
    position:absolute;
}
.id_card_font4 {
	font-family:sukarBlack;
	font-size:15px;
	color: #a33171;
	text-align:Left;
	text-decoration:none;
	font-weight:Bold;
}
.id_card_font{
	font-family:sukarBlack;
	font-size:15px;
	color: #000000;
	text-align:Left;
	text-decoration:none;
	font-weight:Bold;
}

.id_card_img_front{
background-image:url(../image/certifi7_front_new.jpg);
width:490px;
height:301px;
background-repeat: no-repeat;
}
.id_card_img_back{
background-image:url(../image/certifi7_back_new.jpg);
width:490px;
height:301px;
background-repeat: no-repeat;
}
.bg-img{
	background-image:url(../image/bg2.png);
	background-repeat: no-repeat;
	width:1020px;
	background-repeat:repeat-y;
	}
.menu-center
{
    background-image:url(../image/menu-center.png);
	background-repeat: no-repeat;
	background-repeat:repeat-x;
}
.index-txt{
	font-family: Arial;
	font-size: 20px;
	color: #116a8b;
	text-decoration:none;
	font-weight:bold;
	/*padding:10px 0px 10px 0px;*/
	}
.index-txt1{
	font-family: Arial;
	font-size: 17px;
	color: #116a8b;
	text-decoration:none;
	font-weight:bold;
	/*padding:10px 0px 10px 0px;*/
	}
.top-menu{
	font-family: Arial;
	font-size: 12px;
	color: #116a8b;
	text-align:center;
	text-decoration:none;
	font-weight:normal;
	/*padding:10px 0px 10px 0px;*/
	}
.login-form{
	background-image:url(../image/login-form.png);
	background-repeat: no-repeat;
	width:407px;
	height:321px;
	background-repeat:no-repeat;
	}
.welcome-txt {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #095995;
	text-align:Left;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.welcome-txt2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #095995;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.welcome-txt3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.welcome-txt34 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.welcome-txt_block{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:Left;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.certificate_font{
	font-family:algerian;
	font-size: 26px;
	color: #000000;
	text-align:Left;
	text-decoration:none;
	line-height:18px;
	font-weight:bold;
}
.certificate_font1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	text-align:Left;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}

.button {
	cursor: pointer;
	padding: 15px 114px 2px 10px;
	color: #fff;
	background:url(../image/button.jpg);
	border:0px solid #f3f3f3;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;*/
}
.invalid-txt {
	font-family:Arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	text-align:center;
	font-style:normal;
	color:#FF0000;
	text-decoration:none;
}
.warning_box{font:arial; font-size:12px;width:400px;clear:both;background:url(../image/warning1.png) no-repeat left #fcfae9;
border:1px #e9e6c7 solid;background-position:15px 8px;padding:10px 10px 15px 60px;margin:0 0 10px 0; font-weight:bold;}

.valid_box{font:arial; font-size:12px;width:400px;clear:both;background:url(../image/valid1.png) no-repeat left #edfce9;
border:1px #cceac4 solid;background-position:15px 8px;padding:10px 0px 10px 60px;margin:0 0 10px 0; font-weight:bold;}

.error_box{font:arial; font-size:12px;width:400px;clear:both;background:url(../image/error1.png) no-repeat left #fce9e9;
border:1px #eac7c7 solid;background-position:15px 8px;padding:10px 0px 10px 60px;margin:0 0 10px 0; font-weight:bold;}

.readmore-txt {
	font-family: Arial;
	font-size: 12px;
	color: #575453;
	text-align:right;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.readmore-txt:hover {
	font-family: Arial;
	font-size: 12px;
	color: #bd2323;
	text-align:right;
	/*text-decoration:none;*/
	line-height:18px;
	font-weight:normal;
}
.training_head{
	font-family:Calibri;
	font-size: 18px;
	color: #000000;
	text-align:center;
	text-decoration:none;
	line-height:18px;
	font-weight:normal;
}
.footer-bg{
	background-image:url(../image/footer-bg.png);
	background-repeat: no-repeat;
	width:986px;
	height:88px;
	}
.scrollup{
			width:40px;
			height:40px;			
			text-indent:-9999px;
			opacity:0.3;
			position:fixed;
			bottom:50px;
			right:100px;
			display:none;			
			background:url('../image/icon_top.png') no-repeat;
		}
table.data2 {border: 2px solid #000; margin: 10px 0px 20px 0px; width: 100%; font-size:10px; text-align:center; font-family: Arial;}
th.data2 {padding: 8px 4px 8px 4px;border: 1px solid #000; background: url(img/green.jpg)repeat left center;text-shadow: 1px 0px #003362;color: #fff }
td.data2 {padding: 4px; border: 1px solid #000;color: #5b5b5b;vertical-align: top;}
tr.data2 {background: #fff}
tr.data2:hover {background: #feffdc;}
tr.data2 small a{color: #fff;}
tr.data2 small{color: #fff;}
tr.data2:hover small a{color: #527e19;}
tr.data2:hover small a:hover{color: #000;}
tr.data2:hover small {color: #5b5b5b;}	

		
table.data {border: 1px solid #000; margin: 10px 0px 20px 0px; width: 100%; border-collapse: collapse;font-size:10px; text-align:center; font-family: Arial;}
th.data {padding: 8px 4px 8px 4px;border: 1px solid #000; background: url(img/green.jpg)repeat left center;text-shadow: 1px 0px #003362;color: #fff }
td.data {padding: 4px; border: 1px solid #dcdcdc;color: #5b5b5b;vertical-align: top;}
tr.data {background: #fff}
tr.data:hover {background: #feffdc;}
tr.data small a{color: #fff;}
tr.data small{color: #fff;}
tr.data:hover small a{color: #527e19;}
tr.data:hover small a:hover{color: #000;}
tr.data:hover small {color: #5b5b5b;}	
.footer-txt {
	font-family:Arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	text-align:center;
	font-style:normal;
	color:#383a35;
	text-decoration:none;
}
table.data1 {border: 1px solid #000; margin: 10px 0px 20px 0px; width: 70%; border-collapse: collapse;font-size:12px; text-align:left; font-family: Arial;}
table.data2 {border: 1px solid #000; width: 100%; border-collapse: collapse;font-size:12px; text-align:left; font-family: Arial;}
.footer-txt:hover {
	font-family:Arial;
	font-size: 13px;
	line-height: 18px;
	font-weight: normal;
	text-align:center;
	font-style:normal;
	color:#bd2323;
	text-decoration:none;
}
.record_not_found {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	text-align:center;
	font-style:normal;
	color:#FF0000;
}
.page_title {
margin-top:0px;
font-size:22px;
font-family:"Georgia", "Trebuchet Ms";
font-style:italic;
color:#bd2323;
font-weight:bold;
padding-top:0px;
text-align:Left;
padding-left:0px;
}
.page_title1 {
margin-top:10px;
font-size:20px;
font-family:"Calibri";
color:#bd2323;
padding-top:0px;
text-align:Left;
padding-left:0px;
}
.page_title2 {
margin-top:10px;
font-size:16px;
font-family:"Calibri";
color:#bd2323;
padding-top:0px;
text-align:Left;
padding-left:0px;
}
.dir-name-txt {
margin-top:5px;
font-size:18px;
font-family:"Calibri";
color:#bd2323;
padding-top:0px;
text-align:Left;
padding-left:0px;
text-decoration:none;
}

.dir-name-txt a:hover {
margin-top:5px;
font-size:18px;
font-family:"Calibri";
color:#2c2923;
padding-top:0px;
text-align:Left;
padding-left:0px;
border-bottom:1px solid #bd2323;
text-decoration:none;
}
.left-menu-bar-txt {
	margin-top:5px;
	font-family:"Calibri";
	font-size: 18px;
	color: #bd2323;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	height:20px;
	text-decoration:none;
	cursor:pointer;
	
}

.left-menu-bar-txt a:hover {
	margin-top:5px;
	font-size:18px;
	font-family:"Calibri";
	color:#2c2923;
	padding-top:0px;
	text-align:Left;
	padding-left:0px;
	border-bottom:1px solid #bd2323;
	text-decoration:none;
}
/*.button {
    font-weight:bold;
	font-size:12px;
	height:25px;
	cursor: pointer;
	padding: 0px 10px 2px 10px;
	color: #fff;
	background-color:#095995;
	border: 3px solid #ececec;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 border-radius: 5px;
	 text-decoration:none;
}*/
/*.button:hover { color: #000000;text-decoration: none; background-color:#ad2121;border: 2px solid #ecbbbb;}*/
.fieldset {
	vertical-align:top;
	width:237px;
	/*height:500px;*/
	border-radius: 0px;
	background-color:#dae6f6;
	
}

.side-bar-txt-1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #0b4d7f;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
}

.side-bar-txt-1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	background-color:#aecbf2;
	font-size: 13px;
	color: #0b4d7f;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
	

}
.side-bar-txt-1 td:hover
{
	font-family: Arial, Helvetica, sans-serif;
	width:100px;
	background-color:#aecbf2;
	font-size: 13px;
	color: #0b4d7f;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
}
.side-bar-txt-5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align:left;
	text-decoration:none;
	font-weight: bold;
}
/*Emi-calc*/
.form_button {
	width: 90px;
	height: 25px;
	float: left;
	margin-top: 5px;
	margin-left: 5px;
	}
	
.number_textfield {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin-bottom: 1px;
	height: 16x;
	padding-left: 5px;
	padding-right:5px;
	padding-bottom:2px;
	border:5px solid #999999;
}

.res_number_textfield{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color:#B5B5B5;
	padding-left: 10px;
	padding-right:5px;
	border:5px solid #999999;
	
	
}
.formtext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}
.error_text {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FF0000;
}
.reset_form_button {
	background-image: url(../images/reset_form_button.jpg);
	background-repeat: no-repeat;
	width: 65px;
	height: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-position: left top;
}
#toptable
{
height:270px;
}
#centertable
{
/*max-height:500px;*/
height:470px;
}
/*end emi calc*/