body {
	margin: 0px;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #8B8673 url(../img/bg.png) repeat-y center;
}
#container {
	margin: 0 auto;
	width: 956px;
	position:relative;
}
#header {
	background:url(../img/header.jpg) no-repeat;
	width:956px;
	height:190px;
}
#leftmenu {
	float:left;
	margin-left: 20px;
	width: 160px;
	margin-right:10px;
}
#content {
	margin-left:10px;
	width:700px;
	float:left;
}
fieldset {
	width:500px;
}
#footer {clear:both;}
/* Horizontal menu without margin left */
#leftmenu ul {
	padding-left: 0px;
	margin:0 0 25px 0;
}
#leftmenu li {
	list-style-type: none;
	margin-left: 0px;
	margin-top:10px;
	font-size:11px;
}
#leftmenu strong {
	font-size:13px;
	font-weight:bold;
}

#leftmenu li li {
	margin-left:10px;
}
#leftmenu a:link, #leftmenu a:visited, #leftmenu a:active {
	color:#808080;
}
#leftmenu .act a:link, #leftmenu .act a:visited, #leftmenu .act a:active {
	background:#DBD980;
	line-height:19px;
	padding:3px;
	text-decoration:none;
	color:#000;
}
/* Form input */
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 3px;
	text-align: left;
}
.cform label {
	width: 120px;
	float: left;
	text-align: left;
}
.cform label.error {
	float: none;
	color: #FF0000;
	margin-left: 5px;
	vertical-align: top;
	font-weight: bold;
	background: url(../img/fail.gif) no-repeat;
	padding-left: 20px;
}
.cform input.error, .cform textarea.error {
	background: #F4F4F4;
	border: 2px solid #FF0000;
}
.cform label.plain {
	text-align: left;
	float: none;
	width: auto;
	margin-right: auto;
}
.cform p {
	clear: both;
}
.cform .submit {
	margin-left: 12em;
}
.cform em {
	font-weight: bold;
	padding-right: 15px;
	vertical-align: top;
}
.cform .noval {
	margin-left: 22px;
}
.cform label.valid {
	background: url(..img/check.gif) no-repeat;
	padding-left: 20px;
	margin-left: 5px;
	color: #339933;
}
.jumpright {
	margin-left: 120px;
}
.showhand {
	cursor:pointer;
}

/* Links */
a:link, a:visited, a:active {
	font-weight: bold;
	color: #CD6643;
}
a:hover {
	text-decoration: none;
}

/* General */
.fade {
	font-size: 11px;
	color: #666666;
}
.left {
	float: left;
	margin: 5px 5px 5px 0px;
}
.right {
	float: right;
	margin: 5px 0px 5px 5px;
}
#content ul li {
	list-style: square;
	margin-top: 9px;
	margin-bottom: 9px;
}
#content ol li {
	margin-top: 9px;
	margin-bottom: 9px;
}
#navaid {
	display: none;
}
.clear {
	clear:both;
}
.noborder {
	border: 0;
}
.oneborder {
	border: 1px;
}

/* Table */
table {
	font-size: 12px;
  background:#fff;
}
td {
	vertical-align: top;
}
.thead {
	font-weight: bold;
	background-color: #CCCCCC;
}
.table1 {
	background-color: #F4F4F4;
}
.table2 {
}
.tbottom {
	background-image: url(../img/line.gif);
	background-repeat: repeat-x;
	background-position: top;
}

/* Headers */
h1 {
	font-size: 16px;
	color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
h2 {
	font-size: 14px;
	color: #A66444;
}
h3 {
	font-size: 13px;
}

a img {
	border: 0;
}
.boxes {
	float: left;
	margin-top:10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #000;
	border-bottom-color: #333;
	width:100%;
}
.box1 {
	float: left;
}
.box2 {
	float: left;
}
legend {
	font-weight:bold;
	font-size:15px;
}
fieldset {
	margin-top:20px;
	padding:4px;
}
.printhere {
	font-weight:bold;
}
h3 {
	background:url(../img/info.gif) no-repeat;
	line-height:32px;
	padding-left:30px;
	font-size:14px;
}
h3.red {
	background:url(../img/red.gif) no-repeat;
	color:#fff;
}
#loginname {
	position: absolute;
	left: 800px;
	top: 17px;
	line-height: 26px;
	background: white;
	padding: 0 10px 0 10px;
	background: #fff;
}
#basket {
	position: absolute;
	left: 625px;
	top: 17px;
	line-height: 26px;
	background: #fff;
	padding: 0 10px 0 10px;
}
#pendingbox {
	position: absolute;
	left: 400px;
	top: 17px;
	line-height: 26px;
	background: url("../img/icons/alert.png") no-repeat left center #fff;
	padding: 0 10px 0 60px;
	min-height:60px;
}
#pendingbox a{
  color:#333;
  text-decoration:none;
  font-weight: normal;
}
#pendingbox a:hover{
  text-decoration: underline;
}
#pendingbox {
 line-height: 1.3em;
}
.hide {display:none; }
fieldset {
	background:#fff;
}
.menuh:hover {
	cursor:pointer;
	color:#ccc;
}
#buttonoptions,#options {
	position:absolute;
	top:130px;
	left:330px;
}
#buttonoptions li,#options li {
	list-style:none;
	display:inline-block;
	margin:6px;
}

#options li a:hover {
	
}
th.header {
    background-image: url(../img/small.gif);
    cursor: pointer;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: center left;
	padding-left:20px;
}
th.headerSortDown {
    background-image: url(../img/desc.gif);
    background-color: #9DC74B;
}
th.headerSortUp {
    background-image: url(../img/asc.gif);
    background-color: #9DC74B;
}
#start{padding:4px 0 0 20px;background:url('../img/home.gif') no-repeat left center}
#startaccounting{padding:4px 0 0 20px;background:url('../img/dollar.gif') no-repeat left center}
#leftmenu #startaccounting a,#leftmenu #start a{text-decoration:none}
#leftmenu #startaccounting a:hover,#leftmenu #start a:hover{color:#000}
@media print{
	#options,#buttonoptions,#leftmenu,#header,#footer,#accountingmenu{
		display:none;
	}
	.printhide{
		display:none;
	}
	#container,#content,body,table,html{width:100%;margin:0;float:none}
	h1,h2,h3,a,a:link,a:visited{color:#000}
	h1,h2,h3,fieldset{border-color:#000}
	input{display:none}
}

a.button, button { display: inline-block; padding: 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../img/buttons.bg.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; outline: none; position: relative; zoom: 1; line-height: 1.11; *display: inline; *vertical-align: middle; }
button { margin-left: 0; margin-right: 0; *padding: 5px 5px 3px 5px; }
a.button { -moz-user-select: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none; -webkit-touch-callout: none;}
button::-moz-focus-inner { border: 0; padding:0px; }
a.button.primary, button.primary { font-weight: bold }
button:focus,a.button:hover, 
button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
a.button:active, button:active,
a.button.active, button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
a.button:active, button:active { top: 1px }
a.button.negative:focus, button.negative:focus,
a.button.negative:hover, button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
a.button.negative:active, button.negative:active,
a.button.negative.active, button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
a.button.positive:focus, button.positive:focus,
a.button.positive:hover, button.positive:hover { background-position: 0 -280px; background-color: #96ED89; border-color: #45BF55; }
a.button.positive:active, button.positive:active,
a.button.positive.active, button.positive.active { background-position: 0 -320px; background-color: #45BF55; }
a.button.pill, button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 5px 10px 4px 10px; *padding: 4px 10px; }
a.button.left, button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; border-right: none; }
a.button.middle, button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; }
a.button.right, button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
a.button.left:active, button.left:active,
a.button.middle:active, button.middle:active,
a.button.right:active, button.right:active { top: 0px }
a.button.big, button.big { font-size: 16px; padding-left: 14px; padding-right: 17px; }
button.big { *padding: 4px 17px 2px 17px; }
a.button span.icon, button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 0; *top: 0px; background-image: url('../img/buttons.icons.png'); background-repeat: no-repeat; }
a.big.button span.icon, button.big span.icon { top: 0px }
a.button span.icon.book, button span.icon.book { background-position: 0 0 }
a.button:hover span.icon.book, button:hover span.icon.book { background-position: 0 -15px }
a.button span.icon.calendar, button span.icon.calendar { background-position: 0 -30px }
a.button:hover span.icon.calendar, button:hover span.icon.calendar { background-position: 0 -45px }
a.button span.icon.chat, button span.icon.chat { background-position: 0 -60px }
a.button:hover span.icon.chat, button:hover span.icon.chat { background-position: 0 -75px }
a.button span.icon.check, button span.icon.check { background-position: 0 -90px }
a.button:hover span.icon.check, button:hover span.icon.check { background-position: 0 -103px }
a.button span.icon.clock, button span.icon.clock { background-position: 0 -116px }
a.button:hover span.icon.clock, button:hover span.icon.clock { background-position: 0 -131px }
a.button span.icon.cog, button span.icon.cog { background-position: 0 -146px }
a.button:hover span.icon.cog, button:hover span.icon.cog { background-position: 0 -161px }
a.button span.icon.comment, button span.icon.comment { background-position: 0 -176px }
a.button:hover span.icon.comment, button:hover span.icon.comment { background-position: 0 -190px }
a.button span.icon.cross, button span.icon.cross { background-position: 0 -204px }
a.button:hover span.icon.cross, button:hover span.icon.cross { background-position: 0 -219px }
a.button span.icon.downarrow, button span.icon.downarrow { background-position: 0 -234px }
a.button:hover span.icon.downarrow, button:hover span.icon.downarrow { background-position: 0 -249px }
a.button span.icon.fork, button span.icon.fork { background-position: 0 -264px }
a.button:hover span.icon.fork, button:hover span.icon.fork { background-position: 0 -279px }
a.button span.icon.heart, button span.icon.heart { background-position: 0 -294px }
a.button:hover span.icon.heart, button:hover span.icon.heart { background-position: 0 -308px }
a.button span.icon.home, button span.icon.home { background-position: 0 -322px }
a.button:hover span.icon.home, button:hover span.icon.home { background-position: 0 -337px }
a.button span.icon.key, button span.icon.key { background-position: 0 -352px }
a.button:hover span.icon.key, button:hover span.icon.key { background-position: 0 -367px }
a.button span.icon.leftarrow, button span.icon.leftarrow { background-position: 0 -382px }
a.button:hover span.icon.leftarrow, button:hover span.icon.leftarrow { background-position: 0 -397px }
a.button span.icon.lock, button span.icon.lock { background-position: 0 -412px }
a.button:hover span.icon.lock, button:hover span.icon.lock { background-position: 0 -427px }
a.button span.icon.loop, button span.icon.loop { background-position: 0 -442px }
a.button:hover span.icon.loop, button:hover span.icon.loop { background-position: 0 -457px }
a.button span.icon.magnifier, button span.icon.magnifier { background-position: 0 -472px }
a.button:hover span.icon.magnifier, button:hover span.icon.magnifier { background-position: 0 -487px }
a.button span.icon.mail, button span.icon.mail { background-position: 0 -502px }
a.button:hover span.icon.mail, button:hover span.icon.mail { background-position: 0 -514px }
a.button span.icon.move, button span.icon.move { background-position: 0 -526px }
a.button:hover span.icon.move, button:hover span.icon.move { background-position: 0 -541px }
a.button span.icon.pen, button span.icon.pen { background-position: 0 -556px }
a.button:hover span.icon.pen, button:hover span.icon.pen { background-position: 0 -571px }
a.button span.icon.pin, button span.icon.pin { background-position: 0 -586px }
a.button:hover span.icon.pin, button:hover span.icon.pin { background-position: 0 -601px }
a.button span.icon.plus, button span.icon.plus { background-position: 0 -616px }
a.button:hover span.icon.plus, button:hover span.icon.plus { background-position: 0 -631px }
a.button span.icon.reload, button span.icon.reload { background-position: 0 -646px }
a.button:hover span.icon.reload, button:hover span.icon.reload { background-position: 0 -660px }
a.button span.icon.rightarrow, button span.icon.rightarrow { background-position: 0 -674px }
a.button:hover span.icon.rightarrow, button:hover span.icon.rightarrow { background-position: 0 -689px }
a.button span.icon.rss, button span.icon.rss { background-position: 0 -704px }
a.button:hover span.icon.rss, button:hover span.icon.rss { background-position: 0 -719px }
a.button span.icon.tag, button span.icon.tag { background-position: 0 -734px }
a.button:hover span.icon.tag, button:hover span.icon.tag { background-position: 0 -749px }
a.button span.icon.trash, button span.icon.trash { background-position: 0 -764px }
a.button:hover span.icon.trash, button:hover span.icon.trash { background-position: 0 -779px }
a.button span.icon.unlock, button span.icon.unlock { background-position: 0 -794px }
a.button:hover span.icon.unlock, button:hover span.icon.unlock { background-position: 0 -809px }
a.button span.icon.uparrow, button span.icon.uparrow { background-position: 0 -824px }
a.button:hover span.icon.uparrow, button:hover span.icon.uparrow { background-position: 0 -839px }
a.button span.icon.user, button span.icon.user { background-position: 0 -854px }
a.button:hover span.icon.user, button:hover span.icon.user { background-position: 0 -869px }

.printer{
    background:#f4f4f4 url(../img/icons/print_32.png) no-repeat center top;
    border:1px dotted #333;
    font-weight:bold;
    text-align:center;
    padding:40px 15px 4px 15px;
    margin:3px;
}

.printer2{
    background:#f4f4f4 url(../img/txt.png) no-repeat center top;
    border:1px dotted #333;
    font-weight:bold;
    text-align:center;
    padding:40px 15px 4px 15px;
    margin:3px;
}

.printer:hover,.printer2:hover {
    background-color:#73b932;
    cursor:pointer;
    color:#fff;
}
ul.plain{
    margin-left:0;
    padding:0;
    list-style:none;
}
#content ul.plain li{
    float:left;
    margin:5px;
    list-style:none;
}

dt{
    font-weight:700;
}
dt,dd{
    padding:5px 0;
}
dt {
	text-align: right;
	display: block;
	float:left;
	width: 70px;
	margin-right: 15px;
}

.select{display:block;background:url(../img/icons/clipboard_16.png) no-repeat;width:16px;height:16px;cursor:pointer;float:right;margin-right:5px;margin-top:-9px}
.largebox{
    font-size:20px;
}
h2#accountingheader {
  background:#f4f4f4 !important;
  padding:6px;
  margin:0;
  color:#333 !important;
  font-size:16px;
  text-indent:10px;
  height:40px;
}
#accountingmenu {
  position:absolute;
  background:#f4f4f4;
  top:25px;
  left:10px;
}
#accountingmenu:hover {
  z-index:100;
}
#accountingmenu ul ul {
  display:none;
}
#accountingmenu, #accountingmenu ul {
  margin:0;
  padding:0;
}
#accountingmenu li {
  list-style:none;
}
#accountingmenu > ul {
  float:left;
  margin-right:10px;
  padding: 5px;
}
#accountingmenu span {
  font-weight:bold;
}
#accountingmenu a {
  display:block;
  padding:5px 10px;
  color:#333 !important;
  font-weight:normal;
  text-decoration:none;
}
#accountingmenu ul:hover ul {
  display:block;
  position:absolute;
  background:#fff;
  min-width:200px;
  z-index:1000;
  margin-top:5px;
  margin-left:-15px;
}
#accountingmenu a:hover {
  color:green !important;
}
#accountingmenu ul li:nth-child(even) { background: #f4f4f4; }
