/*
	tocco ag
	technology meets spirit
	www.tocco.ch
	044 388 60 00
*/

.nf {
	background-color:#FFF;
}
.nf, .nf h1, .nf h2, .nf h3, .nf input, .nf textarea, .nf select, .nf ul, .nf li, .nf th, .nf td, .nf div {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 11px;
	line-height: 1.3em;
	color: #000;
}
.nf a {
	color:#4477AA;
	text-decoration: none;
}
.nf a:hover {
	color: #aaa;
}
.nf .help a {
	cursor: help;
}
.nf .help, .nf .linkicon {
	text-align: right;
}
.nf img {
	border: none;
	vertical-align: middle;
}
.nf td, .nf th, .nf span, .nf a, .nf hr, .nf code, .nf pre, .nf hr, .nf ul {
	background-repeat: no-repeat;
	list-style-type: none;
}
.nf table {
	margin: 0;
	padding: 0;
	border: 0;
	border-spacing: 0;
}
.nf td {
	vertical-align: top;
}
.nf h1 {
	font-weight: bold;
	font-size: 150%;
	margin: 5px 0 10px 0;
	padding: 0;
}
.nf ul.form {
	margin: 0;
	padding: 0;
}
.nf ul.form li {
	margin: 0;
	padding: 0;
	width: 100%;
}
.nf table.group {
	width: 100%;
}
.nf li.grouptitle {
	margin: 0;
	padding: 0;
}
.nf li.groupdesc div {
	margin: 0;
	padding: 0 0 11px 0;
}
.nf h2 {
	font-weight: bold;
	font-size: 120%;
	line-height: 1.8em;
	margin: 0;
	padding: 0 0 6px 0;
}
.nf td.area {
	width: 50%;
}
.nf td.areaspace {
	width: 5px;
	white-space: nowrap;
}
.nf ul.set {
	margin: 0;
	padding: 1px 0 15px 7px;
	background: url(../img/block_hg.gif) repeat-x;
}
.nf ul.setbutton {
	margin: 0;
	padding: 0 0 13px 7px;
	white-space: nowrap;
}
.nf ul.set li {
	margin: 1px 0 0 0;
	padding: 0;
}
.nf ul.set li.desc {
	margin: 0 0 5px 0;
	padding: 0;
}
.nf ul.set span, .nf ul.setbutton span {
	margin: 0 6px 0 0;
	padding: 0;
}
.nf div.help {
	margin-top: 2px;
	float: right;
}
.nf h3 {
	font-weight: bold;
	font-size: 100%;
	line-height: 1.8em;
	margin: 0;
	padding: 0 0 0 0;
}
.nf div.content {
	position: relative;
	top: 41px;
	left: 0;
	margin: 0;
	padding: 0;
}
.nf div.content div.form {
	margin: 0;
	padding: 0 8px 3px 6px;
}
.nf div.content div.debuginfos {
	margin: 0;
	padding: 0 8px 15px 12px;
	border-top: 1px solid #C90000;
}
.nf div.content div.debuginfos h3 {
	margin: 0;
	padding: 3px 0 3px 0;
}
.nf div.content div.debuginfos pre {
	margin: 0;
	padding: 0;
}

/* simple components */

.nf table.elements {
	width: 100%;
}
/* alle ausser ie */
html>body .nf table.elements {
	table-layout: fixed;
}
.nf table.elemfixed {
	table-layout: fixed;
}
.nf table.elements td {
	margin: 0;
	padding: 0;
}
.nf td.label {
	margin: 0;
	padding: 0;
	width: 90px;
}
.nf td.label div {
	padding-top: 4px;
	width: 88px;
	overflow: hidden;
	white-space: nowrap;
}
.nf table.elements td.readonly div {
	color: #888;
}
.nf table.elements td.help, .nf table.elements td.linkicon {
	width: 20px;
	margin: 0;
	padding-top: 2px;
}
.nf div.txt {
	margin: 4px 0 3px 0;
}
.nf div.txt a {
	text-decoration: underline;
	/*padding-right: 14px;
	background: url(../img/link.gif) no-repeat right;*/
}
.nf textarea, .nf input, .nf select {
	border: 1px solid #7F9DB9;
	padding: 2px;
	margin: 0;
	width: 100%;
	line-height: normal;
}
.nf input.defaultAction {
	border: none;
	padding: 0;
	margin: 0;
	width: 0;
	height: 0;
}
.nf textarea.error, .nf input.error {
	border: 1px solid #C90000;
}
.nf input.korrSafari {
	border: none;
	padding: 0;
	margin: 2px 0 2px 0;
}
.nf input.right {
	text-align: right;
}
.nf select {
	width: 100%;
}
.nf select.char2 {
	width: 50px;
}
.nf select.char4 {
	width: 65px;
}
.nf input.date, .nf input.time {
	width: 70px;
}
.nf input.button {
	background-color: #4477AA;
	background-image: url(../img/button_bg.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
	color: #ffffff;
	padding: 0;
	margin: 0 0 5px 0;
	border: 1px solid #666;
	width: 100px;
}
.nf div.list {
	margin: 4px 0 0 0;
	padding: 0;
	clear: left;
}
.nf div.list div.field {
	float: left;
}
.nf div.list div.field input {
	width: auto;
	height: auto;
	border: none;
	margin-right: 5px;
}
.nf div.preview {
	padding-top: 3px;
}
.nf .msgtitle {
	color: #666;
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 2px 0;
	padding: 0;
}
.nf .helpwimg {
	float: left;
	margin: 0 4px 0 0;
	padding: 0
}
.nf .helpwtitle {
	color: #666;
	font-size: 150%;
	font-weight: bold;
	margin: 0;
	padding: 4px 0 0 0;
}
.nf .helpwmsg {
	clear: left;
	margin: 5px 0 0 0;
	padding: 0;
}
.nf .helpwmsg b {
	color: #666;
}
.nf div.error {
	color: #990000;
	margin: 2px 0 1px 0;
	clear: left;
}

/* end simple components */


/* tree */

.nf .ntree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	white-space: nowrap;
	border: 1px solid #7F9DB9;
	padding: 2px;
	margin: 0;
}
.nf .ntree img {
	border: 0;
	vertical-align: middle;
}
.nf .ntree a {
	color: #000000;
	text-decoration: none;
}
.nf .ntree a.node, .ntree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.nf .ntree a.node:hover, .ntree a.nodeSel:hover {
	color: #000000;
	text-decoration: underline;
}
.nf .ntree a.nodeSel {
	background-color: #BDD3E8;
}
.nf .ntree .clip {
	overflow: hidden;
}

/* end tree */


/* datagrid */

.nf div.g {
	margin: 7px 0 0 0;
	padding: 0;
}
.nf .g div.grid div.grid {
	margin: 0;
}
.nf .g div.gridcontrol {
	margin: -4px 0 5px 0;
	padding: 0;
	white-space: nowrap;
}
.nf .g .overall {
	background-color: #fff;
	width: 100%;
	border-spacing: 0;
}
.nf .g thead tr {
	background-color: #CCC;
}
.nf .g th {
	padding: 0 5px 0 2px;
	font-weight: normal;
	border-bottom: 1px solid #7F9DB9;
}
.nf .g th a, .nf .g th a:visited {
	color: #000;
	text-decoration: none;
}
.nf .g th a:hover {
	color: #4477AA;
}
.nf .g th.sortable a {
	background: url(../img/arrow_right.gif) no-repeat right;
	display: block;
}
.nf .g th.order1 a {
	color: #4477AA;
	background: url(../img/arrow_down.gif) no-repeat right;
}
.nf .g th.order2 a {
	color: #4477AA;
	background: url(../img/arrow_up.gif) no-repeat right;
}
.nf .g ul.set {
	padding: 0;
	background: none;
}
.nf .g ul.setbutton span {
	margin: 0 1px 0 0;
}
.nf .g table.overall td {
	margin: 0;
	padding: 0 2px 0 3px;
}
.nf .g table.overall table.elements {
	margin: 0;
	padding: 0;
	table-layout: auto;
}
.nf .g table.overall table.elements td {
	padding: 0;
}
.nf .g table.overall div.right {
	text-align: right;
}
.nf .g table.overall td.label, .nf .g table.overall td.label div {
	width: 0;
	display: none;
}
.nf .g div.txt {
	margin: 0;
}
.nf .g ul.setbutton {
	padding: 0;
}
.nf .g div.list {
	margin: 1px 0 0 0;
}
.nf .g .ntree {
	border: none;
	padding: 0;
}
.nf .g tr.odd {
	background-color: #F0F0F0;
}
.nf .g tr.even {
	background-color: #fff;
}
.nf .g tr.oddhover, .nf .g tr.evenhover {
	background-color: #DFDFDF;
}
.nf .g tr.oddmarked, .nf .g tr.evenmarked {
	background-color: #DBEAF5;
}
.nf .g div.gridselect {
	margin: 3px 0 0 0;
	padding: 0;
	white-space: nowrap;
	font-weight: bold;
}
.nf .g div.export {
	margin: 2px 0 0 0;
	padding: 0;
	white-space: nowrap;
}
.nf .g div.export a {
	font-weight: bold;
}

/* end datagrid */


/* searchselect */

.nf table.searchselect {
	width: 100%;
}
.nf div.searchinfo {
	overflow: hidden;
}
.nf #resultlayer {
	position: absolute;
	display: block;
	background-image: url(../img/transparency.png);
	background-repeat: repeat;
	border: 1px solid #C6C3BD;
	border-left: 2px solid #4477AA;
	border-bottom: 1px solid #4477AA;
	z-index: 5;
}
.nf #resultlayer ul {
	margin: 0;
	padding: 1px 0 3px 0;
}
.nf #resultlayer ul li {
	list-style-type: none;
	cursor: pointer;
	padding: 1px 10px 0 6px;
	margin: 0;
	border-top:	1px solid #fff;
	border-bottom: 1px solid #fff;
	white-space: nowrap;
}
.nf #resultlayer ul li#LSHighlight {
	color: #fff;
	background-color: #7DB0E3;
	border-top:	1px solid #3169C6;
	border-bottom: 1px solid #3169C6;
}

/* end searchselect */


/* menu */

.nf div.menu {
	z-index: 10;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px 0 6px;
	margin: 0;
	display: block;
}
.nf div.menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.nf div.menu ul li {
	float: left;
	margin-right: 3px;
}

/* end menu */


/* locking */

.nf div.locking {
	z-index: 10;
	position: absolute;
	top: 36px;
	right: 0;
	padding: 7px 9px 0 0;
	margin: 0;
	color: #606060;
	text-align: right;
}

.nf div.locking span#lockingTime img {
	width: 19px;
	height: 10px;
	margin-left: 10px;
}

/* end locking */


/* html-editor */

.nf td.htmlEditor select {
	width: auto;
}
.nf td.htmlEditor {
	border: 1px solid #7F9DB9;
}

/* end html-editor */


@media screen {
	body>div.control { 
		position: fixed;
	}
	body>div.load {
		position: fixed;
	}
	body>.nf div.menu {
		position: fixed;
	}
	body>.nf div.locking {
		position: fixed;
	}
}

@media print {
	div.control, .nf div.menu, .nf div.locking {
		display: none;
	}
	.nf div.content div.form {
		top: 0;
	}
}