body{
        margin:0;
        padding:0;
        font-family:Arial;
        font-size:62.5%;
    } 
    form{
        display:inline;
        margin:0;
        padding:0;
    }
    div#container{
        font-size:1.2em;
    }
    #logo_right{
        width:434px;
        width:60%;
        height:63px;
        background:url(/images/header_background_right2.jpg);
        float:left;
    }
    #logo{
        width:292px;
        width:40%;
        text-align:right;
        height:63px;
        background:url(/images/header_background_left.jpg);
        float:left;
    }

    #sub_header #left{
        background:url(/images/sub_header_background_left.jpg);
        width:40%;
        float:left;
        height:25px;
        color:#fff;
        text-align:right;
    }
    #sub_header #right{
        background:url(/images/sub_header_background_right.jpg);
        width:60%;
        float:left;
        height:25px;
    }
    #sub_header ul.menu{
        font-size:1.1em;
        font-weight:bold;
        list-style:none;
        margin:0;
        padding:0;
        float:left; 
    }
    #sub_header ul.menu li{
        float:left;
        padding:0 10px 0 10px;
    }
    #sub_header ul.menu li a{
        color:#909090;
    }
    
    body#clients li#m_clients a, 
    body#invoice li#m_invoice a, 
    body#receipt li#m_receipt a,
    body#estimate li#m_estimate a,
    body#settings li#m_settings a, 
    body#reports li#m_reports a,
    body#companies li#m_companies a,
    body#dashboard a#m_dashboard{
        color:#fff;
    }

    #footer{
        margin:10px 0 10px 0;text-align:center;float:left;width:100%;border-top:1px solid #eee;
    }
 
    /* INFO MESSAGE */
    #info_message{
        background:#747474;
        color:#eee;
        width:100%;
        border-bottom:2px solid #686868;
        text-align:center;
        float:left;
    }
    #info_message div{
        width:780px;
        margin:auto;
        font-size:1.2em;
        padding:6px 0 6px 0;
    }
    #info_message div a{
        color:#385891;
        text-decoration:underline;
    }

    /* WARNING MESSAGE */
    #warning_message{
        background:#fbf4e2;
        color:#d3911f;
        width:100%;
        border-top:1px solid #fff;
        border-bottom:1px solid #cccfc5;
        text-align:center;
        float:left;
    }
    #warning_message div{
        width:780px;
        margin:auto;
        font-size:1.2em;
        padding:6px 0 6px 0;
    }
    #warning_message div a{
        color:#d3911f;
        text-decoration:underline;
    }


    /** SUCCESS MESSAGE */
    #ok_message{
        /*background:url(/images/message_background_right.jpg);*/
        background:#e4fbe5;
        color:#5e825c;
        width:100%;
        border-top:1px solid #fff;
        border-bottom:1px solid #cccfc5;
        text-align:center;
        float:left;
    }
    #ok_message div{
        width:780px;
        margin:auto;
        font-size:1.2em;
        padding:6px 0 6px 0;
    }
    #ok_message div a{
        color:#385891;
        text-decoration:underline;
    }

    h2{
        margin:0;
        padding:5px 0px 5px 0px;
        font-size:1.6em;
        border-bottom:1px solid #ccc;
    }
    h2 a{
    }

    a{
        color:#385891;
    }
    a:hover{
        color:#666;
    }

    .grey{
        color:#333;
    }
    .grey_no{
        color:#333;
        text-decoration:none;
    }

    #sub_header a{
        color:#eee;
        text-decoration:none;
    }
    #sub_header a:hover{
        text-decoration:underline;
    }

    a#m_dashboard{
        font-size:1.1em;
        font-weight:bold;
        color:#909090;
    }

    div.drop_down{
        position:absolute;
        background:#e9ece1;
        border:2px solid #cccfc5;
        width:550px;
        margin-left:100px;
        padding:10px;
        border-top:0px;
        margin-top:-1px;
        padding-top:0;
        padding-right:20px;
    }
    div.drop_down ul{
        list-style:none;
        margin:0;
        padding:0;
        width:100%;
    }
    div.drop_down a{
        text-decoration:none;
    }
    div.drop_down ul li{
        padding-left:10px;  
        padding:3px;
        float:left;
        clear:left;
        width:100%;
        border-bottom:1px solid #dee1d6;
    } 
    div.drop_down ul li div{
        float:left;
        width:33%;
    }

#content{
    text-align:center;width:100%;float:left;
}
#content_center{
    width:780px;text-align:left;margin:auto;background:#fff;font-size:1.2em;
}



/* CLIENT TABLE */
table.clients{
        font-size:100%;
        width:780px;
        border-collapse:collapse;
        margin-bottom:10px;
    }   
    table.clients th{
        background:#e6e6e6;
        text-align:left;
        border-bottom:2px solid #d7d7d7;
        padding:6px 0 2px 0;
    }   
    table.clients th a{
        color:#000;
        text-decoration:none;
    }
    table.clients tr td{
        border-bottom:1px solid #d7d7d7;
        padding:2px 0 2px 0;
    }   
    table.clients tr.filter td{
        background:#f5f5f5; 
    }
    table.clients tr.selected td{
        background:#eeffef;
    }
    table.clients tr.footer td{
        border-top:1px solid #ccc;
        padding:4px 0 4px 0;
    }
    table.clients tr.paginate_top td{
        padding:10px;
        padding-left:0;
    }

.right{
    text-align:right;
}


.bold{
    font-weight:bold;
}

.open,.active{
    color:#517bad;
    font-weight:bold;
}
.closed,.inactive{
    color:#989898;
    font-weight:bold;
}
.draft{
    color:#64ad64;
    font-weight:bold;
}
.template{
    color:#be86d3;
    font-weight:bold;
}
.overdue{
    color:#d9514f;
    font-weight:bold;
}


h3{
    font-size:1.2em;
    padding:0;
    margin:0;
    padding:4px 0 3px 0;
    color:#283b65;
}
h3 a{
    font-size:0.8em;
}
/*** NEW INVOICE **/
.basic div{
        float:left;
        padding:2px 0 2px 0;
        width:100%;
    }
    .basic div.sepb{
        border-bottom:1px solid #ccc;
        padding-bottom:8px;
        margin-bottom:8px;
    }
    .basic label{
        font-weight:bold;
        display:block;
        width:120px;
        text-align:right;
        float:left;
        padding-right:10px;
    }
    .basic label.required{
        text-decoration:underline;
    }
    .basic input, .basic select, .basic textarea{
        float:left;
    }

    .basic hr{
        float:left;
        border:0;
        border-top:1px solid #ddd;
        width:100%;
    }

    .basic .large{
        width:350px;
    }
    .basic .medium{
        width:235px;
    }
    .basic .small{
        width:100px;
    }
    div.client_list{
        float:left;width:100%;height:200px;overflow-x: hidden;overflow-y: scroll;
        border:1px solid #ddd;
        padding:5px;
        padding-left:15px;
        margin-top:10px;
    }
    div.client_list ul{
        list-style:none;
        margin:0;
        padding:0;
        width:95%;
    }
    div.client_list ul li{
        border-bottom:1px solid #eee;
        padding:4px 0 3px 0;
    }


div.filter{
    padding:8px 0 6px 0 ;
    border-bottom:2px solid #eee;
    float:left;
    width:100%;
}


.alert {
        background: #fffbda url(/images/exclamation.png) center no-repeat;
        background-position: 15px 50%; /* x-pos y-pos */
        text-align: left;
        padding: 5px 20px 5px 45px;
        border-top: 1px solid #ffd324;
        border-bottom: 1px solid #ffd324;
        width:540px;
        font-size:1.2em;
    }



    div.successOLD{
        background-image: url(/images/accept.png);
        background-repeat:no-repeat;
        background-position:8px 5px;
        /*border: 1px solid #a3eb8b;*/
        color:#508e47;
        /*border-left:0;
        border-right:0;*/
        padding:5px;
        padding-left:35px;
        font-size:1.2em;
    }
    .success {
        background: #ecffe2 url(/images/accept.png) center no-repeat;
        background-position: 15px 50%; /* x-pos y-pos */
        text-align: left;
        padding: 5px 20px 5px 45px;
        border-top: 1px solid #bfffac;
        border-bottom: 1px solid #bfffac;
        margin-top:10px;
        color:#638459;
        float:left;
        width:715px;
    }
    .success a{
        color:#638459;
    }

    .info {
        background: #f8fafc url(/images/information.png) center no-repeat;
        background-position: 15px 50%; /* x-pos y-pos */
        text-align: left;
        padding: 5px 20px 5px 45px;
        border-top: 1px solid #b5d4fe;
        border-bottom: 1px solid #b5d4fe;
        margin-top:10px;
        color:#4d5a6c;
        float:left;
        width:720px;
    }

    .error {
        background: #fff6bf url(/images/exclamation.png) center no-repeat;
        background-position: 15px 50%; /* x-pos y-pos */
        text-align: left;
        padding: 5px 20px 5px 45px;
        border-top: 1px solid #ffd324;
        border-bottom: 1px solid #ffd324;
        margin-top:10px;
        color:#806a12;
        float:left;
        clear:left;
        width:720px;
    }

    span.error{
        color:#ff0000;
    }

div.top_controls{
        margin-top:10px;
        padding-bottom:10px;
        color:#ccc;
    }


ul.side_menu{
        margin:0;
        padding:10px 0 10px 25px;
        width:200px;
        float:left;
    }
    ul.side_menu li{
        padding:2px 0 2px 0;
    }

    div.sidebar_ad{
        width:170px;
        padding:10px;
        border:1px solid #ccc;
        float:left;
        clear:left;
    }


input.cancel{
    margin-left:10px;
}
input.blue{
    background:#385891;
    color:#fff;
    border:2px solid #5080d1;
    border-bottom:2px solid #2a3d67;
    border-right:2px solid #2a3d67;
}input.gray{
    background:#6e6e6e;
    color:#fff;
    border:2px solid #aaa;
    border-bottom:2px solid #666;
    border-right:2px solid #666;
}
input.light_gray{
    background:#e3e3e3;
    color:#444;
    border:2px solid #eee;
    border-bottom:2px solid #ccc;
    border-right:2px solid #ccc;
}

img.help{
    margin-left:5px;
    border:0;
}


legend{
        font-weight:bold;
        color:#283b65;
    }
    tr.row td{
        padding-top:5px;
        border-bottom:2px solid #ddd;
        padding-bottom:6px;
    }
    .sub_total{
        font-size:1.2em;
    }
    .total{
        font-size:1.2em;
        font-weight:bold;
    }

ul li{
    color:#aaa;
}
ul li.sel{
    color:#222;
    font-weight:bold;
}





div.vpaper{
        width:710px;
        float:left;
        padding:35px;
        border:1px solid #ccc;
        border-right:2px solid #aaa;
        border-bottom:2px solid #aaa;
        margin-top:20px;
    }
    div.controls{
        padding:15px 0 0px 0;
        margin-bottom:15px;
    }