/*
 * waple - kosac/list.css
 * �����ý��� ���ȭ�� ����
 */

#leftFrame {
    float: left;
    width: 150px;
    height: 400px;
}
#mainFrame {
    float: right;
    width: 650px;
}

div#listPanel {
    width: 800px;
    margin: 10px 0px;
} 

table.list {
    width: 600px;
    margin: 0px;
    text-align: left;
    border-collapse: collapse;
}
table.list th {
    padding: 5px;
    border-top: 4px solid #aabcfe;
    border-bottom: 1px solid #8db2e3;
    border-right: 1px solid #ffffff;
    font-weight: 700;
    color: #333333;
    text-align: center;
    vertical-align: middle;
    background: #b9c9fe;
}
table.list td {
    padding: 5px;
    border-bottom: 1px solid #fff;
    border-top: 1px solid transparent;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #8db2e3;
    color: #333333;
}
table.list tr:hover td {
    background: #d0dafd;
    color: #339;
}

table.list tr.even {
    background: #e8edff; 
}

/* Pagination */
.paginationContainer{
    display: block;
    width: 600px;
    padding: 5px;
    text-align: center;
}
.pagination {
    display: block;
    margin:0px auto;
    width: auto;
    height: 25px;
    text-align: center;
    font-size: 10pt;
}

.pagination a {
    border: solid 1px #cfcfcf;
    color: #666666;
    text-decoration: none;
}

.pagination span,
.pagination a {
    display: inline-block;
    width: 28px;
    padding: 5px 0px;
    text-align: center;
    margin-right: 5px;
    margin-bottom: 5px;
    font-size: 11px;
}

.pagination .current {
    background: #999999;
    color: #fff;
    border: solid 1px #cfcfcf;
    font-weight: bold;
}

.pagination .current.prev,
.pagination .current.next {
    color: #999;
    border-color: #999;
    background: #fff;
}


.panelContainer .header .heading {
    font-size: 9pt !important;
}

div.thumbnail {
    float: left;
    display: inline-block;
    width: 140px;
    height: 105px;
    overflow: hidden;
}

span.indicator {
    display: inline-block;
    width : 16px;
    height : 16px;
    border: 0px solid #CCDDDF;
}

span.none {
    background: url(//static.ad.co.kr/images/common/icon/none.gif) no-repeat;
    background-position:0px 0px;
}    

span.exist {
    background: url(//static.ad.co.kr/images/common/icon/exist.gif) no-repeat;
    background-position:0px 0px;
}