@charset "UTF-8";
/*
    SimpleInvoice Main CSS stylesheet.
    by Soif

    merged from all previous CSS files
    (work in Progress)
     ------------------------------------------

    Please dont remove the |* @group name *| (css block) |* end *|
    comments, used by the amazing CSSEdit application
*/

/* ------------------------------------------------------------ */

/*
Fix webkit 'black background on text input bug (mostly in Mac IDEs):
http://stackoverflow.com/questions/10587916/black-input-backgrounds-cocoa-webview/10601156#10601156
*/

input[type=text] {
    -webkit-appearance: none;
}

/* Main CSS
##################################################################  */

/* @group Global
------------------------------------------------------------------- */

html, body {
    padding: 0;
    margin: 0;
    font-family: arial,sans-serif;
}
html {
}

* html code {
    font-size: 105%;
}

body {
    background: #ebebeb;
}

.web_dialog_overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #000000;
    opacity: .15;
    filter: alpha(opacity=15);
    -moz-opacity: .15;
    z-index: 101;
    display: none;
}

.web_dialog {
    position: fixed;
    top: 30%;
    left: 42%;
    background-color: #ffffff;
    border: 2px solid #a9a9a9;
    z-index: 102;
    font-size: 10pt;
}

.web_dialog_button {
    text-align: center;
    margin: 0 auto 9px auto !important;
    width: 50%;
    padding: 8px 15px;
}

body, .dialog {
    font-family: arial, verdana, helvetica, sans-serif;
    font-size: 12px;
    color: #333;
}

table {
    border-collapse: collapse;
}

table.center {
    margin: 0 auto;
}

.bold {
    font-weight: bold;
}
table.left {
  float:left;
  margin-left:auto;
}

table th.left {
    text-align:left;
}

table.buttons {
    margin: 0 auto;
    padding: 0;
    border: none;
    width: 16px;
    height: 16px;
}

td, div {
    font-family: verdana, arial, helvetica, sans-serif;
    text-align: left;
}

.print_only {
    display: none;
}

a:link,
a:visited {
    text-decoration: none;
}

a.anchor:link,
a.anchor:visited,
a.anchor:hover {
    color: #fff;
    background: #fff;
    font-size: 0;
    text-decoration: none;
    padding: 0;
}

a img {
    border: 0;
}

a.image img {
    border: none;
    margin: 0;
    padding: 0;
}

a.image:link,
a.image:visited,
a.image:hover {
    border: none;
    background: none;
    padding: 0;
}

a.toggle.active:link,
a.toggle.active:visited,
a.toggle.active:hover {
    background: #999 !important;
    color: #03c !important;
    text-decoration: none;
    font-weight: 400 !important;
}

p {
    margin: 0 0 15px;
}

hr {
    background-color: #000;
    height: 1px;
    border: 0;
    margin: 10px 0;
}

form {
    margin: 0;
    padding: 0;
}

ins {
    background-color: #cfc;
    text-decoration: none;
}

del {
    color: #999;
}

code,
pre {
    font-family: "Bitstream Vera Sans Mono", monaco, "Courier New", courier, monospace;
    background: inherit;
    color: #333;
    font-size: 80%;
}

input, select, textarea {
    background: #FFFFFF url(../../../images/common/text-bg.gif) repeat-x scroll center top;
    border: 1px solid #CCCCCC;
    margin: 1px;
    padding: 0.2em 0.3em;
}

.si_center {
    text-align: center;
}
.si_right {
    text-align: right;
}

/* TYPOGRAPHY  ------------------------------*/

h1.admin {
    margin-bottom: 2px;
}

h2 {
    margin: 0 0 15px;
}

h1, h2, h3 {
    color:#4B7296;
}

/* @end */

/* invoice sections ------------------------*/

tr.invoice th {
    font-weight:bold;
}

tr.biller th {
    font-weight:bold;
}

tr.customer th {
    font-weight:bold;
}

/* @end */

/* @group Si Install
------------------------------------------------------------------- */

#si_install_logo {
    text-align: center;
}

/* @group Si Wrap
------------------------------------------------------------------- */
.si_wrap {
    width: 990px;
    margin: 0 auto;
}

.si_wrap table,
.si_wrap h3 {
    text-align:center;
}

/* @end */

/* @group Si Header
------------------------------------------------------------------- */
#si_header {
    margin: 0;
    padding: 0;
    line-height: 240%;
    text-align: right;
    background: #878484;
    color: #EEE;
    border-bottom: 1px solid #666;
    font-size: 11px;
}

#si_header a {
    color: #CCF;
}

#si_header .si_wrap {
    padding-right: 30px;
    text-align: right;
}

.gmailLoader {
    background-color: #CF4342;
    color: #fff;
    top: 0;
    right: 0;
    position: fixed;
    padding: 3px
}

/* @end */

/* @group Si Footer
------------------------------------------------------------------- */
#si_footer {
    font-size: 10px;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #888;
}

#si_footer a {
    color: #333;
}

#si_footer .si_wrap {
    text-align: center;
}
/* @end */


/* @group Structure  (To SI-Fi)
------------------------------------------------------------------- */
div#Container {
    padding: 62px 10px 30px 10px;
    margin-top: -54px;
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 6px;
    z-index: 1;
    -moz-box-shadow: 0 3px 5px #CCCCCC;
    -webkit-box-shadow: 0 3px 5px #CCCCCC;
    box-shadow: 0 3px 5px #CCCCCC;
    overflow: hidden;
}

/* @end */

/* @group Si Buttons
------------------------------------------------------------------- */
.si_toolbar_top {
/*    margin-top: 10px;*/
    margin-bottom: 20px;
}
.si_toolbar {
    text-align: center;
}

.si_toolbar_form {
    margin: 10px 0;
}
.si_toolbar_top_left {
    text-align: left;
    margin-left: 39px;
}

.si_toolbar button, .si_toolbar a {
    display: inline-block;
    border: 1px solid #AAA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: rgb(249,249,249);
    background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 );
    margin-right: 45px;
}

.si_toolbar a,
.si_toolbar button {
    border-left: 1px solid #ccc;
    display: inline-block;
    margin: 0;
    padding: 8px 10px;
    min-width: 30px;
    text-align: center;
    color: #333;
    text-shadow:
        0 -1px 0 rgba(000,000,000,0.2),
        0 1px 0 rgba(255,255,255,1);
}

.si_toolbar a.selected {
    background: #F5F5F5;
    color: #444;
    text-shadow:
        0 -1px 1px rgba(255,255,255,0.9),
        0 1px 0 rgba(255,255,255,1);
}

.si_toolbar img {
    margin-right: 7px;
}

.si_toolbar button:hover,
.si_toolbar a:hover {
    color: #666;
    background: #e6e6e6;
}

.si_toolbar button img,
.si_toolbar a img {
    vertical-align: bottom;
    margin-right: 3px;
}

.si_toolbar .positive {
    font-weight: bold;
}

.si_toolbar .negative {
    opacity: 0.7;
}

.si_toolbar_form button,
.si_toolbar_form a {
    padding: 8px 15px;
    margin-left: 10px;
}

.si_toolbar_inform {
    text-align: left;
    margin: 10px 0;
}

.si_toolbar_inform button,
.si_toolbar_inform a {
    font-size: 10px;
    padding: 2px 6px;
    line-height: 15px;
    background: #efefef;
}

.si_toolbar_inform img {
    height: 15px;

}

.si_toolbar_dialog a,
.si_toolbar_dialog button {
    display: block;
    margin: 10px;
    width: 220px;
}

.si_toolbar_dialog button {
    margin-left: auto;
    margin-right: auto;
}

/* @end */


/* @group Si messages
------------------------------------------------------------------- */

.si_message,
.si_message_ok,
.si_message_warning,
.si_message_error {
    padding:10px;
    margin: 10px;
    text-align: center;
    border: 1px solid #ccc;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border-radius: 8px;
}

.si_message {
    padding:18px;
    min-height: 0;
    font-size: 12px;
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1;

}

.si_message_ok {
   background: #dff0d8 url(../../../images/common/tick.png) 47px 16px no-repeat;
   border-color: #d6e9c6;
   color: #468847;
}

.si_message_error {
    background: #f2dede url(../../../images/common/cross.png) 47px 16px no-repeat;
    color: #b94a48;
    border-color: #eed3d7;
}

.si_message_warning {
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
}

.si_message_install {
    margin:30px;
    padding: 3px;
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
}
/* @end */


/* @group Si Help Div
------------------------------------------------------------------- */
.si_help_div {
    margin: 40px auto 10px auto;
    text-align: center;
    border-top: 1px solid #efefef;
    padding: 6px 10px;
    width: 500px;
    background-color: #fff;
}

.si_help_div a {
    color: #666;
}

.si_help_div a:hover {
    color: #000;
}

.si_help_div img {
    vertical-align: bottom;
    line-height: 24px;
    margin-right: 2px;
}
/* @end */


/* @group Si Error Line
------------------------------------------------------------------- */

.si_error_line {
    color: #fff;
    padding: 2px 8px 2px 27px;
    line-height: 16px;
    text-align: center;
    display: inline-block;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #fc0004 url(../../../images/common/important.png) no-repeat 5px 2px;
}
/* @end */


/* @group ClueTip
------------------------------------------------------------------- */
a.cluetip img {
    opacity: 0.8;
}

a.cluetip:hover img {
    opacity: 1;
}

/* @end */


/* @group Si Filters
------------------------------------------------------------------- */

.si_filters {
    padding: 0;
    overflow: hidden;
}

.si_filters_invoices {
    padding: 0;
    overflow: hidden;
    float:right;
    text-align:right;
    width:50%;
}

.si_filters_links {
    display: inline-block;
    overflow: hidden;
    border: 1px solid #AAA;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background: rgb(249,249,249);
    background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(224,224,224,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(224,224,224,1)));
    background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(224,224,224,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e0e0e0',GradientType=0 );
}

.si_filters_links a {
    float: left;
    border-left: 1px solid #ccc;
    display: inline-block;
    margin: 0;
    padding: 8px 10px;
    min-width: 30px;
    text-align: center;
    color: #333;
    text-shadow:
        0 -1px 0 rgba(000,000,000,0.2),
        0 1px 0 rgba(255,255,255,1);
}

.si_filters_links a:hover {
    color: #666;
    background: #e6e6e6;
}

.si_filters_links a.first {
    border-left: none;
}

.si_filters_links a.selected {
    background: #F5F5F5;
    color: #444;
    text-shadow:
        0 -1px 1px rgba(255,255,255,0.9),
        0 1px 0 rgba(255,255,255,1);
}

.si_filters_links img {
    margin-right: 7px;
}

.si_filters_title {
    color: #AAA;
    line-height: 33px;
    margin: 4px 10px 0 10px;
    vertical-align:top;
}

.si_filters_title a.cluetip img {
    margin-bottom: 8px;
}

.si_buttons_manage_invoices {
    float:right;
    margin-right: 45px;
}

.si_buttons_invoice_header {
    text-align:center;
}
/* @end */


/* @group Si Index
------------------------------------------------------------------- */
.si_index .si_toolbar,
.si_index_reports .si_toolbar {
    text-align: left;
    padding-left: 20px;
    padding-bottom: 30px;
}

.si_index_help {
    float: right;
    padding: 15px;
    background: #F5F5FF;
    border: 1px solid #ddd;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    line-height: 150%;
}

/* @end */


/* @group Si Form
------------------------------------------------------------------- */

.si_form {
    display: block;
    margin: 20px auto;
    overflow: hidden;
}

#si_form_cron {
    width: 880px;
}

.si_form table {
    border-top: 1px dotted #ddd;
    margin: 0 auto;
}

.si_form_view table {
    /*border: 1px solid #ddd;*/
}

.si_form_view {
    /*padding: 10px 5px;*/
}

.si_form th,
.si_form td {
    padding: 3px;
    border-bottom: 1px dotted #ddd;
}

.si_form tbody th {
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    color: #777;
    padding-left: 5px;
    padding-right: 7px;
    vertical-align: top;
    line-height: 26px;
}

.si_form tbody th.product_attribute {
    text-align:left;
}

.si_form h4 {
    font-size: 12px;
    color: #666;
    padding: 0;
    margin: 5px 0 5px 0;
}

.si_form input {
    margin-left: 6px;
    margin-right: 5px;
}

.si_form th a.cluetip img {
    margin-bottom:-3px;
}

/* @end */


/* @group Si Cust View
------------------------------------------------------------------- */
#si_form_cust {
    width: 100%
}

#si_form_cust h4 {
    margin-bottom: 10px;
}

.si_cust_account {
    width: 300px;
}
.si_cust_invoices table,
.si_cust_account table {
    margin-top:10px;
}

.si_cust_card {
    width: 300px;
    margin-top: 10px;
}

.si_cust_info {
    float: left;
    width:100%;
    margin-bottom:20px;
}

.si_clear {
    clear: both;
}

.si_cust_notes {
    margin: 20px 0 20px 0;
}

.si_cust_invoices th,
.si_cust_invoices td {
    text-align: left;
    padding-left: 30px;
    padding-right: 5px;
}

.si_cust_invoices th {
    color: #666;
    font-weight: bold;
    background: #fafafa url(../../../images/flexigrid/fhbg.gif) repeat-x bottom;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #DDD;
    border-bottom: 0;
    text-align: left;
    vertical-align: middle;
}

.si_cust_invoices td {
    border-left: 1px solid #eee;
}

.si_cust_invoices td.right {
    text-align:right;
}

.si_cust_invoices th.first {
    border-left: none;
}

.si_cust_invoices table {
    width:100%;
}
/* @end */


/* @group Si Statement
------------------------------------------------------------------- */
.si_statement_info1 {
    float: left;
}

.si_statement_info2 {
    float: right;
}
/* @end */


/* @group Si Form Search
------------------------------------------------------------------- */
.si_form_search {
    margin-bottom: 30px;
    border: 1px solid #ccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    background: #F5F5F5;
    padding: 20px 0 13px 0;
}
/* @end */


/* @group Si List
------------------------------------------------------------------- */
.si_list table {
    border: 1px solid #ddd;
    border-top: none;
    width: 100%;
}

.si_rep_head,
.si_list thead th {
    color: #666;
    font-weight: bold;
    background: #fafafa url(../../../images/flexigrid/fhbg.gif) repeat-x bottom;
    padding: 6px 5px;
    border-top: 1px solid #DDD;
    border-bottom: 0;
    vertical-align: middle;
}

.si_rep_td,
.si_rep_th,
.si_list  td {
    padding: 3px 5px;
    border-bottom: 1px solid #DDD;
}

.si_rep_foot,
.si_list tfoot th,
.si_list tfoot td {
    color: #000;
    font-weight: bold;
    background: #F0F0F0 url(../../../images/flexigrid/fhbg.gif) repeat-x bottom;
    padding-top: 4px;
    padding-bottom: 4px;
}
/* @end */


/* @group Si Reports
------------------------------------------------------------------- */
.si_report_title {
    text-align: center;
    font-size: 18px ;
    padding: 0;
    margin: 0 auto 15px auto;
}

.si_reports table {
    margin: auto;
    border: 1px solid #ddd;
}

.body_view_report_sales_total .si_reports table,
.body_view_report_tax_total .si_reports table {
    border: none;
}

.si_reports {
    overflow: hidden;
    margin-bottom: 100px;
}

.si_rep_th {
    color: #666;
}

.si_rep_td {
    text-align: right;
}

.si_rep_foot {
    padding: 3px 5px;
}

.si_rep_big {
    font-size: 28px;
    padding: 10px 10px 10px 10px;
}

.si_rep_group_head {
    background: #CCC;
    padding: 5px 5px;
    font-weight: bold;
}

.si_rep_group_foot {
    background: #F0F0F0;
    padding: 2px 5px;
    text-align: right;
    border-bottom: 1px solid #888;
}

.si_rep_group_foot_total {
    font-weight: bold;
}
/* @end */


/* @group Si Reports (sales by month)
------------------------------------------- */

.si_report_title1 {
    color: #4B7296;
    font-size: 15px;
    font-weight: bold;
    margin: 10px auto 20px auto;
    padding: 3px;
}

.si_report_title2 {
    font-weight: bold;
    border-bottom: 1px solid #EEE;
    margin: 10px auto 15px auto;
    padding: 5px;
    color: #888;
}

.si_report_table {
    border: 1px solid #ddd;
    margin-bottom: 20px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.si_report_table td,
.si_report_table th {
    text-align: right;
    padding: 2px 5px 2px 10px;
    border-left: 1px solid #ddd;
    border-top: 1px solid #FAFAFA;
    border-bottom: 1px solid #ddd;
    font-size: 12px;
}

.si_report_table thead th {
    color: #666;
    font-weight: bold;
    background: #fafafa url(../../../images/flexigrid/fhbg.gif) repeat-x bottom;
    padding-top: 6px;
    padding-bottom: 6px;
    border-top: 1px solid #DDD;
    border-bottom: 0;
    text-align: center;
    vertical-align: middle;
}

.si_report_table tbody th {
    color: #666;
    font-weight: normal;
}

.si_report_table .tr_A {
    background: #F7F7F7;
}

.si_report_table tfoot th,
.si_report_table tfoot td {
    color: #000;
    font-weight: bold;
    background: #F0F0F0 url(../../../images/flexigrid/fhbg.gif) repeat-x bottom;
    padding-top: 4px;
    padding-bottom: 4px;
    border-bottom: 0;
}

.si_report_table .rate {
    font-size: 9px;
    color: #00b900;
    border-left-width: 0;
    padding-left: 5px;
    display: none;
}

.si_report_table .neg_rate {
    color: #da100d;
}

.si_button_mini {
    display: inline-block;
    font-size: 9px;
    margin: 1px 3px;
    line-height: 9px;
    color: #00703a;
    padding: 2px 5px;
    background: -moz-linear-gradient(
        top,
        #ffffff 0%,
        #d6d6d6);
    background: -webkit-gradient(
        linear, left top, left bottom,
        from(#ffffff),
        to(#d6d6d6));
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ccc;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1),
        inset 0 0 3px rgba(255,255,255,1);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1),
        inset 0 0 3px rgba(255,255,255,1);
    box-shadow: 1px 1px 1px rgba(000,000,000,0.1),
        inset 0 0 3px rgba(255,255,255,1);
    text-shadow: 0 -1px 0 rgba(000,000,000,0.1),
        0 1px 0 rgba(255,255,255,1);
}

.si_button_mini:hover {
    color: #000;
    -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.1),
        inset 0 0 3px rgba(255,255,255,1);
    -webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.1),
        inset 0 0 3px rgba(255,255,255,1);
    box-shadow: -1px -1px 1px rgba(000,000,000,0.1),
        inset 0 0 3px rgba(255,255,255,1);
}

/* @end */


/* @group Si Invoice View
------------------------------------------------------------------- */
.si_invoice_view {
    margin: auto;
    width: 600px;
}

.si_invoice_view th,
.si_invoice_view td {
    padding: 3px 2px;
}

.si_invoice_view .tr_head th {
    text-align: left;
    font-weight: bold;
    color: #000;
    width: 180px;
}

.si_invoice_view .tr_head th,
.si_invoice_view .tr_head td {
    padding-top: 10px;
    border-bottom: 1px dashed #aaa;
}

.si_invoice_view th {
    text-align: right;
    font-weight: normal;
    padding-right: 10px;
    color: #888;
}

.si_invoice_view .si_switch {
    text-align: right;
}

.si_invoice_view_items .si_switch {
    padding-right: 0;
}

.si_invoice_view_items {
    width: 90%;
    margin-left:5%;
    margin-right:5%;
    border-bottom: 1px solid #ddd;
}

.tr_head_items th {
    font-size: 11px;
    font-weight: bold;
    text-align: left;
    padding: 10px 10px 2px 0;
}

.si_invoice_view_items td {
    padding: 2px 10px 2px 0;
    border-top: 1px solid #ddd;
    white-space: nowrap;
    vertical-align: top;
}

.si_invoice_view_items td.td_product {
    width: 80%;
    white-space: normal;
}

.si_invoice_view_items .tr_desc td {
    border-top: none;
    color: #666;
    font-size: 11px;
    padding: 0 0 5px 0;
}

.si_invoice_view_items .tr_custom td {
    border-top: none;
}

.si_right {
    text-align: right;
}

.tr_head_items .si_right,
.si_invoice_view_items .si_right {
    text-align: right;
    padding: 2px 0 2px 10px;
}

.si_invoice_view_items .si_quantity {
    text-align: right;
}

.si_invoice_view_custom_items {
    width: 100%;
    margin-bottom: 15px;
}

.si_invoice_view_custom_items th,
.si_invoice_view_custom_items td {
    font-size: 11px;
    color: #666;
    border-top: none;
    padding: 1px 3px;
}

.si_invoice_view_custom_items th {
    color: #888;
    text-align: right;
    width: auto;
    min-width: auto;
    padding-left: 15px;
    padding-right: 8px;
    white-space: nowrap;
}

.si_invoice_view_custom_items td {
    width: 30%;
}

.si_invoice_view .tr_notes td {
    padding-bottom: 20px;
}

.si_invoice_view .tr_total td {
    font-weight: bold;
}

.si_invoice_account {
    overflow: hidden;
    display: inline-block;
    margin: 60px auto 0 auto;
}

.si_invoice_account h4 {
    font-size: 13px;
    text-align: center;
    padding: 0;
    margin: 0 0 7px 0;
    color: #888;
    font-weight: bold;
}

.si_invoice_account h5 {
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 8px 0;
    margin: 0;

}

.si_invoice_account div {
    float: left;
    border: 1px solid #ccc;
    height: 70px;
    padding: 10px;
    margin-right: 10px;
}

.si_invoice_account  th,
.si_invoice_account  td {
    padding: 2px 15px;
    text-align: right;
}

.si_invoice_account  th {
    font-weight: normal;
    color: #666;
    text-align: center;
}

td.si_product_attribute , .si_product_attribute td
 {
    padding-right: 15px;
    color: #666;
    border-top:none;
    font-size: 11px;
}
/* @end */


/* @group Si Invoice Itemized + Total
------------------------------------------------------------------- */
a.si_hide,
.si_hide {
    display: none;
}

.si_invoice_form {
    display: block;
    margin: 0 auto;
    width: 90%;
}

.si_invoice_top,
.si_invoice_bot {
    margin-bottom: 10px;
}

.si_invoice_bot {
    width: 100%;
}

.si_invoice_top th,
.si_invoice_bot th {
    color: #666;
    text-align: left;
    font-weight: bold;
    padding: 7px 15px 7px 0;
    width: 160px;
}

.si_invoice_total th {
    width: auto;
    text-align: left;
    padding-bottom: 2px;
}

.si_invoice_total td {
    padding-bottom: 10px;
}

.si_invoice_items thead td {
    font-size: 10px;
    color: #888;
    border-bottom: 1px solid #ccc;
    padding-bottom: 3px;
}

.si_invoice_items td {
    padding: 2px 8px;
    border-bottom: 1px dotted #ddd;
}

.si_invoice_items .tr_A {
    background: #F6F6F6;
}

.si_invoice_items .details TEXTAREA {
    width: 100%;
    font-size: 10px;
    color:  #555;
}

td.si_invoice_notes {
    color: #666;
    margin-bottom: 3px;
    padding: 0 0 10px 0;
}

.si_invoice_notes h5 {
    padding: 0;
    margin: 0 0 4px 0;
    font-size: 12px;
    font-weight: normal;
}
/* @end */


/* @group Tabs (To SI-Fi)
------------------------------------------------------------------- */
#tabmenu {
    height:100px;
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    z-index:1;
    position:relative;
    overflow: hidden;
}

#si_tab_settings {
    padding-right: 5px;
    float: right;
}

.subnav {
    padding-top: 0;
}

.subnav li {
    display: inline;
    height:25px;
    list-style-type: none;
    padding-right: 20px;
}

#tabmenu .subnav .active {
    font-weight:bold;
    -moz-border-radius:9px;
    -webkit-border-radius:9px;
    border-radius: 9px;
    background-color:#D54E21;
    margin-bottom:10px;
    margin-top:10px;
    padding:7px;
}

#tabmenu .subnav a.active {
    color:#fff;
}

#tabmenu .subnav .active_subpage {
    background-color:#878484;
}

#tabmenu .subnav a.active_subpage {
    color:#fff;
    margin-left:-19px;
}

#tabs_customer .anchors a {
    background-color:#fff;
    margin-top:2px;
    padding-top:6px;
    padding-left:0;
}

#tabs_customer .ui-tabs-panel a {
    float:none;
    background:#fff;
    padding:0;
    margin:0;
}

#tabs_customer .ui-tabs-panel {
    color:#333333;
    border-top: 1px #efefef solid;
}

#tabs_customer .anchors .ui-tabs-selected a {
    background-color:#E9E9DA;
    padding: 4px 12px 4px 12px;
}

#tabs_customer {
    border-bottom: 0 #efefef solid;
}


@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none !important;
    }
}


/* Hide useless elements in print layouts... */

@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* @end */

/* @group Si Page Login
------------------------------------------------------------------- */
.body_module_auth .si_wrap {
    width: 500px;
}
.body_module_auth th {
    font-size: 14px;
}
.si_box {
    margin: 110px auto 10px;
    padding:20px 20px 30px 20px;
    border:10px solid #bbb;
    text-align:left;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius: 10px;
    -moz-box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    -webkit-box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    box-shadow: 6px 6px 15px rgba(0,0,0,0.4);
    overflow: hidden;
    position: relative;
    background: rgb(249,249,249);
    background: -moz-linear-gradient(top,  rgba(249,249,249,1) 0%, rgba(234,234,234,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(100%,rgba(234,234,234,1)));
    background: -webkit-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
    background: -o-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
    background: -ms-linear-gradient(top,  rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
    background: linear-gradient(to bottom,  rgba(249,249,249,1) 0%,rgba(234,234,234,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#eaeaea',GradientType=0 );
}

.si_box td,
.si_box th {
    font-weight: normal;
    padding: 6px 0;
    color: #666;
}

.si_box th {
    text-align: right;
    padding-right: 6px;
}

.si_box table input {
    font-size:20px;
    width: 240px;
    padding: 5px 6px;
}

.si_box h1 {
    font-size: 24px;
    text-align: center;
    padding: 0;
    margin: 0 0 30px 0;

}

.si_box_auth_pad {
    padding-right: 50px;
}

.si_box_auth_pad table {
    float: right;
    margin-bottom: 1px;
}

.si_box_auth_pad .si_toolbar {
    clear: both;
    text-align: right;
}

.body_module_auth .si_toolbar button {
    padding: 8px 20px;
    margin: 0 0 0 10px;
    font-size: 15px;
}

.body_module_auth .td_error {
    text-align: center;
}
.body_module_auth .si_error_line {
    margin-bottom: 5px;
}

/* @end */

/* @group Si Page Home (FirstRun)
------------------------------------------------------------------- */
.si_table_toolbar th,
.si_table_toolbar td {
    padding-bottom: 10px;
    vertical-align: middle;
}

.si_table_toolbar th {
    font-weight: normal;
    text-align: right;
}

.si_table_toolbar td {
    text-align: left;
    padding-left: 20px;
}
/* @end */


/* @group Si Page Updates
------------------------------------------------------------------- */
#si_page_updates .si_list li {
    list-style: none;
    padding: 1px 0 1px 30px;
    margin: 0;
    border-bottom: 1px dotted #ccc;
    font-size: 11px;
    line-height: 14px;
}

#si_page_updates .si_list li.li_skip {
    background: url(../../../images/common/tick.png) 6px 0 no-repeat;
    opacity: 0.7;
}

#si_page_updates .si_list li.li_todo {
    color: #006;
}

#si_page_updates .si_list li.li_done {
    background: url(../../../images/common/tick.png) 6px 0 no-repeat;
    color: #000;
}

#si_page_updates hr {
    margin: 20px 0;
}

#si_page_updates ul {
    margin: 0;
    padding: 0;
}
/* @end */


/* @group ToSort
------------------------------------------------------------------- */
.note {
    width: 100%
}

.title {
    text-align: center;
    cursor: pointer;
    border: 1px solid #CCC;
    margin-top: 0.5em;
    padding: 0.1em;
}

.validation_alert {
    font-weight: 700;
    color: #FFF;
    background-color: red;
    padding: 10px;
}

.title {
    background-color: #E0E0E0;
}

.content {
    background-color: #FFF;
    border: 1px solid silver;
    border-top-width: 0;
    padding: 0.1em;
}

/* @end */

/* SEEMS UNUSED
##################################################################  */

/* @group Sortable Tables
------------------------------------------------------------------- */


/* Tablesorter table styling - end td for the manage screen - start */
td.index_table {
    background-color: #F5F5F5;
    font-style: normal;
    font-weight: 400;
    text-decoration: none;
    border: 1px none #FFF;
}

table.manage {
    font-size: 12px;
}

td.account {
    font-size: 12px;
}

td.columnleft {
    border-left: 5px solid #EEE;
}

td.details_screen {
    border-bottom: 1px dashed #d3d3d3;
    line-height: 24px;
}

td.columnRight {
  float:right;
  margin-right:auto;
}
/* @end */

/* @group tpl actions
------------------------------------------------------------------- */
img.action {
    vertical-align: bottom;
    height: 15px;
    margin-top: -1px;
    margin-bottom: -1px;
    margin-left: 3px;
}
/* @end */

/* @group tpl dataTables
------------------------------------------------------------------- */
#si-data-table {
    width: 100%;
}
/* @end */