@charset "UTF-8";

/* ****************************************************
Title: search_job_small_category.css
Created date: 2009/06/25
Last Modified: 2009/06/25
Created by: iGrove
***************************************************** */


/* Table Of Contents
----------------------------------------

#01 primary

----------------------------------------*/


/* #01 primary
---------------------------------------------------------------------------- */

div#primary h2,
div#primary h3 {
	clear: both;
	height: 40px;
	width: 641px;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bolder;
	padding-left: 20px;
	margin: 0px;
	line-height: 2.1em;
	padding-top: -5px;
}

div#primary h2 {
	background: url(/common/images/search_job_small_category/mh_search_job_small_category.gif) no-repeat left bottom;
}

div#primary h3.cate01 {
	background: url(/common/images/search_job_small_category/sh_search_job_small_category_01.gif) no-repeat left bottom;
}

div#primary h3.cate02 {
	background: url(/common/images/search_job_small_category/sh_search_job_small_category_02.gif) no-repeat left bottom;
}

div#primary h3.cate03 {
	background: url(/common/images/search_job_small_category/sh_search_job_small_category_02.gif) no-repeat left bottom;
}

div#primary p.text {
	padding: 16px 0 11px 12px;
	line-height: 1.1;
}

div#primary p.text span {
	padding: 16px 0 0 6px;
}

div#primary div.buEntry {
	clear: both;
	background: url(../images/bg_entry.gif) repeat 0 0;
	border: 1px solid #EEEAE3;
	padding: 7px 0 5px 0;
	text-align: center;
}

div#primary div.buEntry p.buEntryBlock input {
	padding: 7px 0 0 0;
}

div#primary div.buEntry p.text {
	padding: 5px 0 0 0;
}

div#primary h4.mr {
	background: url(/common/images/bg_mr.gif) no-repeat left bottom;
	height: 25px;
	clear: both;
	color: #666666;
	font-size: 120%;
	font-weight: bold;
	padding: 10px 0 0 17px;
	width: 641px;
}

div#primary p.end {
	clear: both;
	padding: 12px 0 0 0;
}

div#primary dl.infoBlock {
	background: url(/common/images/search_job_small_category/bg_recruitment.gif) repeat-y 0 0;
	border-top: 1px solid #EEEAE3;
	width: 639px;
}

div#primary dl.infoBlock dt {
	padding: 8px 0 0 12px;
	width: 87px;
}

div#primary dl.infoBlock dd {
	border-bottom: 1px solid #EEEAE3;
	width: 521px;
	margin: -1.39em 0 0 0;
	padding: 0 0 8px 9.8em;
}

div#primary dl.infoBlock dd ul.job li {
	color: #0066FF;
	float: left;
	width: 230px;
}

div#primary dl.infoBlock dd ul.job li a {
	font-size: 100%;
}

div#primary dl.infoBlock dd ul.features li {
	float: left;
	padding: 0 10px 6px 0;
}

div#primary dl.infoBlock dd ul.features li.end {
	padding-right: 50px
}

div#primary div.sourceBlock {
	/*
	border: 1px solid #EEEAE3;
	border-top: none;
	background: url(/common/images/bg_location.gif) repeat 0 0;
	padding: 4px 0 4px 9px;
	width: 628px;
	height:100%;
	*/
	background: url(../../images/bg_location.gif) repeat 0 0;
	border: 1px solid #EEEAE3;
	margin: 0;
	padding: 4px 0 4px 0;
	width: 637px;
}

div#primary div.sourceBlock p.source {
	float: left;
	/*padding: 6px 0 0 0*/
	padding: 6px 0 0 10px
}

div#primary div.sourceBlock p.source span {
	color: #0066FF;
	font-weight: normal;
}
div#primary div.sourceBlock p.source a {
	font-size:100%;
}
div#primary div.sourceBlock form {
	float: right;
	padding: 0 7px 0 0;
}
div#primary div.sourceBlock form input {
	float: left;
	padding: 0 6px 0 0;
}

/*
div#primary div.sourceBlock p.source span a {
	font-size: 100%;
}
div#primary div.sourceBlock p.next {
	vertical-align: middle;
	float: right;
	padding: 0 5px 0 0;
}
*/

/*	div.area-search
--------------------------------------*/

div.area-search {
	background-color: #EEE;
	padding: 6px 0 6px 21px;
}

div.area-search dl dt {
	float: left;
	padding: 9px 8px 0 6px;
}

div.area-search dl dt.locationSearch {
	padding: 9px 24px 0 6px;
}

div.area-search dl dd {
	float: left;
}


/*	div#job-search
--------------------------------------*/

.primary-job dl dt {
	background-color: #FFE9D0;
	color: #FF7003;
	padding: 8px 0 5px 26px;
}

.primary-job dl dd ul li label {
	color:#06F;
}

.primary-job dl dd ul {
	background-color: #FFF;
	margin: 0;
	padding: 5px 0 2px 11px;
	overflow: hidden;
	height: 23px;
}

.primary-job dl dd ul.odd {
	background-color: #EEE;
}

.primary-job dl dd ul li {
	float: left;
	width: 200px;
}

.primary-job dl dd ul li span {
	color: #666;
	font-size: 10px;
}

.primary-job dl dd ul.related li {
	width: 304px;
}


/*	div.option-search
--------------------------------------*/

div.option-search {
	background-color: #EEE;
	margin: 0 0 14px 0;
	padding: 15px 0 1px 6px;
}

* html div.option-search {
	padding: 15px 0 0 6px;
}

div.option-search ul.firstOptionSearch li {
	float: left;
	padding: 0 8px 0 0;
}

div.option-search ul.firstOptionSearch li dl dt {
	padding: 0 0 2px 4px;
}

div.option-search ul.secondOptionSearch {
	clear: both;
	padding: 8px 0 0 0;
}

div.option-search ul.secondOptionSearch li {
	float: left;
	padding: 0 0px 0 0;
	width: 212px;
}

div.option-search ul.secondOptionSearch li.lastSecondOptionSearch {
	width: 211px;
} 

div.option-search ul.secondOptionSearch li dl dt {
	padding: 0 0 0 4px;
}

div.option-search ul.secondOptionSearch li dl dd {
	float: left;
}

div.option-search ul.secondOptionSearch li dl dd.secondOptionSearchTxt {
	margin: 10px 0 0 7px;
}

div.option-search div#optionSearchBlock {
	clear: both;
	padding: 7px 0 0 0;
	text-align: center;
}

* html div.option-search div#optionSearchBlock {
	padding: 0;
}

div.option-search div#optionSearchBlock ul {
	padding: 3px 0 0 237px;
}

div.option-search div#optionSearchBlock ul li {
	float: left;
	padding: 0 15px 0 0;
	text-align: left;
}

div.option-search div#optionSearchBlock ul li.inexperienced {
	padding: 3px 0 0 0;	
	width: 160px
}


/*	Custom Form
--------------------------------------*/

div.option-search dd.select-box .jsSelector,
div.area-search dd.select-box .jsSelector,
div.option-search dd.select-box .jsSelector {
	margin:0;
	padding:1px 0 2px 0;
	width:197px;
	height: 24px;
	border:3px solid #fcab22;
	background-color:#fff;
	color:#333;
}

* html div.option-search dd.select-box .jsSelector,
* html div.area-search dd.select-box .jsSelector,
* html div.option-search dd.select-box .jsSelector {
	margin:0;
	padding:1px 0 2px 0;
	width:197px;
	height: 10px;
	border:3px solid #fcab22;
	background-color:#fff;
	color:#333;
}

div.option-search ul.secondOptionSearch li dd.select-box .jsSelector {
	margin:0;
	padding:1px 0 2px 0;
	width:177px;
	border:3px solid #fcab22;
	background-color:#fff;
	color:#333;
}

div.option-search dd.select-box .jsSelectorArrow,
div.area-search dd.select-box .jsSelectorArrow {
	padding: 0;
	margin: 3px 9px 0 0;
	width: 12px;
	background: url(/common/images/texture_select_01.gif) no-repeat left top;
}

#job-search .jsCheckbox img,
#category-search .jsCheckbox img,
#optionSearchBlock .jsCheckbox img {
	background:url(/common/images/icon_checkbox_01.png) no-repeat 0 2px;
}

#job-search .jsCheckbox.A img,
#category-search .jsCheckbox.A img,
#optionSearchBlock .jsCheckbox.A img {background-position:0 -27px;}

#job-search .jsCheckbox.H img,
#category-search .jsCheckbox.H img,
#optionSearchBlock .jsCheckbox.H img {background-position:0 2px;}

#job-search .jsCheckbox.H.A img,
#category-search .jsCheckbox.H.A img,
#optionSearchBlock .jsCheckbox.H.A img {background-position:0 -27px;}

#job-search .jsCheckbox.F img,
#category-search .jsCheckbox.F img,
#optionSearchBlock .jsCheckbox.F img {background-position: 0 2px;}

#job-search .jsCheckbox.F.A img,
#category-search .jsCheckbox.F.A img,
#optionSearchBlock .jsCheckbox.F.A img {background-position: 0 -27px;}