/* 
    Document   : smartbox
    Created on : Apr 8, 2010, 2:38:33 PM
    Author     : Tao
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

td.right{
    text-align: right;
}

td.left{
    text-align: left;
}

td.center{
    text-align: center;
}


.container{
    text-align: center;
}

.waiting{
    font-size: 16px;
    padding: 20px;
    margin: 20px;
}

.header{
    height: 140px;
    width: 100%;
    background-image: url(/img/syringa_logo.png);
    background-repeat: no-repeat;
    background-color: #333333;
    background-position: left;
}

.invoice{
    padding: 5px;
    border-right: 1px solid gray;
}

.invoice-paid{
    font-weight: bold;
    color: green;
}

.invoice-unpaid{
    font-weight: bold;
    color: red;
}

.invoice-title{
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    margin: 30px;
    text-align: center;
}

.invoice-fee{
    font-weight: bold;
}

.invoice-subtotal td,  .invoice-subtotal th{
    padding-bottom: 30px;
    border-top: 1px solid gray;
}

.invoice-subsub{
    border-top: 1px solid gray;
}

.invoice-subitem{    
    text-align: right;
}

.invoice-line{
    font-size: 12px;
    margin: 10px;
    padding: 10px;
    margin-left: 0;
    padding-left: 0;
    border-bottom: 3px double gray;
}

.invoice-line tr, .invoice-line th, .invoice-line td{
    padding: 0;
    margin: 0;
    text-align: right;
}

.invoice-line-summary td, .invoice-line-summary th{
    vertical-align: middle;
    text-align: center;
    font-size: 14px;    
}

div.invoice-line-summary{
    font-size: 14px;
}

.invoice-line-price{
    margin-left: 50px;
    padding-left: 50px;
}

th.invoice-line-label, td.invoice-line-label{
    text-align: left;
}

.payment{
    padding: 5px;
}

.payment-title{
    color: #666666;
    font-size: 18px;
    font-weight: bold;
    margin: 30px;
    text-align: center;
}

.payment-option{
    text-align: center;
}

.payment-type{
    font-size: 16px;
    color: black;
    border-bottom: 1px solid gray;
}

.footer{
    color: #0000ff;
    padding: 25px;
    margin: 25px;
    font-size: 12px;
    text-align: left;
}

.footer-content{
    float: right;
}

.main{
    color: #666666;
    margin: 5px;
    padding: 5px;
    font-size: 14px;
}

.main-heading{
    margin-bottom: 5px;
    padding: 5px;
    font-size: 16px;
    font-weight: bold;
    border-bottom: solid 1px gray;
}

.main-heading-small{
    font-size:12px;    
}

.main-body{
    margin-top: 10px;    
}

.main-setting{
    text-align: right;
}

.main-container{
    /*border: solid 1px #8080ff;*/
    /*border-top: 0;*/
}