/****************** GENERAL ELEMENTS **********************/
body {
  margin:0px 0px 0px 0px;
  padding:0px;
  background:#fff;
}

table{
  border-collapse:collapse;
  background-color:#cdcee0;
  border:1px solid #000;
}

a  { text-decoration:none; }
tr { background-color: #cdcee0; }
tr.odd { background-color: #bdbee0; }
tr.hov { background-color: #eee; }

h1 {
	text-align:center;
	font-family: "Arial", Helvetica, san-serif;
	font-size:24px;
	font-weight:bold;
}

h2 {
	text-align:center;
	font-family: "Times New Roman",Times,FreeSerif,serif;
	font-size:18px;
	font-weight:bold;
}

th {
  background-color:#ddd;
  padding:5px;
/*  border: 1px dotted #003366;    */
  font-family: "Arial", Helvetica, san-serif;
  font-weight: bold;
  font-size:12px;
  letter-spacing: 3px;
  text-align:left;
}

td {
  font-family: "Courier New", Courier, mono;
  font-size: 12px;
  color: #036;
  padding-left: 4px;
/*  border: 1px dotted #003366; */
}

td.centered {
  text-align: center;
}

td.currency {
  text-align: right;
  padding-right: 5px;
}

td.ordernote {
  padding:5px;
  font-family: "Courier New", Courier, mono;
  font-size: 12px;
  color: #036;
  text-align:left;
}

button { font-size:9px; letter-spacing: 1px; }

/****************** CLIENT INFO PANEL **********************/

#clientpanel {
   width:800px;
   color: #FFFFFF;
   background-color: #3366CC;
   margin:auto;
   padding: 10px 1px;
   text-align: center;
}

#tableclient {
   border: none;
   width: 100%;
   text-align: center;
}

#tableclient th {
   padding:5px;
   text-align:center;
   background-color:#3366CC;
   border-style: none;
   font-family: "Arial", Helvetica, san-serif;
	font-size:12px;
	font-weight:bold;
}

#tableclient td.clientright {
    padding-right:20px;
    text-align:right;
    background-color:#cdcee0;
    border-style: none;
   font-family: "Arial", Helvetica, san-serif;
	font-size:12px;
	font-weight:bold;
}

#tableclient td.clientcenter {
    text-align:center;
    background-color:#cdcee0;
    border-style: none;
   font-family: "Arial", Helvetica, san-serif;
	font-size:24px;
	font-weight:bold;
}

#tableclient td.clientleft {
    padding-left:20px;
    text-align:left;
    background-color:#cdcee0;
    border-width: 0px;
    border-style: dashed;
   font-family: "Arial", Helvetica, san-serif;
	font-size:12px;
	font-weight:bold;
}



/****************** MAIN PANEL **********************/
#main {
  width:800px;
  background:#eee;
  margin:auto;
  margin-top:10px;
}

#main table {
  width:100%;
}

#main th {
  text-align:center;
}

#main th.right {
   text-align: right;
}

/**************** NAVIGATION PANEL ********************/
#navigation {
  width:800px;
  margin:auto;
  margin-top:10px;
}

table#navi {
  text-align: right;
}

table#navi td{
    padding:3px;
    text-align:center;
    width:20px;
    background-color:#cdcee0;
}

table#navi td#first{
    background-color: #3366CC;
    color: #FFFFFF;
    text-align:left;
    width:100px;
}

table#navi td#naviact{
    font-weight: bold;
    font-size: 14px;
    background-color: #990000;
    color: #FFFFFF;
}

table#navi a {
   font-weight: bold;
   font-size: 14px;
}

/**************** FILTER PANEL ********************/
#filter {
  width:400px;
  background:#fff;
  margin:auto;
  margin-top:10px;
}

#filter table {
  width:100%;
}

#filter th {
  text-align:center;
}

#filter button {
  font-size:14px;
}

/******************** OTHERS ***********************/
#insertblock {
  margin:auto;
  padding-top:50px;
  width:400px;
}

#insertblock table {
  width:100%;
}
.tablefooter {
  padding-top:10px;
  text-align:center;
}
.tableheader {
  padding:10px;
  text-align:center;
  font-weight:bold;
}

.navbutton {
  width:33%;
  float:left;
}

img {
 border:0px;
}

.btn {
  text-align:center;
}

#logohead {
	width:800px;
	padding:10px;
   margin: auto;
   text-align:center;
}

.menubar {
	width:100%;
	padding:10px;
   margin-top: 20px;
/*   text-align:center; */
}

.menubar ul {
   display: block;
   padding: 0px;
   margin: 0px;
   list-style: none;
   text-align: center;
   font-family: "Arial", Helvetica, san-serif;
   font-size:12px;
   font-weight:bold;

}

.menubar ul li {
   display: inline;
   margin: 0px;
   list-style: none;
   border: 1px solid #c8c8c8;
   background-color: #3366CC;
   padding: 10px;
}

.menubar a {
 padding: 0px 20px;
 text-decoration: none;
 color: #FFFFFF;
/* border: 1px solid white;  */
}
.menubar a:hover {
 background-color: #CC3333;
/* border: 1px solid #d8d8d8;  */
 color: #FFFFFF;
}