body {
    margin:                         0;
    padding:                        0;
    font:                           normal 11px Arial,Helvetica,sans-serif;
    background:                     #fff;
}
a {
    color:                          #070;
    text-decoration:                none;
}
input, button, textarea, select {
    font:                           normal 11px Arial,Helvetica,sans-serif;
}
table {
    border-spacing:                 0;
}
table th, table td {
    padding:                        2px;
}
table .btn {
    margin:                         0 3px;
}
tr.button-row td {
    padding-top:                    10px;
    text-align:                     center;
}
tr.inactive td {
    color:                          #999;
}
td {
    vertical-align:                 top;
}
ul {
    margin-top:                     0;
}


/*
 * General classes
 */
.bold {
    font-weight:                    bold;
}
.bigger {
    font-size:                      15px;
}
.warn {
    font-weight:                    bold;
    color:                          red;
    font-size:                      1.1em;
}
.padded-big {
    padding:                        10px;
}
.inline-edit-text {
    font-style:                     italic;
    cursor:                         pointer;
}
.left {
    text-align:                     left;
}
.center {
    text-align:                     center;
}
.right {
    text-align:                     right;
}
.row0 {
    background-color:               #eee;
}
.row1 {
    background-color:               #fff;
}
.ajax-load-overlay {
    z-index:                        800;
    /* relying on CSS3 for background transparency so it doesn't make the loader image semi-transparent too
     * http://stackoverflow.com/questions/806000/css-semi-transparent-background-but-not-text
    opacity:                        .7;
    filter:                         alpha(opacity=70);
     */
    /* Fallback for web browsers that doesn't support RGBa */
    background:                     rgb(153, 153, 153) transparent;
    /* RGBa with 0.7 opacity */
    background:                     rgba(153, 153, 153, .7);
    /* For IE 5.5 - 7*/
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2999999, endColorstr=#b2999999);
    /* For IE 8*/
    -ms-filter:                     "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2999999, endColorstr=#b2999999)";
    
    background-image:               url(/images/ajax-loader.gif);
    background-repeat:              no-repeat;
    background-position:            center;
}
.date-field {
    width:                          60px;
}
.tiny-field {
    width:                          20px;
}
.small-field {
    width:                          60px;
}
.big-field {
    width:                          200px;
}
.new-option {
    background-color:               #ded;
    color:                          green;
}
.has-tooltip {
    color:                          #00f;
    font-style:                     italic;
    cursor:                         pointer;
}
.has-tooltip:hover {
    color:                          #00a;
    font-style:                     normal;
    cursor:                         pointer;
}
tr.separator td {
    height:                         10px;
}
.credit.dollar-negative, .debit.dollar-positive {
    color:                          #a00;
}
.credit.dollar-positive, .debit.dollar-negative {
    color:                          #090;
}
.transaction-type {
}
.transaction-type.reconcile {
    color:                          purple;
}
.transaction-type.transfer {
    color:                          orange;
}
.transaction-type.spend {
    color:                          red;
}
.transaction-type.deposit {
    color:                          green;
}
.account-type {
}
.account-type.credit {
    color:                          #aa2c27;
}
.account-type.checking {
    color:                          #2779aa;
}
.account-type.savings {
    color:                          #27aa2e;
}
.account-type.investment {
    color:                          #aa9E27;
}
.account-type.title {
    font-size:                      15px;
    text-shadow:                    1px 1px #ccc;
    font-weight:                    bold;
    margin-bottom:                  5px;
}
.invalidated {
    display:                        inline-block;
    font-weight:                    bold;
    color:                          orange;
    text-align:                     center;
    margin:                         5px;
    padding:                        10px;
    background-color:               white;
    border:                         brown 1px solid;
}
.clear-control {
    width:                          12px;
    border:                         transparent 1px solid;
    text-align:                     center;
}
.clear-control.clearedPendingHover {
    background-color:               #ff9;
    border:                         #f99 1px solid;
    font-weight:                    bold;
    cursor:                         pointer;
}
option.inactive, .ui-autocomplete li.inactive a {
    color:                          #999;
}


/**
 * Site elements
 */
.site-error {
    color:                          red;
    font-size:                      13px;
    border:                         2px #666 solid;
    border-top:                     0;
    padding:                        5px;
    position:                       fixed;
    width:                          400px;
    top:                            0;
    left:                           50%;
    margin-left:                    -202px;
    background-color:               #fff999;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff999', endColorstr='#fcc932'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#fff999), to(#fcc932)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #fff999,  #fcc932); /* for firefox 3.6+ */
    -moz-box-shadow:                3px 3px 5px 1px #999;
    -webkit-box-shadow:             3px 3px 5px 1px #999;
    box-shadow:                     3px 3px 5px 1px #999;
    border-bottom-left-radius:      7px;
    border-bottom-right-radius:     7px;
    -moz-bottom-left-border-radius: 7px;
    -moz-bottom-right-border-radius:7px;
    z-index:                        9999;
}
.site-error .title {
    font-weight:                    bold;
    font-size:                      15px;
    text-align:                     center;
}
.site-error .message {
    border:                         red 1px solid;
    padding:                        5px;
    margin:                         10px;
    text-align:                     center;
}
.site-error .controls {
    text-align:                     center;
}
#spend-ae {
    display:                        inline-block;
    width:                          1040px;
}
#deposit-ae {
    display:                        inline-block;
    width:                          970px;
}
#transfer-accounts {
    display:                        inline-block;
    width:                          900px;
}
#transfer-categories {
    display:                        inline-block;
    width:                          650px;
}

/*
 * Site Summary Stuff
 */
table.summary-framework > tbody > tr > td {
    padding:                        20px;
    text-align:                     center;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#999999'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #ffffff,  #999999); /* for firefox 3.6+ */
    background-color:               #aaaaaa;
    border:                         2px black solid;
    border-radius:                  7px;
    -moz-border-radius:             7px;    
}
table.summary-framework > tbody > tr > td > .title {
    text-align:                     center;
    font-weight:                    bold;
    font-size:                      17px;
}
table.summary-framework div.refresh {
    float:                          right;
    margin-top:                     -10px;
    background-image:               url(/images/refresh.png);
    width:                          16px;
    height:                         16px;
    cursor:                         pointer;
}
div.summary table {
    text-align:                     left;
}
div.summary {
    border:                         #aaa 1px solid;
    display:                        inline-block;
}
div.summary tfoot tr {
    background-color:               #ffd;
    font-weight:                    bold;
}
div.summary table thead th {
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#9999cc', endColorstr='#333366'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#333366)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #9999cc,  #333366); /* for firefox 3.6+ */
    background-color:               #336;
    color:                          #fff;
    text-shadow:                    1px 1px #999;
    font-weight:                    bold;
    padding-left:                   6px;
    padding-right:                  6px;
}
div.summary table.striped tbody tr:nth-child(odd) {
    background-color:               #eee;
}
div.summary table.striped tbody tr:nth-child(even) {
    background-color:               #fff;
}
div.summary td, div.summary th {
    border-bottom:                  #aaa 1px solid;
}
div.summary tr.account.credit {
    background-color:               #ddaba9;
}
div.summary tr.account.checking {
    background-color:               #a9c9dd;
}
div.summary tr.account.savings {
    background-color:               #a9ddab;
}
div.summary tr.account.investment {
    background-color:               #ddd8a9;
}
div.summary tr.inactive, div.summary tr.account.inactive, div.summary tr.category.inactive, div.summary table.striped tbody tr.inactive {
    background-color:               black;
    color:                          #aaa;
}
div.summary td.late {
    font-weight:                    bold;
    color:                          #dd0000;
}
div.summary tr.first-not-late td {
    border-top:                     #dd0000 1px solid;
}
div.summary tr.account.hover, div.summary table.striped tbody tr.hover, div.summary tr.hover {
    background-color:               #3366ff;
    color:                          white;
}


/*
 * Main Add Forms (spend, etc)
 */
.addcontainer {
    display:                        inline-block;
    position:                       relative;
    padding:                        10px;
    -moz-box-shadow:                3px 3px 3px 0 #333;
    -webkit-box-shadow:             3px 3px 3px 0 #333;
    box-shadow:                     3px 3px 3px 0 #333;
    border-radius:                  7px;
    -moz-border-radius:             7px;
}
.addcontainer table {
    border-spacing:                 2px;
}
.addcontainer .notification {
    font-weight:                    bold;
}
.addcontainer .notification.label {
    font-size:                      13px;
}
.addcontainer.primary {
    background-color:               #dee;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeee', endColorstr='#bbcccc'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#ddeeee), to(#bbcccc)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #ddeeee,  #bbcccc); /* for firefox 3.6+ */
}
.addcontainer.primary.hasSecondary {
    border-bottom-left-radius:      0;
    -moz-border-bottom-left-radius: 0;
}
.addcontainer.primary .title {
    font-weight:                    bold;
    color:                          #667777;
    font-size:                      13px;
    font-style:                     italic;
    text-shadow:                    1px 1px #eeffff;
}
.addcontainer.primary th {
    background-color:               #667777;
    color:                          white;
}
.addcontainer.secondary {
    margin-right:                   40px;
    background-color:               #dde;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddddee', endColorstr='#bbbbcc'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#ddddee), to(#bbbbcc)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #ddddee,  #bbbbcc); /* for firefox 3.6+ */
    border-top-left-radius:         0;
    -moz-border-top-left-radius:    0;
    border-top-right-radius:        0;
    -moz-border-top-right-radius:   0;
}
.addcontainer.secondary .title {
    font-weight:                    bold;
    color:                          #666677;
    font-size:                      13px;
    font-style:                     italic;
    text-shadow:                    1px 1px #eeeeff;
}
.addcontainer.secondary th {
    background-color:               #666677;
    color:                          white;
}
.addcontainer.execute {
    background-color:               #eed;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#eedddd', endColorstr='#ccbbbb'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#eedddd), to(#ccbbbb)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #eedddd,  #ccbbbb); /* for firefox 3.6+ */
    margin:                         40px 0;
}
.addcontainer.execute .title {
    font-weight:                    bold;
    color:                          #776666;
    font-size:                      13px;
    font-style:                     italic;
    text-shadow:                    1px 1px #ffeeee;
}



/*
 * Stuff for the budget page
 */
#budget .budget-header {
    text-align:                     center;
    font-weight:                    bold;
    font-size:                      19px;
    padding-bottom:                 10px;
}
#budget .budget-header input, #budget .budget-header span {
    margin-left:                    20px;
}
#budget table {
    border-spacing:                 0px;
}
#budget thead th {
    padding:                        2px 4px;
}
#budget td {
    vertical-align:                 middle;
}
#budget tr.categoryGroup td:first-child {
    background-color:               #8a9b9b;
    color:                          white;
    font-weight:                    bold;
    text-align:                     center;
    vertical-align:                 middle;
}
#budget tr.categoryGroupTotal td {
    text-align:                     right;
}
#budget tr.categoryGroupTotal td div:first-child {
    background-color:               #d0e1e1;
    font-weight:                    bold;
    padding:                        2px 2px 2px 6px;
    margin-right:                   -2px;
    border:                         #aaa 1px solid;
}
#budget tr.grand-total {
    background-color:               #d0e1e1;
    font-weight:                    bold;
    font-size:                      1.2em;
}
#budget tr.difference {
    background-color:               #9eafaf;
    font-weight:                    bold;
}



/*
 * Stuff for the accounts page
 */
.transaction-loader {
    z-index:                        800;
    /* relying on CSS3 for background transparency so it doesn't make the loader image semi-transparent too
     * http://stackoverflow.com/questions/806000/css-semi-transparent-background-but-not-text
    opacity:                        .7;
    filter:                         alpha(opacity=70);
     */
    /* Fallback for web browsers that doesn't support RGBa */
    background:                     rgb(153, 153, 153) transparent;
    /* RGBa with 0.7 opacity */
    background:                     rgba(153, 153, 153, .7);
    /* For IE 5.5 - 7*/
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2999999, endColorstr=#b2999999);
    /* For IE 8*/
    -ms-filter:                     "progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2999999, endColorstr=#b2999999)";
    
    background-image:               url(/images/ajax-loader.gif);
    background-repeat:              no-repeat;
    background-position:            center;
    
    border-radius:                  5px;
    -moz-border-radius:             5px;
    text-align:                     center;
    position:                       absolute;
    padding:                        10px;
    font-weight:                    bold;
}
.account-transactions table thead th {
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#9999cc', endColorstr='#333366'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#333366)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #9999cc,  #333366); /* for firefox 3.6+ */
    background-color:               #336;
    color:                          #fff;
    text-shadow:                    1px 1px #999;
    font-weight:                    bold;
    padding-left:                   6px;
    padding-right:                  6px;
}
.account-transactions table tbody td {
    padding-left:                   6px;
    padding-right:                  6px;
}
.account-transactions table tbody tr:nth-child(odd) {
    background-color:               #eee;
}
.account-transactions table tbody tr:nth-child(even) {
    background-color:               #fff;
}
.account-transactions .fixedHeaderTable-table {
    max-height:                     500px;
}
.account-transactions tr.last-current-transaction td {
    border-bottom:                  #666 2px solid;
}
.account-start {
    background-color:               #ccf;
    color:                          #666;
    font-weight:                    bold;
    font-size:                      9px;
}
.clear-summary {
    display:                        inline-block;
    margin:                         5px 0;
    padding:                        10px;
    border:                         #999 2px solid;
    background-color:               #eff;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeffff', endColorstr='#ddeeee'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#eeffff), to(#ddeeee)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #eeffff,  #ddeeee); /* for firefox 3.6+ */
    border-radius:                  12px;
    -moz-border-radius:             12px;
}
.clear-summary table {
    border-spacing:                 2px;
}
.clear-summary thead th {
    background-color:               #abb;
    color:                          white;
    padding:                        2px 4px;
}



/*
 * Stuff to handle fixed-header tables
 */
.fixedHeaderTable-wrapper {
    position:                       relative;
}
.fixedHeaderTable-wrapper .fixedHeaderTable-header {
    position:                       absolute;
    top:                            0;
    left:                           0;
    overflow:                       hidden;
    z-index:                        99;
}
.fixedHeaderTable-wrapper .fixedHeaderTable-table {
    position:                       absolute;
    top:                            0;
    left:                           0;
    overflow:                       auto;
    z-index:                        98;
}




/*
 * Stuff for the reconcile page
 */
#reconcile-wrapper {
    max-width:                      800px;
}
#reconcile-detail {
    z-index:                        600;
}
#reconcile-summary {
    z-index:                        599;
}
#reconcile-detail .title, #reconcile-summary .title {
    padding-bottom:                 10px;
}
#reconcile-detail table, #reconcile-summary table {
    border-spacing:                 0px;
    margin-left:                    auto;
    margin-right:                   auto;
}

#reconcile-detail thead th {
    padding:                        2px 4px;
}
#reconcile-detail table th.topBorder {
    border-top:                     #ddeeee 1px solid;
}
#reconcile-detail table th.leftBorder {
    border-left:                    #ddeeee 1px solid;
}
#reconcile-detail table th.rightBorder {
    border-right:                   #ddeeee 1px solid;
}
#reconcile-detail table th.bottomBorder {
    border-bottom:                  #ddeeee 1px solid;
}
#reconcile-detail table td.topBorder {
    border-top:                     #666 1px solid;
}
#reconcile-detail table td.leftBorder {
    border-left:                    #666 1px solid;
}
#reconcile-detail table td.rightBorder {
    border-right:                   #666 1px solid;
}
#reconcile-detail table td.bottomBorder {
    border-bottom:                  #666 1px solid;
}
#reconcile-detail tr.categoryGroup td:first-child {
    background-color:               #8a9b9b;
    color:                          white;
    font-weight:                    bold;
    text-align:                     center;
    vertical-align:                 top;
}
#reconcile-detail tr.categoryGroupTotal {
    background-color:               #eff;
    font-weight:                    bold;
}
#reconcile-detail tr.grand-total {
    background-color:               #eff;
    font-weight:                    bold;
    font-size:                      1.2em;
}
#reconcile-detail tr.grand-total td {
    vertical-align:                 middle;
}
#reconcile-detail tr.grand-total td:last-child {
    font-size:                      1.2em;
}

#reconcile-summary table th.topBorder {
    border-top:                     #ddddee 1px solid;
}
#reconcile-summary table th.leftBorder {
    border-left:                    #ddddee 1px solid;
}
#reconcile-summary table th.rightBorder {
    border-right:                   #ddddee 1px solid;
}
#reconcile-summary table th.bottomBorder {
    border-bottom:                  #ddddee 1px solid;
}
#reconcile-summary table td.topBorder {
    border-top:                     #666 1px solid;
}
#reconcile-summary table td.leftBorder {
    border-left:                    #666 1px solid;
}
#reconcile-summary table td.rightBorder {
    border-right:                   #666 1px solid;
}
#reconcile-summary table td.bottomBorder {
    border-bottom:                  #666 1px solid;
}
#reconcile-summary tr.grand-total {
    background-color:               #eef;
    font-weight:                    bold;
    font-size:                      1.2em;
}
#reconcile-summary td {
    padding-left:                   8px;
    padding-right:                  8px;
}
#reconcile-summary tr.inactive td {
    color:                          #999;
}
table.reconcile-transaction-detail {
    max-width:                      90%;
}
#reconcile-detail table.reconcile-transaction-detail th {
    background-color:               #ffffc0;
    color:                          black;
    font-weight:                    bold;
    border:                         #aaa 1px solid;
    border-left:                    none;
}
#reconcile-detail table.reconcile-transaction-detail th:first-child {
    border-left:                    #aaa 1px solid;
}
#reconcile-detail table.reconcile-transaction-detail tr:nth-child(odd) {
    background-color:               #FFF0D7
}
#reconcile-detail table.reconcile-transaction-detail tr:nth-child(even) {
    background-color:               #FFF7E0
}
#reconcile-detail table.reconcile-transaction-detail td {
    border:                         #aaa 1px solid;
    border-left:                    none;
    border-top:                     none;
}
#reconcile-detail table.reconcile-transaction-detail td:first-child {
    border-left:                    #aaa 1px solid;
}
#reconcile-detail .reconcile-surplus {
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#ddeeee', endColorstr='#eeffff'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#ddeeee), to(#eeffff)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #ddeeee,  #eeffff); /* for firefox 3.6+ */
    max-width:                      625px;
    margin:                         20px auto 10px auto;
    border-top:                     #666 2px solid;
    border-left:                    #666 2px solid;
    border-bottom:                  #aaa 2px solid;
    border-right:                   #aaa 2px solid;
    padding:                        10px;
}
a.show-reconcile-transaction-detail {
    color:                          purple;
}


/*
 * Nav bar stuff
 */
#navigation-wrapper {
    position:                       fixed;
    top:                            0;
    left:                           0;
    width:                          200px;
    height:                         100%;
    background-color:               #eef;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeff', endColorstr='#aeaebf'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#eeeeff), to(#aeaebf)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #eeeeff,  #aeaebf); /* for firefox 3.6+ */
    -moz-box-shadow:                3px 0 7px 1px #999;
    -webkit-box-shadow:             3px 0 7px 1px #999;
    box-shadow:                     3px 0 7px 1px #999;
    overflow:                       auto;
}
#logo {
    font-weight:                    bold;
    font-size:                      15px;
}
.nav-header {
    font-weight:                    bold;
    margin-top:                     19px;
    margin-bottom:                  2px;
}
.nav-item.active {
    font-weight:                    bold;
}
.nav-item a {
    color:                          #000;
    text-decoration:                none;
}
.nav-item a:hover {
    text-decoration:                underline;
}
#navigation-wrapper .nav-set.owner .nav-header {
    color:                          #00c;
}
#navigation-wrapper .nav-set .nav-item a,
#navigation-wrapper .nav-set .nav-item.active {
        color:                      #070;
}
#navigation-wrapper .nav-set.owner .nav-item a,
#navigation-wrapper .nav-set.owner .nav-item.active {
    color:                          #007;
}
#navigation-wrapper .nav-set.superadmin .nav-header {
    color:                          #c00;
}
#navigation-wrapper .nav-set.superadmin .nav-item a,
#navigation-wrapper .nav-set.superadmin .nav-item.active {
    color:                          #700;
}


/**
 * Content area
 */
#content {
    margin-left:                    210px;
    float:                          left;
}
#content .page-title {
    font-weight:                    bold;
    font-size:                      17px;
    color:                          #070;
    margin:                         0px 20px 20px 0px;
    text-shadow:                    1px 1px #ccc;
}
#content .page-title.owner {
    color:                          #007;
}
#content .page-title.superadmin {
    color:                          #700;
}
#content .sub-title {
    font-weight:                    bold;
    font-size:                      15px;
    color:                          #666;
    margin:                         20px 20px 5px 0px;
    text-shadow:                    1px 1px #ccc;
}


/**
 * Admin pages
 */
div.list-table-wrapper {
    margin:                         0 0 10px 0;
    display:                        inline-block;
}
table.list-table {
    border-spacing:                 1px;    
    -moz-box-shadow:                1px 1px 3px 1px #aaa;
    -webkit-box-shadow:             1px 1px 3px 1px #aaa;
    box-shadow:                     1px 1px 3px 1px #aaa;
}
table.list-table thead th {
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#9999cc', endColorstr='#666699'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#666699)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #9999cc,  #666699); /* for firefox 3.6+ */
    background-color:               #669;
    color:                          #fff;
    text-shadow:                    1px 1px #666;
    font-weight:                    bold;
    font-size:                      11px;
    padding:                        3px;
}
table.list-table thead th.sortable {
    cursor:                         pointer;
}
table.list-table thead th.sortUp, table.list-table thead th.sortDown, table.list-table thead th.sortInvalid {
    padding-right:                  12px;
}
table.list-table thead th.sortUp {
    /* Need to specify a ton of bg styles since this has a gradient and a background image -- http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-gradients */
    background:                     #669;
    background-image:               url(/images/sortUp.gif); /* fallback */
    background-image:               url(/images/sortUp.gif), -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#666699)); /* Saf4+, Chrome */
    background-image:               url(/images/sortUp.gif), -webkit-linear-gradient(top, #9999cc, #666699); /* Chrome 10+, Saf5.1+ */
    background-image:               url(/images/sortUp.gif),    -moz-linear-gradient(top, #9999cc, #666699); /* FF3.6+ */
    background-image:               url(/images/sortUp.gif),     -ms-linear-gradient(top, #9999cc, #666699); /* IE10 */
    background-image:               url(/images/sortUp.gif),      -o-linear-gradient(top, #9999cc, #666699); /* Opera 11.10+ */
    background-image:               url(/images/sortUp.gif),         linear-gradient(top, #9999cc, #666699); /* W3C */
    background-repeat:              no-repeat;
    background-position:            right;
}
table.list-table thead th.sortDown {
    /* Need to specify a ton of bg styles since this has a gradient and a background image -- http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-gradients */
    background:                     #669;
    background-image:               url(/images/sortDown.gif); /* fallback */
    background-image:               url(/images/sortDown.gif), -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#666699)); /* Saf4+, Chrome */
    background-image:               url(/images/sortDown.gif), -webkit-linear-gradient(top, #9999cc, #666699); /* Chrome 10+, Saf5.1+ */
    background-image:               url(/images/sortDown.gif),    -moz-linear-gradient(top, #9999cc, #666699); /* FF3.6+ */
    background-image:               url(/images/sortDown.gif),     -ms-linear-gradient(top, #9999cc, #666699); /* IE10 */
    background-image:               url(/images/sortDown.gif),      -o-linear-gradient(top, #9999cc, #666699); /* Opera 11.10+ */
    background-image:               url(/images/sortDown.gif),         linear-gradient(top, #9999cc, #666699); /* W3C */
    background-repeat:              no-repeat;
    background-position:            right;
}
table.list-table thead th.sortUp.sortInvalid {
    /* Need to specify a ton of bg styles since this has a gradient and a background image -- http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-gradients */
    background:                     #669;
    background-image:               url(/images/sortUpInvalid.gif); /* fallback */
    background-image:               url(/images/sortUpInvalid.gif), -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#666699)); /* Saf4+, Chrome */
    background-image:               url(/images/sortUpInvalid.gif), -webkit-linear-gradient(top, #9999cc, #666699); /* Chrome 10+, Saf5.1+ */
    background-image:               url(/images/sortUpInvalid.gif),    -moz-linear-gradient(top, #9999cc, #666699); /* FF3.6+ */
    background-image:               url(/images/sortUpInvalid.gif),     -ms-linear-gradient(top, #9999cc, #666699); /* IE10 */
    background-image:               url(/images/sortUpInvalid.gif),      -o-linear-gradient(top, #9999cc, #666699); /* Opera 11.10+ */
    background-image:               url(/images/sortUpInvalid.gif),         linear-gradient(top, #9999cc, #666699); /* W3C */
    background-repeat:              no-repeat;
    background-position:            right;
}
table.list-table thead th.sortDown.sortInvalid {
    /* Need to specify a ton of bg styles since this has a gradient and a background image -- http://stackoverflow.com/questions/2504071/is-it-possible-to-combine-a-background-image-and-css3-gradients */
    background:                     #669;
    background-image:               url(/images/sortDownInvalid.gif); /* fallback */
    background-image:               url(/images/sortDownInvalid.gif), -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#666699)); /* Saf4+, Chrome */
    background-image:               url(/images/sortDownInvalid.gif), -webkit-linear-gradient(top, #9999cc, #666699); /* Chrome 10+, Saf5.1+ */
    background-image:               url(/images/sortDownInvalid.gif),    -moz-linear-gradient(top, #9999cc, #666699); /* FF3.6+ */
    background-image:               url(/images/sortDownInvalid.gif),     -ms-linear-gradient(top, #9999cc, #666699); /* IE10 */
    background-image:               url(/images/sortDownInvalid.gif),      -o-linear-gradient(top, #9999cc, #666699); /* Opera 11.10+ */
    background-image:               url(/images/sortDownInvalid.gif),         linear-gradient(top, #9999cc, #666699); /* W3C */
    background-repeat:              no-repeat;
    background-position:            right;
}
table.list-table tbody tr:nth-of-type(odd) {
    background-color:               #eee;
}
table.list-table tr.inactive td {
    color:                          #999;
}
/************/
.page-links {
    text-align:                     right;
    padding:                        2px 3px;
}
.page-links .description {
    margin-right:                   5px;
    display:                        inline-block;
}
.page-link {
    margin:                         0 2px;
    display:                        inline-block;
    background-color:               #3d94f6;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#000066'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#3d94f6), to(#000066)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #3d94f6,  #000066); /* for firefox 3.6+ */
    border-radius:                  2px;
    -moz-border-radius:             2px;
    min-width:                      12px;
    text-align:                     center;
    color:                          #fff;
    cursor:                         pointer;
}
.page-link:hover {
    color:                          #ff9;
}
.page-link.active, .page-link.active:hover {
    font-weight:                    bold;
    color:                          #ff0;
    cursor:                         default;
}
/************/
table.ae-form {
    padding:                        2px;
    border:                         #99c 1px solid;
    -moz-box-shadow:                1px 1px 3px 1px #99c;
    -webkit-box-shadow:             1px 1px 3px 1px #99c;
    box-shadow:                     1px 1px 3px 1px #99c;
    background-color:               #eee;
    border-spacing:                 1px;
}
table.ae-form thead th {
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#9999cc', endColorstr='#333366'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#333366)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #9999cc,  #333366); /* for firefox 3.6+ */
    background-color:               #336;
    color:                          #fff;
    text-shadow:                    1px 1px #999;
    font-weight:                    bold;
    font-size:                      13px;
    padding:                        6px;
}
table.ae-form th {
    background-color:               #669;
    color:                          #fff;
    font-weight:                    bold;
}
table.ae-form .btn {
    margin:                         2px;
}
/************/
/** Search form -- styles allow for the <table> itself to have class search-form, or for a <div> to have class search-form with tables inside it **/
.search-form {
    margin:                         10px 0;
    padding:                        2px;
    border:                         #99c 1px solid;
    -moz-box-shadow:                1px 1px 3px 1px #99c;
    -webkit-box-shadow:             1px 1px 3px 1px #99c;
    box-shadow:                     1px 1px 3px 1px #99c;
    background-color:               #eee;
}
div.search-form {
    display:                        inline-block;
}
div.search-form table, table.search-form {
    border-spacing:                 1px;
}
.search-form thead th {
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#9999cc', endColorstr='#333366'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#9999cc), to(#333366)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #9999cc,  #333366); /* for firefox 3.6+ */
    background-color:               #336;
    color:                          #fff;
    text-shadow:                    1px 1px #999;
    font-weight:                    bold;
    font-size:                      9px;
    padding:                        3px;
}
.search-form td {
    text-align:                     center;
}
.search-form td, .search-form input, .search-form select {
    font-size:                      9px;
}
/************/
div.legend {
    max-width:                      600px;
    -moz-box-shadow:                3px 3px 5px 1px #999;
    -webkit-box-shadow:             3px 3px 5px 1px #999;
    box-shadow:                     3px 3px 5px 1px #999;
}
div.legend .title {
    background-color:               #ccc;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbbbb', endColorstr='#dddddd'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#bbbbbb), to(#dddddd)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #bbbbbb,  #dddddd); /* for firefox 3.6+ */
    text-align:                     center;
    font-weight:                    bold;
    padding:                        3px;
    font-size:                      1.1em;
    color:                          #333;
}
div.legend .content {
    padding:                        10px;
}
div.legend ul {
    list-style-type:                none;
    margin:                         0 0 0 10px;
    padding-left:                   0;
}
div.legend ul.terms .term {
    font-weight:                    bold;
    color:                          #3d94f6;
    margin-left:                    -10px;
}
div.legend ul.terms li {
    margin-top:                     10px;
}


/**
 * Tax calculation stuff
 */
.tax-calculator table {
    width:                          100%;
    margin-top:                     20px;
}
.tax-calculator th {
    text-align:                     right;
}
.tax-calculator td {
    text-align:                     left;
}
.tax-calculator td.center {
    text-align:                     center;
}


/**
 * Report pages
 */
div.report-wrapper {
    overflow:                       auto;
    margin:                         0;
    padding:                        0;
    width:                          1000px;
    height:                         600px;
    z-index:                        21;     /* the chart plugin uses a z-index of 21 so we want something higher */
}
.report-option {
    padding:                        2px 4px;
    background-color:               #d0d0d0;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0d0d0'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#d0d0d0)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #f9f9f9,  #d0d0d0); /* for firefox 3.6+ */
    border-radius:                  3px;
    -moz-border-radius:             3px;
    margin:                         2px;
    cursor:                         pointer;
}
.report-option.selected {
    background-color:               #d0ffd0;
    filter:                         progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#d0ffd0'); /* for IE */
    background:                     -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#d0ffd0)); /* for webkit browsers */
    background:                     -moz-linear-gradient(top,  #f9f9f9,  #d0ffd0); /* for firefox 3.6+ */
}
.report-option.group {
    font-weight:                    bold;
}