/*--------------------------------------------------\
| exclusive     |               | default.css       |
|---------------------------------------------------|
| For use with:                                     |
| FrontAccounting   								|
| http://FrontAccounting.com/  	            		|
| by Joe Hunt Consulting                            |
|---------------------------------------------------|
| Developer:                                        |
| Joe Hunt                                          |
|                                                   |
|---------------------------------------------------|
| Note:                                             |
| Changes can be made to this CSS that will be      |
| reflected throughout FrontAccounting.             |
|                                                   |
\--------------------------------------------------*/

body {
    background-color: #fff;
    margin: 0;
    padding: 0;
    text-align: center;
}

body,td,th {
    font-family:sans-serif;
    -webkit-font-smoothing: antialiased;
    font-size: 11px;
    color: #000;
}

/* Main */
.fa-main {
    /*width: 98%;*/
    text-align: left;
    padding-top: 0px;
}

tr, td, th {
    line-height: 25px;
    color: #000;
}
table {
    text-align: left;
}

textarea {
    font-size: 12px;
}

input, select
{
    font-size: 11px;
    padding: 4px 1px 5px 1px;
    background-color: #FFF;
    border: 1px solid rgba(94, 100, 255, 0.53);
    border-radius: 2px;
}

select {
    max-width: 200px;
}

input.big {
    width: 100px;
}

input.small {
    width: 50px;
}

a, a:active {
    color: #045c97;
    text-decoration: none;
}
a:hover, a:focus {
    color: #4f9adb;
    text-decoration: underline;
}
a:visited {
    color: #045c97;
    text-decoration: none;
}
.clear {
    clear: both;
}
.nodisp {
    display: none;
}
.italic {
    font-style: italic;
}
.flleft {
    float: left;
}
.flright {
    float: right;
}

/* Body */
.fa-body {
    width: 100%;
    background-color: #fff;
    margin: 0;
    /*padding: 5px 5px 5px 5px;*/
    border-radius: 3px;
}

/* Content */
.fa-content {
    width: 100%;
    min-height: 580px;
    margin: 0;
    /*padding: 0px 10px 5px 0;*/
    vertical-align: top;
}

/* Footer */
.fa-footer {
    /*background-image: url(images/footer_bg.png);*/
    background-repeat: repeat-x;
    height: 10px;
    margin: 0;
    padding: 10px;
    text-align: center;
    font-size: 10px;
    color: #036;
}


h1 {
    font-size: 14px;
    margin-right: 20px;
    color: black;
}
h2, .titletext {
    /*font-weight: 800;*/
    font-size: 12px;
    color: #555;
    padding: 5px;

}
.titletext {
    font-size: 24px;
    padding-left: 10px;
    /*font-weight: bold;*/
}

h3 {
    font-size: 100%;
    padding-top: 1ex;
    padding-bottom: 1ex;
}

#header { 
    margin: 0; 
    height: 35px;
    padding-top: -45px;
    background-color: #f6f7fb;
    border-bottom: 1px solid #e1e1e1;
    position: fixed;
}

#header ul {
    clear: right; float: right; font-size: 11px; margin: 12px 10px 10px 0; 

}
#header li{ list-style: none; display: inline; margin: 0; }
#header li a{ color: #045c97; text-decoration: none; padding: 0 0 0 16px; }
#header h1 {
    padding: 10px 100px 1px 11px;
    margin: 0;
}
#header h2 {
    font-style: italic;
}

.fa-footer .power a { font-size: 10px; padding: 0 12px 0 12px; text-align: center; background: transparent url(images/news.gif) no-repeat center left; color: #045c97; }
.fa-footer .date { font-size: 10px; padding: 0 12px 0 12px; text-align: center; color: #045c97; }

hr {
    background: #ccc;
    border: 0;
    color: #ccc;
    height: 1px;
}

.menu_group {
    font-size: 12px;
    padding: 0;
    color: #555;
    background-color: #fff;
    padding-left: 3px;
    font-weight: bold;
}

.menu_group_items {
    font-size: 12px;
    background-color: #f9f9f9;
    font-weight: normal;
    line-height: 19px;
    padding: 9px;
    border: 1px solid #8cacbb;
}

.menu_group_items a {
    text-decoration: none;
}

.tableheader {
    font-weight: bold;
    background-color: #F5F7FA;
    color: #666;
    text-align: center;
}

.tableheader2 {
    font-weight: bold;
    background-color: #F5F7FA;
    color: #666;
    text-align: left;
}

/*#F5F7FA*/

.tableseparator {
    border-left: 1px solid #ccc;
}

.headingtext {
    /*font-weight: bold;*/
    /*	font-size: 24px;
            color: #555;
            line-height: 40px;*/
    font-weight: bold;
    font-size: 14px;
    color: #555;
    line-height: 40px;
}

.headingtext2 {
    font-size: 12px;
    color: black;
}

.headingtext3 {
    font-weight: bold;
    font-size: 10px;
    color: black;
}

.errortext {
    font-size: 12px;
    color: #f00;
    font-weight: bold;
}

.inputsubmit {
    font-size: 11px;
    border: 1px #ccc solid;
    /*background-image: url(images/footer_bg.png);*/
    background-repeat: repeat-x;
    padding: 5px 4px;
    background-color: #ff5858;
    border-radius: 4px;
    border-color: #ff5858;
    color: #fff;
}

.ajaxsubmit {
    font-size: 11px;
    border: 1px #ccc solid;
    /*background-image: url(images/footer_bg.png);*/
    background-repeat: repeat-x;
    padding: 5px 4px;
    background-color: #5e64ff;
    border-radius: 4px;
    border-color: #444bff;
    color: #fff;
}

.dbPager2Excel{
    float: right;
    font-weight: 900;
    font-size: 11px;
    border: 1px #ccc solid;
    /*background-image: url(images/footer_bg.png);*/
    background-repeat: repeat-x;
    padding: 5px 4px;
    background-color: #09DB04;
    border-radius: 4px;
    border-color: #09DB04;
    color: #fff;
}

.dbPager2pdf{
    float: right;
    font-size: 11px;
    border: 1px #ccc solid;
    /*background-image: url(images/footer_bg.png);*/
    background-repeat: repeat-x;
    padding: 5px 4px;
    background-color: #ff5858;
    border-radius: 4px;
    border-color: #ff5858;
    color: #fff;
}

.export_excel {
    font-weight: 900;
    font-size: 11px;
    border: 1px #ccc solid;
    /*background-image: url(images/footer_bg.png);*/
    background-repeat: repeat-x;
    padding: 5px 4px;
    background-color: #09DB04;
    border-radius: 4px;
    border-color: #09DB04;
    color: #fff;
}

.oddrow {
    background-color: #fefefe;
}

.evenrow {
    background-color: #ffffff;
}

.overduebg {
    /*background-color: pink;*/
    background-color: rgb(255, 243, 245);
    border-left: 3px solid pink;
    padding-left: 13px;
    margin-left: 22px;
}

.lunas {
    background-color: greenyellow;
}

.overduefg {
    color: pink;
}

.currentfg {
    color: #f66;
}

.redfg, a.redfg {
    color: red;
    font-weight: bold;
}

.settledbg {
    background-color: #aea;
}

.settledfg {
    color: #0b0;
}

.inquirybg {
    background-color: #fdfeef;
}

.currencybg {
    background-color: #e88;
}

.stockmankobg {
    background-color: pink;
}

.stockmankofg {
    color: red;
}

table.tablestyle {
    border-collapse: collapse;
    border: 1px solid #e1e1e1;
}
table.tablestyle td {
    border-collapse: collapse;
    border-top: 1px solid #e1e1e1;
}
table.tablestyle2 {
    border-collapse: collapse;
    /*border: 1px solid #cccccc;*/
    /*background-color: #F5F7FA;*/
    /*box-shadow: rgba(0, 0, 0, 0.52) 0px 2px 6px 0px;*/
}
table.tablestyle2 td {
    border-collapse: collapse;
    /*border: 1px solid #cccccc;*/
}
table.tablestyle_inner {
    border-collapse: collapse;
    border: 1px solid #f9f9f9;
}
table.tablestyle_inner td {
    border-collapse: collapse;
    border: 1px solid #f9f9f9;
}
.tablestyle_noborder {
    padding: 3px;
}

.label {
    background-color: #ebf0f3;
    color: black;
    font-weight: 400;
}
/*fondra*/
.labelf {
    color: black;
    font-weight: 400;
}

#loginscreen {
    background: #ffffff;
}

.login {
    width: 350px;
    /*border-left: 12px solid #367cb5;*/
    border-collapse: collapse;
    /*background-color: #eeeeee;*/
}
.login td {
    border-collapse: collapse;
    border: 1px solid #cccccc;
}

.amount {
    font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
    text-align: right;
}

input.amount {
    padding-right: 0px;
    /*border-right: none;*/
}

.editbutton {
    color:#00f;
    background-color:transparent;
    border-style:none;
    text-decoration:none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.navibutton[disabled] {
    color:#ccc;
    text-decoration:none;
    cursor: auto;
}

button.navibutton {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    color:#666;
    padding: 0 3px;
    background-color: transparent;
    border-style:none;
    cursor: pointer;
}

.navibutton span {
    text-decoration:underline;
}

.navibar {
    padding: 0 3px;
    color: #fff;
    border: 1px solid #e1e1e1;
    border-collapse: collapse;
    background-color: #f4f4f4;
    color: #666;
}

.listsubmit {
    display: none;
}

.inactive {
    color: gray;
}

button {
    font-size: 11px;
    border: 1px #0066cc solid;
    padding: 1px 0px;
}

button img, span {
    padding: 0px 2px ;
    vertical-align: middle;
}

ul.ajaxtabs{
    padding: 3px 0 0 0;
    margin: 3px 3px 0 3px;
    font: 12px Tahoma,Verdana;
    font-weight: bold;
}

ul.ajaxtabs li{
    list-style: none;
    margin: 0;
    display: inline;
}

ul.ajaxtabs li button{
    border-radius: 5px 5px 0px 0px;
    background-color: #F5F7FA;
    line-height: 25px;
    padding: 3px 8px;
    margin: 0px;
    border-top: 1px solid #F5F7FA;
    border-right: 1px solid #F5F7FA;
    border-bottom: none;
    border-left: none;
    font-weight: bold;
    color: #959798;
}

ul.ajaxtabs li button:hover{
    border-top: 1px solid #F5F7FA;
    color:#fff;
}
div.spaceBox{
    background-color: #EBF0F3;
    height: 1px;
    /*  border-bottom: 1px solid #8cacbb;
      border-left: 1px solid #8cacbb;
      border-right: 1px solid #8cacbb;*/
    margin: 0 3px 0px 3px;
}

div.contentBox{
    border: 1px solid #EBF0F3;
    margin: 0 3px 3px 3px;
}

ul.ajaxtabs li button.current, ul.ajaxtabs li button.current:hover{
    /*border-left: 1px solid #EBF0F3;*/
    background-color: #86CBF5;
    color: #FFF;
    line-height: 25px;
    border-radius: 5px 5px 0px 0px;
    border-top: 2px solid #84CCF7;
    border-left: 2px solid #84CCF7;
    border-right: 2px solid #84CCF7;
}
#hints {
    font-size: 12px;
    padding: 5px;
    border-bottom: 1px solid #8cacbb;
    margin: -4px -2px -2px;
    border: 1px solid #8cacbb;
    background-color: #ffffea;
    white-space: nowrap;
}

img { border: 0; }

/*
        Calendar style
*/
#CCIframe {
    display: none;
    left: 0px;
    position: absolute;
    top: 0px;
    height: 250px;
    width: 270px;
    z-index: 99;
}
#CC { 
    position:absolute;
    background-color:#FFF;
    margin:0; padding:0;
    display:none;
    z-index: 100;
}
#CC table { 
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 8pt;
    border: 1px solid #C3C3C3;
    box-shadow: 0px 0p 0px 0px;
    /* border-right: 1px solid #336; */
    box-shadow: rgba(0, 0, 0, 0.26) 0px 8px 18px 0px;
}
#CC th {
    font-weight: normal;
    text-align: center;
}
#CC th a {
    font-weight: normal;
    text-decoration: none;
    color: #FFF;
    padding: 1px;
}
#CC td {
    text-align: center;
}
#CC .header {
    background-color: #22303b;
}
#CC .weekday {
    background-color: #eee;
    color: #000;
}
#CC .weekend {
    background-color: #FFC;
    color: #000;
}
#CC .weekno {
    background-color: #cde;
    color: #555;
}
#CC .current {
    border: 1px solid #339;
    background-color: #22303b;
    color: #FFF;
}
#CC .weekday, #CC .weekend, #CC .current {
    display: block;
    text-decoration: none;
    border: 1px solid #FFF;
    width: 2em;
}
#CC .weekday:hover, #CC .weekend:hover, #CC .current:hover {
    color: #FFF;
    background-color: #22303b;
    border: 1px solid #999;
}
#CC .previous {
    text-align: left;
}
#CC .next {
    text-align: right;
}
#CC .previous, #CC .next {
    padding: 1px 3px 1px 3px;
    font-size: 1.4em;
}
#CC .previous a, #CC .next a {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
#CC .title {
    text-align: center;
    font-weight: bold; 
    color: #FFF;
}
#CC .empty {
    background-color: #ddd;
    border: 1px solid #FFF;
}

div.err_msg {
    margin: 10px;
    padding: 13px;
    border: 1px solid #ff5858;
    background-color: #ff5858;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;

}

div.info_aja {
    margin: 10px;
    padding: 13px;
    border: 1px solid #dddddd;
    background-color: #dddddd;
    color: #666666;
    text-align: center;
    font-size: 12px;

}

div.warn_msg {

    margin: 10px;
    padding: 13px;
    border: 1px solid #F7CE00;
    background-color: #F7CE00;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
}

div.note_msg {
    margin: 10px;
    padding: 13px;
    border: 1px solid #09DB04;
    background-color: #09DB04;
    color: #FFFFFF;
    text-align: center;
    font-size: 12px;
}

#title {
    margin-bottom: 20px;
    width: 100%;
    padding-bottom: 8px;
    border-bottom: 1px solid #E1E1E1;
}

.ddsubmenustyle, .ddsubmenustyle div{ /*topmost and sub DIVs, respectively*/
    font: normal 11px;
    text-align: left;
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    /*list-style-type: none;*/
    background: white;
    border: 1px solid #e1e1e1;
    /*border-bottom-width: 0;*/
    visibility: hidden;
    z-index: 100;
}

.ddsubmenustyle ul{
    margin: 0;
    padding: 0;
    position: absolute;
    left: 0;
    top: 0;
    list-style-type: none;
    border: 0px none;
    background-color: #F6F7FB;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 6px 1px;
}

.ddsubmenustyle li a {
    display: block;
    width: 190px; /*width of menu (not including side paddings)*/
    color: #222;
    background-color: #ffffff;
    text-decoration: none;
    padding: 4px 5px;
    /*border-bottom: 1px solid #eee;*/
    line-height: 20px;
}

* html .ddsubmenustyle li{ /*IE6 CSS hack*/
    display: inline-block;
    width: 190px; /*width of menu (include side paddings of LI A*/
}

.ddsubmenustyle li a:hover{
    background-color: #ffffff;
    color: #4f9adb;
}

/* ######### Neutral CSS  ######### */

.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
    padding-left: 4px;
    border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
    position: absolute;
    padding-top: 3px;
    left: 100px;
    border: 0;
}

.ddiframeshim{
    position: absolute;
    z-index: 500;
    background: transparent;
    border-width: 0;
    width: 0;
    height: 0;
    display: block;
}

.mattblackmenu{
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 999;
}

.mattblackmenu ul{
    height: 48px;
    margin: 0;
    padding: 0;
    font: 12px sans-serif;
    list-style-type: none;
    border-bottom: 1px solid #e1e1e1;
    overflow: hidden;
    width: 100%;
    line-height: 30px;
    background-color: #F6F7FB;
    /*box-shadow: rgba(0, 0, 0, 0.11) 0px 0px 5px 0px;*/

}

.mattblackmenu li{
    display: inline;
    margin: 0;
}

.mattblackmenu li a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0;
    padding: 7px 18px; /*padding inside each tab*/
    /*border-right: 1px solid white; right divider between tabs*/
    color: #6F6F6F;
    /*background: #F6F7FB;*/
}

/*.mattblackmenu li a:visited{
    color: #666666;
}*/

.mattblackmenu li a:hover{
    color: #5E64FF;
    background: #ffffff; /*background of tabs for hover state */
    /*box-shadow: rgba(0, 0, 0, 0.22) 3px 2px 12px 3px;*/
}

.mattblackmenu a.selected{
    border-bottom: 4px solid rgba(94, 100, 255, 0.28);

}

.mattblackmenu .active{
    /*color: #00b3cc;*/
    font-weight: 900;
    border-bottom: 4px solid #5E64FF;
    /*background-color: rgba(94, 100, 255, 0.06);*/
}