body,a,table,tr,td,p,textarea {
	font-family: Verdana, Arial;
	font-size: 10px;
	color: black;
}

body {
	margin: 0px;
	background-color: #8d8e80; 
	overflow: auto;
}

body.footer {
	background-color: #666666;
}

form {
	margin: 0px;
}

a {
	text-decoration: none;
}

a:hover {
	color: red;
}

.error {color:red; font-size:10px; background-color:yellow}

input, button,
select, textarea {
	border: 1px solid #000000;
	background: #f8f8f8;
	font-family: Verdana, Arial;
	font-size: 10px;
}

button
{
	cursor: pointer;
}

span.fakebutton {
	border: 1px solid #000000;
	background: #f8f8f8;
	font-family: Verdana, Arial;
	font-size: 10px;
	cursor: pointer;
}

div.fakebutton {
	cursor: pointer;
}

div.fakebutton span {
	cursor: pointer;
}

div.fakebutton img {
	cursor: pointer;
}

input[type=submit] {
	cursor: pointer;
}

input {
	cursor: expression((this.type=='submit')?'pointer':this.style.cursor);
}
	
div.mainblock {
	margin-left: 6%;
	margin-right: 6%;
	margin-top:  2%;
}

div.locationbar {
	margin-left: 0;
	padding-left: 4%;
	background: #666666;
	height: 40px;
	/*width: 100%;*/
	color: white;
}

div.locationbar a {
	color: white;
}

div.locationbar a:hover {
	text-decoration: underline;
}

div.centerblock {
	text-align: center;
}
div.centerblock table {
	margin: 3px auto;
	text-align: left;
}

div.tabhead {
	/*width: 100%;*/
	padding: 2px;
	padding-bottom: 3px;
	color: white;
	border-width: 1px 1px 0 1px;
	border-style: solid solid none solid;
	border-color: #222;
	background: #555555;
	font-size: 120%;
	vertical-align: middle;
}

div.tabfoot {
	/*width: 100%;*/
	padding: 2px;
	color: white;
	border-width: 0 1px 1px 1px;
	border-style: none solid solid solid;
	border-color: #222;
	background: #555555;
	font-size: 120%;
	vertical-align: middle;
}

div.tabhead a.thlink {
	font-size: 7pt;
	border-width: 0;
	border-style: none;
}

div.tabhead span.head, div.tabfoot span.head {
	font-size: 80%;
	color: #ffffff;
}
div.tabhead span.data, div.tabfoot span.data ,
div.tabhead span.data  a{
	color: white;
	font-weight: bold;

}
div.tabhead span.data a:hover {
	color: red;
	font-weight: bold;

}

div.tabfoot span.data select {
	background: #555555;
	color: white;
}

a img {
	margin-top: 2px;
	border: none;
	border-width: 0px;
}

span.goforward {
	background: #555555;
	margin-right: 3px;
	float: right;
	padding: 0px;
}

span.goforward select {
	font-size: 8px;
}

/* tabrule styles */
div.tabtop {
	padding: 0px;
	margin-top: 3px;
	margin-bottom: -2px;
	color: black;
	border-width: 0px;
	border-style: none;
	background: #8d8e80;
	vertical-align: top;
}
div > div.tabtop {
	margin-bottom: 0px;
}
div.tabtop span {
	padding: 0px;
	margin: 0px;
	border-width: 0;
}
div.tabtop span.inacttab {
	color: #3c3835;
	font-weight: bolder;
	background: #8d8e80;
	background-image: url(../sysimg/tabeltab_off_m.gif);
	background-repeat: repeat-x;
}
div.tabtop span.acttab {
	color: white;
	background: #8d8e80;
	background-image: url(../sysimg/tabeltab_on_m.gif);
	background-repeat: repeat-x;
}
div.tabtop > span.inacttab,
div.tabtop > span.acttab {
	padding-top: 11px;
	vertical-align: bottom;
}
span.inacttab > span.lift,
span.acttab > span.lift {
	vertical-align: 50%;
}
div.tabtop span.acttab A, div.tabtop span.acttab A:hover {
	color: white;
	cursor: text;
}

/* extra span to position text in tab up */
span.lift {
}

div.tabdata {
	padding: 2px 0;
	/*width: 100%;*/
	color: black;
	border-width: 1px;
	border-style: solid;
	border-color: #222;
	background: #e8e7d3;
	vertical-align: top;
}

div.buttonbar {
	text-align: right;
	border-color: black;
	border-width: 1px 0px 1px 0px;
	padding-right: 3%;
	border-style: solid none solid none;
}

div.buttonbarx {
	text-align: right;
	border-color: black;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
}

div.buttonbartop {
	border-color: white;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
	padding-left: 6%;
}

table.tabdata, table.seltab2, table.dynamic {
	width: 100%;
	text-indent: 2px;
}

table.dynamic tr.line th {
	width: 17%;
}
	
table.tabdata tr.line td, table.tabdata tr.line th{
	border-bottom: 1px solid #c7c7b3;
}

table.tabdata tr.titles th, table.tabdata tr.titles td {
	border-bottom: 0px none;
	background: white;
}

table.tabdata th, th.tabdata {
	text-align: left;
	padding-right: 2px;
	width: 14%;
	font-weight: normal;
	color: #67675b;
}

table.tabdata tr.list th, table.popsel th {
	text-align: left;
	width: auto;
	padding-right: 2px;
	font-weight: normal;
	color: #67675b;
}

table.tabdata tr.nc1 th {
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	width: 25%;
}

table.tabdata th.cs2 {
	width: 33%;
}

table.tabdata tr.cb th {
	text-align: left;
	vertical-align: baseline;
	padding-right: 2px;
	width: 19%;
}

table.tabdata td.cs6 {
	/*width: 100%;*/
	text-align: left;
}

table.overvw td {
	font-weight: normal;
}

table.overvw th {
	font-weight: bold;
	text-align: left;
	padding-right: 2px;
	border-bottom: solid black 1px;
}

table.overvw tr.overvw_e td {
	background: #eeeeee;
	border-top: solid 1px #f4f4f4;
	border-bottom: solid 1px #e8e8e8;
}

table.overvw tr.overvw_o td {
	background: #eaeae2;
	/* background-color: red; */
	border-top: solid 1px #efefe8;
	border-bottom: solid 1px #e4e4de;
}

table.popsel {
	width: 95%;
	margin-left: 2%;
}

table.seltab td.cp, table.seltab2 td.cp,
table.tabdata td.cp6, table.popsel td.cp6,
table.dynamic td.cp, table.login td.sel {
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: right;
	border-color: black;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
}

table.seltab td.cp_l, table.seltab2 td.cp_l,
table.tabdata td.cp6_l, table.popsel td.cp6_l,
table.dynamic td.cp_l, table.login td.sel_l
{
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	border-color: black;
	border-width: 1px 0px 1px 0px;
	border-style: solid none solid none;
}

div.buttonbartop button {
	background-color: #8d8e80;
	padding-left: 1ex;
	padding-right: 1ex;
	margin: 0;
	margin-right: 1ex;
	border-width: 0px 1px 0px 1px;
	border-style: none solid none solid;
	border-color: white;
	color: #efefd7;
}

div.buttonbartop button.dis {
	color: #abab96;
	cursor: auto;
}

div.buttonbar button,
table.seltab td.cp input, table.seltab2 td.cp input,
table.tabdata td.cp6 input, table.popsel td.cp6 input,
table.dynamic td.cp input, table.login td.sel input,
table.tabdata td.cp6 button,
table.seltab td.cp_l input, table.seltab2 td.cp_l input,
table.tabdata td.cp6_l input, table.popsel td.cp6_l input,
table.dynamic td.cp_l input, table.login td.sel_l input,
table.tabdata td.cp6_l button
{
	background: #e8e7d3;
	padding-left: 1ex;
	padding-right: 1ex;
	margin: 0;
	margin-right: 5mm;
	border-width: 0px 1px 0px 1px;
	border-style: none solid none solid;
	padding: 0px;
}

table.seltab td.cp button {
	background: #e8e7d3;
	padding-left: 1ex;
	padding-right: 1ex;
	margin: 0;
	margin-right: 2mm;
	border-width: 0px 1px 0px 1px;
	border-style: none solid none solid;
	padding: 0px;
}

div.buttonbarx button {
	background: #e8e7d3;
	padding-left: 1ex;
	padding-right: 1ex;
	margin: 0;
	margin-right: 8mm;
	border-width: 0px 1px 0px 1px;
	border-style: none solid none solid;
	border-color: black;
}

table.tabdata td, td.tabdata {
	text-align: left;
	padding-right: 2px;
	width: 19%;
	font-weight: bold;
	color: #060600;
}

table.tabdata tr.cb td {
	text-align: right;
	padding-right: 2px;
	width: 14%;
}

table.tabdata tr.nc1 td {
	text-align: left;
	vertical-align: top;
	padding-right: 2px;
	width: 80%;
}

div.ifr_input {
	/* border: solid blue 1px; */
}

div.ifr_input input {
	width: 100%;
}

div.ifr_input_l input {
	width: 270px;
}

div.ifr_input_l
{
	/* border: solid red 1px; */
}

table.tabdata input.wide,
table.tabdata input.wide3
{
	/* width: 100%; */
	border-style: solid;
	border-color: #e8e7d3;
	border-width: 1px;
	padding: 1px;
	background-color: #e8e7d3;
	font-weight: bold;
}

table.tabdata input.url {
	/* width: 100%; */
	border-style: solid;
	padding: 1px;
	background-color: #e8e7d3;
	cursor: pointer;
	text-decoration: underline;
	color: blue;
	border-color: #e8e7d3;
}

table.tabdata input.rw {
	/* width: 100%; */
}
textarea.rw {
        width: 100%;    
}
textarea.wide {
        width: 100%;
}

input.dynamic, select.dynamic {
	visibility: visible;
}

select.dynamic
{
	width: 200px;
}

span.dynahidden, input.dynahidden, select.dynahidden {
	width: 90%;
	visibility: hidden;
	display: none;
}

td.dynadisabled, select.dynadisabled {
	display: none;
}

tr.dynahidden {
	display: none;
}

tr.import td, tr.import th {
	border-style: dotted solid none solid;
	border-width: 1px;
	border-color: black;
}

tr.import th {
	border-style: solid solid none solid;
}

tr.list td, tr.import th {
	border-style: dotted none none none;
	border-width: 1px;
	border-color: black;
	background-color: #f0f0f0;
	width: auto;
}

tr.import select {
	
}

div.popup {
	display: none;
	position: absolute;
	top: 2cm;
	left: 2cm;
}

div.popupvis {
	display: block;
	position: absolute;
	top: 2cm;
	left: 2cm;
	background: #d8d8d8;
	border: 2px solid black;
	padding: 3px;
}

div.gantt {
	margin-right: 1px;
	padding: 2px;
}

span.border {
	border: solid 1px black;
}

table.gantt {
	border-width: 1px 0 0 1px;
	border-style: none;
	border-color: black;
	width: auto;
}

table.gantt td, table.gantt th {
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: black;
	vertical-align: top;
	padding: 0px;
}

table.gantt th.first {
	border-width: 1px 1px 1px 1px;
}

table.gantt td.first {
	border-width: 0 1px 1px 1px;
}

table.gantt th {
	border-width: 1px 1px 1px 0;
}

table.gantt tr.task td.task {
}

table.gantt td.task {
	background: blue;
	cursor: pointer;
}

table.gantt td.debug {
	border-width: 0 1px 1px 0;
	border-style: none solid solid none;
	border-color: green;
}

table.gantt td img, table.gantt th img, table.gantt td.task img {
	/* border-width: 0px 0px 1px 0;
	border-style: solid solid solid none;
	border-color: black white yellow white;
	margin: 0px; */
}

span.del {
	text-decoration: line-through;
}


tr.msgs th {
 	border-style: none none outset none;
 	border-width: 2px;
 	border-color: white;
	vertical-align: top;
	text-align: left;
	font-size: 8pt;
	background-color: white;
	font-weight: normal;
}

tr.msgs0 td {
 	border-style: outset none outset none;
	border-width: 2px;
 	border-color: white;
	background-color: #cfcfba;
	color: #111;
	vertical-align: top;
	text-align: left;
}

tr.msgs1 td {
 	border-style: outset none outset none;
	border-width: 2px;
 	border-color: white;
	background-color: #e8e8d3;
	color: #111;
	vertical-align: top;
	text-align: left;
}

tr.msgs2 td {
 	border-style: solid none solid none;
	border-width: 1px;
 	border-color: red;
	background-color: white;
	color: #111;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

tr.msgs3 td {
 	border-style: solid none solid none;
	border-width: 1px;
 	border-color: red;
	background-color: white;
	color: #111;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

tr.msgs4 td {
 	border-style: outset none outset none;
	border-width: 2px;
 	border-color: white;
	background-color: #cfcfba;
	color: #111;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

tr.msgs5 td {
 	border-style: outset none outset none;
	border-width: 2px;
 	border-color: white;
	background-color: #e8e8d3;
	color: #111;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

tr.msgs6 td {
 	border-style: solid none solid none;
	border-width: 1px;
 	border-color: red;
	background-color: white;
	color: #111;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

tr.msgs7 td {
 	border-style: solid none solid none;
	border-width: 1px;
 	border-color: red;
	background-color: white;
	color: #111;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
}

tr.msgs2 td.msgs_e, tr.msgs3 td.msgs_e {
	border-style: solid solid solid none;
	border-width: 1px;
	border-color: red;
	
}

tr.msgs2 td.msgs_s, tr.msgs3 td.msgss_s {
	border-style: solid none solid solid;
	border-width: 1px;
	border-color: red;
}

tr.msgs0 td a, tr.msgs1 td a {
	color: #111;
}

tr.msgs2 td a, tr.msgs3 td a {
	color: #111;
}

div.msgbody {
	padding: 5px;
	border: 1px solid black;
	background: white;
	font-weight: normal;
}

div.rcptsel {
	display: none;
	border: black solid 1px;
	background-color: #8d8e80;
	position: absolute;
	height: 160px;
	width: 275px;
	top: 40px;
	left: 120px;
	z-index: 2;
}

div.rcptselv {
	display: block;
	border: black solid 1px;
	background-color: #8d8e80;
	position: absolute;
	height: 160px;
	width: 275px;
	top: 40px;
	left: 120px;
}

tr.hline td {
	border-bottom: solid black 1px;
}

div.tshidden, span.tshidden, select.tshidden {
	display: none;
}

div.tsvis, span.tsvis, select.tsvis {
	display: inline;
}

textarea.mymemo {
	margin-top: 1mm;
	margin-left: 1cm;
	margin-right: 1cm;
	margin-bottom: 3mm;
	width: 92%;
	height: 20mm;
}

img#trlogo {
	/* margin: 2px -30 -2px 0; */
}

tbody.tbvis {
	display: block;
}

tbody.tbhidden {
	display: none;
}

div.lnkchoose_h {
	display: none;
}
div.lnkchoose_v {
	display: block;
}
td.imgchoose_h {
	display: none;
}
td.imgchoose_v {
	display: block;
}
img.img_choose_s {
	border: none;
	/*border: solid red 2px;
	padding: 1px; */
	/* width:	120px; */
}
img.img_choose_u {
	border: none;
	/* padding: 1px; */
	/* width:	120px; */
}

div.div_choose_s {
	border: none;
	/* border: solid red 2px; */
	/* padding: 1px; */
	/* width:	120px; */
}
div.div_choose_u {
	border: none;
	/* border: solid black 1px; */
	/* padding: 1px; */
	/* width:	120px; */
}

td.imgchoose_u {
	background: #e8e7d3;
	border: solid black 2px;
	padding: 3px;
}

td.imgchoose_s {
	background: #e8e7d3;
	border: solid red 2px;
	padding: 3px;
}
tr.pagnum span.pagnum {
	cursor: pointer;
}


tr.line td.factdata {
	width: 32%;
}

tr.order {
	visibility: hidden;
}

tr.order td {
	background-color: red;
}

table.tabdata tr.nc1 th.plain, table.tabdata tr.nc1 td.plain {
	font-size: 13px;
	color: black;
	background-color: white;
	font-weight: normal;
	font-family: serif;
	/* width: auto; */
}

table.colorsel tr td {
	padding: 0;
}

ul.tis_tmpl_list {
	margin-left: 0px;
}

td.optname {
	text-align: right;
}

span.pag_inact {
	color: red;
}

span.pag_act {
	color: #00cc00;;
}

tr.line input.wide3, tr.line input.rw3 {
	width : 500px;
}

td.dgs_overview {
}

a.editsel {
	color: #ffffff;
}
.url_show,
.title_show,
.desc_show,
.keyw_show
{
	display: 'inline';
}
.url_hidden,
.title_hidden,
.desc_hidden,
.keyw_hidden,
.crumb_hidden
{
	display: none; 
}

div.hint_div
{
	width: 300px;
	position: absolute;
	left: 10%;
	overflow: auto;
	height: auto;
	max-height: 200px;
	z-index: 2;
	background-color: #ffffff;
	border: solid 1px #000000;
/*	padding: 2px; */
}

span.hint_org:hover
{
	background-color: c0c0c0;
}