@charset "utf-8";

/***********************************************************************************

 1. Job Page
            -searchChoice

 2. Search List
  			-searchBox
			-jobLine
			-jobItem
			-pager

 3. Search Temp

 4. Search Detail
			-jobMainInfo
			-photo
			-Icon
			-jobSubInfo
			-jobTableInfo

************************************************************************************/

/*------------------------------------------------------------------------------------
                                         1. Job Page
----------------------------------------------------------------------------------- */
.searchChoice{
	font-size:14px;
	text-align:center;
	margin-bottom:30px;
}

.read {
	width: 500px;
	border: 1px solid #CCCCCC;
	padding: 10px;
	text-align: center;
	font-size: 12px;
	color: #333333;
	margin: 0px auto 10px;
}

/*------------------------------------------------------------------------------------
                                         2. Search List
----------------------------------------------------------------------------------- */

h2#h2_search_list{
	background: url(/search/img/h2_search_list.gif);
	margin:20px 13px 30px;
	width:914px;
}

.data_not_found{
	margin:40px;
}

/* searchBox */
.searchBox{
	margin:0 32px 30px;
	border: 3px double #CCC;
	padding:5px;
}
.searchBox .searchBoxTitle{
	background:#ddd;
	padding:2px 10px;
	margin-bottom:5px;
}
.searchBox th{
	border-right:1px solid #ccc;
	padding:3px 10px;
	vertical-align:top;
	text-align:left;
	width: 5em;
}
.searchBox td{
	padding:3px 10px;
	vertical-align:top;
}
.searchBox #prefSelect{
	width:230px;
}
.searchBox label{
	margin-right:15px;
}
.searchBox .submit input{
	width: 200px;
	margin: 10px 0 0 5px;
}
.searchBox .gotoDifference{
	display:block;
	text-align:right;
	margin-top:-30px;
}

/* jobLine */
.jobLine{
	clear:both;
	padding-left:32px;
	margin-bottom:17px;
}

/* jobItem */
.jobItem{
	float:left;
	border: 1px solid #CCC;
	padding: 1px;
	margin-right: 17px;
	width: 276px;
}
.jobItem .jobArea{
	padding:5px;
	background: url(/search/img/tit_border.gif) bottom no-repeat;
}
.jobItem .jobTitle{
	padding:5px;
}
.jobItem .jobPhoto1{
	text-align:center;
}
.jobItem .jobPhoto1 a{
	display: block;
	margin:5px auto 10px;
	border: 1px solid #CCC;
	padding: 1px;
	width: 200px;
	height: 150px;
}
.jobItem .jobPhoto1 img{
	width: 200px;
	height: 150px;
}
.jobItem .jobPhoto1 a:hover,
.jobItem .jobPhoto1 a:active{
	border-color:#0066FF;
}
.jobItem .jobIcon{
	padding-left:15px;
	padding-bottom:10px;
}
.jobItem .jobIcon img{
	margin-right:4px;
}
.jobItem .jobIcon img.iconOtherImg{
}

/* pager */
.pager{
	clear:both;
	padding:17px 0 34px;
	text-align:center;
}
.pager a,
.pager span{
	padding:0 5px;
}

/*------------------------------------------------------------------------------------
                                         3. Search List
----------------------------------------------------------------------------------- */

h2#h2_search_temp{
	background: url(/search/img/h2_search_temp.gif);
	margin:0 13px 30px;
	width:914px;
}

.jobTemp{
	margin-left:13px;
	margin-bottom:30px;
	width:910px;
	border:1px solid #CCCCCC;
	padding:1px;
}
.jobTemp .jobArea{
	background:#FFE8D9;
	padding:10px 200px 10px 7px;
	font-size:16px;
}
.jobTemp .jobID{
	margin-top:-27px;
	padding-right:10px;
	padding-bottom:12px;
	text-align:right;
	font-size:14px;
	font-weight:bold;
}
.jobTemp .jobTitle{
	margin: 20px;
	color:#FF6600;
	font-size: 16px;
	font-weight:bold;
}

/* jobTempLeft */
.jobTemp .jobTempLeft{
	float:left;
	width:450px;
}
/* Icon */
.jobTemp .jobIcon{
	margin-left:20px;
	margin-bottom:20px;
}
.jobTemp .jobIcon th{
	padding: 3px 2px 3px 0;
	border-right: 1px solid #CCC;
	text-align:left;
	width:80px;
}
.jobTemp .jobIcon td{
	padding: 3px 0 3px 5px;
}
.jobTemp .jobIcon img{
	margin-right: 3px;
}
/* jobTempTableInfo */
.jobTempTableInfo{
	margin-left:20px;
	margin-bottom:20px;
}
.jobTempTableInfo table{
	width:100%;
}
.jobTempTableInfo th,
.jobTempTableInfo td{
	padding:6px 8px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.jobTempTableInfo th{
	width:120px;
	background:#F4F4F4;
	text-align:left;
	border-left:1px solid #CCC;
	font-weight:bold;
}
.jobTempTableInfo td{
	border-right:1px solid #CCC;
}

/* jobTempRight */
.jobTemp .jobTempRight{
	float:right;
	width:440px;
}
.jobTemp h3{
	margin-bottom:15px;
}
.jobTemp .jobInfo{
	padding: 12px;
	margin-right:20px;
	background:#FFE8D9;
}
.jobTemp .btnEntry{
	margin:20px;
}

/*------------------------------------------------------------------------------------
                                         4. Search Detail
----------------------------------------------------------------------------------- */

.jobDetailArea{
	border-top:2px solid #78A533;
	background:#EDF5E0;
	padding:10px 200px 10px 10px;
	font-size:16px;
}

.jobDetail{
	margin:0 40px;
}

/* jobMainInfo */
.jobDetail .jobMainInfo{
	margin-bottom:40px;
}
.jobDetail .jobID{
	text-align:right;
	padding-right:10px;
	padding-bottom:8px;
	margin-top:-25px;
	margin-bottom:30px;
	margin-right: -40px;
	font-size:14px;
	font-weight:bold;
}
.jobDetail .jobTitle{
	margin-bottom:20px;
	color:#C70067;
	font-size:16px;
	font-weight:bold;
}
.jobDetail .jobInfo{
	line-height: 2;
}

/* photo */
.jobDetail .jobPhoto{
	float:right;
	width:380px;
	margin-left: 20px;
}
#jobPhotoBig{
	border: 1px solid #CCC;
	width: 350px;
	padding: 14px;
	margin-bottom: 10px;
}
#jobPhotoBig img{
	width: 350px;
	height: 264px;
}

.jobDetail .photo1,
.jobDetail .photo2,
.jobDetail .photo3{
	display: block;
	float:left;
	background: #FFF;
	border: 1px solid #CCC;
	margin-right:10px;
	padding: 7px;;
	width: 104px;
	height: 79px;
}
.jobDetail .photo3{
	margin-right:0;
}
.jobDetail .photo1 img,
.jobDetail .photo2 img,
.jobDetail .photo3 img{
	width: 104px;
	height: 79px;
}

/* Icon */
.jobDetail .jobIcon{
	margin-bottom:20px;
}
.jobDetail .jobIcon th{
	padding: 3px 2px 3px 0;
	border-right: 1px solid #CCC;
	text-align:left;
	width:70px;
}
.jobDetail .jobIcon td{
	padding: 3px 0 3px 5px;
}
.jobDetail .jobIcon img{
	margin-right: 3px;
}

/* jobSubInfo */
.jobSubInfo{
	width:380px;
	margin-bottom:20px;
}
.jobSubInfo p{
	font-size: 16px;
	padding:15px;
	line-height: 1.7;
}
.jobSubInfo p .strong{
	font-size: 24px;
	font-weight: bold;
}

#jobOffer,
#jobSalary{
	clear:both;
	float:left
}
#jobDebut,
#jobHoliday{
	float:right;
}

/* jobAdvise */
.jobAdvise{
	clear:both;
	margin-bottom:40px;
}
.jobAdvise h3{
	margin-bottom:5px;
}
.jobAdvise p{
	display:block;
	margin:0;
}
.jobAdvise p.text{
	float:left;
	width:620px;
	padding:15px;
	background:#EFEFEF;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.7;
}
.jobAdvise p.btn{
	float:right;
	width:186px;
}

/* jobTableInfo */
.jobTableInfo{
	margin-bottom:35px;
}
.jobTableInfo h3{
	margin-bottom:10px;
}
.jobTableInfo table{
	width:100%;
}
.jobTableInfo th,
.jobTableInfo td{
	padding:8px 50px;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.jobTableInfo th{
	width:200px;
	background:#F4F4F4;
	text-align:left;
	font-weight: bold;
	padding-left: 20px;
}