body{
  margin: 0 0 10px 0px;
  padding: 0px;
  background: #abc;
  font: 80% verdana, arial, sans-serif;
  text-align: left;
}



div#container {
  text-align:left;
  width: 990px;
  margin: 0;
}

div#header {
  height: 40px;
  border: none;
  margin-bottom: 10px;
  background: #abc;
  background-image: url('freespoke_logo.png');
  background-repeat: no-repeat;
  clear: both;
  width: auto;
}



/* a backup for just in case!
div#content {
  border: 1px solid black;
  background:#f5f5f5;

  float: right;
  width: 740px;
  margin: 23px 0 10px 10px;   
  padding: 20px 5px 5px 5px;  
  min-height: 400px;
}
*/



div#content {
  border: 1px solid black;
  background:#f5f5f5;

  float: left;
  width: 830px;
  margin: 23px 0 10px 10px;   /* 23px on the top leaves the right amount of room for the tab bar */
  padding: 20px 5px 5px 5px;   /* 20px or so on top leaves enough room for the secondary tab controls */
  min-height: 400px;
}

div#navigation {
  border: 1px solid black;
  margin: 0px 0px 10px 0px;
  background:#f5f5f5;
  float: left;
  width: 136px;
}

div#extra {

  border: 1px solid black;
  background:#f5f5f5;
  float: left;
  width: 136px;
}

div#footer {
/*
  border: 1px solid black;
  background: #f5f5f5;
*/

  margin: 0 0 10px 0;
  text-align: center;
  clear: both;
  width: auto;
}













div.fbox {
  padding: 3px;
  border: 1px solid #000;
  float: left;
  width: auto;
  margin: 3px;
}

table.fcol {
  float: left;
  width: auto;  /* was 10em */
  margin-right: 5px;   /* keeps some space between adjacent columns */
}



div.fbox ul {
  margin: 0px;
}

div.fbox td {
  white-space:nowrap;
}

div.fbox td.r {
  text-align:right;
}


br.clear {
  width: 100%;
  height: 1px;
  margin: 0 0 -1px;
  clear: both;
}






hr {
  border: 0;
  width: 80%;
  color: #000;
  background-color: #000;
  height: 1px;
}






p,h1,h2,h3,h4,h5 {
  margin: 10px 0 10px 0;
}

h1,h2,h3,h4,h5 {
  margin-top: 10px;
  color: #000;
}

h1 {font-size: 14pt;}

h2 {font-size: 12pt;}

h3 {font-size: 11pt;}

h4 {font-size: 10pt;}

h5 {
  font-size: 8pt;
  padding: 0;
  margin: 0;
  margin-top: 10px;
}






a {
  color: #981793;
}

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

a:hover, a:hover.item {
  color: #8b0000;
}

a img {
  border: none;
}

a:hover img {
  border: 1px solid #8b0000;
}














.smalltext {
  font-size: .75em;
}




div#header h1 {
  padding-left: 10px;
  color: #000;
}

div#content p{
  line-height:1.4
}

div#footer p {
  margin: 0;
  padding: 5px 10px;
}









td, th {
  font-size: 1em;
  vertical-align: top;
}

td.right, th.right {
  text-align: right;
}

table.inv {
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;

  margin: 0;
  spacing: 0;
  font-size: 1em;
}

table.inv td {
  vertical-align: top;
}



table.input {
  width: 730px;
}

table.input th {
  width: 30%;
  text-align: right;
  padding: 5px;
  font-weight: bold;
}

table.input td {
  text-align: left;
  padding: 5px;
}


table.fullwidthcontent {
  width: 730px;
}

table.fullwidthsidebar {
  width: 115px;
}

table.grid {
  margin: 10px;
  border: 1px solid gray;
  border-spacing: 2px;
  border-collapse: collapse;
}

table.grid th {
  padding: 2px 4px;
  border: 1px solid gray;
  font-weight: bold;
  background: #e5e5e5;
}

table.grid td {
  border: 1px solid gray;
  padding: 2px 4px;
}

tr.footer td {
  background-color: #e5e5e5;

}










ul {
  list-style-type: none;
  padding: 0;
  margin: 2em 0;
}

li {
  padding: .1em .5em .1em .5em;
  margin: 0;
}




ul.pages {
  text-align: center;
  list-style-type: none;
}

ul.pages a, ul.pages span { 
  color: #000;
  border: 1px solid #000;
  padding: 2px 5px;
  text-decoration: none;
}

ul.pages li {
  display: inline;
  margin: 2px;
  padding: 0;
}

ul.pages li.current a, ul.pages li.current span {
  background: #ABC;
}

ul.pages a:hover {
  background: #FFF;    /* hover-over background color */
}








#header ul {
  text-align: right;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#header ul li { 
  display: inline;
}

#header ul li a { 
  display: inline;
}






div.error1 {
  border: 1px solid black; 
  background-image:url(error_stripes.png); 
  background-repeat: repeat;
  padding:5px; 
  margin:10px;
}

div.error2 {
  border: 1px solid black; 
  background-image:url(error_icon.png); 
  background-repeat: no-repeat; 
  min-height: 19px; 
  background-color:#eeeeee; 
  padding: 4px 3px 1px 26px; 
  font-weight: bold;
}




div.error {
  background-image: url('important.png');
  background-repeat: no-repeat;
  border: 2px dashed yellow;
  min-height: 22px;
  padding: 3px 3px 3px 22px;
  margin: 8px;
}








.tablecaption {
  text-align: left;
  font-weight: bold;
  color: #444;
}

.spectable {
  width: 400px;
  margin-bottom: 10px;
  border: 1px solid #000;
}

.spechdrs {
  width: 40%;
  font-weight: bold;
  text-align: right;
  padding: 0;
  padding-right: 5px;
  font-size: 8pt;
}

.specvals {
  width: 30%;
  text-align: left;
  padding: 0;
  padding-left: 5px;
}

.specvouch {
  width: 15%;
  text-align: right;
  padding: 0;
  padding-right: 5px;
}

.trgray {
  background-color: #ddd;
}






































.rightalign {
  text-align: right;
}

.leftalign {
  text-align: left;
}














@media print {
.ladvert  {
  display: none;
}