/*tables*/
.list, .base-info, .summary {
    border-collapse: collapse;
    border-spacing: 0px;
    border-width: 0px;
    font-weight: normal;
    display:inline-table;
    width:99.9%;
    font-size:90%;
}


    .list caption {
        text-align: left;
        border-top:1px solid;
    }

        .list caption span {
            display:inline-block;
            margin:1px 5px;
            vertical-align:top;
        }


    .list thead{
    white-space:nowrap;
    vertical-align:middle;
    }

    .list tr{
        height: 2em;
    }

    .list td, .list th {
        vertical-align: bottom;
        border-right:1px dotted;
        border-left:1px dotted;
        padding-left:3px;
    }

    .base-info tr {
        color: inherit;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
    }

    .base-info th {
        text-align: left;
    }

.ui-selected {
    background: #000 !important;
    color: #fff !important;
}

    .ui-selected a {
        color: #fff !important;
    }

td a {
    display: inline-block !important;
}

td p {
    padding:0;
    margin:0;
    white-space:pre-line;
}

td input {
    border:none;
    height:17px;
    margin-bottom:2px;
}

.summary tr {
    border-bottom:1px dotted;
    line-height:1.9em
}
.summary th, .summary td {
    padding-left:10px;
    border-right:1px dotted;
   /* border-left:1px dotted;*/
    padding-bottom:0;
    text-align:left;
}


.readonly {
    margin:0;
    width:99%;
    height:auto;
    border:none;
    background:none;
}


/*form elements style*/
.editor-label, .editor-field, .display-label, .display-field {
    display: block;
    float: left;
    margin: 1px;
}

.editor-label, .display-label {
    width: 120px;
    clear: left;
}

.editor-field, .display-field {
    clear: right;
    white-space:nowrap;
    min-width:280px;
}

.editor-field .inline-first{
    width:40px;
    display:inline-block;
}
.inline-first input[type=text]{
    width:100%;
    min-width:30px;
}
.editor-field .inline-second{
    display:inline-block;
    width:327px;
    min-width:20px;
}
.inline-second input[type=text]{
    width:100%;
    min-width:30px;
}


.display-label {
    font-weight:bolder;
}

.title {
    display: block;
    margin: 0;
    padding: 5px 15px;
    border-bottom:none !important;
    border-left:none !important;
    border-right:none !important;
}

.subtitle {
    color:#555;
}

.title ul{
    list-style:none;
    margin:0px;
    padding:0px;
    float:right;
}
    .title ul li {
    float:left;
    padding:0 2px;
    }

        .title ul li span {
        cursor:pointer;
        }


/*search bar*/
.search {
    padding: 0;
    margin: 0;
    float: right;
    margin:6px 6px;
}

    .search form {
        white-space: nowrap;
        padding: 0px;
        margin: 0;
    }

        .search form img {
            vertical-align: bottom;
        }


    .search input {
        margin: 0px;

        border: none;
        background:#aaa;
    }

    .search select {
        border:none;
        height:18px;
        margin:0px;
        background:#aaa;
    }

    .search button {
        width: 16px;
        height: 16px;
        border: none;
        background: none;
        vertical-align: bottom;
        padding:0;
    }

        .search button span {
            height: 16px;
            width: 16px;
            cursor:pointer;
        }



/*document link */
a.pdf {
    width:16px;
    height:16px;
    background: url("images/pdf_icon.png") no-repeat;
}

a.job {
    width:16px;
    height:16px;
    background: url("images/job_icon.png") no-repeat;
}

a.msg {
    width:16px;
    height:16px;
    background: url("images/messages-icon.png") no-repeat;
}
a.rou {
  width:16px;
    height:16px;
    background: url("images/messages-icon.png") no-repeat;  
}
a.cvj
{
  width:16px;
    height:16px;
    background: url("images/cvj.png") no-repeat;  
}
a.unknow {
    width:16px;
    height:16px;
    background: url("images/document_icon.png") no-repeat;
}



/*misc*/
.center {
    text-align:center;
}

.error, .error a{
    color:red;
}

.block {
    display:block;
}

fieldset hr {
    display:block;
    clear:both;
    margin:5px 0;

}

.tabled-form{
    display:block;
    margin:0px !important;
}

.tabled-form input{
    width:100% !important;
}


.tabled-form .summary td {
    padding-left:3px !important;
}

.tabled-form td input{
    border-bottom:solid 1px #555;
}
    

.sub-table{
    display:block;
    width:680px;
    border-collapse:collapse;
}

.sub-table td{
    border:solid 1px #555;
}

.sub-table th{
    border:solid 1px #555;
    padding: 3px 0px;
    text-align:center;
    background-color:#888;
}


.sub-table td:first-child{
    width:480px;
}
.sub-table td{
    width:auto;
}
.sub-table td input{
    width:100% !important;
}