/* jobdetail.css */
.job-detail-container {
    width:100%;
    margin:0 auto;
    background-color: #fff;
    padding:5px 20px;
}

.job-header { text-align: left;position:relative;}
.job-header .job-title {padding-top:10px;font-size:24px;color: #0066cc;margin-bottom: 10px;padding-bottom:10px;}

.job-header .job-meta {
    color: #666;
    font-size: 14px;
    margin-bottom: 20px;
}

    .job-header .job-meta .company-name {
        font-weight: bold;
        margin-right: 20px;
    }

.job-content {width:100%;text-align:left;
}

.job-info-main {width:75%;float:left;margin-bottom:50px;
}

.company-info-sidebar {
    width:23%;float:right;text-align:left;
}

.info-section {
    margin-bottom: 30px;
}

    .info-section h2 {
        font-size: 18px;
        color: #333;
        background-color: #f0f0f0;
        padding: 8px 15px;
        margin-bottom: 15px;
        border-left: 5px solid #0066cc;
    }

.job-basic-info ul {
    list-style: none;
    padding: 0;
}

.job-basic-info li {
    margin-bottom: 10px;width:calc(50% - 20px);float:left;
    padding-left: 20px;
    position: relative;
}
.job-basic-info li span{float:right;color:#999;padding-right:15px;}

.job-basic-info li:before {
    content: "•";
    color: #0066cc;
    position: absolute;
    left: 0;
}
.benefits-content{border:2px solid #0066cc;border-radius:10px;padding:10px;color:#555;}
.description-content, .requirements-content, .benefits-content {
    padding-left: 20px;
}

    .description-content p, .requirements-content p, .benefits-content p {
        margin-bottom: 10px;
    }

.company-logo img {
    width: 100%;
    max-width: 150px;
    height: auto;
    display: block;
    margin: 0 auto 15px;
}

.company-details h3 {
    text-align:Left;background-color:#0066cc;
    color: #FFF;padding:5px 10px;
    margin-bottom: 15px;
}

.company-details ul {
    list-style: none;
    padding: 0;
}

.company-details li {
    text-align: center;
    margin-bottom: 8px;
    font-size: 14px;
    color: #666;
}

.apply-button-container {color:#666;
    text-align:left;
    margin: 20px 0;
}

.btn-apply {
    background-color: #ff6600;
    color: white;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    border-radius: 5px;
    width: 80%;
}

    .btn-apply:hover {
        background-color: #ff8833;
    }

.company-jobs-link {
    text-align:left;
    font-size: 14px;
}

    .company-jobs-link a {
        color: #0066cc;
        text-decoration: none;border:1px solid #0066cc;padding:5px 25px;
    }

        .company-jobs-link a:hover {
            text-decoration: underline;
        }
.btn-request{position:absolute;height:26px;line-height:26px;border:2px solid #ff6600;width:135px;top:10px;right:10px;text-align:center; vertical-align:central;}
.btn-request img{position:relative;top:3px;}