/*
	COMPANY INFO
		1.- Company Info Table
		2.- Company Info List
		3.- Company Info Slideblock
		4.- Company Info Open Close
		5.- Company Info Last
*/

/* ===== COMPANY INFO ====== */

.company-info {
    width: 428px;
    border: 1px solid #f4f4f4;
    box-shadow: 2px 2px 2px #bbb;
    -webkit-box-shadow: 2px 2px 2px #bbb;
    -moz-box-shadow: 2px 2px 2px #bbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: relative;
    background: #fff;
}

    .company-info table {
        width: 100%;
        border-collapse: collapse;
    }

        .company-info table th {
            text-align: left;
            background: #f9f9f9;
            height: 27px;
            padding: 0 10px 1px;
        }

        .company-info table td {
            border-bottom: 1px solid #e8e8e8;
            padding: 0;
        }

    .company-info .slideblock {
        width: 100%;
        overflow: hidden;
        min-height: 30px;
    }

        .company-info .slideblock.active {
            background: url(../images/bg-slideblock-active.gif) repeat-y;
        }

    .company-info .open-close {
        float: left;
        color: #333;
        cursor: pointer;
        padding: 10px 0 6px;
    }

    .company-info .active .open-close {
        background: #ddd url(../images/shadow.gif) repeat-x;
        width: 120px;
        padding: 6px 0 7px;
    }

    .company-info .open-close span {
        display: none;
    }

    .company-info .open-close em {
        font-style: normal;
        background: url(../images/bg-open-close2.gif) no-repeat 3px -12px;
        padding: 0 0 0 18px;
    }

    .company-info .active .open-close span {
        display: block;
        height: 100%;
        background: url(../images/bg-open-close2.gif) no-repeat 4px 2px;
        font-weight: bold;
        padding: 0 0 0 22px;
    }

    .company-info .active .open-close em {
        display: none;
    }

    .company-info .block {
        overflow: hidden;
    }

    .company-info .list-info {
        padding: 0;
        margin: 0;
        list-style: none;
        float: left;
        width: 310px;
        position: relative;
    }

        .company-info .list-info li {
            border-bottom: 1px solid #e8e8e8;
            padding: 3px 7px 4px;
            overflow: hidden;
            height: 1%;
        }

        .company-info .list-info .title {
            color: #fff;
            font-weight: bold;
            font-size: 10px;
            background: #999 url(../images/bg-title.gif) repeat-x;
        }

        .company-info .list-info .select {
            background: #dddddd;
            line-height: 2em;
        }

        .company-info .last td,
        .company-info .list-info .last {
            border: none;
        }

        .company-info .list-info .select .name {
            float: left;
            padding: 0 10px 0 0;
        }