* {
    margin: 0;
    padding: 0;
}
html, body {
	height:100%;
}

body {
	margin:0;
	padding:0;
	font:0.69em/1.5em Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	min-width:90em; /* For moderne Browser: 90em =~ 1024px */
}

table {
	padding:1em;
}
	table th {
		background-color:#eeeeee;
		font-weight:normal;
		padding:0.5em 0 0.4em 0.5em;
		width:17em;
	}
	table td {
		padding:0.5em 0 0.4em 0.5em;
	}


#wrapper {
    height: 100%;
    min-height: 100%;
    height: auto !important;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding-bottom: 12em;
 }

h1, h2, h3 {
	font:italic 2.1em Georgia, Times, serif;
	padding:0;
	margin:0;
	color:#1A77EB;
}
h2 {
	margin-bottom:0.2em;
}

ul {
	margin:0;
	padding:0;
}

a {
	color:#1a77eb;
	text-decoration:none;
}
a:hover,a:focus {
	background-color:#dddddd;
	text-decoration:underline;
}

.content a {
	border:1px dotted #ffffff;
	border-bottom:1px dotted #5189B5;
}
.continue_reading a {
	text-decoration:none;
}

.footer a:hover, .footer a:focus,
.header a:hover, .header a:focus {
	background-color:transparent;
}

pre {
	font-size:1.5em;
	background-color:#eeeeee;
	padding:1em;
}
	pre code {
		font-size:inherit;
	}
code {
	font-size:1.5em;
}

acronym {
	cursor:help;
}

fieldset {
	border:none;
}

.redColor{
	color:#ff0000;
	border:#ff0000 dotted 1px;
	padding:3em;
}
#content .contentArea .realContent #viewpage .redColor a{
	color:#ff0000;
	border:1px dotted #ffffff;
	border-bottom:1px dotted #ff0000;
}

.doMid {
	text-align:left;
	margin:0 auto;
	width:88em;
}

.header {
	margin:0 auto;
	width:100%;
	height:17.8em;
}
	.header .black_line {
		height:0.55em;
		background-color:#000000;
		color:#ffffff;
	}
	.header .main_header {
		height:6.90em;
		background-color:#000000;
		background:url('../../images/theme/sitetech/header_main.png') repeat;
	}
		.header .main_header .logo {
			float:left;
			width:35.3em;
			height:6.70em;
			border:none;
		}
		.header .main_header .beta_sign {
			float:left;
			width:5.90em;
			height:4.06em;
			margin-top:-0.6em;
		}
		.header .main_header .library_text {	
			float:left;
			top:1.5em;
			margin:-3em 0 0 25em;
			width:27.10em;
			height:4.55em;
		}
		
	.header .main_bar {
		height:10em;
		background-color:#333333;
	}	
		.header .main_bar .menu {
			margin-left:1.85em;
		}
		.header .main_bar .menu li {
			display:block;
			float:left;
			list-style:none;
			margin-right:0.1em;
		}
			.header .main_bar .menu li a {
				color:#ffffff;
				float:left;
				padding:8em 1.75em 0.5em 1.75em;
			}
			.header .main_bar .menu li a:hover,
			.header .main_bar .menu .current_page_item {
				text-decoration:underline;
				background-color:#5c5c5c;
			}
		.header .main_bar .hotlinks {
			position:absolute;
			width:18.82em;
			height:14.45em;
			margin-left:61.6em;
			top:7.9em;
		}
		.header .main_bar .athmo {		
			position:absolute;
			width:18.82em;
			height:14.45em;
		}
		.header .main_bar .button_link_demo, 
		.header .main_bar .button_link_screencast {
			position:absolute;
			height:3.45em;
			overflow:hidden;
			margin:1.7em 0 0 6.4em;
			padding:0.1em;
			color:#ffffff;
		}
		.header .main_bar .button_link_screencast {
			margin-top:4em;
		}
		.header .main_bar .button_link_screencast:hover, 
		.header .main_bar .button_link_demo:hover, 
		.button_link_decrease:hover, 
		.button_link_increase:hover, 
		.button_link_reset:hover,
		.button_link_dark:hover, 
		.button_link_bright:hover {
			border:0.1em solid #333333;
			padding:0;
		}
		.header .main_bar .button_screencast,
		.header .main_bar .button_demo {
			display:block;
			width:9em;
			height:3.45em;
			z-index:10;
			border:none;
		}
		
		.fontsize_controls {
			display:block;
			margin-left:-0.55em;
		}		
		.contrastmode_controls {
			display:block;
			margin:0.2em 0 0 -0.4em;
		}
		.button_link_decrease, .button_link_increase, .button_link_reset, .button_link_dark, .button_link_bright {
			padding:0.1em;
		}
		.button_decrease, .button_increase, .button_reset, .button_dark, .button_bright {
			border:none;
			width:3.73em;
			height:2.09em;
		}
	
	.header .cyan_line {
		height:0.36em;
		background-color:#1a77eb;
	}

#content {
	overflow:hidden;
	padding-bottom:5em;
}
	#content .contentArea {
		width:58em;
		margin:3em 2.5em 0 2em;
		float:left;
	}
		#content .contentArea .adArea {
			width:64em;
			height:18em;
			font-size:0.9em;
			margin-bottom:5em;
		}
			#content .contentArea .adArea .adItem {
				float:left;
				width:16em;
				height:90%;
				border-top:0.4em solid #dddddd;
				border-bottom:0.4em solid #dddddd;
				padding:1.5em 1.5em 2em 1.5em;
				margin-right:2em;
			}
			#content .contentArea .adArea .adItem img {	
				margin-bottom:1em;
				width:15em;
				height:6em;
			}
			#content .contentArea .adArea .adItem:hover {
				border-top:0.4em solid #1a77eb;
				border-bottom:0.4em solid #1a77eb;
				cursor:help;
			}
			#content .contentArea .realContent {
				padding:0.8em 1.3em 1.3em 1.3em;
			}
				#content .contentArea .realContent .more {
					background:url('../../images/theme/icons/article.gif') no-repeat;
					padding-left:2em;
					margin-right:2em;
				}
				#content .contentArea .realContent .comments {
					background:url('../../images/theme/icons/comment.gif') no-repeat;
					padding-left:2em;
				}
				#content .contentArea .realContent .archivemonth {
					font-size:1.4em;
					margin:1.2em 0 0.3em 0;
					color:#666666;
				}
				#content .contentArea .realContent #viewpage a {
					border:1px dotted #ffffff;
					border-bottom:1px dotted #5189B5;
				}
				#content .contentArea .realContent #viewpage a:hover {
					text-decoration:none;
					background-color:#dddddd;
				}
				#content .contentArea .realContent #viewpage ul,
				#content .contentArea .realContent #viewpage .doc li ul li ul {					
					margin:0 0 0 2em;
				}
				#content .contentArea .realContent #viewpage .doc {
					list-style-type:none;
				}
				#content .contentArea .realContent #viewpage .doc li ul {				
					margin:0 0 1em 2em;
					list-style-type:none;
				}
				p {
					padding:0.5em 0 0.5em 0;
				}
			#content .contentArea .realContent .content ul {
				margin:0 0 1em 2em;
			}
			#content .contentArea .realContent .content ul li {
				list-style:square;
			}
			
		#content .moduleArea {
			float:left;
			width:17em;	
			padding:4em 0 10em 4em;
			background:url('../../images/theme/sitetech/separator.png') no-repeat left bottom;
		}
			#content .moduleArea ul li {
				list-style:none;
			}
			#content .moduleArea h3, #viewpage h3 {
				font-size:1.4em;
				margin-top:1em;
				color:#666666;
			}	
			#content .moduleArea h3 {
				clear:both;
			}
			#content .moduleArea ul.networking {
				margin:0.3em 0 3em 0;
			}
				#content .moduleArea ul.networking li {
					float:left;
					margin-right:0.35em;
				}	
			#content .moduleArea .logo_dd {
				width:13.55em;
				height:2.17em;
				margin:4em 0 1em 0;
			}
			#content .moduleArea .logo_fh {
				width:9.9em;
				height:6.14em;
			}

.footer {
	margin:0 auto;
	width:100%;
	color:#ffffff;
	background-color:#363636;
	position: absolute;
    bottom:0;
    overflow:hidden;
}

	.footer .blue_line {
		height:0.5em;
		background:url('../../images/theme/sitetech/header_main.png') repeat;
	}
	.footer .black_line {
		overflow:hidden;
		background:#363636 url('../../images/theme/sitetech/footer_back.png') repeat-x;
	}
		.footer .black_line .whos_behind {
			float:left;
			margin:5em 0 0 10em;
			width:9em;
			height:8.675em;
		}
		.footer .black_line .box {
			padding:2em 1em 2em 1em;
			float:left;
			margin:0 5em 0 5em;
		}
			.footer .black_line .box h3 {
				font-size:1.4em;
				margin-bottom:0.5em;
				color:#ffffff;
			}
			.footer .black_line .box ul {
				margin-left:1em;
			}
			.footer .black_line .box li {
				font-family:Arial, Helvetica, sans-serif;
				list-style:square;
				margin-left:0.5em;
			}
			.footer .black_line .box a {
				font-family:Verdana, Arial, Helvetica, sans-serif;
				color:#ffffff;
			}

.searchField {
	float:left;
	margin-top:0.3em;
}

.searchButton {
	margin:0.5em 0 0 0.5em;
	width:1.30em;
	height:1.30em;
}

.invisible {
	display:none;
}

.bright {
	background:#ffffff url('../../images/theme/sitetech/viewpage_back.png') repeat-x;
}

.dark {
	background-color:#000000;
	color:#ffffff;
}
	.dark #viewpage h2, .dark #viewpage h3, #content.dark .moduleArea h3 {
		color:#ffffff;
	}
	.dark a {
		color:#ffffff;
	}
	.dark #viewpage a:hover {
		color:#000000;
	}

.tester {
	border:1px solid green;
}