/* 
    Document   : stylesurya
    Created on : Nov 16, 2012, 11:09:53 AM
    Author     : all
    Description:
        Purpose of the stylesheet follows.
*/

root { display: block; }

body { 
    /*font-family: verdana;*/ 
    width: auto; 
    left: auto;
    margin: auto;
} 

thead {
    font-weight: bold;
}

tbody {
    vertical-align: middle;
}

.clear { clear: both; }

.left { float: left; }

.ico-price,
.ico-delete,
.ico-detail {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    color: #000000;
    display: inline-block;
    font-family: font1,Helvetica,Arial;
    font-size: 1.5em;
    height: 20px;
    margin-left: 10px;
    margin-top: -5px;
    padding: 5px 1px;
    text-align: center;
    text-decoration: none;
    width: 30px;
    cursor: pointer;
}

.ico-price:before  { content: '\e60e'; }
.ico-delete:before { content: '\e609'; }
.ico-detail:before { content: '\e60d'; }

.ico-lock {
    background : url("../images/ico-lock.png") no-repeat;
    padding-left: 33px;
    padding-left: 30px\9;
    padding-bottom: 50px;
    cursor: pointer;
}

.ico-editok {
    background : url("../images/ico-editok.png") no-repeat;
    padding-left: 33px;
    padding-left: 30px\9;
    padding-bottom: 50px;
    cursor: pointer;
}

.ico-editcancel {
    background : url("../images/ico-editcancel.png") no-repeat;
    padding-left: 33px;
    padding-left: 30px\9;
    padding-bottom: 50px;
    cursor: pointer;
}


#contactlist tbody>tr>td:first-child { width: 15px; height: 60px;}
#contactlist tbody>tr>td+td { width: 315px; }
#contactlist tbody>tr>td+td+td { width: 250px; }
#contactlist tbody>tr>td+td+td+td { vertical-align: middle; width: 83px; width: 98px\9;}

#contactlist tbody>tr>td>p { margin: 0;}
#contactlist tbody>tr>td>p.nama { font-weight: bold;}


#baranglist tbody>tr>td:first-child { width: 15px; height: 60px;}
#baranglist tbody>tr>td+td { width: 315px; }
#baranglist tbody>tr>td+td+td { width: 320px; }
#baranglist tbody>tr>td+td+td+td { width: 123px; width: 138px\9;}

#baranglist tbody>tr>td>p { margin: 0;}
#baranglist tbody>tr>td>p.nama { font-weight: bold;}

.itemprice {width: 620px; float: left;}
.itemprice dl>dt {float: left; width: 180px; height: 30px; text-align: right; padding-right: 5px;}
.itemprice dl>dd {height: 30px;}
.itemprice dl.input>dt>label {font-weight: bold;}
.itemprice dl.input>dd {height: 40px;}
.itemprice dl.input>dd>input[type=text] {margin-top: -4px;}

.itemprice .nav {text-align: center;}

.price-history {display: none}

.pricelist ul {
    padding: 0;
    margin: 0;
}
.pricelist li {
    list-style: none;
}

.pricelist>ul>li {
    clear: both;
    padding: 10px 0;
    border-bottom: 1px solid #e6e6e6;
}

.pricelist>ul>li:nth-child(2n+3) {
    background: #e6e6e6;
}

.pricelist>ul>li>ul>li {
    float: left;
    width: 75%;
}

.pricelist>ul>li>ul>li+li {
    width: 20%;
    text-align: right;
    padding-right: 5%;
}

.pricelist>ul>li.header {
    font-weight: bold;
    border-bottom: 1px solid #555555;
    padding: 10px 0;
}
.pricelist>ul>li.header>ul>li+li {
    text-align: center;
}