body{
	font: 78% Arial, "Trebuchet MS", sans-serif;
	margin: 0 auto;
	width: 980px;
	background-color:#efefef;
	background-image: url(../images/body_bg.gif);
	background-position: top;
	background-repeat: repeat-x;

}

div#news-box {
  display: none;
  position: absolute;
  width: 504px;
  margin-left: 200px;
  margin-top: -20px;
  float: right;
  padding: 10px 20px;
  background-color: #333;
  border-radius: 12px;  
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  border: 3px solid #bbb;
  color: white;
}
div#news-box .new-icon{
  position: absolute;
  margin-top: -35px;
  margin-left: -27px;
}
div#news-box a{
  color: #bbb;
  text-decoration: none;
}
div#news-box p, div#news-box h3{
  margin: 0px;
  line-height: 140%;
}
div#news-box h3{
  margin-top: 5px;
  margin-bottom: 5px;
  color: #bbb;
}
div#news-box .news-body {
  margin-top: 30px;
  display:none;
}
div#news-box strong {
  font-weight: normal;
}
div.dashboard_statistics{
	float: left;
	width: 175px;
	height: 120px;
	padding: 5px;
	border: 1px solid #ddd;
	margin-top: -10px;
	margin-left: 2px;
	margin-right: 2px;
	background-image: url(../images/fieldset_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
	border: none;
}
.dashboard_statistics p{
    margin: 0px 0px 5px 0px;
    padding:0;
}

img.logo
{
    position:absolute;
	margin: 8px 50px 20px 20px;
	float:left;
}

img.printable-logo
{
    width:4cm;
    height:auto;
}

img
{
    border:none;
}
#menu {
    height: 46px;
    background-color: #f9a819;
	background-image: url(../images/menu_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;

	padding: 0px .5em 0 .5em;
}
#menu .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
#menu .fg-button { text-shadow: none; }


#menu #menu-links
{
    position:absolute;
    margin-left: 160px;
    top: 25px;
}

#content
{
    background-color:#fff;
  border-bottom: 1px solid #F29A00;
	
	padding: 4em 1em 2em 1.7em;
	
    
}

/*form elements css
*/
input { font-size: 100%; border:1px inset #aaa; padding: 3px;}
select {border:1px inset #aaa; padding: 3px; font-size: 100%;}

input.datepicker
{
    width: 100px;
}

/**/
.chart-box
{
    margin-top:10px;
    margin-left:10px;
    padding: 0px 10px 10px 10px;
    text-align:center;
}

.box
{
    padding: 0px;
    margin-top:10px;
    border:0px;
    width: 47%;
	text-align: left;
	background-image: url(../images/fieldset_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
    
}
.box-centered
{
    padding: 0px;
    margin-top:0px;
    border: 0px solid #dddddd;
    width: 47%;
	text-align: left;
    float:none;
    margin-left:auto;
    margin-right:auto;
	background-image: url(../images/fieldset_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
}

.box td {
  border: none;

}

.box th {
  background:none;

}

.box h3, .box-centered h3
{
    background-image: url(../images/form_box_head_bg.gif);
	background-position: right top;
	background-repeat: no-repeat;
	height: 28px;
	padding: 8px 30px 0px 10px;
	margin-bottom:5px;
	margin-bottom:10px;
	color: white;
	text-shadow: -1px -1px 0 #555;
}

.fullwidth
{
    width: auto;
}

legend
{
    padding: 5px 15px 5px 15px;
}

.number
{
    text-align:right;
}

.required{
	background-image: url(../images/required.gif);
	background-position: right;
	background-repeat: no-repeat;
}

.smaller {
  font-size: 65%;
}


a.fg-button, span.fg-button {padding: .4em 1em .4em 20px;text-decoration: none;position: relative; text-shadow: 1px 1px 0 #ccc; font-weight: bold; color: #000;}
input.fg-button {padding: .32em 1em .32em 1em;text-decoration: none;position: relative;text-shadow: 1px 1px 0 #ccc; font-weight: bold; color: #000;}

.fg-button span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}

ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}

table td
{
	padding: 8px 5px 7px 8px;
	border-bottom: 1px solid #dddddd;
	vertical-align: top;
}

.number_td
{
  text-align: right;
}

table {
    width: 100%;
  border-collapse: collapse;
}

table th
{
    padding: 6px 5px 9px 5px ;
    background-image: url(../images/th_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
	text-shadow: 1px 1px 0 #fff;
    
}

.table-box th
{
    background-image: url(../images/th_bg.gif);
	background-position: left top;
	background-repeat: repeat-x;
    padding: 7px 5px 9px 5px ;
}

.hilite {
  background-color: #ddddff;
}

.perm-hilite {
  background-color: #ddddee;
}

#logout {
  margin-top: 60px;
  float: right;
}


#flash-notice {
  padding: 0px 0.7em;
  margin-top: 40px;
  position: absolute;
  top: 3ex;
  left: 40%;
  opacity: 0.8;
  filter: alpha(opacity=80);  
  -moz-opacity: 0.8;  
  -khtml-opacity: 0.8;  

}

.income-filters
{
    float:right;
    margin-top: 0px;
}

.income-filters a,.income-filters a:link,.income-filters a:visited,.income-filters a:active
{
    color:black;
}



.filters
{
    float:right;
    margin-top: 25px;
}
.filters a,.filters a:link,.filters a:visited,.filters a:active
{
    color:black;
}

.info-window {
  width: 280px;
  font-size: larger;
  padding: .7ex;
}

a, a:link, a:visited, a:hover, a:active {color: #000;}
a:hover {color: #999;}

h1
{
    padding-bottom:10px;
    margin-bottom:0px;
    margin-top:0px;
    width: 100%;
    color: #0676b9;    
    text-shadow: 1px 1px 0 #ccc;
}

h2
{
    color: #0676b9;    
}

.h2-login
{
  margin-top: -35px;
  margin-right: 40px;
}

h3
{
    padding:0px;
    margin:0px 0px 10px 0px;
    color: #0676b9;    
}
h4
{
    padding:0px;
    margin:0px 0px 10px 0px;
    color: #0676b9;   
}


hr {
  border: none;
  border-top: 1px solid #F29A00;
}

.clear-all
{
	clear:both;
}

.center
{
    text-align:center;
    float:none;
    width: 100%;
    margin:auto;
}
.right
{
    float:right;
}
.left
{
    text-align:left;
}


th {
  padding: .3em;
}

h5 {
 margin: 0;
}

label {
	float: left;
	width: 23ex;
	padding: .7ex .9ex;
  margin-bottom: .9ex
}

label.shorter {
	width: 12ex;

}
label.longer {
	width: 30ex;

}

br {
	clear: left;
}


/* invoice items table style */
table#items
{
    border-collapse: separate;
    
}
table#items td
{
    padding: 3px;
    border-collapse: separate;
}

table#items td.name-cell
{
    width: 435px;
}

/* inovice show style */
table.invoice
{
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}


table.invoice td
{
    vertical-align:top;
    border-collapse: collapse;
    border: 1px solid black;
}

table.invoice table.no-border,table.invoice table.no-border td
{
    vertical-align:middle;
    border: none;
}
table.invoice table.no-border
{
    width:98%;
    margin: 10px;
}
table.invoice td.thick-border
{
    border: 3px solid black;
}

table.invoice td.stamp-sized
{
    height: 5cm;
    vertical-align:bottom;
    text-align: right;
    padding-right: 1cm;
}

/*suggest CSS*/

.ac_results {
  border: 1px solid gray;
  background-color: white;
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  z-index: 10000;
  display: none;
}

.ac_results li {
  padding: 2px 5px;
  white-space: nowrap;
  color: #101010;
  text-align: left;
}

.ac_over {
  cursor: pointer;
  background-color: #F0F0B8;
}

.ac_match {
  text-decoration: underline;
  color: blue;
}

.pagination
{
	margin-top: 10px;
	padding-left: 2px;
  padding-right: 2px;
  width: 100%;
	text-align: center;	
}

.pagination a
{
  text-decoration: none;
	color: black;
}

.pagination a:visited
{
	color: black;
}

.pagination .current 
{
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  background-color:#ADADAD;
  color:black;
  font-weight:bold;
  padding:3px 7px;
  text-shadow:1px 1px 0 #CCCCCC;
}

#errorExplanation
{
	clear: both;
}

.first_cell
{
	width: 130px;
}

.first_cell_wider
{
  width: 150px;}
}

div.box table td
{
	padding: 2px;
}

.box table.with_buttons td
{
	padding: 8px;
}

/*additional styles for jQuery UI*/

.ui-state-white, .ui-widget-content .ui-state-white {font-weight: bold;margin-top:-1px;border: 3px solid #fff; background: #fff; color: #000000; text-shadow:none; }
.ui-state-orange, .ui-widget-content .ui-state-orange {font-weight: bold;margin-top:-1px;border: 1px solid #fdd58c; background: #fdd58c; color: #000000; }
#menu #menu-links .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {font-weight: bold;border: inherit solid #ddd;}

.ui-state-orange .ui-icon {background-image: url(../images/ui-icons_c98000_256x240.png); }

.ui-datepicker th { background-color: #333333; color: black;}

.ui-datepicker-trigger {margin-left:5px;}

th.th-button-expenses {
  width: 70px;
}

th.th-button-invoices {
  width: 120px;
}

th.th-button-companies {
  width: 280px;
}

th.th-logo-companies {
  width: 20px;
}

th.th-button-divisions {
  width: 200px;
}

th.th-button-dashboard {
  width: 120px;
}

th.th-button-show-dashboard {
  width: 70px;
}

th.th-name-companies {
  width: 450px;
}

th.th-name-divisions {
  width: 220px;
}

.openid-input {
  background-image: url('../images/openid-logo.png');
  background-position: left middle;
  background-repeat: no-repeat;
  padding-left: 70px;
}

table.stats th, table.stats td {
  padding: 2px 0;
}

#divisions-about {
  font-size: 12px;
  margin-left: 5px;
  padding-bottom: 15px;
  vertical-align: middle;
  color: #000;}

h1 .tooltip {
  text-shadow: none;
  font-weight: normal;
}

.sent
{
  background: none #FDD58C;
  border: 1px solid #CCCCCC;
  outline: medium none;
}