/* screen only */
@media screen {
	.skipscreen {
		display: none;
	}
	

	/**************************************** Main page layout ****************************************/	

	body {
		margin: 0 0 1em 0;
		padding: 0px;
	
		background: white url(2004-gradient.jpg) repeat-x top left;
	
		/*
			Since NN4, Win/IE4, Win/IE5, Win/IE5.5 and Win/IE6 (quirks-mode) dont 
			implement "margin: auto" correctly, use the "text-align" trick.
			see http://www.maxdesign.com.au/presentation/center/
		*/
		text-align: center;
	}
	
	/* the div with id "container" is the globally centered contents block */
	#container
	{
		text-align: left;
	
		/* 
			the width of the contents equals the width of the header img
		*/
		width: 829px;
		padding: 0px 3px;	/* note: when changing padding, don't forget to change the positioning for absolute child elements */
	
		/*
			padding and margin is added to child elements
		*/
		margin: 0px auto;
	
		background: white;
		border: solid silver;
		border-width: 0 1px 1px 1px;
		
		overflow: hidden;
		
		/* some trick to let IE apply min-height (IE treats height as it was min-height, actually)*/
		height: expression(this.scrollHeight < 1050? "1050px" : "auto" ); 
		min-height: 1050px;
	
		
		/*
			We need to define this block as relatively positioned, if we want to do 
			absolute positioning for the child blocks
		*/
		position: relative;
	
	}
	
	.toplogo {
		margin-top: 0px;
	}

	.headertitle, .subsubnavigation {	
		position: absolute;	
		left: 162px;		/* left menu (3px padding + 142px + 2px padding) + 15 px whitespace*/		
		width: 511px;		/* = 829px - 157px (left) - 151px (right=142px+4px+5)*/
		overflow: hidden;		
	}

	.contents {
		margin-left: 159px;	/* note: since we're using margin, the padding from #container does not need to be included*/
		padding-top: 85px;
		width: 511px;
		overflow: hidden;
		z-index: 50;
	}

	.footer {
		padding-top: 200px;
		margin-left: 154px;
		width: 528px;
		font-size: x-small;
		text-align: center;
	}
	
	.footerdivider {
		margin-bottom: 10px;
	}

	.headertitle {
		top: 140px;
		font-size: xx-small;
	}
	
	.subsubnavigation {
		top: 165px;
	}

	.navigation {
		position: absolute;
		top: 130px;
		text-align: left;
		left: 3px;	/* = #container padding*/
		width: 142px;
		padding: 1px;		
		z-index: 50;
		overflow: hidden;
	}

	.stuffbar {
		position: absolute;
		right: 3px;	/* = #container padding*/
		top: 130px;
		width: 142px; /* was 165px;*/
		padding: 0 4px 0 0;
		margin: 0px;
		z-index: 50;
		font-size: 8pt;
		overflow: hidden;
	}
	
	.stuffbox .picture 
	{
		padding: 0 !important;
	}

	/**************************************** Headers (contents) ****************************************/

	.contents h2 {
		background: url('../images/titleline-blue.gif');
		background-repeat: no-repeat;
		background-position: bottom left;
		padding-left: 25px;
		padding-bottom: 3px;
	}

	.contents h3 {
		
	}

	.contents h4 {

		font-size: 9pt;
	}

	small {
		 font-size: 8pt;
 	}



	/**************************************** Stuffbar ****************************************/

	.stuffbar h2 {
		font-size: small;

		color: #000;
		padding: 3px;
		padding-left: 10px;
		border: 1px dashed #00C0C0;
	}

	.stuffbar ul {
		margin-left: 0px;
		padding-left: 0px;
		list-style-position: inside;
		list-style-image: url('../images/arrow.jpg');
	}


	/**************************************** PageBrowser (News/Download) ****************************************/

	.pagebrowser {
		text-align: center;

	}


	/**************************************** Navigation ****************************************/
	
	.subsubnavigation{
		font-size: 8pt;

	}
	.navigation {
		font-size: 8pt;
	}
	.subnavigation {
		font-size: 8pt;

	}

	ul.navigationlist a.current {
		font-weight: bold;
		background-color: #FFFFFF; 
		vertical-align: middle;
	}

	a.current:visited, a.current:link {
		color: #f70;
	}

	ul.navigationlist {
		padding: 0px;
		margin: 0px;
		margin-bottom: 10px;
		list-style-type: none;
	}

	ul.navigationlist li a {
		display: block;
		padding: 5px;
		text-decoration: none;
	}

	ul.navigationlist li a:hover {
		background-color: #F0F0FA;
	}

	ul.navigationlist li {
		border-bottom: 1px solid #ccc;
	}


	/**************************************** SUB-Navigation ****************************************/

	ul.subnavigation {
		padding: 0px;
		margin-left: 20px;
		list-style-type: none;
		list-style-image: url('../images/sub.gif');
	}
	ul.subnavigation li {
		border: none;
	}
	ul.subnavigation li a {
		padding: 2px;
	}


	/**************************************** SUB-SUB-Navigation ****************************************/

	.subsubnavigation ul {
		margin: 1px;
		padding: 0px;
		clear: left;
	}

	/* use display:block and float:left instead of display:inline (make IE5 happy) */
	.subsubnavigation li {
		display: block;
		float: left;
	
		padding-right: 10px;
		padding-left: 10px;
		padding-top: 2px;
		padding-bottom: 2px;
		border-right: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-bottom: 1px solid #C8C9E0;
		border-top: 1px solid #C8C9E0;
		background-color: #F2F8FE; 
		
		/* don't wrap text inside a label automatically */
		white-space: nowrap;
		
		/*
			some tricks to make sure the lines in between labels are only 1px wide 
			(using a margin of -1 causes the borders of two cells to overlap, 
			 resulting in one visual border)
		*/
		margin-top: -1px;
		margin-right: -1px;
	}
	.subsubnavigation li a {
		text-decoration: none;
	}
	.subsubnavigation li a:hover {
		text-decoration: none;
		color: #f70;
	}

	/**************************************** Search box ****************************************/

	#search {
		text-align: right;
	}

	#search input {
		background-color: transparent;
	}
	
	/********************************** tech spec tables (satel modems) ******************************/
	
	table.techspecs
	{
		width: 90%;
		table-layout: fixed;
	}
	
	table.techspecs td
	{

	}
	

}

/**************************************** common definitions ****************************************/


body, table, td, tr {
	font-family: arial, verdana, sans-serif;
	font-size: x-small;
}

/*
	This 'hack' (http://www.tantek.com/CSS/Examples/inlinehpf.html) makes sure the font-size: x-small rule is applied
	only in IE4/5. Good browsers will ignore the erroneous rule ans apply "font-size: small" as required
*/
i{content:"\"/*"}
  
body, table, td, tr {
	font-size: small;
}
 

/* link colors */
a:link, a:visited {
	color: #44e;
}

acronym, abbr {
	border-bottom: 1px dashed #aaa;
	cursor: help;
}

blockquote {
	font-size: x-small;
	padding: 5px;
	background-color: #eee;
	margin-right: 0px;
}
blockquote p {
	margin: 0px;
}

.picture {
	padding: 5px;
	text-align: center;
}

.right {
	float: right;
	padding: 10px;
}

.left {
	float: left;

}

table td {
	vertical-align: top;
}


.header h1 {
	margin: 0px;
	font-size: 14pt;
	color: #444;
}

form {
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}

img {
	border: none;
}

label {
	cursor: hand;
}

input, select, textarea, label { 
	margin: 2px; 
	vertical-align: middle;
}

pre {
	font-size: small;
}

table.stats {
	padding: 5px;
}

table.stats td {
	background-color: #eee;
	padding: 2px;
}
table.stats th {
	background-color: #ccc;
	padding: 3px;
}


/**************************************** headers (size & font) ****************************************/

.contents h2, .contents h3, .contents h4 {
	font-family: Arial;
}
.contents h2 {
	font-size: 10pt;
}
.contents h3 {
	font-size: 11pt;	
}


/**************************************** error box (e.g. forward.asp) ****************************************/
.error {
	color: #f44;
	border: 2px solid #f44;
	padding: 10px;
}

/**************************************** print version ****************************************/
@media print {
	/* hide unnecessary data */
	.navigation, .subnavigation, .skipprint, .toplogo, .footer, .stuffbar {
		display: none;
	}

	/* nothing is positioned absolute */
	.contents, .header {
		position: static;
		width: auto;
		height: auto;
		left: auto;
		top: auto;
		right: auto;
		bottom: auto;
		float: none;
		background-image: none;
	}

	/* no background image */
	body {
		background-image: none;
	}

	/* hide form input fields */
	form, input {
		display:none;
	}

	/* force a bigger size for headers */
	h1 {
		font-size: 16pt !important;	
	}

	h2 {
		font-size: 14pt !important;	
	}

	h3 {
		font-size: 12pt !important;	
	}

	h4 {
		font-size: 10pt !important;	
	}

	h1, h2, h3, h4 {
		border-bottom: 1px solid black;
	}

	/* header has little margin below */
	.header {
		margin-bottom: 25px;
	}

}