<div id="partner_info">
    <div class="title">
        <a class="a_closed"><img class="arrow" src="images/arrow_closed.gif" /></a>
        ?????????
    </div>
    <table id="partner_info_table" class="close">
        <tr>
            <td class="pi_name bold">????????:</td>
            <td class="pi_value">???????</td><%//TODO Buyer%>
            <td class="pi_name bold">test23</td>
            <td class="pi_value">test</td>
        </tr>
    </table>
</div>

#partner_info{
        border:1px solid black;
        border-top:none;
        background-color:#DEEDFE;
        padding:0 10px 5px 10px;
        
}
.arrow{
        display:block;
        width:14px;
        height:12px;
        float:left;
        margin:8px 5px 0 0;
        border:none;
}
.a_closed:hover{
        cursor:pointer;
}
.a_opened:hover{
        cursor:pointer;
}
#partner_info_table{
        margin-top:5px;
        border:none;
        width:100%;
        border-collapse: collapse;
        position:relative;
}
#partner_info_table tbody{
        width:100%;
}
#partner_info_table tr{
        height:15px;
        width:100%;
}
#partner_info_table td{
        padding:0;
}
#partner_info_table td.pi_name{
        width:10%;
        min-width: 10%;
}
#partner_info_table td.pi_value{
        width:40%;
}

.open{
	display: block;
}

.open{
	display: table;
}