.c_abutton  {
	font-size: 0.7em;
        font-weight: bold;
	border: 1px solid #000;

}

.c_display_table  {
	border-collapse: collapse;
	border: 1px solid #000;
}
.c_display_table td {
	border: 1px solid #ccc;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}
.c_display_table th {
	background-color: #006600;
	border: 1px solid #006600;
	color: #eee;
	font-size: 0.7em;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:5px;
	padding-left:5px;
}

.c_display_table tr:nth-child(even) {
	background-color: #cdffcd;
}
.c_minor {
	color: #333;
	font-style: italic;
	font-size: 0.7em;
}
.c_emph {
	font-weight: bold;
}
.c_de_emph {
	color: #555;
	font-style: italic;
}
.c_actions {
	width:75px;
}
.cinfo_alignr {
	text-align: right;
}
.cinfo_lk_row {
	color: #777;
	font-style: italic;
}

.shadow {
	-webkit-box-shadow:10px 10px 10px #777;
	-moz-box-shadow: 10px 10px 10px #777;
	box-shadow:10px 10px 10px #777; 
}

a:link, a:visited { color: #000; }

input    { border: 2px solid #000; padding:3px; }
.dt_input {float:right;font-size:0.8em;}
.dt_input input { width:10em; font-size:0.8em;}
textarea { border: 2px solid #000; }
select   { background: #fff; padding: 3px; border: 2px solid #000; font-weight: bold; } 

a:link.red_nav {color:#eee;text-decoration:none;}   
a:visited.red_nav {color:#eee;text-decoration:none;} 
a:hover.red_nav {color:#eee;text-decoration:underline;}
a:active.red_nav {color:#eee;text-decoration:underline;}

.dt_header {
	padding: 10px 10px 10px 10px ;
	font-weight:bold;
	font-size:1.2em;
	background:#006600; 
	color: #eee;
}
.dt_header a:link, .dt_header a:visited {color: #eee;}

.red_nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: #F00;
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

a:link.a_nav {color:#eee;text-decoration:none;}   
a:visited.a_nav {color:#eee;text-decoration:none;} 
a:hover.a_nav {color:#eee;text-decoration:underline;}
a:active.a_nav {color:#eee;text-decoration:underline;}
.a_nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: rgb(5,133,66);
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

a:link.pr_nav {color:#eee;text-decoration:none;}   
a:visited.pr_nav {color:#eee;text-decoration:none;} 
a:hover.pr_nav {color:#eee;text-decoration:underline;}
a:active.pr_nav {color:#eee;text-decoration:underline;}
.pr_nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: rgb(5,120,250);
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

a:link.nav {color:#eee;text-decoration:none;}   
a:visited.nav {color:#eee;text-decoration:none;} 
a:hover.nav {color:#eee;text-decoration:underline;}
a:active.nav {color:#eee;text-decoration:underline;}
.nav {
	display: inline-block;
	margin: 1px 1px 3px 1px;
	background: rgb(5,66,133);
	font-weight: bold;
	color: #fff;
	border: solid 1px #000;
	padding: 3px 15px 3px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

.dt_total_error {
	background: #f00;
	color: #fff;
	padding: 1px 15px 1px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

.dt_total_ok {
	background: #0a0;
	font-weight: bold;
	color: #fff;
	padding: 1px 15px 1px 15px;
	-moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px;
}

.dt_filtered {
	font-style: italic;
	font-weight: normal;
}


h3 {font-size:1.2em; border-bottom: 1px solid #000;margin:0px;padding-right:2px;};
html {padding:0px; margin: 0px;}
body { font-size:1em; font-family: arial,sans-serif; ;padding:0px; margin: 0px;}
.page {padding:0px; margin:0px;}
.place_text {font-size:0.8em;color:#555; }
.mtext {
	color: #999;	
	font-style:italic;
}

.smaller { font-size:0.7em;}
.small_txt { font-size:0.7em; color:#555}
.minor_txt { font-size:0.8em; color:#555}
.info_tbl { padding-top:10px;padding-bottom:10px;width:100%;border-spacing:0px; }
.info_tbl td {  font-size:0.8em; border-bottom: 1px solid #000;margin:0px;padding-right:2px; }
.info_tbl tr { vertical-align: top; border-bottom: 1px solid #000}
.info_tbl .grey {  font-style:italic;color:#555 }
.info_tbl th {font-size:0.8em; font-weight:bold;color:#AAA;background-color:#000;padding:2px; }

.value_table tr  { vertical-align: top; }
.value_table tr td:first-child { font-weight:bold; text-align: right; padding-right:5px; }
.value_table tr td:first-child { font-weight:bold; text-align: right; padding-right:5px; }
.value_table tr td td { padding-left:50px; }

.info_div td, .info_div  { font-size:0.9em; }
.info_header  { font-weight:bold; padding-top:10px;font-style: italic; }
.select_div  { padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #badaba; border: 2px solid #333 }
.error_div  { margin-top: 10px; margin-bottom: 10px; padding: 5px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; background-color: #DB8C8C; border: 2px solid #000 }

.page-title  {background-color: #006600;color: #eee;font-weight:bold;padding:5px;margin:0px 0px 5px 0px;}
.page-header {height:70px;background-color: #006600;}
.page-footer {height:70px;background-color: #006600; }

.page-content {width:1000px;text-align: center; margin:auto;}
.content-secondary { float: left; width: 30%; text-align: left; margin: 0px; padding: 0px; }
.content-primary { background-color: #fff; width: 60%; float: right; text-align: left; margin: 0px 0px; padding: 0px 0px 20px 0px; }

.infoelement{font-size:0.9em;color:#555;}
.infoheader { background-color: #ccc; color: #000; margin-top: 10px; padding-left: 5px; padding-top: 5px; padding-bottom: 5px; font-weight: bold; font-size: 1.1em; }


.r_open_bg { background:#C44; }
.r_closed_bg { background:#CCC; }
.r_supplier_bg { background:#EE4; }

.normalRoundBorder10 {
	border:1px solid #000;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
}
.boldRoundBorder10 {
	border:2px solid #000;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
}

.normalRoundBorder20 {
	border:1px solid #000;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px;  border-radius: 20px;
}
.boldRoundBorder20 {
	border:2px solid #000;
	-moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px;  border-radius: 20px;
}

.openreport {
	border:2px solid #000;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #000;
}
.supplierreport {
	border:2px solid #777;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #000;
}
.closedreport {
	border:1px solid #777;
	padding:5px;
	margin:5px auto;
	-moz-border-radius: 10px; -webkit-border-radius: 10px; -khtml-border-radius: 10px;  border-radius: 10px;
	color: #777;
}

.one-col {clear:both;float:none;width:100%;margin-right:0px;margin-bottom:5px}

@media all and (min-width: 250px) {

.mwidth {width:95%;}
.bpadding {padding:3px;}
dl    { margin:5px 0; overflow: auto; font-size:1em; }
dl dt { font-size:1em; font-weight:bold; width:90%; margin-right:5px; text-align:left; float:left; clear: both; padding:0px 0px 0px 3px; }
dl dd { text-align:left; clear: both; float:left; width:90%; padding:0px 0px 10px 20px; margin:0; }

 .lowp {display:none;}
 .page-content {width:100%}
 .nav-button { display:block;}
 .two-col {float:none;width:100%;margin-right:0px;margin-bottom:5px}
 .content-secondary { display:none;float: none; width: 100%; text-align: left; background: #ccc; margin: 0px 0px 10px 0px; padding: 0px 0px 20px 0px; }
 .content-primary { background-color: #fff; float: none; width: 100%; text-align: left; margin: 0px 0px; padding: 0px 0px 20px 0px; }
 .infoelement { overflow: visible; padding: 5px; margin-top: 0px; margin-bottom: 5px; }
 .infolabel { float: none; width: 100%; text-align: left; font-weight: bold; min-height: 1px; }
 .infofield { padding-top: 5px; float: none; width: 90%; margin-left: 0px; }
}

@media all and (min-width: 750px) {
.mwidth {width:75%;}
.bpadding {padding:10px;}

dl    { margin:5px 0; overflow: auto; font-size:1em; }
dl dt { font-size:1em; clear: both; font-weight:bold; width:30%; margin-right:5px; text-align:right; float:left; padding:2px 0; }
dl dd { text-align:left; clear: none; float:left; width:58%; padding:0px 0px 10px 15px; margin:0; }
 .lowp {display:table-cell;}
 .page-content {width:100%}
 .nav-button { display:block;}
 .two-col {float: left;width:48%;margin-right:5px;margin-bottom:5px}
 .content-secondary {display:block;float: left; width: 20%; text-align: left; background: none; margin: 0px; padding: 0px; }
 .content-primary { background-color: #fff; float: right; width: 75%; text-align: left; margin: 0px 0px; padding: 0px 0px 20px 0px; }	
 .infoelement { overflow: auto; padding: 0px; margin-top: 0px; margin-bottom: 5px; }
 .infolabel { float: left; width: 30%; text-align: right; font-weight: bold; min-height: 1px; }
 .infofield { padding-top: 0px; float: left; width: 60%; margin-left: 10px; } 
}

@media all and (min-width: 1200px) {
.mwidth {width:75%;}
.bpadding {padding:15px;}
 .lowp {display:table-cell;}
 .page-content {width:1200px}
 .nav-button { display:block;}
 .two-col {float:left;width:48%;margin-right:5px;margin-bottom:5px}
 .content-secondary {display:block;float: left; width: 20%; text-align: left; margin: 0px; padding: 0px; }
 .content-primary { background-color: #fff; width: 75%; float: right; text-align: left; margin: 0px 0px; padding: 0px 0px 20px 0px; }
 .infoelement { overflow: auto; padding: 0px; margin-top: 0px; margin-bottom: 5px; }
 .infolabel { float: left; width: 30%; text-align: right; font-weight: bold; min-height: 1px; }
 .infofield { padding-top: 0px; float: left; width: 60%; margin-left: 10px; }
}

.fixedf{font-family: Courier}
.righta{text-align:right}
.w50{width:100px}
.mw150{max-width:150px}