@import url("../ab.css");

@media screen {
	.header {
		border-bottom: #8000ff 1px solid;
		position: absolute;
		left: 0px;
		top: 0px;
		height: 52px;
		width: 100%;
		padding: 0px;
		margin: 0px;
		overflow: hidden;
		clear: both;
		max-width: 1000px;

	}

	.topleftnav {
		height: 36px;
		background-color: black;
		overflow: hidden;
		color: white;
		text-align: right;
		padding: 0px;
		vertical-align: middle;
		margin: 0px;
		padding: 0px;
		position: relative;
		left: 0px;
		top: 0px;
		display: block;
		z-index: -1;
		/*width: 100%;*/
	}



	body#area_DotEdit .header {
		border-bottom-color: #0080ff;
	}

	body#area_DotEdit .leftnav {
		border-right-color: #0080ff;
		border-bottom-color: #0080ff;
	}


	body#area_Iosphere .header {
		border-bottom-color: #ff8000;
	}

	body#area_Iosphere .leftnav {
		border-right-color: #ff8000;
		border-bottom-color: #ff8000;
	}

	.mainbody {
		padding-left: 180px;
		padding-right: 20px;
		padding-top: 10px;
		clear: none;
		float: none;
		top: 52px;
		left:0px;
		position: absolute;
		max-width: 800px;
		background-color: white;
	}
	
	

	.footer {
		clear: both;
		border-top: black 1px dashed;
		padding: 10px;
		text-align: center;
		margin-top: 10px;
	}
	
	.cookiecrumb  {
			background-color: #ddeeff;
			padding: 3px;
			margin-bottom: 5px;
			vertical-align: middle;
			color:black;
	}

	
	.leftnav {
		float: left;
		position: absolute;
		/*height: 100%;*/
		width: 145px;
		left: 0px;
		top: 53px;
		border-right: #8000ff 1px solid;
		border-bottom: #8000ff 1px solid;
		padding-left: 8px;
		padding-right: 5px;
		padding-top: 4px;
		overflow: hidden;
		background-color: #fcfcfc;
	}


	.leftnav .title {
		display: block;
		margin-bottom: 2px;
		margin-top: 8px;
	}
	
	.leftnav span.title {
		border-bottom: black 1px solid;
	}

	/* Section borders */
	.leftnav span.title#title_software {
		border-bottom-color: orange;
	}

	.leftnav span.title#title_services {
		border-bottom-color: red;
	}


	.leftnav span.title#title_articles {
		border-bottom-color: blue;
	}
	
	.leftnav span.title#title_general_interest {
		border-bottom-color: #e1e100;
	}

	.leftnav span.title#title_resources {
		border-bottom-color: #008080;
	}

	.leftnav span.title#title_home {
		border-bottom-color: #8000ff;
	}

	/* End Section borders */

	.leftnav li {
		list-style: none;
		/*margin-left: 0px;
		text-indent: 0px;
		margin-right: 0px;
		padding-left: 0px;
		left: 0px;*/
		margin: 0;
		padding: 0;
		text-indent: 0px;
		
		width: 145px;
		overflow: hidden;
		vertical-align: bottom;
	}
	
	.leftnav li.title {
		font-weight: bold;

/*		list-style: none;
		margin-left: 0px;
		text-indent: 0px;
		margin-right: 0px;
		padding-left: 0px;
		left: 0px;*/


	}

	.leftnav li.subtitle {
		font-weight: normal;
	}

	.leftnav li.subtitle_active {
		font-weight: bold;
		background-color: #eeeeee;
	}

	.leftnav li.sectionitem {
		padding-left: 3px;
		font-size: smaller;
		white-space: nowrap;
		overflow: hidden;
		font-weight: normal;
	}
	


	.leftnav ul {
		/*margin-left: 0px;
		margin-right: 0px;*/
		margin: 0;
		padding: 0;
		text-indent: 0px;
		/*padding-left: 0px;*/
		width: 145px;
	}
	
	.leftnav ul.sectionitem {
		background-color: #efefef;
	}
	
	.biginfobox {
		border: black 1px solid;
		position: relative;
		width: 500px;
		height: 300px;
	}
	
	.biginfoboxlogo {
		/*float: left;*/
		vertical-align: middle;
		border: none;
	}


	.biginfoboxtitle {
		font-size: 25px;
		font-weight: bold;
		
		vertical-align: middle;
		
		position: absolute;
		top: 0px;
		height: 85px;
		width: 100%;
		
		
	}
	
	.biginfoboxinfocol1, .biginfoboxinfocol2 {
		font-size: 8pt;
		overflow: auto;
		vertical-align: middle;
		clear: both;
		border-right: silver 1px dotted;
		
		padding: 6px;

		width: 165px;
		height: 190px;


		top: 85px;
	}
	
	.biginfoboxinfocol1 {
		position: absolute;
		left: 0px;
	}
	
	.biginfoboxinfocol2 {
		position: absolute;
		left: 180px;
	}
	
	.biginfoboximg {
		position: absolute;
		
		top: 85px;
		left: 360px;
		width: 140px;
		height: 190px;
		overflow: hidden;
	}		
	
	.biginfobox#deinfo {
		border: blue 1px solid;
	}
	
	div.searchbox {
	  margin-top: 10px;
	}
}


@media print {	

h1 {
	padding-bottom: 1pt;
	margin-bottom: 1pt;
}


h2 {
	padding-bottom: 1pt;
	margin-bottom: 1pt;
	font-size: 16pt;
}

.mainbody {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	clear: none;
	float: none;
	top: 0px;
	left:0px;
	position: relative;
	background-color: white;
}

.header {
	display: none;
	visibility: hidden;
	height: 0px;
}

.topleftnav {
	display: none;
	visibility: hidden;
	height: 0px;
}

.cookiecrumb {
	display: none;
	visibility: hidden;
	height: 0px;
}


.leftnav {
	border: #8000ff 1px solid;
	overflow: hidden;
	background-color: #fcfcfc;
	position: relative;
	width: 100%;
	visibility: hidden;
	height: 0px;

}


.leftnav .title {
	margin-bottom: 2px;
	margin-top: 8px;
}

.leftnav span.title {
	display: inline;
	border-bottom: black 1px solid;
}

/* Section borders */
.leftnav span.title#title_software {
	border-bottom-color: orange;
}

.leftnav span.title#title_services {
	border-bottom-color: red;
}


.leftnav span.title#title_articles {
	border-bottom-color: blue;
}

.leftnav span.title#title_general_interest {
	border-bottom-color: #e1e100;
}

.leftnav span.title#title_resources {
	border-bottom-color: #008080;
}

.leftnav span.title#title_home {
	border-bottom-color: #8000ff;
}

/* End Section borders */

.leftnav li {
	list-style: none;
	margin: 1px;
	padding: 2px;
	white-space: nowrap;
	text-indent: 0px;
	margin-right: 0px;
	
	overflow: auto;
	display: inline;
	width: auto;
	height: auto;
}

.leftnav li.title {
	font-weight: bold;
	list-style: none;
	display: block;
	white-space: nowrap;
}

.leftnav li.subtitle {
	font-weight: normal;
	list-style: none;
	display: inline;
	white-space: nowrap;
	border: silver 1px solid;
}

.leftnav li.subtitle_active {
	font-weight: bold;
	background-color: #eeeeee;
	list-style: none;
	display: inline;
	white-space: nowrap;
}

.leftnav li.sectionitem {
	padding-left: 3px;
	font-size: 8pt;
	white-space: nowrap;
	overflow: hidden;
	font-weight: normal;
	display: none;
	width: 0px;
	height: 0px;
	display: none;
}

.leftnav ul {
	margin-left: 0px;
	margin-right: 0px;
	text-indent: 0px;
	padding-left: 0px;
	display: inline;
	width: auto;
	white-space: nowrap;
}

}