/*

General styling

*/

.headerOnTop {
	top: expression(document.documentElement.scrollTop);
	position: fixed;
	z-index: 50;
}

html,
body {
	height: 100%;
}

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:Verdana, Sans-Serif;
	font-size:10px;
}

#content {
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;
}

html>body #content {
	height: auto;
}

a, a:link {
	text-decoration:underline;
	color:#000;
}

a:visited {
	color: Navy;
}


/*

Header and menu

*/

#header {
	padding:0 25px;
	top:0;
	left:0;
	background-color:#444;
	border-bottom:4px solid #FC0;
	position:fixed;
	width:100%;
	z-index:10;
}

	#header h1 {
		color:#FFF;
		margin:0;
		padding:25px 0;
		font-size:24px;
		line-height:24px;
	}
	
	#logo {
		position:absolute;
		top:0;
		right:75px;
/*		_right:25px;*/
		width:160px;
		height:100px;
		text-align:right;
	}
	
	#menu {
		width:100%;
	}
		
		#menu ul { 
			list-style:none;
			margin:0;
			padding:0;
		}
				
				#menu ul li a:link, #menu ul li a:visited {
					display:block;
					background-color:#FFF;
					line-height:18px;
					padding:5px 5px 3px 5px;
					margin:0 5px 0 0;
					font-size:9px;
					font-weight:bold;
					text-transform:uppercase;
					text-decoration:none;
				}
				
				#menu ul li.disabled {
					display: none;
				}
				
				#menu ul li ul li.specialtab {
				    padding: 5px;
				}
				
				#menu ul li.waittab a:link,
				#menu ul li.waittab a:visited,
				#menu ul li.waittab a:hover,
				#menu ul li.waittab ul {
					background-color: red;
					color: white;
				  margin-left:20px;
				  text-transform: none;
				  cursor: default;
				}
				
				#menu ul li a:hover {
					color: White;
					background-color:#0084B6;
				}
				
				#menu ul .active a:link, #menu ul .active a:visited {
					background-color:#FC0;
				}
				
				#menu ul li {
					display:block;
					float:left;
					position:relative; 
				}
				
				#menu ul li ul {
					display:block;
					position:absolute;
					top:auto;
					list-style:none;
					margin:0;
					padding:0;
					visibility:hidden;
					background-color:#222;
					width:150px;
					border-top:4px solid #FC0;
				}
				
				#menu ul li:hover>ul {
					visibility:visible;
				}
				
				#menu ul li ul li {
					position:relative;
					float:none;
					line-height:18px;
					color:#FFF;
					font-weight:bold;
					font-size:9px;
/*					_height:1px;*/
				}
				
				#menu ul li ul li a:link, #menu ul li ul li a:visited {
					display:block;
					background-color:#222;
					margin:0;
					line-height:18px;
					padding:5px 5px 3px 5px;
					color:#FFF;
					text-transform:none;
/*					_height:1px;*/
				}
				
				#menu ul li ul li a:hover {
					background-color:#0084B6;
					color:white;
				}
				
				#menu ul .active ul li a:link, #menu ul .active ul li a:visited {
					background-color:#222;
				}
				
				#menu ul .active ul li a:hover {
					background-color:#0084B6;
					color:#FFF;
				}
				
				#menu ul li ul .active a:link, #menu ul li ul .active a:visited {
					background-color:#FC0;
					color:#000;
				}
				
				#menu ul li ul .active a:hover {
					background-color:#0084B6;
					color:white;
				}
				
				#menu ul li ul li .checkbox {
				    padding:5px 5px 3px 5px;
				    display:block;
				}
				

				
/*

Main content

*/

#maincontent {
	position:relative;
	padding:127px 25px 57px 25px;
}

    #maincontent p {
        margin-left:10px;
    }

	#maincontent h2 {
		font-weight: bold;
		color: #000;
		margin:25px 0 10px 0;
		font-size:14px;
		text-align:left;
		text-indent:10px;
		text-transform:uppercase;
	}
	
	#maincontent h3 {
		font-weight: bold;
		background-color: #444;
		border-bottom:2px solid #FC0;
		color: #FFF;
		padding:10px 0;
		margin:0 0 0 0;
		font-size:12px;
		text-align:left;
		text-indent:10px;
	}
	
	#maincontent .box {
		background-color:#EEE;/*#cacaca;*/
		float:left;
		margin:0 5px 5px 0;
		border-bottom:2px solid #FC0;
	}
	
	#maincontent .box tr th {
		padding: 0 0 0 0;
	}
	
	#maincontent .box tr td {
		padding: 2px 10px 2px 10px;
	}
	
	#maincontent .login_box {
		width:200px;
	}
	
	   #maincontent .login_box div {
	       padding:10px;
	   }
	   
	       #maincontent .login_box p {
	       margin-left:0;
	       }

	#maincontent table {
		border-spacing:0;
		line-height:14px;
		color: #000;
	}

	#maincontent table.data {
		margin:0 0 25px 0;
		width: 100%;
		border-bottom:2px solid #FC0;
	}
		
	#maincontent div.data {
		margin:0 0 0 0;
		width: 100%;
		border-bottom:2px solid #FC0;
	}
	
	#maincontent div.data table.data {
		margin:0 0 0 0;
		width: 100%;
		border-bottom: none;
	}
	
	table.data td {
		border-bottom: 1px solid #444;
	}

	table.data td, th {
		padding:5px 10px 5px 10px;
	}

	thead th {
		text-align: left;
		background: #0084B6;
		color: #FFF;
		text-transform:uppercase;
		font-weight: bold;
	}
	
	thead th a:link, thead th a:visited {
		color:#FFF;
	}
	
	thead th a:hover {
		text-decoration:underline;
	}

	tbody tr {
		text-align:left;
	}

	tbody tr.oddrow	{
		background-color:#EEE/*#cacaca;;*/
	}

	tbody tr.newform td {
		border-top: 5px double #0084B6;
	}
	
	.right {
		text-align:right;
	}
	
	table.data tbody tr:hover {
		background-color:#cacbe4;/*#0084B6;*/
		color:black;
	}
	
	table.data tbody tr.emptyRow:hover {
		background-color:white;
		color:black;
	}
	
/*

Header and menu

*/

#footer {
	bottom:0px;
	width:100%;
	background-color:#444;
	border-top:4px solid #FC0;
	position:fixed;
	z-index:10;
}

html>body #footer {
    bottom:0;
    }

	#footer p {
		color:#FFF;
		margin:0;
		padding:10px 25px;
	}
	
/*

Please wait box

*/

#hold {
	border:2px solid #FC0;
	width:200px;
	height:120px;
	background-color:#FFF;
	text-align:center;
}

	#hold img {
		padding:34px 0 19px 0;
	}
	
	#hold p {
	line-height:20px;
	margin:0;
	}
		
/*

Extra by nlbeck

*/

.TradeFromOwnCompany {
	font-weight: bold;
}

.Selected {
	background-color: #FC0;
}

.Ok {
	background-color: #FC0;
	color: darkgreen;
	font-weight: bold;
	padding: 5px;
	text-align: center;
}

.showOnlyWhenPrinting {
	visibility: hidden;
}

.comment {
	font-style: italic;
	padding-left: 15px;
	padding-right: 15px;
	text-align: justify;
}

.right {
	text-align: right;
}

pre {
	font-size: small;
}

.redBackground {
	background: #D78989;
}

.greenBackground {
	background: #abe252;
}

.yellowBackground {
	background: #F4A460;
}

.scrollBox {
	overflow: scroll;
	width: 500px;
	height: 350px
}

/*

Comments

*/

#commentFooter {
	bottom: 0px;
	right: 54px;
	position: fixed;
	z-index: 11;
}

#commentWindow {
	bottom: 200px;
	right: 400px;
	position: fixed;
	z-index: 20;
	border: 1px solid black;
	background: beige;
	padding: 8px;
}