/*

Theme Name: KerjaLover
Theme URI: http://balbaweb.com
Description: LIZku Theme - Dibuat khusus untuk lizku.com.
Author: PT. Balba Hitechindo
Author URI: http://balbaweb.com
Tags: balbaweb, kerjalover, iklan baris, web iklan

*/

* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Helvetica, sans-serif;
}

img {
	border: none;
}

a {
	color: #0b82ce; /*kerjabiru*/
	text-decoration: underline;
	cursor: pointer;
}

a:hover {
	color: #006699;
}

h1, h2, h3, h4, h5, h6 {
	color: #93BF2C;
}

h1 {
	font-size: 150%; /*18pt*/
	line-height: 150%; /*20pt*/
	font-weight: normal;
}

h2 {
	font-size: 100%;
	line-height: 150%;
}

h3, h4, h5, h6 {
	font-size: 80%;
	line-height: 150%;
}

p, ul, ol, dl {
	font-size: 80%;
	line-height: 150%;
}

table {
	border-collapse: collapse;
}

button, input.button {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

select {
	font-family: Arial, Helvetica, sans-serif;
}


/* ***** TRIM ***** */

html, body {
	height: 100%;
}

#trim {
	height: auto;
	min-height: 100%;
	border-left: 36px solid #D1E39B; /*trimgreen*/
	border-right: 36px solid #8DD8F8; /*trimblue*/
}

* html #trim {
	height: 100%; /*IE6*/
}


/* ***** HEADER ***** */

#header {
	width: 940px; /*980-40*/
	padding: 10px 20px;
}

#header a, #header label {
	white-space: nowrap;
}

#c_header_logo {
	clear: left;
	float: left;
	width: 205px;
	height: 65px;
	font-size: 70%;
}

#c_header_search {
	margin-left: 220px;
}

#c_header_search form {
	width: 720px; /*940-220*/
	overflow: auto; /*clear*/
}
* html #c_header_search form {
	width: auto; /*IE6*/
}

#c_header_search .element {
	float: left;
	padding-right: 6px;
}

#c_header_search p {
	font-size: 70%;
	line-height: 150%;
}

#c_header_search label {
	display: block;
	font-size: 80%;
	font-weight: bold;
	color: #333;
}

#c_header_search input.text {
	width: 14em;
	margin: 2px 0px;
	border: 1px solid #999;
	padding: 2px;
	font-size: 100%;
}

#c_header_search input.button {
	width: 8em;
	margin: 2px 0px;
	padding: 2px;
	font-size: 80%;
	line-height: 110%;
	font-weight: bold;
	color: #333;
}


/* ***** USER ***** */

#user {
	min-width: 940px; /*980-40*/
	border-bottom: 1px solid #ccc;
	padding: 4px 20px;
	overflow: auto; /*clear*/
}

#user .links {
	font-size: 70%;
	line-height: 150%;
	color: #ccc;
}

#user .left {
	float: left;
}

#user .right {
	text-align: right;
}

#user span.s {
	margin: 0px 0.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #ccc;
}

#c_site_links a {
	font-size: 110%;
	margin-right: 14px;
}

#c_user_links a {
	font-weight: bold;
}

#c_user_links .welcome {
	color: #333;
	font-weight: bold;
}

#c_user_links .myjobs {
	position: relative;
	padding-left: 20px; /*16+4*/
}

#c_user_links .myjobs span {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 16px;
	height: 100%;
	background: url(images/icons2.gif) no-repeat scroll -54px center; /*save_on*/
}
* html #c_user_links .myjobs span {
	height: 14px; /*IE6*/
}

#c_user_links .count {
	color: #0B82CE;
}

#c_user_links .off {
	display: none;
	visibility: hidden;
}

#c_change_country {
	font-size: 70%;
	line-height: 150%;
}

#c_change_country label, #c_change_country select {
	font-size: 100%;
	vertical-align: middle;
}

#c_change_country select {
	padding: 0px;
}

#c_change_country select option {
	padding-right: 10px;
}


/* ***** NAVBAR ***** */

#navbar {
	min-width: 940px; /*980-24-16*/
	min-height: 18px;
	margin: 0px 8px;
	border: 1px solid #eee;
	border-bottom: 1px solid #ddd;
	padding: 4px 12px;
	background: #F2F2F2 url(images/bar.gif) repeat-x left top;
}

* html #navbar {
	height: 18px; /*IE6*/
}

#navbar h1, #navbar h2, #navbar h3, #navbar h4, #navbar h5, #navbar h6 {
	display: inline;
	font-size: 90%;
	line-height: 130%;
	font-weight: bold;
	color: #999;
}

#navbar .navtitle {
	font-weight: bold;
	color: #888;
}

#navbar .breadcrumbs {
	font-size: 70%;
	line-height: 150%;
}

#navbar .breadcrumbs a {
	font-weight: bold;
}

#navbar .breadcrumbs .selected {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}

#navbar .breadcrumbs span.s {
	margin: 0px 4px;
}


/* ***** FOOTER ***** */

#footer {
	clear: both;
	min-width: 940px; /*980-40*/
	margin: 60px 20px 0px;
	border-top: 1px solid #ccc;
	padding: 10px 0px;
	color: #333;
}

#footer a, #footer span {
	white-space: nowrap;
}

#footer a {
	color: #333;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer span.s {
	margin: 0px 0.4em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 110%;
	color: #ccc;
}

#c_footer_links {
	float: left;
	font-size: 70%;
	line-height: 120%;
}

#c_footer_legal {
	font-size: 65%;
	line-height: 120%;
	text-align: right;
}

#c_footer_legal div {
	display: inline;
	margin-left: 10px;
	white-space: nowrap;
}

#m_reserved {
	display: none;
	visibility: hidden;
}

#c_footer_intl {
	display: none;
	visibility: hidden;
	clear: left;
	margin-top: 20px;
	padding: 10px;
	font-size: 80%;
	line-height: 150%;
	text-align: center;
	height: 1%; /*IE*/
}

#c_footer_intl strong {
	font-weight: normal;
}

#c_footer_intl a {
	position: relative;
	margin: 0px 0.4em;
	padding-left: 20px; /*16+4*/
	color: #0b82ce;
}
#c_footer_intl>a {
	display: inline-block; /*non-IE6*/
}

#c_footer_intl a span {
	position: absolute;
	display: block;
	top: 2px;
	left: 0px;
	width: 16px;
	height: 11px;
	background: url(images/flags2.gif) no-repeat 16px 0;
}
* html #c_footer_intl a span {
	margin-left: 0.4em; /*IE6*/
}

#c_footer_intl #l_footer_us span { background-position: 0px 0; }
#c_footer_intl #l_footer_au span { background-position: -16px 0; }
#c_footer_intl #l_footer_ca span { background-position: -32px 0; }
#c_footer_intl #l_footer_de span { background-position: -48px 0; }
#c_footer_intl #l_footer_es span { background-position: -64px 0; }
#c_footer_intl #l_footer_fr span { background-position: -80px 0; }
#c_footer_intl #l_footer_gb span { background-position: -96px 0; }
#c_footer_intl #l_footer_in span { background-position: -112px 0; }

#c_footer_copy {
	clear: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 65%;
	line-height: 120%;
	text-align: center;
}


/* ***** CONTENT ***** */

#content .error {
	color: red;
}

/* forms */

#content label {
}

#content label.checkbox {
	font-weight: normal;
}

#content label.checkbox, #content input.checkbox {
	vertical-align: middle;
}

#content input.text {
	border: 1px solid #666;
	padding: 2px;
}

#content input.text:hover {
	border: 1px solid #000;
}

#content select {
	padding: 1px;
}

#content option {
	padding-right: 10px;
}

/* image corners */

/*
  <div class="corners">
    <!--corners--><div class="top"><div class="top_left"></div><div class="top_right"></div></div><div class="left"><div class="right"><div class="content">
    content goes here
    <!--corners--></div></div></div><div class="bottom"><div class="bottom_left"></div><div class="bottom_right"></div></div>
  </div>
*/

.corners {
	padding: 0px;
	background-color: #F9F9F9;
}

.corners b {
	display: block;
	font-weight: normal;
}

/* set user defined styles on .content */
.corners .content {
	padding: 1px 12px;
}

.corners .top, .corners .bottom {
	position: relative;
	height: 12px;
}

.corners .top_left, .corners .top_right, .corners .bottom_left, .corners .bottom_right {
	position: absolute;
	width: 12px;
	height: 12px;
}

.corners .top_left,    .corners .top_right    { top: 0px;    }
.corners .bottom_left, .corners .bottom_right { bottom: 0px; }
.corners .top_left,    .corners .bottom_left  { left: 0px;   }
.corners .top_right,   .corners .bottom_right { right: 0px;  }

.corners .top          { background: url(images/corners/top.gif)               repeat-x  top left;     }
.corners .bottom       { background: url(images/corners/bottom.gif)            repeat-x  bottom left;  }
.corners .left         { background: url(images/corners/left.gif)              repeat-y  top left;     }
.corners .right        { background: url(images/corners/right.gif)             repeat-y  top right;    }
.corners .top_left     { background: #fff url(images/corners/top-left.gif)     no-repeat top left;     }
.corners .top_right    { background: #fff url(images/corners/top-right.gif)    no-repeat top right;    }
.corners .bottom_left  { background: #fff url(images/corners/bottom-left.gif)  no-repeat bottom left;  }
.corners .bottom_right { background: #fff url(images/corners/bottom-right.gif) no-repeat bottom right; }

/* css rounded corners */

/*
  <div class="rounded">
    <!--rounded--><b class="c"><b class="c1"></b><b class="c2"><i></i></b><b class="c3"><i></i></b></b><div class="content">
    content goes here
    <!--rounded--></div><b class="c"><b class="c3"><i></i></b><b class="c2"><i></i></b><b class="c1"></b></b>
  </div>
*/

.rounded {
}

.rounded .c {
	display: block;
}

.rounded .c * {
	display: block;
	height: 1px;
	overflow: hidden;
}

.rounded .c b {
	padding: 0px 1px;
	background-color: #ccc; /*border*/
}

.rounded .c i {
	background-color: #f6f6f6; /*background*/
}

.rounded .c .c1 { margin: 0 2px; }
.rounded .c .c2 { margin: 0 1px; }
.rounded .c .c3 { margin: 0 0px; }

.rounded .content {
	border-left: 1px solid #ccc; /*border*/
	border-right: 1px solid #ccc; /*border*/
	padding: 2px 10px;
	background-color: #f6f6f6; /*background*/
}

/* yui container */

.yui-overlay {
	position: absolute;
	display: block;
}

.yui-panel-container {
	width: auto;
	position: absolute;
	visibility: hidden;
	background-color: transparent;
	overflow: visible;
	z-index: 6;
}

.yui-panel {
	visibility: hidden;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: hidden;
	z-index: 1;
}

.yui-panel .container-close {
	position: absolute;
	z-index: 6;
	cursor: pointer;
	visibility: inherit;
}

.mask {
	z-index: 1;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	background-color: #999;
	opacity: .25;
	filter: alpha(opacity=25); /*IE*/
}

* html body.masked select {
	visibility: hidden; /*IE6*/
}

* html div.yui-panel-container select {
	visibility: inherit; /*IE6*/
}


/* ***** SPONSORED LINKS ***** */

.sponsored_links {
}

.sponsored_links h4 a {
	text-decoration: none;
	color: inherit;
	color: #333; /*IE*/
}

.sponsored_links h4 a:hover {
	text-decoration: underline;
}

.sponsored_links li {
	margin-top: 10px;
	list-style: none;
}

.sponsored_links p {
	font-size: 100%;
}

.sponsored_links li .title {
	font-size: 100%;
	font-weight: normal;
}

.sponsored_links li .text {
	font-size: 100%;
	line-height: 140%;
}

.sponsored_links li .site a {
	color: #329A00; /*green*/
	text-decoration: none;
}

/* google ads */

.google_ads_top h4 a, .google_ads_bottom h4 a {
	color: #666;
}

.google_ads_top {
	padding: 1px 5px;
	background-color: #f1f1f1;
}

.google_ads_top h4 {
	font-size: 70%;
}

.google_ads_top li {
	margin: 5px 0px;
}

.google_ads_top .title {
	font-size: 120%;
	line-height: 140%;
}

.google_ads_bottom {
	margin-top: 40px;
	border: 1px solid #ccc;
	padding: 5px;
}


/* ***** home.css ***** */


/* ***** HOME ***** */

body {
	background: #E3E9ED url(images/bg.gif) repeat-x scroll left top; /*background*/
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#container {
	width: 888px;
	margin-left: auto;
	margin-right: auto;
}

#header, #user, #footer {
	width: auto;
	min-width: 0;
	overflow: visible;
}

/* header */

#header, #user {
	margin-left: 45px;
	margin-right: 15px;
	padding: 0px;
}

#user {
	min-height: 19px;
	border: none;
	padding-top: 10px;
}

#c_site_links {
	display: none;
	visibility: hidden;
}

#header {
	position: relative;
	margin-bottom: 10px;
}

#c_logo {
}

#c_job_count {
	position: absolute;
	bottom: 9px;
/*	left: 399px; /*444-45*/
	right: 0px;
	margin-left: 260px;
	font-size: 150%;
	line-height: 100%;
	font-weight: normal;
	color: #999;
	text-align: right;
}

* html #c_job_count {
	top: 58px; /*IE6*/
}

#c_job_count strong {
	color: #92C02C;
}

/* footer */

#footer span.s {
	margin: 0px 0.2em;
}

#c_footer_links {
	font-size: 90%;
}

#c_footer_legal {
	line-height: 165%;
}

#c_footer_intl {
	display: block;
	visibility: visible;
}

#footer .inline div {
	display: inline;
	line-height: 200%;
}

/* content */

#content .clear {
	clear: both;
}


/* ***** SEARCH JOBS ***** */

#c_search_jobs {
	background: url(images/search-box.gif) repeat-y scroll -1780px top; /*middle*/
}

#c_search_jobs .clear { 
	clear: left;
}

#c_search_jobs .top {
	padding-top: 7px;
	background: url(images/search-box.gif) no-repeat scroll 0px top; /*top*/
}

#c_search_jobs .bottom {
	height: 15px;
	background: url(images/search-box.gif) no-repeat scroll -890px bottom; /*bottom*/
}

#c_search_jobs form {
	width: 828px; /*clear*/
	overflow: auto; /*clear*/
	padding-left: 45px; /*15+30*/
	padding-right: 15px;
	padding-bottom: 1px; /*prevent scrollbars*/
}
	
#c_search_jobs fieldset {
	float: left;
	border: none;
	padding-right: 10px;
}

#c_search_jobs label {
	padding-right: 10px;
	font-weight: bold;
	color: #333;
}

#c_search_jobs .example {
	font-size: 70%;
}

#c_search_jobs input.text {
	width: 14em;
	border: 1px solid #999;
	padding: 2px;
	font-size: 120%;
}

#c_search_jobs button {
	margin-top: 2px;
	width: 125px;
	height: 27px;
	border: none;
	background: url(images/search-jobs.gif) no-repeat scroll top left;
}

#c_search_jobs button span {
	display: none;
	visibility: hidden;
}

#c_search_jobs .tools {
	float: left;
	padding-top: 1.2em;
}

#c_search_jobs .one {
	padding-top: 1.6em;
}

#c_search_jobs .tools a {
	display: block;
	font-size: 60%;
	line-height: 150%;
	color: #000;
	white-space: nowrap;
	text-decoration: underline;
}


/* ***** FIRST VISIT - LAYOUT ***** */

#content .right {
	float: left;
	width: 429px; /*888-444-15*/
	margin-left: 444px;
}

* html #content .right {
	display: inline; /*IE6*/
}

#content .left {
	float: left;
	width: 409px; /*444-15-20*/
	margin-top: -1px;
	margin-left: -858px; /*888-15-15*/
}


/* ***** FIRST VISIT - SPLASH ***** */

#c_splash {
	padding: 10px 0px;
}

#c_splash a:hover {
	color: #0b82ce;
}

/* about */

#c_about p, #c_about a {
	color: #333;
}

#c_about p {
	font-size: 90%;
}

/* brag */

#c_brag h3 {
	position: relative;
	margin: 20px 0px;
	border-bottom: 1px solid #ccc;
	padding-right: 6em;
	font-size: 100%;
	color: #999;
}

#c_brag h3 a {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font-size: 80%;
	font-weight: normal;
	text-align: right;
}

* html #c_brag h3 a {
	top: -2px; /*IE6*/
}

#c_brag div.brag {
	width: 100%;
	height: 45px;
	background: url(images/brag.gif) no-repeat top center; /*brag*/
}


/* ***** FIRST VISIT - FIND JOBS ***** */

#c_find_jobs .middle {
	padding: 15px 30px 0px;
	background: url(images/boxes.gif) repeat-y -410px top;
}

#c_find_jobs .bottom {
	height: 15px;
	background: url(images/boxes.gif) no-repeat -0px bottom;
}

#c_find_jobs h3 {
	font-size: 85%;
	color: #333;
}
* html #c_find_jobs h3 {
	position: relative; /*IE6*/
}

#c_find_jobs .categories {
	margin-right: -20px;
	overflow: auto; /*clear*/
}

#c_find_jobs ul {
	float: left;
	margin-right: 20px;
	font-size: 75%;
	color: #0b82ce;
}

#c_find_jobs li {
	list-style: none;
	margin: 2px 0px;
}

#c_find_jobs .browse_jobs {
	clear: left;
	width: 349px; /*clear*/
	display: inline-block; /*IE7*/
	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding-top: 10px;
	font-size: 80%;
}


/* ***** RETURN VISIT - RECENT SEARCHES ***** */

#c_recent_searches {
	width: 860px;
	margin-top: -1px;
	margin-left: 15px;
}

#c_recent_searches .middle {
	padding: 15px 100px;
	background: url(images/boxes.gif) repeat-y -1680px top;
}

#c_recent_searches .bottom {
	height: 15px;
	background: url(images/boxes.gif) no-repeat -820px bottom;
}

#c_recent_searches a {
	text-decoration: underline;
}

#c_recent_searches h3 {
	padding: 0px 6px;
	font-size: 85%;
	color: #333;
}

#c_recent_searches h3 * {
	font-size: 90%;
	font-weight: normal;
}

#c_recent_searches table {
	width: 100%;
	font-size: 75%;
	line-height: normal;
}

#c_recent_searches th, #c_recent_searches td {
	padding: 6px;
}

#c_recent_searches th {
	vertical-align: top;
	font-weight: bold;
	text-align: left;
}

#c_recent_searches td {
	vertical-align: top;
	text-align: right;
}

#c_recent_searches td span.s {
	margin: 0px 4px;
	color: #ccc;
}

#c_recent_searches td.count, #c_recent_searches td.tools {
	white-space: nowrap;
}

/* count */

#c_recent_searches td.count {
	width: 8em;
}

/* tools */

#c_recent_searches td.tools a {
	position: relative;
	color: #FC9605;
}

#c_recent_searches td.tools a span {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	background: url(images/icons2.gif) no-repeat scroll 0 0;
}

#c_recent_searches td.tools a.alert {
	padding-left: 24px; /*20+4*/
	font-weight: bold;
}

#c_recent_searches td.tools a.alert span {
	width: 20px;
	background-position: -147px top;
}

#c_recent_searches td.tools a.rss {
	padding-left: 16px; /*12+4*/
}

#c_recent_searches td.tools a.rss span {
	width: 12px;
	background-position: -206px top;
}


/* ***** RETURN VISIT - PROMOS ***** */

#c_promos {
	margin-top: 15px;
	margin-left: 15px;
}

#c_promos ul {
	font-size: 100%;
}

#c_promos li {
	list-style: none;
	float: left;
	width: 276px;
}

#c_promos .p1 { margin-left: 0px;  }
#c_promos .p2 { margin-left: 14px; }
#c_promos .p3 { margin-left: 15px; }

#c_promos .top {
	height: 10px;
	background: url(images/boxes.gif) repeat-y -2540px top;
}

#c_promos .bottom {
	height: 10px;
	background: url(images/boxes.gif) no-repeat -3100px bottom;
}

#c_promos .middle {
	min-height: 60px;
	height: 60px;
	padding: 0px 10px;
	background: url(images/boxes.gif) repeat-y -2820px top;
}

#c_promos h4 {
	font-size: 110%;
	line-height: 120%;
	font-weight: normal;
	color: #999;
}

#c_promos a {
	font-weight: bold;
}

#c_promos .promo {
	float: left;
	width: 0px;
	height: 60px;
	margin-left: 5px;
	margin-right: 15px;
	background: url(images/promos.gif) no-repeat scroll 0 0;
}

#c_promos .email_alert .promo {
	width: 66px;
	margin-left: 0px;
	margin-right: 15px;
	background-position: 0px center;
}

#c_promos .salary .promo {
	width: 37px;
	margin-left: 5px;
	margin-right: 15px;
	background-position: -70px center;
}

#c_promos .trends .promo {
	width: 43px;
	margin-left: 5px;
	margin-right: 15px;
	background-position: -120px center;
}

#c_promos .user_reviews .promo {
	width: 50px;
	background-position: -170px center;
}


/* ***** AUTOCOMPLETE ***** */

#p_autocomplete {
	background: url(images/autocomplete.gif) no-repeat scroll 100px 100px;
}

.autocomplete {
	position: relative;
}

.autocomplete .yui-ac-content {
	position: absolute;
	width: 100%;
	overflow: hidden;
}

.autocomplete .yui-ac-hd div, .autocomplete .yui-ac-ft div {
	height: 8px;
	overflow: hidden;
}

* html .autocomplete .yui-ac-ft {
	background-color: white;
}

.autocomplete .arrow {
	height: 10px;
	background: url(images/autocomplete.gif) no-repeat scroll center 0px;
}

.autocomplete .top_center, .autocomplete .bottom_center  {
	margin-right: 8px;
	background-color: #EBEDEF;
}

.autocomplete .top_left {
	background: url(images/autocomplete.gif) no-repeat scroll left -10px;
}

.autocomplete .top_right {
	margin-left: 8px;
	background: url(images/autocomplete.gif) no-repeat scroll right -10px;
}

.autocomplete .bottom_left {
	background: url(images/autocomplete.gif) no-repeat scroll left -18px;
}

.autocomplete .bottom_right {
	margin-left: 8px;
	background: url(images/autocomplete.gif) no-repeat scroll right -18px;
}

.autocomplete .yui-ac-bd {
	padding: 0px 8px;
	background-color: #EBEDEF;
}

.autocomplete ul {
	font-size: 75%;
}

.autocomplete li {
	list-style: none;
	padding: 2px 8px;
	white-space: nowrap;
	cursor: default;
}

.autocomplete li.highlight {
	background-color: #fff;
	font-weight: bold;
}

.autocomplete li.prehighlight {
	background-color: #fff;
}