@charset "utf-8";
/* CSS Document */
@import "pagination.css";

tr {vertical-align:top;}

body {margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:100%; background: url(../images/body_bg.jpg) repeat-x #fff;}
form,div,ul,li{margin:0; padding:0;}
p{margin:0; padding:0; margin-bottom:5px;}

ul.sitemap {margin:0 20px;}
ul.sitemap li {margin-top:10px;}

h1{margin:0; font-size:30px; font-weight:normal;}
h2{margin:0; font-size:15px; font-weight:bold; text-transform:capitalize;}
h3{margin:0; font-size:15px; font-weight:bold;}
a img{border:none;}
a{text-decoration:none; color:#999900;}

#wrapper{width:960px; padding:0 10px; margin:0 auto;}

#intro { width:938px; height:618px; margin:50px auto; background:url(../images/intro_bg.png) top left no-repeat; }
	#upper { height:490px; margin-bottom:10px;}
	#intro_h2 { margin-left:250px; padding-top:50px;}
	#intro_link { margin-left:180px; padding-top:330px;  font-size:18px;}
		#intro_link a { position:relative; }
	#lower {color:#777; margin:0 40px; font-size:10px;}
		#lower h2 { color:#435A03; font-size:10px;}
	#intro_jobseeker { float:left; width:400px; padding-right:15px; padding-left:5px; text-align:right; position:relative;}
	#intro_employer { float:left;  width:400px; padding-left:15px; padding-right:5px; position:relative;}
	
#header{ height:69px; position:relative;}
#logo {float:left; height:66px;}
	#header span { position:absolute; right:0; bottom:0;}


#nav{height:40px; float:left; margin-left:20px; }
	#nav ul { margin:0; padding:0;list-style:none; }
		#nav ul li.first {float:left; background:url(../images/nav.png) no-repeat; margin-left:0px; width:131px; height:28px;text-align:center; }
		#nav ul li {float:left; background:url(../images/nav.png) no-repeat;  margin-left:-25px; width:131px; height:28px;text-align:center; }
			#nav ul li a{ color:#fff; font-size:13px; font-weight:bold; line-height:28px; position:relative; }
			#nav ul li a:hover{ color:#669f4b;}
			#nav ul li a.active{font-weight:bold; color:#669f4b;}
#right_nav {height:40px; float:right; background:url(../images/employer_nav.jpg) no-repeat;}
	#right_nav ul { margin:0; padding:0;list-style:none;}
		#right_nav ul li {float:left;  width:132px; height:28px;text-align:center; }
			#right_nav ul li a{ color:#fff; font-size:13px; font-weight:bold; line-height:28px; }
			#right_nav ul li a:hover{ color:#669f4b;}
			#right_nav ul li a.active{font-weight:bold; color:#669f4b;}
#sideNav{list-style:none; margin:0; padding:0; }
	#sideNav li { padding:0.2em 0 0.2em 20px; }
		#sideNav li a {display:block; font-family:"trebuchet ms";}
		#sideNav li:hover { background:#ee9; }
		#sideNav span{  display:block; font-size:100%;}
		#sideNav span.inactive {color:#aaa;}

#content{ margin-top:10px;}
	#leftCol{float:left; width:186px; margin-right:14px;}
		#login {margin-bottom:10px;}
		#login h2{background:url(../images/adv_header.gif) no-repeat; text-align:center; color:#DAE6A6; height:34px; line-height:34px;}
		#login #cont{ background:url(../images/adv_content.gif) left bottom repeat-y; min-height:100px; padding:5px 15px;}
		#login #cont ul {list-style:none; margin-bottom:10px;}
		#login #cont ul ul {margin-left:15px; list-style:circle;}
		#login #rounded_bottom {background:url(../images/adv_bottom.gif) no-repeat; height:12px;  }

		#premium_members h2{background:url(../images/adv_header.gif) no-repeat; text-align:center; color:#DAE6A6; height:34px; line-height:34px;}
		#premium_members #cont{ background:url(../images/adv_content.gif) left bottom repeat-y; min-height:200px; padding:5px 15px; text-align:center;}
		#premium_members #cont img { margin-bottom:5px;}
		#premium_members #rounded_bottom {background:url(../images/adv_bottom.gif) no-repeat; height:12px; }

		.bottom-box {margin-top:10px;}
		.bottom-box h2{background:url(../images/adv_header.gif) no-repeat; text-align:center; color:#DAE6A6; height:34px; line-height:34px;}
		.bottom-box #cont{ background:url(../images/adv_content.gif) left bottom repeat-y; min-height:130px; padding:5px 15px;}
		.bottom-box #cont img.enq_image{ width:30px; float:left; margin-right:5px;}
		.bottom-box #cont p {margin:5px 0;}
		.bottom-box #cont p a img {vertical-align:bottom;}
		.bottom-box #rounded_bottom {background:url(../images/adv_bottom.gif) no-repeat; height:12px; padding: }
		.adv #cont img {width:150px; height:130px; }

	#mainCol{float:left; width:570px;}
		#mainCol h1{color:#4B993B; text-align:center; font-family:Georgia; letter-spacing:0px;}
		
			#slide_main_panel {width:570px; margin:5px 0;}
				#slide_main_panel img {width:555px; height:130px;}
		
			#mainCol #menu{ position:relative;width:570px; padding:40px 0; text-align:center; height:1%;}
			#menu span { color:#4B993B; font-family:Georgia; font-size:18px; text-align:right;}
				#menu span a{color:#4B993B;}
				#menu span p{ margin-bottom:0;}
				#industry_btn{position:absolute; top:5px; left:245px;}
				#position_btn{position:absolute; top:145px; left:20px;}
				#division_btn{position:absolute; top:275px; left:20px;}
				#testimonial_btn{position:absolute; bottom:25px; left:245px;}
				#register_btn{position:absolute; top:145px; right:50px;}
				#search_btn{position:absolute; top:275px; right:50px;}

			#popup_search {display:none; position:absolute; bottom:110px; right:190px;}
			#popup_search h2{background:url(../images/adv_header.gif) no-repeat; text-align:center; width:186px; color:#DAE6A6; height:34px; line-height:34px;}
			#popup_search #cont{ background:url(../images/adv_content.gif) left bottom repeat-y; width:156px; min-height:100px; padding:5px 15px;}
			#popup_search #rounded_bottom {background:url(../images/adv_bottom.gif) no-repeat; width:186px; height:12px; }



	#rightCol{float:left; width:186px; }
		#enquiry {margin-bottom:10px;}
		#enquiry h2{background:url(../images/adv_header.gif) no-repeat; text-align:center; color:#DAE6A6; height:34px; line-height:34px;}
		#enquiry #cont{ background:url(../images/adv_content.gif) left bottom repeat-y; min-height:100px; padding:5px 15px;}
		#enquiry #cont img.enq_image{ width:30px; float:left; margin-right:5px;}
		#enquiry #cont p {margin:5px 0;}
		#enquiry #cont p a img {vertical-align:bottom;}
		#enquiry #rounded_bottom {background:url(../images/adv_bottom.gif) no-repeat; height:12px; padding: }

		#advertising {margin-bottom:10px;}
		#advertising h2{background:url(../images/adv_header.gif) no-repeat; text-align:center; color:#DAE6A6; height:34px; line-height:34px;}
		#advertising #cont{ background:url(../images/adv_content.gif) left bottom repeat-y; height:410px; overflow:hidden; padding:5px 15px;text-align:center;}
		#advertising #cont img {width:150px; margin-bottom:5px; }
		#advertising #rounded_bottom {background:url(../images/adv_bottom.gif) no-repeat; height:12px; padding: }


	#mainCol2{float:left; width:756px;}
		#mainCol2 h1{color:#5F3E2F; font-size:18px; font-family:Georgia; padding-bottom:5px;}
		#mainCol2 h2{color:#666; font-family:Georgia; letter-spacing:0px; padding-bottom:5px;}
		#mainCol2 #register_desc h2 {padding-bottom:0;}
		#mainCol2 h3{margin:0; padding:0; font-family:Georgia;}

		#round_top {background:url(../images/resume_toprounded.gif) top left no-repeat; width:768px; height:14px;}
		#round_bottom {background:url(../images/resume_bottomrounded.gif) top left no-repeat; width:768px; height:14px;}
		
	#summary { border-left:1px solid #D0E691; border-right:1px solid #D0E691; padding:0 10px; width:746px; background:#fff; margin-top:-1px;}
		#summary h1 {color:#66A938; font-size:24px;}
		#summary h2 {color:#5F3E2F; font-size:18px; font-weight:normal;}
		#summary div { padding-top:10px; padding-bottom:5px; border-bottom:1px dashed #ccc;}
		#summary strong {font-size:150%;}
	
	#browse{float:left; width:724px; }
		#browse h2{color:#DAE6A6; background:url(../images/browse_header.gif) no-repeat; height:34px; line-height:34px; padding-left:40px;}
		#browse #browse_cont {padding:5px 12px; background:url(../images/browse_content.gif) repeat-y;  height:1%;}
		#browse #browse_footer {padding:5px 12px; background:url(../images/browse_footer.gif) no-repeat;  height:1%;}
		#browse_cont ul.left{float:left; list-style:none; margin:0; padding:0; margin-bottom:10px; margin-right:5px; width:220px; line-height:24px; }
		#browse_cont ul.left li {width:220px; }
		#browse_cont ul.left li a {color:#222; }
		#browse_cont ul.left span.head a {font-weight:bold; color:#999900;margin-top:10px;} 
		/*tambahan*/
		#browse_cont a:hover{ text-decoration:underline;}
		#browse_cont p.filter {background:#f2f7da; padding:5px 0; text-align:center; border:1px solid #ccc;}
		.right {margin-right:15px; font-size:13px;}
		.right a.selected {text-decoration:underline;}

	
	#search_form{float:left; width:538px;}
		#search_form h1{color:#DAE6A6; font-size:18px; height:28px; line-height:28px; padding-left:45px; background:url(../images/search_header.gif) top left no-repeat;}
		#search_form form {background:#F2F8E1; padding:0 5px;}
		#search_form #round_bottom {background:url(../images/search_footer.gif) top left no-repeat; width:538px; height:8px;}

	#account_top {background:url(../images/account_toprounded.gif) top left no-repeat; width:628px; height:16px;}
	#account_bottom {background:url(../images/account_bottomrounded.gif) top left no-repeat; width:628px; height:16px;}
	#emp { border-left:1px solid #D0E691; border-right:1px solid #D0E691; width:606px; background:#fff; padding:0 10px;}
	#emp img.icon {width:60px; float:left; margin-right:5px;}
	#emp #icontext {float:left; }
	#emp #attention {width:95%; text-align:right; font-size:14px;}
	#emp #order table tr th {background:#E6F2C4; text-align:left;}
	#emp table{ width:95%; }
	#emp table tr{ height:20px;}
	#emp table tr th{ background:none;}
	#emp table#edit_resume tr th{ background:#E6F2C4;}
		#emp h2{color:#66A938; font-family:Arial; letter-spacing:0px; font-size:18px; font-weight:normal;}
		
		
	#resume_top {background:url(../images/resume_toprounded.gif) top left no-repeat; width:768px; height:14px;}
	#resume_bottom {background:url(../images/resume_bottomrounded.gif) top left no-repeat; width:768px; height:14px;}
	#container {background:#fff;width:746px; border-left:1px solid #D0E691;  border-right:1px solid #D0E691; padding:0 10px; margin-top:-1px;}
	#container h1 {color:#5F3E2F;}
	#container h2{text-align:left; color:#000; border:none; font-family:Georgia;}
	#container p { margin-bottom:0; margin-top:7px;}
	table#view_resume img.photo{width:120px; height:150px; border:1px solid #89B410; padding:3px;}
	table#edit_resume img.photo{width:120px; height:150px; border:1px solid #89B410; padding:3px;}
	table#view_resume tr th h2{ color:#48851D; text-align:left;}
	table#edit_resume tr th h2{ color:#48851D; text-align:left;}

	table#edit_resume {background:#fff; }
	table#edit_resume tr th { text-align:left;}

	#register {float:left; margin-right:10px; width:551px; }
		#register h1{ font-family:Georgia; color:#5F3E2F; font-size:18px; padding:5px 0; }
		#register h2{color:#fff; height:30px; padding-left:10px; line-height:30px; font-family:Georgia; background:url(../images/register_header.gif) top left no-repeat; width:552px; }
		#register form {background:#fff; border-left:1px solid #89B410; border-right:1px solid #89B410; border-bottom:1px solid #89B410; padding-bottom:5px; padding:10px;}
			#register th{color:#66A938; background:#E6F2C4;font-family:Arial; letter-spacing:0px; font-size:18px; font-weight:normal; padding:2px 5px;line-height:25px;}
		
	#register_desc {float:left; width:361px;}
		#register_top {background:url(../images/register_top.gif) top left no-repeat; width:358px; height:8px;}
		#register_bottom {background:url(../images/register_bottom.gif) top left no-repeat; width:358px; height:8px;}
		#desc_content { border-left:1px solid #D0E691; border-right:1px solid #D0E691; background:#fff; padding:5px 10px; width:336px;}
		#desc_content img.icon {width:60px; float:left; margin-right:5px;}
		#desc_content h2{color:#66A938; font-family:Arial; letter-spacing:0px; font-size:18px; font-weight:normal; margin-bottom:10px;}
		#register_desc h3{margin:0; padding:0; font-family:Georgia;}
	

#footer {width:960px; text-align:center; color:#191919; letter-spacing:0;margin-top:10px; }
	#links{float:left;}
		#links a {color:#191919;}
	#copyright{float:right;}

.big {font-size:14px;}
.bigger {font-size:16px;}
.margintop {margin-top:15px;}
.marginleft {margin-left:15px;}
.underline {text-decoration:underline;}
.clear {clear:both;}
.small {font-size:12px;}
.smalltext {font-size:10px;}
.input {width:70px;}
.numberinput {width:30px;}
.wideinput {width:160px;}
.dashed {border-bottom:1px dashed #ccc; line-height:1px; height:1px; padding:3px;}
form#search select {width:160px;}
form#search .select {width:210px;}

#quick_search { text-align:center;}
#popup_search select, #quick_search select {width:150px;}
input[type='submit'].longbtn, input[type='button'].longbtn,button.longbtn{ font-family:Arial; font-weight:bold; cursor:pointer; background:url(../images/longsearch_btn.gif) top left no-repeat; border:0; color:#fff; width:136px; height:23px; line-height:23px;}
input[type='submit'], input[type='button'],button.btn{ font-family:Arial; font-weight:bold; cursor:pointer; background:url(../images/search_btn.gif) top left no-repeat; border:0; color:#fff; width:72px; height:23px; line-height:23px;}
.btn2 { font-family:Arial; font-weight:bold; cursor:pointer; background:url(../images/search_btn.gif) top left no-repeat;  color:#fff; width:72px; height:23px; line-height:23px;  text-align:center; font-size:14px;}
.btn2:hover{color:#DAE6A6;}

input[type='reset']{ cursor:pointer; background:url(../images/reset_btn.gif) top left no-repeat; width:72px; height:23px; border:0; color:#fff; line-height:23px;}
input[type='submit']:hover, input[type='button']:hover,input[type='reset']:hover{color:#DAE6A6;}
.bold {font-weight:bold;}
#button {margin-top:10px;}
button.btn { font-size:12px;}

img.ui-datepicker-trigger{vertical-align:top;}

table#mypage {border:1px solid #060; background:#fff; width:100%;}
table#mypage th {background:#E6F2C4; border-bottom:1px solid #060; text-align:left; padding-left:3px; padding-right:3px; text-decoration:underline; }


table tr th{background:#E6F2C4; }

table.job_table {border:1px groove;}
table.job_table tr th{background:#E6F2C4; text-align:left; font-size:11px; border-bottom:1px solid #333;}
table.job_table tr td{font-size:11px; background:#fff;}

#cover_letter{background:#fff; border:solid 1px #666; padding:10px;}

#log {color:#f00;}
.stripe{background:#EEE;}
img.logo{width:120px;}

.inputtx{width:250px; border:solid 2px #ccc; font-size:10px; height:20px; margin-left:5px;}
.selecttx{width:255px; border:solid 2px #ccc;font-size:10px;  margin-left:10px; height:22px;}
.commentx{width:520px; border:solid 2px #ccc; font-size:10px; height:150px; margin-left:5px;}
textarea.commentx {font-size:12px; font-family:Georgia;}
input.buttontx{margin-left:475px; background:url(../images/btn_send.gif) no-repeat; border:0px; text-align:center; width:57px; height: 28px;}

/* poll */
fieldset {border:none;}

/* poll */

table.sortable thead {
    color:#48851D;
    cursor: pointer;
}

table.sortable th. {
	text-decoration:underline;
}

.sorttable_nosort {
    color:#000;
	cursor:default;
}

/* check username styling */

.messagebox{
	position:absolute;
	width:100px;
	margin-left:10px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:10px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:10px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}

.testimonial_container {margin:10px 0;} 
.testimonial_photo {width:120px; height:150px; float:left; margin-right:10px; }
.testimonial_container blockquote {
  float:left;
  width:520px;
  padding-left: 70px;
  padding-bottom: 26px;
  padding-right: 10px;
  margin: 0;
/*  background-image: url(../images/openquote4.gif);
*/  background-repeat: no-repeat;
}


.study {width:160px; height:22px;}

#emp-div {margin:0 auto; width:300px;}
.emp-fl {float:left; display:inline; width:60px; margin:0 20px; height:80px;}
.emp-fl p {font-weight:bold; text-align:center;}
.emp-icon { width:60px; height:60px; margin:0 auto;}

.rounded { background:#9782b3; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; padding:10px; color:#fff; margin:10px auto; width:440px;}
.rounded h3 {text-decoration:underline; text-align:center; }
.rounded ul {margin:10px 0;margin-left:15px;}

#emp_slide_main_panel {width:640px; margin:5px 0;}
	#emp_slide_main_panel img {width:630px; height:130px;}

#more {display:none;}
#more .moredetail {text-align:center; margin-bottom:10px;}
#more h1 {line-height:60px; }
#more h1 img {vertical-align:middle;}

.cepat { border-collapse:collapse;}
.cepat thead {background:#19ab31; color:#fff;}
.cepat tbody {text-align:left; }
.cepat td {padding:5px;}

#langkah { border:1px solid #D0E691; -moz-border-radius:4px; background:#66a938; padding:5px 10px; width:336px;color:#fff; font-size:1.2em; }
#langkah img.icon {width:60px; float:left; margin-right:5px;}
#langkah h2{font-family:Arial; letter-spacing:0px; font-size:18px; font-weight:normal; margin-bottom:10px;}
#langkah a{color:#E0F6a1; }
#langkah a:hover { color:#c0d691;}