* {
margin:0;
padding:0;
}
body {
-x-system-font:none;
background:#CCCCCC none repeat scroll 0 0;
color:#333333;
font-family:"Lucida Grande",arial,verdana,helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:18px;
min-width:900px;
text-align:left;
}
body#login {
background:#424545 url(/images/bg_header.gif) repeat-x scroll center top;
min-width:100px;
}
#login-box {
background:#E5E9E9 url(/images/bg_main.gif) repeat-x scroll center top;
border:2px solid #333333;
margin:54px auto;
padding:0 18px 9px;
width:375px;
}
#announcment {
background:#91BAE5 url(/images/bg_tr-cashonhand.gif) repeat-x scroll center top;
color:#000000;
padding:9px 36px;
}
#announcment p {
margin:0;
}
#header {
background:#424545 url(/images/bg_header.gif) repeat-x scroll center top;
color:#FFFFFF;
padding:21px 36px 18px;
position:relative;
}
div.help-link {
float:right;
margin:-10px 0 0;
}
div.help-link a {
background:#000000 none repeat scroll 0 0;
color:#CCCCCC;
font-size:11px;
padding:3px 6px;
text-decoration:none;
text-transform:uppercase;
}
div.help-link a:hover {
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
}
p#log {
color:#999999;
font-size:11px;
margin:0;
}
p#log a {
color:#CCCCCC;
text-decoration:none;
}
p#log a:hover {
background:#000000 none repeat scroll 0 0;
color:#FFFFFF;
}
#main {
background:#E5E9E9 url(/images/bg_main.gif) repeat-x scroll center top;
padding:1px 36px 18px;
min-height: 250px;
}
div.content {
float:left;
width:65%;
}
div.sidebar {
color:#555555;
float:right;
font-size:11px;
margin:18px 0 0;
width:30%;
}
#footer {
font-size:10px;
padding:18px 36px;
}
#footer a {
color:#666666;
}
#footer a:hover {
background:#666666 none repeat scroll 0 0;
color:#FFFFFF;
}
div.income-slider {
float:right;
}
#flash-pad {
height:18px;
margin:0 -36px;
}
#success-flash {
background:#EEEEEE url(/images/small_message.png) no-repeat scroll 36px 50%;
border-bottom:1px solid #CCCCCC;
color:#000000;
font-weight:bold;
padding:3px 60px;
}
#nav {
bottom:12px;
position:absolute;
right:36px;
}
#nav ul li {
border-right:1px solid #444444;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 18px 0 0;
padding:0 18px 0 0;
}
#nav ul li.right {
border:0 none;
margin:0;
padding:0;
}
#nav ul li a {
background-color:transparent;
background-position:left center;
background-repeat:no-repeat;
color:#999999;
float:left;
font-size:14px;
padding:6px 0 6px 27px;
text-decoration:none;
}
#nav ul li a:hover {
color:#FFFFFF;
}
#nav ul li a.active {
color:#FFFFFF;
}
.groupnav, .groupnav a:hover
{
	color:White;
	text-align:left;
}
#nav ul li a#cash {
background-image:url(/images/navicon_cash.gif);
}
#nav ul li a#clients {
background-image:url(/images/navicon_clients.gif);
}
#nav ul li a#account {
	background-image:url(/images/account.png);
	padding-left:28px;
}
#nav ul li a#alert 
{
	background-image:url(/images/alert.png);
	padding-left:28px;
}
#nav ul li a#alarm 
{
	background-image:url(/images/alarm.png);
	padding-left:28px;
}
#nav ul li a#dashboard
{
	background-image:url(/images/dashboard.png);
	padding-left:28px;
}
#nav ul li a#user
{
	background-image:url(/images/user.png);
	padding-left:28px;
}
#nav ul li a#customer
{
	background-image:url(/images/customer.png);
	padding-left:28px;
}
#nav ul li a#group
{
	background-image:url(/images/group.png);
	padding-left:28px;
}
#nav ul li a#welcome {
background-image:url(/images/navicon_welcome.gif);
}
h1 {
color:#DDDDDD;
font-size:24px;
font-weight:normal;
line-height:24px;
}
h2 {
background:transparent url(/images/bg_h2.gif) repeat-x scroll center bottom;
color:#000000;
font-size:21px;
margin:18px 0 9px;
padding:0 6px 9px 0;
}
h3 {
color:#333333;
font-size:14px;
margin:18px 0 9px;
}
div.sidebar h3 {
margin:0 0 9px;
}
h3.icon {
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #CCCCCC;
margin:0 0 9px;
padding:0 0 8px 20px;
}
div.group h3.icon {
border-bottom:1px solid #FFFFFF;
}
table.cash h3.icon {
border:0 none;
padding-bottom:0;
}
h3.payments {
background-image:url(/images/icon_payments.png);
}
h3.group-details {
background-image:url(/images/small_add.png);
}
h3.dashboard-details {
background-image:url(/images/small_dashboard.png);
}
h3.probe-details {
background-image:url(/images/small_probe.png);
}
h3.alarm-details {
background-image:url(/images/small_alarm.png);
}
h3.alert-details {
background-image:url(/images/small_alert.png);
}
h3.login-details {
background-image:url(/images/small_security.png);
}
h3.user-details {
background-image:url(/images/small_user.png);
}
h3.company-details {
background-image:url(/images/small_company.png);
}
h3.expense-details {
background-image:url(/images/icon_expense-details.gif);
}
h3.import {
background-image:url(/images/icon_import.gif);
}
h3.cancel {
background-image:url(/images/icon_cancel.gif);
}
h3.users {
background-image:url(/images/icon_users.gif);
}
ul, dl {
margin:0 0 18px;
}
ul {
margin:0 0 18px 18px;
}
ul li {
list-style-type:square;
}
ul.list {
margin:0 0 18px;
}
ul.list li {
border-bottom:1px solid #DDDDDD;
font-size:14px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:9px;
}
ul.list li.alt {
background:#EEEEEE none repeat scroll 0 0;
}
div.sidebar ul.list li {
font-size:12px;
padding:6px 9px;
}
dl.import-links dt {
font-size:12px;
font-weight:bold;
}
dl.import-links dd {
margin:0 0 9px;
}
a {
color:#003399;
outline-color:-moz-use-text-color;
outline-style:none;
outline-width:medium;
padding:1px;
}
a:hover {
background:#003399 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
a:active {
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
text-decoration:none;
}
a.gray {
color:#333333;
}
a.gray:hover {
background:#333333 none repeat scroll 0 0;
color:#FFFFFF;
}
a.add {
background:transparent url(/images/small_add.png) no-repeat scroll left center;
color:#000000;
font-size:12px;
font-weight:bold;
padding:3px 0 3px 18px;
text-decoration:none;
}
a.add:hover {
background:transparent url(/images/small_add_grey.png) no-repeat scroll left center;
color:#666666;
}
a.add-expense, a.add-expense:hover {
background:transparent url(/images/icon_add-expense.gif) no-repeat scroll left center !important;
}
a.cancel {
color:#CC0000;
}
a.cancel:hover {
background:#CC0000 none repeat scroll 0 0;
color:#FFFFFF;
}
a.edit, .edit a {
color:#006633;
margin:0 3px;
}
a.edit:hover, .edit a:hover {
background:#006633 none repeat scroll 0 0;
color:#FFFFFF;
}
a.footer-logo, a.footer-logo:hover {
background:transparent none repeat scroll 0 0 !important;
margin:0 6px 0 0;
}
a.footer-logo img {
vertical-align:middle;
}
p {
margin:0 0 9px;
}
p.add {
background:#DDDDDD none repeat scroll 0 0;
color:#999999;
padding:6px 9px;
}
small {
color:#777777;
font-size:11px;
font-weight:normal;
}
span.edit {
float:right;
font-size:11px;
font-weight:normal;
}
span.edit img {
vertical-align:middle;
}
.delete a {
color:#CC0000;
margin:0;
}
.delete a:hover {
background:#CC0000 none repeat scroll 0 0;
color:#FFFFFF;
}
.error {
color:#CC0000;
font-weight:bold;
}
#errorExplanation {
background:#FFFFFF none repeat scroll 0 0;
padding:9px;
}
#errorExplanation h2 {
border:0 none;
color:#000000;
}
#errorExplanation ul li {
color:#CC0000;
}
.light {
color:#999999;
}
div.payment .light {
color:#FFFFFF;
}
div.welcome-item {
clear:both;
margin:0 0 18px;
}
:first-child + html div.welcome-item {
clear:both;
margin:0 0 1px;
}
.in-place-editor {
color:#003399;
}
a img {
border:0 none;
}
img.screen-thumb {
border:1px solid #FFFFFF;
float:left;
margin:0 18px 0 0;
}
table.cash {
font-size:11px;
}
table.cash td, table.cash td.spacer {
padding:6px;
text-align:right;
vertical-align:baseline;
}
table.cash th {
font-size:12px;
font-weight:normal;
text-align:left;
vertical-align:baseline;
}
tbody th {
border-top:1px solid #C0C0C0;
color:#000000;
padding:6px 6px 6px 9px;
}
table.cash td.spacer {
background:transparent none repeat scroll 0 0 !important;
border:0 none !important;
padding:0 !important;
}
table.cash td#month-span {
color:#666666;
font-size:12px;
line-height:12px;
padding:0 0 6px;
text-align:left;
vertical-align:middle !important;
}
table.cash td.arrow {
padding:6px 9px !important;
text-align:right;
vertical-align:bottom;
}
table.cash td.arrow a:hover {
background:transparent none repeat scroll 0 0;
}
table.cash th.month {
background:#000000 none repeat scroll 0 0;
border-right:1px solid #333333;
color:#FFFFFF;
font-size:10px;
padding:9px 6px;
text-align:center;
}
table.cash th.current {
background:#006633 none repeat scroll 0 0 !important;
}
tbody#income td, tbody#expenses td {
background:#FFFFFF none repeat scroll 0 0;
border-right:1px solid #C0C0C0;
border-top:1px solid #C0C0C0;
}
tr.item th, tr.expense th {
padding:6px 6px 6px 27px;
}
tr.item-cat th {
padding:6px 6px 6px 45px;
}
tr.project-cat th {
color:#333333;
font-size:11px;
font-weight:normal;
padding:6px 6px 6px 63px;
}
tr.project th {
color:#333333;
font-size:11px;
font-weight:normal;
padding:6px 6px 6px 45px;
}
tr.no-projects th {
padding:0 0 0 45px !important;
}
tr.expand td {
color:#999999;
}
tr.company-cat th {
padding:0 0 0 27px !important;
}
tr.company-cat th a, tr.company th a {
background:transparent url(/images/arrow_collapse-gray.gif) no-repeat scroll left center;
color:#000000;
font-weight:bold;
padding:0 0 0 18px;
text-decoration:none;
}
tr.company-cat th a:hover, tr.company th a:hover {
background:transparent url(/images/arrow_collapse-gray.gif) no-repeat scroll left center;
color:#666666;
}
tr.company-cat th a.expand, tr.company th a.expand {
background:transparent url(/images/arrow_expand-gray.gif) no-repeat scroll left center !important;
}
tr.category th {
background:#999999 none repeat scroll 0 0 !important;
color:#FFFFFF;
}
tr.category a {
background:transparent url(/images/arrow_collapse-category.gif) no-repeat scroll left center;
color:#FFFFFF;
font-weight:bold;
padding:0 0 0 18px;
text-decoration:none;
text-transform:uppercase;
}
tr.category a:hover {
color:#666666;
}
tr.category a.expand {
background:transparent url(/images/arrow_expand-category.gif) no-repeat scroll left center !important;
}
tr.expense-cat th {
padding:6px 6px 6px 45px !important;
}
tbody#income-header tr, tbody#expenses-header tr {
background:#5C5C5C url(/images/bg_tr-incomeheader.gif) repeat-x scroll center top;
font-weight:bold;
}
tbody#income-header tr td, tbody#expenses-header tr td {
border-right:1px solid #4E4E4E;
color:#FFFFFF;
text-shadow:2px 2px 2px #333333;
}
tbody#income-header th, tbody#expenses-header th {
border:0 none;
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:0 0 0 9px;
text-transform:uppercase;
}
tbody#income-header th a, tbody#expenses-header th a {
background-image:url(/images/arrow_collapse-white.gif);
background-position:94% 50%;
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
margin:0 0 0 -9px;
padding:6px 6px 6px 9px;
text-decoration:none;
}
* html tbody#income-header th a, tbody#expenses-header th a {
background-position:90% 50%;
width:100%;
}
tbody#income-header th a:hover, tbody#expenses-header th a:hover {
background-color:#444444;
}
tbody#income-header th a:active, tbody#expenses-header th a:active {
background-color:#333333;
}
tbody#income-header th a.active, tbody#expenses-header th a.active {
background-image:url(/images/arrow_expand-white.gif);
}
tr.empty td {
color:#999999;
font-size:18px;
font-weight:bold;
padding:36px;
text-align:center;
}
tbody#cash-on-hand tr {
background:#91BAE5 url(/images/bg_tr-cashonhand.gif) repeat-x scroll center top;
font-weight:bold;
line-height:10px;
}
tbody#cash-on-hand th {
border:0 none;
font-size:14px;
font-weight:bold;
padding:6px 6px 6px 9px;
text-transform:uppercase;
vertical-align:middle;
}
tbody#cash-on-hand th small {
color:#333333;
font-size:10px;
font-weight:normal;
text-transform:none;
}
tbody#cash-on-hand tr td {
border-right:1px solid #607B97;
vertical-align:middle;
}
tbody#add-income tr td, tbody#add-expense tr td {
background:#FEFEFE url(/images/bg_tr-addrow.gif) repeat-x scroll center top;
border:1px solid #999999;
padding:9px 9px 9px 27px;
text-align:left;
}
tr.add-form td {
background:#DDDDDD none repeat scroll 0 0 !important;
border-left:0 none !important;
border-top:0 none !important;
padding:6px 0 0 6px !important;
}
tr.add-form td.form {
background:#FFFFFF none repeat scroll 0 0 !important;
border-top:0 none !important;
padding:6px 18px !important;
text-align:left !important;
}
table.income-history {
font-size:11px;
}
table.income-history tr th {
background:#EEEEEE none repeat scroll 0 0;
border-color:-moz-use-text-color -moz-use-text-color #DDDDDD;
border-style:none none solid;
border-width:0 0 1px;
padding:3px 6px;
text-align:left;
}
table.income-history tr td {
border-bottom:1px solid #DDDDDD;
padding:3px;
}
table.income-history tr.total th, table.income-history tr.total td {
background:#FFFFFF none repeat scroll 0 0;
}
div.group-details {
float:left;
margin:0 36px 18px 0;
width:45%;
}
div.payment-details {
float:left;
width:60%;
}
div.payment {
background:#DAE5F8 none repeat scroll 0 0;
margin:0 0 9px;
padding:9px 9px 12px;
}
div.amount {
float:left;
margin:0 18px 0 0;
}
div.recur {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin:9px 0 0;
padding:9px;
}
dl.form dd {
margin:0 0 9px;
}
div.group {
background:#F1F5FA none repeat scroll 0 0;
border:2px solid #CCCCCC;
margin:0 0 18px;
padding:18px 18px 3px;
}
div.display-group {
background:#DDDDDD none repeat scroll 0 0;
margin:0 0 18px;
padding:18px 18px 9px;
}
dl.form dt {
font-weight:bold;
}
p.submit {
clear:both;
margin:9px 0 18px;
}
input {
-x-system-font:none;
font-family:"Lucida Grande",arial,verdana,helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:12px;
}
select option {
padding:0 5px 0 0;
}
input.title {
font-size:16px;
font-weight:bold;
line-height:16px;
}
#header:after, #main:after, #add-income-box:after, div.group:after, div.display-group:after, div.welcome-item:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}
* html #header, * html #main, * html #add-income-box, * html div.group, * html div.display-group, * html div.welcome-item {
height:1%;
}
:first-child + html #header, :first-child + html #main, :first-child + html #add-income-box, :first-child + html div.group, :first-child + html div.display-group, :first-child + html div.welcome-item {
min-height:1px;
}

.report
{
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    text-align: center;
}
.reportavg
{
    background-color: #D4D4D4;
    color: Black;
}
.reportalt
{
    background-color: #C4C4C4;
    color: Black;
}

/* OVERLAYS */

/* the overlayed element */ 
div.overlay           
{
    /* growing background image */     
    background-image:url(/images/jq/t2.png);          
    /* dimensions after the growing animation finishes  */     
    width:1020px;     
    height:320px;                 
    /* initially overlay is hidden */     
    display:none;          
    /* some padding to layout nested elements nicely  */    
    padding:55px; 
    }  /* default close button positioned on upper right corner */ 
    
div.overlay div.close      
{
    background-image:url(/images/jq/close.png);     
    position:absolute;     
    right:20px;     
    top:-5px;     
    cursor:pointer;     
    height:35px;     
    width:35px; 
    }   
    
    /* black */ 
div.overlay.black 
{     
    background:url(/images/jq/transparent.png) no-repeat !important;     
    color:#fff; 
    } 
   /* petrol */ 
div.overlay.petrol
{     
    background:url(/images/jq/petrol.png) no-repeat !important;     
    color:#fff; 
}  
    
div.black h2, div.petrol h2 
{     
    color:#ddd;         
}

/* container for external content. uses vertical scrollbar, if needed */ 
div.wrap      
{
    height:320px;     
    overflow-y:auto; }
    
#overlay 
{     
    background-image:url(/images/jq/t2.png);     color:#efefef; }
    
button {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
-moz-outline-radius-bottomleft:4px;
-moz-outline-radius-bottomright:4px;
-moz-outline-radius-topleft:4px;
-moz-outline-radius-topright:4px;
background-color:#222222;
border:1px solid #FFFFFF;
color:#FFFFFF;
cursor:pointer;
font-size:11px;
height:24px;
outline-color:#999999;
outline-style:outset;
outline-width:1px;
}