/* CSS Document */

body {
	text-align:center; /* Center #page */
	background-color: #DCDEDC;
	padding-bottom: 30px; /* Make some space between #page and the end of the page */
	}
	
body div {
	text-align:left; /* #page is the only thing which we want to be centered */
	padding: 0 0 0 0; /* Should be default, but to be sure... */
	}
	
	/* The main div which is parent to all other divs on the page. */
	#page {
		position:relative;
		width: 760px;
		background-color:#FFFFFF;
		border: #CCCCCC 1px solid;
		}
	
		#header {
			margin-left:0px;
			margin-right:0px;
			}
		
			/* The thick red border at the top of the page */
			#header #headertop {
				height:100px;
				background-color: #FFFFFF;
				border-bottom: solid 1px #CCCCCC;
				}
			
			/* A top menu */
			#header #headermenu {
				height: 20px;
				padding-left: 20px;
				padding-top: 3px;
				border-bottom: solid 1px #CCCCCC;
				}
			
		/* Holds the leftmenu */
		#left {
			margin-left: 0;
			width:120px;
			float: left;
			}
			
			#left #lefttop {
				height:70px; /* Should be the same height as "#content .title" further down. */
				border-bottom: #FF7418 2px solid; 
				clear: both;
				/*border-right: 0px solid grey;*/
				}
			
			/* Left menu. (The main menu) */
			#left #leftmenu {
			width: 120px;
				}
				
		#titleunderline {
			margin: 0;
			background-image:url(/jpg/titleunderlinegra.jpg);
		}
			
		/* #content is the big div in the middle where the title and the content are presented*/
		#content {
			/* Make #content flexible. #content uses the width which is left of the total width of #page when #left and #right has taken their width. */
			margin-left: 120px; /* Should be the same as the width of #left (+ padding) */
			margin-right: 145px; /* Should be the same as the width of #right (+ padding) */
			/*float: left; */
			padding: 0;
			}
			/* For images which is wanted "in the text", on the left side. */
			#content div div #floatleft{
			margin: 3px 10px 0 0; /*Margin-right and some margin-top to get in line with the text. */
			float: left;
			}
			/* If top and bottom margins are wanted just add another layer inside #floatleft. */ 
			#content div div #floatleft div{
			margin: 10px 10px 10px 0; /*No margin-left */
			float: left;
			}
			/* For images which is wanted "in the text", on the right side. */
			#content div div #floatright{
			margin: 3px 0 0 10px; /* Margin-left and some margin-top to get in line with the text. */
			float: right;
			}
			/* If top and bottom margins are wanted just add another layer inside #floatright. */ 
			#content div div #floatright div{
			margin: 10px 0 10px 10px; /* No margin-right */
			float: right;
			}
			/* For "fullwidth" images which may not be fullwidth sometimes (and should be centered). */
			#content div div #center{
			margin: 10px 0; /* Only margin-top and margin-bottom. */
			text-align: center;
			}
			/* A border from side to side */
			#content div div .pagebreak{
			margin: 10px 0; /* Pretty close to the sides, but not all the way. Some more space up and down. */
			border-top: dashed #CCCCCC 1px;
			}
			
			/* Here goes the title*/
			#content #title {
				height:70px; /* 48px; */ /* Should be the same height as "#left .top" further up - the padding some rows further down. */
				/*border-bottom: #DD0000 2px solid;*/
				/*padding-top: 25px;*/
				padding-left: 15px;
				padding-right: 15px;
				padding-top: 0; /*22px;*/
				padding-bottom: 0;
				margin: 0;
				/*float: left; Pretty bad solution for the red border problem */
				}
			
			/* Here goes the content */
			#content #feature {
				margin: 0;
				/*margin-top: 5px;*/ /* Otherwise the gray, dotted border will get to close to the red border */
				/*border-top: #8D8D8D 2px solid;*/
				border-left: #CCCCCC 1px dotted;
				border-right: #CCCCCC 1px dotted;
				/*float: left; */
				}
				#content #feature #output{
					padding-top: 12px;
					padding-right: 15px;
					padding-left: 15px;
					padding-bottom: 15px;
					margin-left: 0;
					margin-right: 0;
					margin-top: 5px; /* Otherwise the gray, dotted border will get to close to the red border */
					margin-bottom: 3px; /* Otherwise the gray, dotted border will get to close to the footer */
					/*border-left: #CCCCCC 1px dotted;
					border-right: #CCCCCC 1px dotted;*/
					/*float: left; */
					}
		
		/* #right is the div to the right side of #content where highlighs and related links are placed. */
		#right {
			float: right;
			width: 130px;
			padding-top: 0px; /* = The height of "#left .top" and "#content .title" + 10px */
			padding-right: 5px;
			padding-left: 10px;
			}
			#righttop {
				float: none;
				width: 120px;
				padding-bottom: 50px; /* = The height of "#left .top" and "#content .title" + 10px */
				padding-top: 5px;
				padding-left: 0px;
				text-align: right;
			}
		.rightredarea { /* Used as class on div */
			margin-left: 0;
			margin-right: 5px;
			/*height: 16px;*/
			padding: 3px 0 4px 4px;
			background-image:url(/jpg/buttongra.jpg);
			background-color: #8D8D8D;
			/*border-bottom: 2px solid #FFFFFF;*/
		}
		.rightgrayarea {
			margin-left: 0;
			margin-right: 5px;
			padding-top: 2px;
			padding-left: 4px;
			padding-bottom: 3px;
			background-color: #FFE9DA;
		}
						
		/* 	A kind of a border at the of the #page-div where a short copyright text should be written. */
		#footer {
			background-color: #CCCCCC;
			padding-top: 4px;
			/*height: 20px;*/
			margin-left: 0;
			margin-right: 0;
			clear: both;
			
			}
		#tdred {
			background-color: #FEE4D8;
		}
		.rowunderline {
		border-bottom: #000000 solid 1px;
		}
		.rowspacer {
		font-size: 1px;
		height: 3px;
		}
		.rowunderlinespacer {
		border-bottom: #000000 solid 1px;
		font-size: 1px;
		height: 3px;
		}
		
		/* Puts a nice light gray border around the text input fields. */
		.input {
			border: 2px gray solid;
		}
		
.noborder {
	text-decoration:none;
	border: 0px white solid;
	margin:0;
}

		
/* Table styles ------------------------------------------------------------------------------ */
.td {
border-bottom: #CCCCCC dotted 1px;
}
.tdbold {
	border-bottom: #CCCCCC dotted 1px;
	font-weight:bold;
}
.tdfat {
	border-bottom: #CCCCCC dotted 2px;
}
.tdfatbold {
	border-bottom: #CCCCCC dotted 2px;
	font-weight:bold;
}