body, p, td, th, div, span, option, input, textarea, legend input {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

hr {
	margin: 10px;
}

/* common css-stuff */
body {
    background-color:#f4f4f4;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    text-decoration: none; 
    color:#666666;
}

body.navi {
    background-color: #e3e3e3;
}

body.search {
    background-color: #e3e3e3;
}

body.topnavi {

	background-color: #f4f4f4; 
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


* { font-family: arial, helvetica, sans-serif; }

input, textarea, select {font-family:verdana; color:#666666; text-transform:none}
input, textarea { padding:1px 2px; margin: 1px; }    
/* form fields */        
/*.long_text, .mid_text, .short_text, .max_width {border: 1px #666666 inset}*/
.long_text {width:210px}
.mid_text {width:120px}
.short_text {width:80px}

.numeric { text-align: right; }
input.small { width: 60px; }
input.datefield { width: 100px; }

.red, .fielderror, .required {color:#ee3238}
.required { padding-left: 5px; }
.notice { color:#ee3238; font-weight: bold;}
.nowrap { white-space: nowrap; }

input.save_txt, input.save_pdf, input.save_excel, input.save_csv, input.copy, input.close_window, input.closenosave, input.search, input.save, input.continue, input.create, input.reset, input.update, input.delete, input.deleteselected, input.send, input.ok, input.orderagain, input.add_new {margin:5px 0 3px 2px ; cursor:pointer; cursor:hand; width:85px; height:30px; border:1px solid #cccccc; background-color:#fff6d7; background-position:center; background-repeat:no-repeat}

h1, h1 * {
    font-size: 16px;
    font-weight: bold;
	margin: 5px;
    color: maroon;
}

h2, h2 * {
    font-size: 14px;
    font-weight: bold;
	margin: 5px;
    color: maroon;
}

h3, h3 * {
    font-size: 12px;
    font-weight: bold;
	margin: 5px;
}

label, legend
{
    font-weight: bold;
	font-size: 13px;
}

label.orange {
	color: #dd5e00;
}

legend {
    margin-left: 2px;
	padding: 5px;
	border: 1px outset;
	background-color: #dddddd;
}

fieldset
{
    margin: 3px;
	padding: 3px;
	border: 2px outset;
	background-color: #e6e6e6;
}

div
{
    margin: 3px;
}

div.invoiceSection {
	border: 1px outset;
	padding: 5px;
	margin: 10px;
	background-color: #dddddd;
}

div.container {
	margin: 0px;
	padding: 0px;
	border: none;
}

div.actionbuttons
{
    height: 25px;
    padding: 0px;
    margin: 0px;
}

div.tabdiv, div.tabdiv_selected
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 90%;
    height: auto;
}

div.tabdiv
{
    display: none;
}

div.tabdiv_selected
{
    display: block;
}

table 
{
	empty-cells: show;
}

table.topNaviTable {
	border: none;
    border-collapse: collapse;
    border-spacing: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

table.topNaviTable h1 {
	color: maroon;
}

table.topNaviTable input, table.topNaviTable select {
	margin-right: 5px;
}

table.topNaviTable td {
	vertical-align: bottom;
	padding-left: 10px; 
	padding-right: 10px;
}

table.tabTableNavi, table.tabTableSubNavi, table.tabTableFieldset
{
	border: none;
    border-collapse: collapse;
    border-spacing: 0px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
}

table.tabTableNavi tr { 
	background-color: #ccccdd;
}

table.tabTableSubNavi tr { 
	background-color: #ccccdd;
}

table.tabTableFieldset tr {
	background-color: #f4f4f4; 
}

table.tabTableNavi td.tab, table.tabTableNavi td.tab_selected
{
	width: 150px;
	height: 40px;
	text-align: center;
}

table.tabTableSubNavi td.tab, table.tabTableSubNavi td.tab_selected
{
	width: 100px;
	height: 30px;
	text-align: left;
}

table.tabTableFieldset td.tab, table.tabTableFieldset td.tab_selected
{
	width: 100px;
	height: 30px;
	text-align: center;
}

td.tabspacer
{
	width: 10px;
}

td.tab
{ 
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

td.tabspacer, td.tab, td.tabend { 	border-bottom: 1px solid black; }

td.tab_selected
{ 
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-top: 1px solid black;
	border-bottom: none;
}

td.subtab, td.subtab_selected
{
	width: 100px;
	height: 30px;
	text-align: left;
}

td.tab, td.tab_selected, td.subtab, td.subtab_selected
{
    color: black;
    padding: 5px;
/*	border: 1px solid black;*/
}

table.tabTableNavi td.tab { background-color: #C5C5C5; }
table.tabTableNavi td.tab_selected { background-color: #f4f4f4; }

table.tabTableSubNavi td.tab { background-color: #C5C5C5; }
table.tabTableSubNavi td.tab_selected { background-color: #e3e3e3; }

table.tabTableFieldset td.tab { background-color: #C5C5C5; }
table.tabTableFieldset td.tab_selected { background-color: #e6e6e6; }

table.tabTableNavi tr td a, table.tabTableSubNavi tr td a, table.tabTableFieldset tr td a { font-weight: bold; color: black; }

div.keyvalue{
    color: #000033;
    font-size: 9px;
    font-family: helvetica;
    text-decoration: none;
    text-align: left;
}

input.checkbox 
{
	text-align: left;
}

.cls_mid {
    width: 200px;
}

.cls_tiny {
    width: 50px;
}

.cls_narrow {
    width: 100px;
}

.cls_wide {
    width: 340px;
}

.cls_area_mid {
    width: 340px;
	height: 100px;
}

.cls_area_small {
	height: 50px;
    width: 340px;
}

.cls_area_large{
	height: 200px;
    width: 340px;
}

.cls_area_wide{
	height: 100px;
    width: 500px;
}

a.entrylist {
    padding:  1px 1px 1px 1px;
    border: solid thin;
    background-color: #BBBBBB;
    width: 100px;
}



table.calendar
{
    padding: 1px;
}

th {
	text-align: left;
	font-size: 11px;
	font-weight: normal;
}

td.calendar_head
{
	font-size: 8pt;
	font-weight: bold;
	color: black;	
	background-color: #C5C5C5;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
    border: 1px solid black;
}

td.calendar_pad
{
	background-color: #FFFFFF;
}

td.calendar_day
{
    font-size: 8pt;
	font-weight: normal;
	color: black;	
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	padding: 0px;
    border: 1px solid black;
    cursor: hand;
    cursor: pointer;
}

td.calendar_today
{
	font-size: 8pt;
	font-weight: normal;
	color: black;	
	background-color: red;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
    border: 1px solid black;
    cursor: hand;
    cursor: pointer;
}

a.listlink {
	font-size: 11px;
	font-weight: normal;
	color: #666666;
	text-decoration: underline;

}

a {
	font-size: 11px;
	font-weight: normal;
	color: #b83a3e;
	text-decoration: underline;

}

a.searchlink { color: black; padding: 3px; background-color: none; }
a.searchlink_selected { color: black; padding: 3px; background-color: silver; font-weight: bold; }

a.topnavi {color:#3e3d39;  background-color: #ffe6c7; padding: 1px 5px 1px 5px; border: 1px outset; font-weight: normal; }
a.topnavi_selected {color:#ffe6c7; background-color: #3e3d39; padding: 1px 5px 1px 5px; border: 1px outset; font-weight: normal;}

th { font-weight: bold; }

.infoTable { border-spacing: 0px; }
.infoTable th { padding: 3px; vertical-align:top; font-weight: bold; }
.infoTable td { padding: 3px; vertical-align:top; }

.listTable { border-spacing: 0px; }

.listTable thead tr:hover {background-color:#eeeeee}
.listTable thead td { padding: 1px 1px; border-bottom:1px solid #dddddd; text-transform:none; vertical-align:top} 
.listTable thead input, .listTable select, .listTable textarea {font-size:100%}

.listTable tbody tr.headerRow:hover {background-color:#eeeeee}
.listTable tbody tr.headerRow td { padding: 1px 1px; border-bottom:1px solid #dddddd; text-transform:none; vertical-align:top} 

.listTable tbody tr:hover {background-color:#eeeeee}
.listTable tbody td { padding: 1px 1px; border-bottom:1px solid #cccccc; text-transform:none; vertical-align:top} 
.listTable tbody input, .listTable select, .listTable textarea {font-size:100%}

.listTable tfoot tr:hover {background-color:#eeeeee}
.listTable tfoot td { padding: 1px 1px; border-bottom:1px solid #dddddd; text-transform:none; vertical-align:top} 
.listTable tfoot input, .listTable select, .listTable textarea {font-size:100%}

td.verticalSpacer { border-right: 1px solid black; }

.listTable tbody tr.highlight { background-color: #ddddaa; }
.listTable tbody tr.dark { background-color: #aaaaaa; }

.tableAlignBottom tbody td { vertical-align: bottom; }

table.verticalGrid td { border-left: 1px solid #888888; border-right: 1px solid #888888; }
table.verticalGrid { border-collapse: collapse; }

tr.gray {background-color: #fff6d7}
tr.gray td { padding: 1px 1px; overflow:hidden; border-bottom:1px solid #dddddd; text-transform:none; vertical-align:top; background-color: #cccccc; } 

thead, tfoot, tr.headerRow {color: #ffffff; font-weight: bold; border: 1px solid #cccccc; background-color: #cccccc}
thead td, tfoot td {color: #333333; font-weight: bold; border: 1px solid #cccccc; background-color: #cccccc;}  
thead td a, tfoot td a {color: #b83a3e; font-weight: bold; }  
tr.headerRow td {color: #333333; font-weight: bold; border: 1px solid #cccccc; background-color: #cccccc;}  
tr.headerRow td a {color: #b83a3e; font-weight: bold; }  

thead td.verticalSpacer { border-right: 1px solid black; }

.headerRowBig { font-size: 16px; color: #ffffff; font-weight: bold; border: 1px solid #aaaaaa; background-color: #aaaaaa}
.headerRowBig td {color: #333333; font-weight: bold; border: 1px solid #aaaaaa; background-color: #aaaaaa;}  
.headerRowBig td a {color: #b83a3e; font-weight: bold; }  

div.popupDiv
{
	display: none;
	position: absolute;
	background-color: #eeeebb;
	border: 2px solid black;
	z-index: 10;
	padding: 5px;
	width: 800px;
}

div.popupDivLight
{
	display: none;
	position: absolute;
	background-color: white;
	border: 1px solid black;
	z-index: 10;
	padding: 5px;
	width: auto;
}

.clickable
{
    cursor: hand;
    cursor: pointer;
}


.reportTable { border-collapse: collapse; border-spacing: 0px; width: 100%; }

.reportTable th { padding: 1px 1px; border:1px solid #aaaaaa; text-transform:none; vertical-align:top }

.reportTable thead tr:hover {background-color:#eeeeee}
.reportTable thead td { padding: 1px 1px; border:1px solid #aaaaaa; text-transform:none; vertical-align:top} 
.reportTable thead input, .reportTable select, .reportTable textarea {font-size:100%}

.reportTable tbody tr.headerRow:hover {background-color:#eeeeee}
.reportTable tbody tr.headerRow td { padding: 1px 1px; border:1px solid #aaaaaa; text-transform:none; vertical-align:top} 

.reportTable tbody tr.companyRow td, .reportTable tbody tr.companyRow th { 
	padding: 1px 1px; border:1px solid #aaaaaa; background-color: #e0e0e0; text-transform:none; vertical-align:top;
} 

.reportTable tbody tr:hover {background-color:#eeeeee}
.reportTable tbody td { padding: 1px 1px; border:1px solid #aaaaaa; text-transform:none; vertical-align:top} 
.reportTable tbody input, .reportTable select, .reportTable textarea {font-size:100%}

.reportTable tfoot tr:hover {background-color:#eeeeee}
.reportTable tfoot td { padding: 1px 1px; border:1px solid #aaaaaa; text-transform:none; vertical-align:top} 
.reportTable tfoot input, .reportTable select, .reportTable textarea {font-size:100%}

.reportTable tbody tr.highlight { background-color: #ddddaa; }
.reportTable tbody tr.dark { background-color: #aaaaaa; }

.fixedTable { table-layout: fixed; }