<style type="text/css">
* {
	font-size: 12px;
	font-family: "Tahoma", "Arial", "Helvetica", "sans-serif";
}

body {
	background: url(../image/background/background.jpg);
/*	width: 1024px;*/
	margin: auto;
	background-position: center;
	background-repeat: repeat-y;
	height : 100%;
}


.checkboxInput{
    float: left;
    margin-left: 20px;
    margin-right: 7px;
}

.checkboxLabel{
	display: block;
    margin-left: 20px;
}

#popup{
	width: auto;
}

#headererb1 { width:1000px; height:150px; position:relative; margin:10px 0 18px 0;}/*925*/

.mainBoby {
	width: 1000px;
	margin:0 auto;
}

.headerTitle {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
 	padding:5px;
 	background:#A40607;
}

.headerTitle_wa {
	color:#ffffff;
	font-weight:bold;
	/* font-size:14px; */
 	padding:5px;
 	background:#A40607;
}

#changePasswordPage, #logOnPage, #forgetPasswordPage, #retrieveAccountPage{
	position:relative;
	margin:0 auto;
	padding:0;
	width:820px;
	height:auto;
	background:#FFF;
	text-align:left;
}

#footer {
	position:relative;
	text-align:left;
/*	height:120px;*/
	width:1224px;
	background:#FFFFFF;
}

.header {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #656666;
text-decoration: none;
}

.mandatorymsg {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #656666;
text-decoration: none;
}

.header img{ margin-right:3px;}

.header_link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1px;
text-decoration: none;
color: #656666;
}

.header_link:hover{
	color: #8c9011;
}

.erbtextsmall {

		font-family: "Arial", "Helvetica", "sans-serif";
		font-size: 13px;
		font-weight: normal;
		color: #000000;
		text-decoration: none;
		line-height: 16px;
		}

a.imagebutton {
	border: 0px;
	background: url(../image/button/button.png) repeat;
}

a.imagebutton:hover {
	border: 0px;
 	background: #28597a;
   color: #ccc;
   cursor:pointer;
}

a.imagebutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
a.imagebuttonleft {
	border: 0px;
	background: url(../image/button/buttonleft.png) no-repeat;
}

a.imagebuttonleft:hover {
	border: 0px;
 	background: #28597a;
   color: #ccc;
   cursor:pointer;
}

a.imagebuttonleft:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

a.imagebuttonright {
	border: 0px;
	background: url(../image/button/buttonright.png) no-repeat;
}

a.imagebuttonright:hover {
	border: 0px;
 	background: #28597a;
   color: #ccc;
   cursor:pointer;
}

a.imagebuttonright:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
table.spline{
 border-color:#A40607 #F4F4F4 #F4F4F4 #F4F4F4;
 width:100%
}

   
.erbuttonsquare {
   padding: 2px 10px;
   border-radius: 5px;
   color: white;
   text-decoration: none;
   vertical-align: middle;
   border-width: 0px;
   background-color: #C33232;
   }
.erbuttonsquare:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
      
.erbutton {
   border-top: 1px solid #fc0000;
   background: #a40606;
    -pie-background: linear-gradient(#a40606, #a40606); /*PIE*/
/*   background: -webkit-gradient(linear, left top, left bottom, from(#a40606), to(#a40606));*/
/*   background: -webkit-linear-gradient(top, #a40606, #a40606);*/
/*   background: -moz-linear-gradient(top, #a40606, #a40606);*/
/*   background: -ms-linear-gradient(top, #a40606, #a40606);*/
/*   background: -o-linear-gradient(top, #a40606, #a40606);*/
   padding: 2px 10px;
   
   border-radius: 50px;
   color: #ffffff;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   }

.erbutton_green {
   border-top: 1px solid #b1cd5f;
   background: #92ad42;
    -pie-background: linear-gradient(#92ad42, #92ad42); /*PIE*/
/*   background: -webkit-gradient(linear, left top, left bottom, from(#92ad42), to(#92ad42));*/
/*   background: -webkit-linear-gradient(top, #92ad42, #92ad42);*/
/*   background: -moz-linear-gradient(top, #92ad42, #92ad42);*/
/*   background: -ms-linear-gradient(top, #92ad42, #92ad42);*/
/*   background: -o-linear-gradient(top, #92ad42, #92ad42);*/
   padding: 2px 10px;
   
   border-radius: 50px;
   color: #ffffff;
   font-size: 12px;
   text-decoration: none;
   vertical-align: middle;
   }
.erbutton_wa {
   border-top: 1px solid #fc0000;
   background: #a40606;
    -pie-background: linear-gradient(#a40606, #a40606); /*PIE*/
/*   background: -webkit-gradient(linear, left top, left bottom, from(#a40606), to(#a40606));*/
/*   background: -webkit-linear-gradient(top, #a40606, #a40606);*/
/*   background: -moz-linear-gradient(top, #a40606, #a40606);*/
/*   background: -ms-linear-gradient(top, #a40606, #a40606);*/
/*   background: -o-linear-gradient(top, #a40606, #a40606);*/
   padding: 2px 10px;
   
   border-radius: 50px;
   color: #ffffff;
   font-size: 100%;
   text-decoration: none;
   vertical-align: middle;
   }
.erbutton_wa:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   cursor:pointer;
   }
.erbutton_wa:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
.checkboxlist {
	width:60px;
	
}

table.erbuttonBar {
   padding:3px;
}  
   
   
label.errorMessage {
	color: #ff0000;
	font-weight: bold;
}
input.errorMessage {
	background-color: #ffdee5;
}

select.errorMessage {
	background-color: #ffdee5;
}

ul.errorMessage {
	color: #ff0000;
	font-weight: bold;
}

li.errorMessage {
	color: #ff0000;
	font-weight: bold;
}

span.errorMessage {
	color: #ff0000;
	font-weight: bold;
}


.actionError li{
	color:#ff0000;
	font-weight: bold;
}*/
   
#cssmenu{
	position:relative;
	border:none;
	border:0px;
	margin:0px;
	padding:0px;
	padding-top:20px;
	font-size:14px;
	font-weight:bold;
	color:8e8e8e;	
	width:980px;/* FF */
/*	overflow:hidden;*/
	}

#cssmenu ul{
	background:url(../image/erb/menu-bg.gif) top left repeat-x;
	height:43px;
	list-style:none;
	margin:0;
	padding:0;
	}
	#cssmenu li{
		float:left;
		padding:0px 4px 0px 4px;
		}
	#cssmenu li a{
		color:#ffffff;
		display:block;
		font-weight:bold;
		line-height:43px;
		padding:0px 8px;
		text-align:center;
		text-decoration:none;
		}
		#cssmenu li a:hover{
			color:#000000;
			text-decoration:none;
			
			}
	#cssmenu li ul{
		background:#A40607;
		
		border-left:2px solid #fce10e;
		border-right:2px solid #fce10e;
		border-bottom:2px solid #fce10e;
		display:none;
		height:auto;
		filter:alpha(opacity=95);
		opacity:0.95;
		position:absolute;
		width:300px;
		z-index:200;
		/*top:1em;
		/*left:0;*/
		}
	#cssmenu li:hover ul{
		display:block;
		}
	#cssmenu li li {
		display:block;
		float:none;
		padding:0px;
		width:300px;
		white-space: nowrap
		}
	#cssmenu li ul a{
		display:block;
		font-size:12px;
		font-style:normal;
		padding:0px 5px;
		text-align:left;
		border-top:1px solid #fce10e;
		}
		#cssmenu li ul a:hover{
			background:#949494;
			color:#000000;
			opacity:1.0;
			filter:alpha(opacity=100);
			}
	#cssmenu p{
		clear:left;
		}	
	#cssmenu .active a{
		background:url(../image/erb/current-bg.gif) top left repeat-x;
		color:#ffffff;
		}
	#cssmenu .active a:hover {
	  color: #fff;
	}	
   .headerTitle {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
 	padding:5px;
 	background:#A40607;
}

 table.contentList tr td
{
	padding:3px;
	color:#414141;
	font-size: 12px;
}

table.contentList
{
border: 1px solid #A40607;
width: 100%;

padding:3px;
color:#414141;
font-size: 12px;
}

 table.contentList_wa tr td
{
	padding:3px;
	color:#414141;
	/* font-size: 12px; */
}

table.contentList_wa
{
border: 1px solid #A40607;
width: 100%;

padding:3px;
color:#414141;
/* font-size: 12px; */
}


/*  table.content */
/* { */
/* border: 1px solid #A40607; */
/* width: 980px; */
/* padding:5px; */
/* } */
	
	
/*  table.content td */
/* { */
/* 	padding:3px; */
/* 	color:#414141; */
/* 	font-size: 12px; */
/* } */

/*
table.content tr:nth-child(odd) {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EEEEEE;
}
table.content tr:nth-child(even) {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}



*/

table.content tr td{
	margin:0;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F4F4F4;
	color:#414141;
	
}
table.content_wa tr td{
	margin:0;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 12px; */
	background-color: #F4F4F4;
	color:#414141;
	
}

table.listViewAction
{
	table-layout:fixed;
	nowrap;
}


 table.listViewAction td
{
	padding:3px;
	color:#414141;
	background-color: #F4F4F4;
	font-size: 12px;
	vertical-align:centre;
	
}

 table.listViewTable td
{
	padding:3px;
	color:#414141;
	font-size: 12px;
}

table.listViewAction_wa
{
	table-layout:fixed;
	nowrap;
}


 table.listViewAction_wa td
{
	padding:3px;
	color:#414141;
	background-color: #F4F4F4;
	/* font-size: 12px; */
	vertical-align:centre;
	
}

 table.listViewTable_wa td
{
	padding:3px;
	color:#414141;
	/* font-size: 12px; */
}


 td.breakword { 
     word-wrap: break-word; 
 } 

 fieldset { border:1px solid #A40607 }
 
 legend {
  padding: 0.2em 0.5em;
  font-size:15px;
  font-weight:bold;
  text-align:left;
  }
  .mandatory {
	color: red;
	font-weight: normal;
}

legend.wa{
  padding: 0.2em 0.5em;
  font-size:100%; 
  font-weight:bold;
  text-align:left;
}

 thead th {
 border-right: 1px solid #fff;
 color:#fff;
 text-align:center;
 padding-left:5px;
 height:25px;
 background-color: #A40607;
 font-weight: bold;
 font-size: 12px;
}
/*
tbody tr {
 background-color:#fff;
 border-bottom: 1px solid #f0f0f0;
}
tbody td {
 color:#414141;
 padding:5px;
}
tbody th {
 text-align:left;
 padding:2px;
}
tbody td a, tbody th a {
 color:#6C8C37;
 text-decoration:none;
 font-weight:normal; 

}
tbody td a:hover, tbody th a:hover {
 color:#009193;
 text-decoration:none;
}
*/
thead.wa th{
 font-size: 100%;
}
.green{
	background-color:#92ad42;
}
.erbsort {
		cursor:pointer;
		background: #A40607 url(../image/listview/btnSortASC.png) 100% 50% no-repeat;
		}

	.erbasc {
		
		cursor:pointer;
		background: #D4E3EE url(../image/listview/btnSortASC.png) 100% 50% no-repeat;
		}
	.erbdesc {
		
		cursor:pointer;
		background: #D4E3EE url(../image/listview/btnSortDESC.png) 100% 50% no-repeat;
		}
	.erbunsort {
		
		cursor:pointer;
		}
		.erbnosort {
		
		}

.hint
{
	font-size: 10px;
}

#searchCoursePage, #searchCourseForm, #courseDetailForm, #candidateDetailForm
{
	position:relative;
	padding:0;
	height:100%;
	background:#FFF;
	text-align:left;
	min-height:100px;
}

.language_box
{
	align:right;
	background-color:grey;
	color:white;
	width:100%;
}
	.language_box tr td
	{
		width:33%;
		height:25px;
		text-align:center;
	}
	.language_box .middle
	{
		border-right:1px solid white;
	}

 fieldset 
 { 
 	text-align:left;
 	border:1px solid #A40607 
 }
 
 legend {
  padding: 0.2em 0.5em;
  font-size:15px;
  font-weight:bold;
  text-align:left;
  }

.content{
	border: 1px solid #A40607;
	text-align:left;
}

.content_wa{
	border: 1px solid #A40607;
	text-align:left;
}

.sharelist{
/*	position:absolute; */
	bottom:9%;
	right:1%;
	z-index:99;
	background: white;
	line-height: 12px;
	text-align:left;
	font-size:12px;
	border: 1px solid #A40607
}

.detailheader{
	text-align:left;
	width:100%;
}


table.jobEmployerTitle
{


}
 table.jobEmployerTitle td
{
	padding:3px;
	color:#414141;
	font-size: 14px;
	font-weight:bold;
}

table.jobTitle
{


}
 table.jobTitle td
{
	padding:3px;
	color:#414141;
	font-size: 12px;
	
}

 table.jobTitle td.title
{
	padding:3px;
	color:#414141;
	font-size: 25px;
	
}

 table.jobContent tr.title
{
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EEEEEE;
	font-weight:bold;
}

table.jobContent
{



}
table.jobContentEnd
{

}
 table.jobContent td
{
	padding:3px;
	color:#414141;
	font-size: 16px;
}

.headerTitleDetail{
	font-weight: bold;
    margin: 10px 10px 4vh 3vw;
}

html {
	border: 0px;
	overflow: auto;
	height : 100%;
}

form {
	height:100%;
}

iframe {
	background-color: #ffffff;
	width:100%;
	height:100%;
	border:0px;
}

#preview-img { 
	position:relative;  
	padding-top:25px; 
	margin:0 auto; }

#quickmenu-container { 
	width:966px; /* actual width: 980px */
	position:relative; 
	float:left; 
	border:1px solid #BBB; 
	border-bottom:3px solid #BBB !important; padding:5px 6px;
}

#qmenu-btn { 
	margin:0; 
	padding:0; 
	list-style-type:none; 
	font-size:14px; 
	font-family:Arial, Helvetica, sans-serif; 
	line-height:40px; 
	text-align:center;
	cursor:pointer;
}

#qmenu-btn a { 
	display:block; 
	text-decoration:none; 
	color:#FFF; 
}

#qmenu-btn a:hover { 
	color:#555; 
	font-weight:bold; 
}

#qmenu-btn ul { 
	position:absolute; 
	display:none;
}

#qmenu-btn li {
	float:left; 
	position:relative; 
	margin:4px;
	width:151px;
	height:40px;
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
	border:1px solid #EEE;
	line-height: inherit;
	padding: 0px 0px 0px 0px;
}

#qmenu-btn li:hover {
	width:151px; 
	height:40px;
	background:#F3F3F3;
	border-radius: 8px; 
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
	border:1px solid #CCC;
	-moz-box-shadow:    inset 0 0 10px #BBB;
	-webkit-box-shadow: inset 0 0 10px #BBB;
	box-shadow:         inset 0 0 10px #BBB;
}

.eng-text  {
	font-size: 12px;
	line-height: 14px !important;
	height: 34px;
	width: 151px; 
	position: absolute;
	display:table-cell;
	vertical-align:middle;
    padding-top:6px;	
}

.q_bg01{background:url(../image/erb/quickmenu_01.jpg) no-repeat; height:50px; width:153px; }
.q_bg02{background:url(../image/erb/quickmenu_02.jpg) no-repeat; height:50px; width:153px; }
.q_bg03{background:url(../image/erb/quickmenu_03.jpg) no-repeat; height:50px; width:153px; }
.q_bg04{background:url(../image/erb/quickmenu_04.jpg) no-repeat; height:50px; width:153px; }
.q_bg05{background:url(../image/erb/quickmenu_05.jpg) no-repeat; height:50px; width:153px; }
.q_bg06{background:url(../image/erb/quickmenu_06.jpg) no-repeat; height:50px; width:153px; }

/* Trainee Registration page - Declaration box */
#declarAreaRetreive{
	width: 500px; 
	height: 300px;
	overflow: auto; 
	border: 1px solid #808080; 
	padding: 2px; 
	text-align: justify; 
	background: transparent; 
}

#declarArea{
	width: 700px; 
	height: 300px;
	overflow: auto; 
	border: 1px solid #808080; 
	padding: 2px; 
	text-align: justify; 
	background: transparent; 
}

#postDeclaTable{
	width: 700px; 
	height: 300px;
	overflow: auto; 
	border: 1px solid #808080; 
	padding: 2px; 
	text-align: justify; 
	background: transparent; 
}

#postAgencyDeclaTable{
	width: 700px; 
	height: 300px;
	overflow: auto; 
	border: 1px solid #808080; 
	padding: 2px; 
	text-align: justify; 
	background: transparent; 
}



#declarArea a{
	text-decoration: underline;
}

#declarArea a:hover{
	color:#FF0000;
	cursor:pointer;
}

td.declarAreaHeader{
	font-size: 25px;
	font-weight: bold;
}

#declarArea a:visited{
	color:#ccc;
}


/* End of Declaration box */

/*for login page*/
table.infoBox{
	border: 1px solid #A40607;
	color: #ff0000;
	padding: 5px;
}

 table.infoBox td
{
	padding:3px;
	color:#000000;
	font-size: 12px;
}

#reg_table td{
	background-color:#A40607;
}
#reg_table td a:link{
	color:#ffffff;
}

#web_link td{
	background-color:#A66102;
	padding:10px;
}
#web_link td a:link{
	color:#ffffff;
}

.headerWithLanguageBoxOnly{
	width:auto;
}

/*
table.infoBox tr:nth-child(odd) {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EEEEEE;
}
table.infoBox tr:nth-child(even) {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
}*/

table.infoBox{
	border-spacing: 1px;
}

table.infoBox tr td{
	margin:0;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #F4F4F4;
}

table.infoBox_wa{
	border: 1px solid #A40607;
	color: #ff0000;
	padding: 5px;
	border-spacing: 1px;
}

table.infoBox_wa tr td{
	margin:0;
	padding:2px;
	font-family: Arial, Helvetica, sans-serif;
	/* font-size: 12px; */
	background-color: #F4F4F4;
	color:#000000;
}

.arrow:hover{
	cursor:pointer;
}

/* Training center search */
.content_tc{
	border: 1px solid #8DBA07;
	text-align:left;
}

.headerTitle_tc {
	color:#ffffff;
	font-weight:bold;
	font-size:14px;
 	padding:5px;
 	background:#8DBA07;
}

.erbutton_tc {
   border-top: 1px solid #8DBA07;
   background: #8DBA07;
    -pie-background: linear-gradient(#8DBA07, #8DBA07); /*PIE*/
/*   background: -webkit-gradient(linear, left top, left bottom, from(#a40606), to(#a40606));*/
/*   background: -webkit-linear-gradient(top, #a40606, #a40606);*/
/*   background: -moz-linear-gradient(top, #a40606, #a40606);*/
/*   background: -ms-linear-gradient(top, #a40606, #a40606);*/
/*   background: -o-linear-gradient(top, #a40606, #a40606);*/
   padding: 2px 10px;
   
   border-radius: 50px;
   color: #ffffff;
   font-size: 10px;
   text-decoration: none;
   vertical-align: middle;
   }
.erbutton_tc:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   cursor:pointer;
   }
.erbutton_tc:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   
   
table.contentList_tc tr td
{
	padding:3px;
	color:#414141;
	font-size: 12px;
}

table.contentList_tc
{
	border: 1px solid #8DBA07;
	width: 980px;
	
	padding:3px;
	color:#414141;
	font-size: 12px;
}

table.contentList_tc thead th {
	border-right: 1px solid #fff;
	color:#fff;
	text-align:center;
	padding-left:5px;
	height:25px;
	background-color: #8DBA07;
	font-weight: bold;
	font-size: 12px;
}

a.fpwd{
	padding:10px 1px 1px 1px;
	color:black;
	font-size:10px;	
	text-decoration:underline;
	cursor:pointer;
}
a.fpwd_wa{
	padding:10px 1px 1px 1px;
	color:black;
	/* font-size:10px; */	
	text-decoration:underline;
	cursor:pointer;
}
.container td:nth-child(1), .title td:nth-child(1) {
	padding-left: 10% !important;
    padding-right: 10% !important;
}
 .container td:nth-last-child(1), .title td:nth-last-child(1){
	padding-left: 10% !important;
    padding-right: 10% !important;
}
body:last-child:not(:root:root) {
    font-family: var(--bs-font-sans-serif);;
}
.title-container{
	margin: 0px 0px 30px 10vw;
}
.title{
	font-size: 1.7rem;
    font-weight: bold;
    margin: 10px 0;
}
.mobileOnly{
		display:none;
	}
 @media ( max-width : 768px) {
  .headerTitleDetail{
   display: none;
  }
  .container td:nth-child(1), .title td:nth-child(1) {
	padding-left: 2% !important;
    padding-right: 2% !important;
  }
   .container td:nth-last-child(1), .title td:nth-last-child(1){
   	 padding-left: 2% !important;
     padding-right: 2% !important;
  }
   .title-container{
   margin: 0px 0px 10px 2vw;
  }
  .title{
	font-size: 1.2rem;
    font-weight: bold;
    margin: 3px 0;
}
	.desktopOnly{
		display:none;
	}
	.mobileOnly{
		display: flex;
	    width: 100%;
	}
 }
  .erbuttonProMax{
	border-width:0px;
	border-radius: 100px;
	padding: 3px 20px;
    margin: 0px 5px;
	background-color: #C33232;
	color: white
}