#main {
  margin: 0;
  padding: 0;
  background-image: url( images/logo.gif );
  background-position: 0 0;
  background-repeat: no-repeat;
}
#page {
  margin: 0 230px 16px 104px;
  padding: 20px 0 0 0;
  min-height: 200px;
  font-size: 11pt;
}
#page h3 {
  color: black;
  font-size: 16pt;
}
#page h4 {
  font-size: 14pt;
  color: red;
}
#page .section {
  margin: 10px 0;
}
#page input[type=text],input[type=password] {
  margin: 0 0 0 1em;
	padding:0.15em;
	border:1px solid #ddd;
	background:#fafafa;
	font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	-moz-border-radius:0.4em;
	-khtml-border-radius:0.4em;
}
#page input[type=file] {
  margin: 0 0 0 1em;
}
#page input[type=text]:hover,input[type=text]:focus,input[type=password]:hover,input[type=password]:focus {
	border-color:#c5c5c5;
	background:#ebf5d5;
}
#page input[type=submit] {
  border-width: 0;
  background-image: url( images/button.png );
  background-position: 0 0;
  background-repeat: no-repeat;
  overflow: hidden;
  width: 64px;
  height: 25px;
  cursor: pointer;
  color: white;
  font-weight: bold;
  font-size: 9pt;
  margin: -10px 0 0 90%;
}
#page input[type=submit]:hover {
  background-position: 0 -25px;
}
fieldset {
	border:1px solid #ddd;
	padding: 0 10px 4px 10px;
  margin: 16px 0 0 0;
}
#sidebar_content fieldset {
  font-size: 8pt;
	color:#7AB200;
  margin: 0;
  padding: 0 8px 10px 8px;
  text-align: center;
}
#page fieldset:first-child {
  margin-top: 0;
}
#page fieldset hr {
  padding: 0;
  margin: 16px auto;
  width: 100%;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 0 0 0;
}
#page fieldset .footer {
  color: #AAA;
  font-size: 9pt;
  margin: 0;
  padding: 0;
  text-align: center;
}
#page legend {
	color:#7AB200;
	font-size:1.2em;
}

#page table {
  width: 100%;
}

#page td em {
  color: red;
  font-weight: bold;
  font-style: normal;
}

#page td.amount,td.money {
  text-align:right;
}

#page td.total {
  border-top: 2px solid black;
}

#page tr.totals td {
  border-top: 1px dashed black;
  font-weight: bold;
  color: red;
}

#sidebar {
  margin: 0px;
  width: 226px;
  float: right;
  text-align: center;
  padding: 20px 0 0 0;
  background-image: url( images/sidenav_band.gif );
  background-repeat: repeat-y;
}

#sidebar_page {
  background-image: url( images/sidenav_band_bottom.gif );
  background-position: left bottom;
  background-repeat: no-repeat;
  min-height: 150px;
  padding-left: 24px;
}

#sidebar_page ul {
  margin: 0;
  padding: 0;
  text-align: left;
  font-size: 10pt;
  padding: 0 16px 8px 16px;
}

li {
  list-style-type: none;
}

#sidebar_page li {
  margin-top: 10px;
}
#sidebar_page li:first-child {
  margin-top: 0;
}

#sidebar_page li a {
  color: black;
  text-decoration: none;
	background-color:#DEF;
	border:2px solid #8AD;
	-moz-border-radius:5px;
	-khtml-border-radius: 5px;
  padding: 1px 4px;
}
#sidebar_page li a:hover {
  border-color: #68B;
  background-color: #ADF;
}

#sidebar_page hr {
  margin: 10px 0 4px 0;
  padding: 0;
  border-style: dotted;
  border-color: #8AD;
  border-width: 2px 0 0 0;
}

#sidebar input[type=button] {
  border-width: 0;
  background-color: inherit;
  cursor: pointer;
  margin: 0 0 18px 18px;
  width: 155px;
  height: 36px;
  background-image: url( images/button_sidenav.png );
  color: white;
  font-size: 11pt;
  font-weight: bold;
  padding-bottom: 3px;
}
table td,th {
  border: 1px solid #ccc;
  padding: 1px 0.5em;
}
table {
  border-collapse: collapse;
  font-size: 8pt;
  font-family: sans-serif;
}
table.uploads th {
  text-align: left;
}
table.uploads tr.processing td {
  color: #004;
  background-color: #FFF;
}
table.uploads tr.processing:hover td {
  background-color: #EEE;
}
table.uploads tr.uploading td {
  color: #008;
  background-color: #FFF;
}
table.uploads tr.uploading:hover td {
  background-color: #EEE;
}
table.uploads tr.awaiting_signoff td {
  color: #FF0;
  background-color: #00A;
}
table.uploads tr.awaiting_signoff:hover td {
  background-color: #44C;
}
table.uploads tr.awaiting_signoff td a {
  color: #F44;
  font-weight: bold;
}
table.uploads tr.error td {
  color: #FF0;
  background-color: #800;
}
table.uploads tr.error:hover td {
  background-color: #A22;
}
table.uploads tr.success td {
  color: #282;
  background-color: #FFF;
}
table.uploads tr.success:hover td {
  background-color: #DFD;
}
table.uploads tr.cancelled td {
  color: #AAA;
  text-decoration: line-through;
}
table.uploads tr.cancelled:hover td {
  background-color: #EEE;
}
table.uploads td a {
  color:#8AD;
}
table.uploads tr.cancelled td a {
  color: inherit;
}
@media print {
  #sidebar {
    display: none;
  }
}
#flash .box {
  border-width: 4px;
  border-style: solid;
  margin: 0;
  padding: 0;
}
#flash .box_header {
  color: white;
  padding: 0.5em 1em;
  margin: 0;
}
#flash .box_header h3 {
  color: inherit;
  margin: 0;
  padding: 0;
}
#flash .box_content {
  color: black;
  padding: 0.5em 1em;
  margin: 0;
  font-weight: bold;
}
#flash .error {
  border-color: #800;
}
#flash .error .box_header {
  background-color: #800;
}
#flash .error .box_content {
  background-color: #FDD;
}
#flash .info {
  border-color: #008;
}
#flash .info .box_header {
  background-color: #008;
}
#flash .info .box_content {
  background-color: #DDF;
}
#flash .warning {
  border-color: #842;
}
#flash .warning .box_header {
  background-color: #842;
}
#flash .warning .box_content {
  background-color: #FD8;
}
em.warning {
  color: #008;
  font-weight: bold;
}
em.success {
  color: #080;
  font-weight: bold;
}
em.error {
  color: #800;
  font-weight: bold;
}
pre {
  font-size: 9pt;
}
td {
  vertical-align: top;
}
th {
  text-align: left;
}
td ul {
  margin: 0;
  padding: 0;
}
td li {
  margin: 0;
}
table {
  border-collapse: collapse;
}
table td,th {
  border: 1px solid #DDD;
}
tr.returned td,tr.returned th {
  color: #999;
  text-decoration: line-through;
}
span.dim {
  color: #ccc;
}