/*\
|*| general.css
|*|
|*| This style part contains general markup constraints to ensure browser compatibility;
\*/
	/*\
	|*| General initialization
	\*/
		html, body {
			margin : 0;
			padding : 0;
		}

		html {
			height : 100%;
		}

		body {
			background : #FFFFFF url("../../pic/logos/bitwise/bw-fuller-standard-greyscale.png") no-repeat fixed center center;
			color : #000000;
			font-family : "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;
			font-size : 11pt;
			font-style : normal;
			font-weight : normal;
			position : relative;
			min-height : 100%;
		}

		* html body {
			height : 100%;
		}
/*\
|*| text.css
|*|
|*| This style part contains the text style in its various forms (headers/paragraphs)
\*/
	/*\
	|*| Heading styles
	\*/
		h1 {
			color : #339933;
			font-size : 200%;
			font-weight : bold;
			margin : 1ex 3em .5em .5em;
		}

		h2 {
			color : #993333;
			font-size : 150%;
			font-weight : bold;
			margin : 2ex 3em .3em 1em;
		}

	/*\
	|*| Paragraph styles
	\*/
		/* Default paragraph */
		p {
			margin : 0;
			padding : 0;
		}

		/* Header paragraph */
		p#head {
			border-bottom : 2px solid #339933;
			padding-top : 2px;
		}

		/* Navigation bar text */
		p.navigation {
			background-color : #339933;
			color : #CCCCCC;
			width : 100%;
		}

		/* Standard page text */
		p.text {
			line-height : 1.4em;
			margin-right : 4em;
			margin-left : 2em;
			text-align : justify;
		}

		/* Copyright notice */
		p.copyright_notice {
			color : #999999;
			font-size : 90%;
			text-align : center;
			white-space : nowrap;
		}

		/* Small note paragraph */
		p.note {
			color : #999999;
			font-size : 85%;
		}
		/* Miscellaneous centered text */
		p.center {
			text-align : center;
		}

		/* Miscellaneous text right aligned */
		p.right {
			margin-right : 4em;
			text-align : right;
		}

		/* Footer paragraph */
		p#foot {
			border-top : 2px solid #339933;
			padding-top : 8px;
		}

		/* Paragraph separator line */
		hr.separator {
			background-color : #CCCCCC;
			border-style : solid;
			color : #CCCCCC;
			height : 2px;
			width : 60%;
		}
/*\
|*| positioning.css
|*|
|*| This style part covers the positioning of various elements throughout page text.
\*/
	/*\
	|*| Products
	\*/
		div.product {
			padding : 1px;
		}

	/*\
	|*| Miscellaneous
	\*/
		/* Screenshot frame on the right */
		div.screenshot1 {
			color : #666666;
			display : inline;
			float : right;
			font-size : 90%;
			margin-right : 4em;
			padding : 4px 8px 4px 8px;
			text-align : center;
		}

		/* Screenshot frame on the left */
		div.screenshot2 {
			color : #666666;
			display : inline;
			float : left;
			font-size : 90%;
			margin-left : 2em;
			margin-right : 1em;
			padding : 4px 8px 4px 8px;
			text-align : center;
		}

		/* System compatibility icons frame */
		div.sys_icons {
			border : 2px dotted #CCCCCC;
			color : #000000;
			cursor : help;
			display : inline;
			float : right;
			margin-right : 4em;
			padding : 4px 8px 4px 8px;
			white-space : nowrap;
		}

		div.sys_icons:hover {
			background-color : #F0FFF0;
			border-color : #99FF99;
		}

		/* Error frame when filling in a form */
		div.error {
			border : 2px dotted #FF0000;
			color : #000000;
			display : inline;
			float : right;
			margin-right : 2em;
			padding : 4px 8px 4px 8px;
		}/*\
|*| screenlayout.css
|*|
|*| This style part contains the bare layout
\*/
	/*\
	|*| Positioning site elements
	\*/
		/* Applies to both header and footer */
		div#header, div#footer {
			position : absolute;
			width : 100%;
		}

		/* Header content */
		div#header {
			background : #FFFFFF url("../../pic/logos/bitwise/bw-fuller-standard-color.png") repeat-x scroll top;
			height : 100px;
			top : 0;
		}

		/* Footer content */
		div#footer {
			bottom : 0;
			height : 96px;
		}

		/* Menu properties */
		div#menu {
			background-color : #F0F0F0;
			border : 1px solid #CCCCCC;
			left : 0;
			position : absolute;
			text-align : center;
			top : 112px;
			width : 160px;
		}

		/* Content properties */
		div#contents {
			padding-top : 112px;
			padding-right : 4px;
			padding-bottom : 112px;
			padding-left : 176px;
		}
/*\
|*| form.css
|*|
|*| This style part contains the style for forms.
\*/
	/*\
	|*| Form elements
	\*/
		/* General form handler */
		form {
			border : 0;
			margin : 0;
			padding : 0;
		}

		input {
			font-family : "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;
			font-size : 10pt;
			font-style : normal;
			font-weight : normal;
		}

		textarea {
			font-family : "Lucida Sans Unicode", "Tahoma", "Verdana", sans-serif;
			font-size : 10pt;
			font-style : normal;
			font-weight : normal;
		}

		/* Mandatory asterisk */
		span.mandatory {
			color : #FF0000;
			font-weight: bold;
		}

		/* Default form markup */
		form.order {
			border : 2px solid #CCCCCC;
			margin : 0 4em 0 2em;
			padding : 1em;
		}

	/*\
	|*| Textfields
	\*/
		/* Textfield */
		input.textfield {
			background-color : #F0F0F0;
			border : 1px solid #CCCCCC;
			margin : 1px;
			padding : 2px;
			width : 256px;
		}

		input.textfield:hover {
			background-color : #FFFFFF;
		}

		textarea.message {
			background-color : #F0F0F0;
			border : 1px solid #CCCCCC;
			height: 96px;
			margin : 1px;
			padding : 2px;
			width : 512px;
		}

		textarea.message:hover {
			background-color : #FFFFFF;
		}

	/*\
	|*| (Drop down) menus
	\*/
		/* Dropdown menu */
		select {
			border : 4px groove #CCCCCC;
			width : 192px;
		}

	/*\
	|*| Buttons
	\*/
		/* Green button */
		input.green_button {
			background-color : #FFFFFF;
			border-top : 2px solid #66CC66;
			border-right : 2px solid #006600;
			border-bottom : 2px solid #006600;
			border-left : 2px solid #66CC66;
			color : #339933;
			font-weight : bold;
			padding : 0;
			margin : 0;
		}

		/* Red button */
		input.red_button {
			background-color : #FFFFFF;
			border-top : 2px solid #CC6666;
			border-right : 2px solid #660000;
			border-bottom : 2px solid #660000;
			border-left : 2px solid #CC6666;
			color : #993333;
			font-weight : bold;
			padding : 0;
			margin : 0;
		}

		/* Green button:active */
		input.green_button:active {
			border-top : 2px solid #006600;
			border-right : 2px solid #66CC66;
			border-bottom : 2px solid #66CC66;
			border-left : 2px solid #006600;
		}

		/* Red button:active */
		input.red_button:active {
			border-top : 2px solid #660000;
			border-right : 2px solid #CC6666;
			border-bottom : 2px solid #CC6666;
			border-left : 2px solid #660000;
		}

		input.link_button {
			background-color : #FFFFFF;
			border : 2px outset;
			color : #339933;
			font-weight : bold;
			padding : 0;
			margin : 0;
			width : 100%;
			vertical-align : middle;
		}
/*\
|*| image.css
|*|
|*| This style part defines the image properties
\*/
	/*\
	|*| Images
	\*/
		img {
			border : 0;
			margin : 0;
			padding : 0;
		}

		img.banner {
			vertical-align : middle;
		}

		img.icon {
			vertical-align : middle;
		}
/*\
|*| list.css
|*|
|*| This style part contains list markups
\*/
	/*\
	|*| Lists
	\*/
		ul, li {
			margin : 0;
			padding : 0;
		}

		ul.menu {
			list-style : none;
		}

		li.menu_item {
			border : 1px solid #F0F0F0;
		}


		li.menu_item:hover {
			background-color : #FFFFFF;
			border : 1px solid #CCCCCC;
		}

		ul.normal {
			list-style : disc outside none;
			margin-left : 4em;
			margin-bottom : 1em;
		}

		li.normal {
			font-size : 90%;
		}
/*\
|*| table.css
|*|
|*| This style part contains the markup of various tables
\*/
	/*\
	|*| Tables
	\*/
		table, td {
			border : 0;
			margin : 0;
			padding : 0;
		}

		table.credits {
			width : 100%;
		}

		table.file_listing {
			margin-right : 4em;
			margin-left : 2em;
		}

		tr.alt1 {
			background-color: #CFCFCF;
		}

		tr.alt2 {
			background-color: #F0F0F0;
		}

		td.productname {
			width: 192px;
		}

		td.icon {
			border : 2px solid #CCCCCC;
			padding : 4px 4px 4px 4px;
			margin : 2px 2px 2px 2px;
			text-align : center;
			vertical-align : middle;
			width : 20%;
		}

		td.files {
			border : 1px solid #CCCCCC;
			padding : 4px 2em 4px 2em;
			margin : 2px 2px 2px 2px;
			position : relative;
			text-align : center;
			vertical-align : middle;
			width : 80%;
		}

		tr.file:hover {
			background-color : #F0FFF0;
		}

		td.name, td.function {
			padding-top : 2px;
			padding-bottom : 2px;
			width : 50%;
		}

		td.name {
			font-weight : bold;
			padding-right : 8px;
			text-align : right;
		}

		td.function {
			padding-left : 8px;
			text-align : left;
		}

	/*\
	|*| Link table
	\*/
		table.link {
			background-color : #FFFFFF;
			border : 2px outset;
			margin : 1ex 4em 1ex 2em;
		}

		td.link {
			border : 2px inset;
			text-align : center;
		}
/*\
|*| link.css
|*|
|*| This style part contains the markup of the various link classes used.
\*/
	/*\
	|*| General links
	\*/
		a {
			font-size : 90%;
			text-decoration : none;
			margin : 0;
			padding : 0;
		}

	/*\
	|*| Main menu links
	\*/
		a.menu_main_link {
			font-weight : bold;
		}

		a.menu_main_link, a.menu_link {
			display: block;
		}

		a.menu_main_link:link, a.menu_link:link {
			color : #339933;
			line-height : 2em;
			white-space : nowrap;
		}

		a.menu_main_link:visited {
			color : #339933;
			line-height : 2em;
		}

		a.menu_link:visited {
			color : #666666;
			line-height : 2em;
		}

		a.menu_main_link:hover, a.menu_link:hover {
			color : #339933;
			text-decoration : underline overline;
		}

		a.menu_main_link:active, a.menu_link:active {
			color : #66CC66;
			text-decoration : none;
		}

	/*\
	|*| Submenu links - when listed in the main page
	\*/
		a.alt_menu_link:link {
			color : #993333;
			font-weight : bold;
		}

		a.alt_menu_link:visited {
			color : #993333;
			font-weight : bold;
		}

		a.alt_menu_link:hover {
			color : #993333;
			text-decoration : underline overline;
		}

		a.alt_menu_link:active {
			color : #CC6666;
			text-decoration : none;
		}

	/*\
	|*| Links in the navigation bar
	\*/
		a.nav_link:link {
			color : #CCCCCC;
			font-weight : bold;
		}

		a.nav_link:visited {
			color : #CCCCCC;
			font-weight : bold;
		}

		a.nav_link:hover {
			color : #FFFFFF;
		}

		a.nav_link:active {
			color : #FFFFFF;
		}

	/*\
	|*| Links to external pages
	\*/
	a.ext_link:link {
		color : #339933;
		font-weight : bold;
	}

	a.ext_link:visited {
		color : #339933;
		font-weight : bold;
	}

	a.ext_link:hover {
		color : #66CC66;
	}
/*\
|*| newspost.css
|*|
|*| This style part contains the style for newsposts under the 'News' menu item.
\*/
	/*\
	|*| News page settings
	\*/
		table.news {
			font-size : 90%;
			width : 100%;
		}

		td.news, td.small_news {
			padding-top : 4px;
			padding-right : 16px;
			padding-bottom : 4px;
			padding-left : 0;
		}

		td.news {
			width : 100%;
		}

		td.small_news {
			width : 50%;
		}

		div.newscontainer {
			margin : 0 4em 0 2em;
		}

		div.newspost {
			border-right : 1px solid #CCCCCC;
			border-bottom : 4px solid #CCCCCC;
			border-left : 1px solid #CCCCCC;
			margin : 4px 0 8px 0;
			padding : 4px 4px 4px 4px;
		}

		div.newsheader {
			background-color : #339933;
			border-top : 2px solid #66CC66;
			border-right : 2px solid #006600;
			border-bottom : 2px solid #006600;
			border-left : 2px solid #66CC66;
			color : #FFFFFF;
			font-size : 125%;
			font-weight : bold;
			padding : .5ex 1ex .5ex 1ex;
		}

		div.newsdata {
			border-bottom : 1px solid #000000;
			font-weight : bold;
			margin-bottom : 1em;
		}