@charset "utf-8";

/**
 *--------search list-------------
 */

h2#headSearchList {
    height: 38px;
    background-image: url('../i/clt_search_list_head.png');
}

table#searchTable h3 {
    margin-bottom: 1em;
    padding-bottom: 0.3em;
    border-bottom: 1px dotted #111;
}

table#searchTable {
    width: 71.4em;
}

table#searchTable tr.searchRecord {
    background: url('../i/clt_search_bg_searchTable_repeat.png') repeat-y;
}

div#requirementBlock,
div#areaBlock,
div#keywordBlock {
    display: none;
}

tr.searchRecord td {
    padding: 0 3px 3px;
/*     background: url('../i/clt_search_border_searchTable.png') bottom no-repeat; */
}

tr.searchRecord td div.searchItemWrapper {
    font-size: 1.2em;
    padding: 1em 1em 0.5em;
    background: url('../i/clt_search_bg_searchTable_grade.png') repeat-x;
    color: #FFF;
}

tr.searchRecord input {
    vertical-align: baseline;
}

tr.searchRecord input[type="checkbox"] {
    vertical-align: middle;
}

ul.searchTableList1 {
    margin: 0.4em 0em 0.8em;
}

ul.searchTableList1 li {
    float: left;
    display: inline;
    width: 10em;
}

ul.searchTableList4 {
    margin: 1em 0em 1.4em;
}

ul.searchTableList4 li {
    float: left;
    display: inline;
    width: 19em;
}

ul.searchTableList4 li input {
    margin-right: 0.3em;
}

ul.searchTableList3 {
    margin: 0.4em 0em 0.8em;
}

ul.searchTableList3 li {
    float: left;
    display: inline;
    width: 7em;
}

ul.searchTableList2 {
    float: left;
    display: inline;
    margin-bottom: 1.5em;
    width: 8em;
}

ul.targetAreaList {
    float: left;
    display: inline;
    margin-bottom: 1.5em;
    width: 8em;
}



div#infoBlock {
    margin-top: 1em;
    width: 716px;
    height: 48px;
    background: url('../i/cmn_bg_infoBlock.png') no-repeat;
    color: #0A6DB9;
}

div#infoBlock p {
    padding-top: 14px;
    padding-left: 48px;
}


div.paging {
    font-size: 1.2em;
    text-align: right;
}
div.paging a {
    padding: 0.3em;
    background-color: #EEE;
    border-bottom: 1px solid #DDD;
    text-decoration: none !important;
}

div.paging a:hover {
    background-color: #EEF;
}

/**
 *--------search detail-------------
 */

h2#headSearchDetail {
    height: 38px;
    background-image: url('../i/clt_search_detail_head.png');
}

/**
 * workerDetailTable
 *
 */

table.workerDetailTable {
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
    margin-bottom: 2em;
    border-bottom: 4px solid #EEE;
}

    table.workerDetailTable tr.nameRecord {
    padding-top: 1px;
    background-color: #FFF;
    border-bottom: 4px solid #999;
    font-size: 1.4em;
}

table.workerDetailTable tr.nameRecord {
        font-size: 1.6em;
    }

table.workerDetailTable tr.nameRecord h3 {
    padding: 0.5em;
    background-color: #F8F8F8;
}

table.workerDetailTable tr.nameRecord h3 img {
    margin-right: 0.5em;
}

table.workerDetailTable td.imgTd {
    width: 180px;
    padding: 10px;
    padding-right: 20px;
    text-align: center;
    vertical-align: top;
}

table.workerDetailTable td.imgTd img {
    border: 3px solid #AAA;
}

table.workerDetailTable th.categoryTh {
    padding: 4px;
    background-color: #888;
    font-size: 1.2em;
    color: #FFF;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
}

table.workerDetailTable tr.dataTr {
    font-size: 1.2em;
}

table.workerDetailTable tr.dataTr th {
    padding: 0.4em;
    width: 180px;
    background-color: #F7F7F7;
    font-weight: bold;
    border-bottom: 1px solid #CCC;
    border-left: 3px solid #DDD;
}

table.workerDetailTable tr.dataTr td {
    padding: 0.4em;
    border-left: 1px dotted #EEE;
    border-bottom: 1px solid #CCC;
}


table.ratingDetailTable {
    margin: 10px 5px;
    width: 470px;
    font-size: 12px;
    background-color: #FFF;
}

table.ratingDetailTable tr {
    border-bottom: 1px solid #CCC;
}

table.ratingDetailTable th {
    width: 150px !important;
    padding: 0.5em;
    background-color: #F6F6F6;
    text-align: left;
}

table.ratingDetailTable td {
    padding: 0.3em;
}

table.ratingDetailTable td.rating {
    width: 100px;
    border-right: 1px dotted #CCC;
}

td#radarChartTd {
    width: 221px;
    vertical-align: top;
    padding: 10px;
}

table.workerDetailTable td.largetextTd {
    padding: 1em !important;
    line-height: 180%;
}

p.detailCtrlBox {
    padding: 0.7em;
    background-color: #EEE;
}

a.sendMessageRight {
    float: right;
}

a.returnListLeft {
    float: left;
}

/**
 *--------search contact-------------
 */

h2#headSearchContact {
    height: 38px;
    background-image: url('../i/clt_search_contact_head.png');
}

table#contactTable {
    width: 100%;
}

table#contactTable th {
    width: 150px;
    color: #E97800;
}

input#mailAddress,
input#password {
    width: 400px;
    font-size: 1.6em;
}

table.pasukit {
    background-color: #f9fada !important;
}