@CHARSET "ISO-8859-1";

* {
	margin: 0;
	padding: 0;
}

body {
	background: white;
	margin-bottom: 20px;
}

#top {
	background: url('img/skyline.jpg') no-repeat center bottom;
	height: 150px;
}

#bottom {
	/*margin-top: 10px;*/
}

.container {
	width: 750px;
	margin: 0 auto;
}

#userinfo {
	position: absolute;
	top: 10px;
	right: 10px;
	background: #BBccBB;
	border: 1px solid white;
	border-radius: 5px;
	padding: 5px;
}
#top .container {
	position: relative;
	height: 150px;
}
#nav {
	position: absolute;
	bottom: 0;
	left: 0;
}
#nav ul {
	padding-bottom: 2px;
}

#nav ul li {
	display: inline;
	padding-right: 15px;
}
#nav ul li a {
	color: white;
	font-weight: bold;
	text-decoration: none;
}
#nav ul li a.current {
	color: #e3ddc2;
	text-decoration: underline;
}

#nav ul li a:hover {
	color: #e3ddc2;
}

input {
	margin: 1px;
	padding: 2px;
}

.error {
	background: #f26b6b;
	border: 1px solid black;
	padding: 5px;
	margin: 5px 0;
	font-size: 1.05em;
	text-align: center;
}

#breadcrumbs {
	margin-bottom: 5px;
	margin-left: 5px;
}
#breadcrumbs a {
	size: 0.5em;
	color: black;
	text-decoration: none;
	font-style: italic;
}
#breadcrumbs a:hover {
	color: #4f4f48;
}

#rightpanel {
	float: right;
	width: 300px;
	background: #efecd3;
	border: 1px solid #cec797;
	padding: 2px 0;
	/*border-radius: 5px;*/
	/*margin-top: 20px;*/
}

#rightpanel ul li img {
	margin-bottom: -4px;
}
#rightpanel ul li {
	list-style: none;
	padding-left: 5px;
}
a {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	
}



#filesTable, .invoiceTable, #ordersTable, #clientDetailsTable, #economyTable {
	border-collapse: collapse;
}
#filesTable, #ordersTable {
	width: 100%;
}
.invoiceTableOngoing {
	width: 430px;
}
h2.finishedInvoices {
	padding-top: 25px;
}
.invoiceTableFinished {
	width: 100%;
}

#filesTable td, .invoiceTable td, #ordersTable td, #clientDetailsTable td, #economyTable td {
	padding: 1px 2px;
}


.invoiceTable .date, #ordersTable .date {
	width: 80px;
}
.invoiceTable .invoicenum {
	width: 95px;
}
#filesTable .fileRow0, .invoiceTable .invoiceRow0, #ordersTable .orderRow0, #economyTable .economyRow0 {
	background: #efedda;
}

#filesTable .editTd {
	width: 50px;
	text-align: right;
}

.invoiceTable .sum, .sum {
	width: 100px;
	text-align: right;
	padding-right: 5px;
}

#fileNameInput {
	width: 350px;
}
#fileExtInput {
	width: 35px;
}
.fileCreated {
	width: 130px;
	/*text-align: right;*/
}


#economyTable {
	/*margin-top: 30px;*/
	width: 100%;
	margin-top: 40px;
}

#filesTable thead, .invoiceTable thead, #ordersTable thead, #economyTable thead {
	font-weight: bold;
	font-size: 1.1em;
}
#filesTable thead td, .invoiceTable thead td, #ordersTable thead td, #economyTable thead td {
	background: #EFECD3;
	padding: 3px 2px;
}

 #economyTable tfoot td, .invoiceTable tfoot td {
	font-weight: bold;
}
.invoiceTable tfoot td.total {
	text-align: right;
}

#economyTable td {
	text-align: right;
}
#economyTable td:first-child {
	text-align: left;
}

#orderFileList {
	margin-top: 15px;
}

#orderInfoTable, .infoTable, #clientDetailsTable {
	width: 430px;
}
#orderInfoTable tr td, .infoTable tr td, #clientDetailsTable tr td {
	text-align: right;
	vertical-align: top;
}
#orderInfoTable tr td:first-child, .infoTable tr td:first-child, #clientDetailsTable tr td:first-child {
	width: 150px;
	text-align: left;
}
#orderInfoTable input[type="text"], #orderInfoTable input[type="date"], .infoTable input[type="text"], .infoTable input[type="date"], #clientDetailsTable input[type="text"], #clientDetailsTable input[type="date"] {
	width: 200px;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid black;
	text-align: right;
}

#orderInfoTable select, .infoTable select {
	margin-left: 60px;
	width: 145px;
	border: 1px solid black;
}

#orderInfoTable textarea {
	width: 420px;
	height: 150px;
}

#invoiceDiv textarea {
	width: 205px;
	height: 66px;
	border: 1px solid #DDDDDD;
	border-bottom: 1px solid black;
}

#orderInfoTable .button, #invoiceDiv .button, #clientDetailsTable .button {
	text-align: center !important;
}
#orderInfoTable .textarea, .infoTable .textarea {
	text-align: right !important;
}



#additionalInvoices table td {
	padding-right: 20px;
}

.notReady {
	color: red;
}

.ready {
	color: #00BB00;
}
#economyOngoing, #economyFinished {
	margin-top: 10px;
}

.invoiceTable thead th {
	background: #EFECD3;
	padding: 3px 2px;
	text-align: left;
}

/* tables */
table.tablesorter {
	font-family:arial;
	/*background-color: #CDCDCD;*/
	margin:10px 0pt 15px;
	font-size: 8pt;
	text-align: left;
}
table.tablesorterlarge {
	width: 100%;
}
table.tablesortersmall {
	width: 430px;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	/*background-color: #e6EEEE;*/
	background-color: #EFECD3;
	/*border: 1px solid #FFF;*/
	font-size: 8pt;
	padding: 4px;
}
table.tablesorter thead tr .header {
	background-image: url(img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.even td {
	background-color: #EFEDDA;
}
table.tablesorter tbody tr.odd td {
	/*background-color:#F0F0F6;*/
	background-color:#FFFFFF;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #d7d4be;
}

div.pager img {
	cursor: pointer;
}
div.pager input {
	width: 50px;
	font-size: 0.8em;
	border: 1px solid #330000;
	text-align: center;
}


.lccFrameSmall {
	width: 430px;
}

.lccFrame {
	border: 1px solid black;
	padding: 5px;
	margin-bottom: 10px;
}

.lccFrame thead {
	text-decoration: underline;
	font-weight: bold;
}