/* This document should validate at CSS Level 3 */

/* --- Resets --- */

html, body, p, h1, h2, img, a, li, ul, ol, form, input, fieldset, table, tr, th, td
{
	margin: 0;
	padding: 0;
	text-decoration: none;
	border: 0;
	list-style: none;
	font-family: verdana, arial, sans-serif;
	/* color: #00F; */
	color: #000;
}

table {
	border-spacing: 0;
	border-collapse: collapse; 
}




/* --- Main Layout --- */

body {
	margin-top: 20px;
	font-family: verdana, arial, sans-serif;
}

h1 {
	display: none;
}

code, pre, #seDefault {
	display: block;
	width: 100%;
	border: 0;
	color: #000;
	background-color: #EEF;
	padding: 4px;
	padding-left: 8px; padding-right: 8px;
	font-family: 'courier new', monospace;
	font-size: 14px;
}

div.seDefaultContainer {
	width: 100%;
	max-height: 300px;
	overflow: auto;
	margin-bottom: 16px;
}

div.seDefaultContainer #seDefault {
	width: 1400px;
}


header#header_top
{
	display: block;
	width: 1000px;
	margin: 0 auto;
}

header#header_top #logo
{
	margin-left: 20px;
}

section#nav_top
{
	display: block;
	width: 1000px;
	margin: 0px auto;
	margin-top: 10px;
}

section#nav_top ul
{
	margin-left: 20px;
}

section#featured
{
	display: block;
	width: 1000px;
	margin: 0px auto;
}

section#featured .inner1
{
	padding: 20px;
}

section#featured .inner1 .featureItem
{
	display: block;
	float: left;
	width: 310px;
	margin-right: 3px;
	margin-bottom: 20px;
	padding: 3px;
}

section#featured .inner1 .featureItem h2 {
	display: block;
	margin: 0 6px;
	padding-bottom: 4px;
	padding-top: 2px;
}

section#featured .inner1 .featureItemLast
{
	margin-right: 0px;
}

section#featured .inner1 p.featuresAlternative
{
	margin-bottom: 0;
	padding-bottom: 0;
	margin-bottom: -20px;
}

div#container_article_sidebar
{
	display: block;
	width: 1000px;
	margin: 0 auto;
}

#article
{
	display: block;
	float: left;
	width: 700px;
}

#article .inner1
{
	padding: 40px;
	padding-top: 20px;
	padding-right: 20px;
}

#sidebar
{
	display: block;
	float: left;
	width: 300px;
}

#sidebar .inner1b
{
	padding: 20px;
}

footer
{
	display: block;
	width: 1000px;
	margin: 0 auto;
}

footer .inner1
{
	padding: 20px;
}

footer nav#footer
{
	float: right;
	display: block;
	width: 500px;
	text-align: right;
}

#loggedIn, #logIn
{
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
}



/* --- Main Styles --- */

body
{
	background-color: #333;
	background-image: url('bg.png');
}

#version
{
	font-family: verdana, sans-serif;
	font-size: 8px;
	color: #777;
}

.mono, .monospace
{
	font-family: 'courier new', monospace;
}

section#featured
{
	background-color: #CCC;
}

section#featured .inner1 .featureItem
{
	background-color: #AAA;
	border: 1px solid #000;
}

section#featured .inner1 a.featureItem:hover
{
	background-color: #EEE;
	border: 1px solid #E40;
}

section#featured .inner1 .featureItem h2
{
	color: #000;
	font-size: 12px;
	font-weight: bold;
}

section#featured .inner1 a.featureItem:hover h2
{
	color: #E40;
}

section#featured .inner1 .featureItem img
{
	opacity:0.7;
}

section#featured .inner1 a.featureItem:hover img
{
	opacity:1.0;
}

#container_article_sidebar
{
	background-color: #FFF;
}

#article
{
	background-color: #FFF;
}

#sidebar
{
	/* background-color: #EEE; */
}


#sidebar a
{
	color: #F50;
}

#sidebar a:hover
{
	color: #F00;
	border-bottom: 1px solid #F00;
}

#sidebar .inner1 p
{
	font-size: 16px;
	color: #000;
	margin-bottom: 12px;
}

#sidebar header
{
	font-size: 18px;
	font-weight: bold;
}

footer
{
	background-color: #000;
}

footer .inner1 p
{
	color: #AAA;
	font-size: 17px;
}

footer nav a
{
	color: #F70;
}

footer nav a:hover
{
	color: #FFF;
}

#loggedIn, #logIn
{
	color: #aaa;
	font-size: 10px;
	text-align: right;
}

#loggedIn a, #logIn a
{
	color: #ccc;
}

#loggedIn a:hover, #logIn a:hover
{
	color: #fff;
}






/* --- Article List Styles --- */

#article ul.bullet
{
	border-left: 12px solid #ddf;
	padding-left: 8px;
	margin-bottom: 20px;
}

#article ul.bullet li
{
	font-size: 14px;
	color: #000;
	margin-bottom: 1px;
}

#article ul.sensible
{
	padding-left: 40px;
	margin-bottom: 20px;
	margin-top: 16px;
}

#article ul.sensible ul
{
	padding-left: 40px;
	margin-bottom: 12px;
	margin-top: 2px;
}

#article ul.sensible li
{
	list-style-type: disc;
	font-size: 14px;
	color: #000;
	margin-bottom: 2px;
}


#article ol.sensible
{
	padding-left: 60px;
	margin-bottom: 20px;
	margin-top: 16px;
}

#article ol.sensible li
{
	list-style-type: lower-roman;
	font-size: 14px;
	color: #000;
	margin-bottom: 20px;
}

#article ol.sensible ol.sensible li
{
	margin-bottom: 2px;
}

#article ul.links
{
	font-size: 12px;
	margin-bottom: 40px;
	margin-top: 16px;
	padding-left: 12px;
}


#article ul.links li
{
	margin-bottom: 20px;
}







/* --- Main Article Styles --- */

#article a
{
	color: #F50;
}

#article a:hover
{
	color: #F00;
	border-bottom: 1px solid #F00;
}

#article p
{
	color: #000;
	font-size: 15px;
	margin-bottom: 16px;
}


#article div.illustration
{
	border: 1px solid #000;
	padding: 4px;
	float: right;
	margin: 12px;
	margin-top: 0;
	margin-right: 0;
	padding-bottom: 0;
}

#article div.illustration img, #article div.illustration a, #article div.illustration br
{
	border: 0;
	padding: 0;
	margin: 0;
}



/* Headings for non-article views... */

#article header.section
{
	display: block;
	width: 660px;
	background-image: url('top_navigation_bg.png');
	background-color: #000;
	height: 32px;
	border: 1px solid #000;
	line-height: 30px;
	border: 1px solid #000;
	margin-bottom: 20px;
	margin-left: -20px;
}

#article header.section h1
{
	display: block;
	margin-left: 20px;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}

#article header.section2
{
	margin-top: 60px;
}

#article h2
{
	display: block;
	color: #000;
	font-weight: bold;
	font-size: 20px;
	margin-top: 36px;
	margin-bottom: 12px;
}






/* Post lists... */

#article .entryDescription
{
	margin-bottom: 30px;
}

#article .entryDescription h2
{
	color: #000;
	font-size: 16px;
	font-weight: bold;
	
	
}

#article .entryDescription p
{
	color: #555;
	font-size: 14px;
	margin-left: 4px;
	margin-top: 4px;
}

#article div.entryListControl
{
	display: block;
	margin-bottom: 40px;
	text-align: right;
	background-color: #eee;
	padding: 4px;
	padding-right: 12px;
}

#article div.entryListControl p
{
	color: #000;
	font-size: 18px;
	margin-bottom: 0;
}

#article div.entryListControl a
{
	color: #00C;
}




/* --- Tables --- */

#article table
{
	text-align: left;
	font-size: 14px;
	border: 1px solid #000;
	margin-bottom: 20px;
}

#article th, #article td
{
	padding: 4px 12px;
}

#article tr
{
	border-bottom: 1px solid #000;
}

#article th
{
	border-right: 1px solid #000;
	background-color: #ccf;
}

#article td
{
	border-right: 1px solid #000;
}

tr.usable:hover td
{
	background-color: #f8f8ff;
}




/* --- Sidebar Tables --- */

#sidebar table
{
	text-align: left;
	font-size: 12px;
	border: 1px solid #000;
}

#sidebar th, #sidebar td
{
	padding: 4px 12px;
}

#sidebar tr
{
	border-bottom: 1px solid #000;
}

#sidebar th
{
	border-right: 1px solid #000;
	background-color: #ccf;
}

#sidebar td
{
	border-right: 1px solid #000;
}














/* --- Navigation Styles --- */

section#nav_top
{
	background-image: url('top_navigation_bg.png');
	height: 32px;
	border: 1px solid #000;
}

section#nav_top li
{
	display: inline;
	font-size: 16px;
}

section#nav_top a
{
	color: #FFF;
	display: block;
	float: left;
	line-height: 30px;
	margin-right: 20px;
	font-weight: bold;
}

section#nav_top #nav_top_more a
{
	width: 16px;
	height: 16px;
	margin-top: 8px;
	line-height: 16px;
	background-image: url('more.png');
	background-position: 0 0;
}


section#nav_top a:hover
{
	color: #F70;
}



/* --- Navigation: More Features --- */

#moreFeatures
{
	margin: 0;
	padding: 0;
	position: absolute;
	padding-top: 34px;
	
}

#moreFeatures ul
{
	float: none;
	display: block;
	position: relative;
	left: -60px;
	top: -1px;
	padding: 0;
	margin: 0;
	background-color: #E7E7E7;
	z-index: 1000; /* Firefox hack */
	/* border: 2px outset #EEE; */
	border: 2px solid #000;
	border-top: 0;
	background: url('more_bg.png');
}

section#nav_top #moreFeatures li, section#nav_top #moreFeatures li a
{
	padding: 0; margin: 0;
	display: block;
	float: none;
	line-height: 0;
}

section#nav_top #moreFeatures li hr
{
	height: 2px;
	color: #777;
	width: 100%;
	padding: 0;
	margin: 5px 0%;
}

section#nav_top #moreFeatures li a
{
	line-height: 18px;
	font-size: 14px;
	color: #000;
	font-weight: normal;
	padding: 2px;
	padding-left: 8px;
	padding-right: 16px;
}

section#nav_top #moreFeatures li a:hover
{
	background-color: #AAF;
	color: #000;
	background: url('more_bg2.png');
}






/* --- Forms --- */

textarea
{
	width: 100%;
	height: 100px;
	overflow: auto;
	margin-bottom: 40px;
}

form br
{
	margin-bottom: 2px;
}

table form
{
	font-size: 16px;
}

form.pageform
{
	font-size: 16px;
}


form.pageform label
{
	display: block;
	float: left;
	clear: both;
	width: 250px;
	background-color: #efefef;
	margin-right: 20px;
	padding-left: 4px;
}

form input.text
{
	padding: 1px;
	width: 100%;
	display: block;
	float: left;
	border: 1px solid #000;
	background-color: #eef;
}

form.pageform input.text
{
	width: 250px;
}

form input.text:hover
{
	background-color: #fec;
}

form input.text:active, form.pageform input.text:focus
{
	border: 1px solid #000;	
}

table form input.submit
{
	float: left;
	background-color: inherit;
	font-weight: bold;
	color: #007;
	padding: 0;
	border: 0;
	cursor: pointer;
}

form input.submit
{
	background-color: #fff;
	font-weight: bold;
	color: #007;
	padding: 0;
	border: 0;
	cursor: pointer;
}

form.pageform input.submit
{
	clear: both;
	margin-left: 274px;
	margin-top: 4px;
}

form.pageform input.submit:hover
{
	color: #F00;
}

form.pageform input.submit:active, form.pageform input.submit:focus
{
	background-color: #ccc;
	color: #F00;
}

form input.disabled, form input.disabled:hover
{
	background-color: #ddd;
	color: #777;
}





/* --- Editor Form --- */

form#editor
{
	border: 1px solid #000;
	background-color: #DDF;
	padding: 20px;
	margin-top: 40px;
}

#editor label
{
	display: block;
	float: left;
	clear: both;
	width: 150px;
	background-color: #efefef;
	margin-right: 20px;
	padding-left: 4px;
}

#editor input.text
{
	width: 250px;
}

#editor .textInputGroup
{
	padding-bottom: 40px;
}





/* --- Statistics Display --- */

td.percent
{
	padding: 0;
}

div.percent
{
	border: 1px solid #000;
	width: 100px;
}

div.percent div
{
	background-color: #0F0;
	color: #000;
	overflow: visible;
}

div.percent span
{
	padding-left: 4px;
	color: #060;
}







/* --- Articles - by template --- */

/* News */
#article h2.news
{
    font-size: 15px;
    font-weight: bold;
}

#article p.newsDate
{
    color: #777;
    padding-bottom: 0;
    margin-bottom: -10px;
}

/* Download Box */

#article div.downloadBox
{
	width: 212px;
	border: 1px solid #000;
	text-align: center;
	float: left;
	padding-top: 6px;
	margin-right: 12px;
	margin-bottom: 12px;
}

#article div.downloadBox a
{
	border: 0;
}

#article div.downloadBox img
{
	width: 200px;
	height: 200px;
	border: 1px solid #CCC;
}

#article div.downloadBox a.downloadButton
{
	display: block;
	width: 194px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 4px auto;
	margin-bottom: 6px;
	
	border-top: 4px outset #00A;
	border-left: 4px outset #00A;
	border-right: 4px outset #000;
	border-bottom: 4px outset #000;

	text-align: center;	
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;

	background-color: #007;
	color: #FFF;
}

#article div.downloadBox a.downloadButton span
{
	font-size: 8px;
}

#article div.downloadBox a.downloadButton:hover
{
	background-color: #009;
}

#article div.downloadBox a.downloadButton:active, #article div.downloadBox a.downloadButton:focus
{
	border-right: 4px inset #00A;
	border-bottom: 4px inset #00A;
	border-left: 4px inset #000;
	border-top: 4px inset #000;

	background-color: #007;
}

#article ul.downloadFeedback
{
}

#article ul.downloadFeedback li
{
	color: #33A;
	font-size: 14px;
}

#article p.disclaimer
{
	margin-top: 48px;
	border-top: 1px solid #000;
	padding-top: 4px;
	font-size: 10px;
	color: #777;
}

#article p.manualFunction
{
	padding: 8px;
	background-color: #CCF;
	color: #000;
	font-size: 14px;
	font-family: 'courier new', monospace;
}




/* --- Sidebars - by template --- */

/* Reloaded Review */
#sb_reloadedReview
{
	padding: 20px;
	font-size: 12px;
}

#sb_reloadedReview li
{
	margin-bottom: 4px;
}


/* Latest News */
#sb_latestNews
{
	padding: 20px;
}

#sb_latestNews ul
{
}

#sb_latestNews header
{
	font-weight: bold;
	font-size: 14px;
}

#sb_latestNews ul
{
	margin-bottom: 40px;
	margin-left: 8px;
}

#sb_latestNews li
{
	font-size: 12px;
	margin-top: 8px;
}

#sb_latestNews li span
{
	font-size: 10px;
	color: #777;
}



/* --- Sidebar Naviagation for Manuals --- */

#sb_manualNavigation
{
	padding-top: 20px;
	padding-top: 50px;
	padding-left: 40px;
	padding-right: 5px;
	padding-bottom: 20px;
}


#sb_manualNavigation li
{
	font-size: 12px;
	margin-left: 8px;
	font-size: 12px;
	margin-bottom: 1px;
}

#sb_manualNavigation li a
{
	color: #00F;
}

#sb_manualNavigation li a:hover
{
	color: #00F;
	border-bottom: 1px solid #00F;
}

#sb_manualNavigation .title
{
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 4px;
	margin-left: 0px;
}

#sb_manualNavigation ul
{
	margin-bottom: 20px;
	margin-left: 0px;
}





/* --- Messages (errors) --- */

div#messagesFade
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 3000px;
	background-color: #000;
	opacity: 0.9;
	z-index: 10000;
}

div#messages
{
	display: block;
	position: absolute;
	top: 200px;
	left: 300px;
	width: 600px;
	padding: 20px;
	padding-bottom: 10px;
	background-color: #FFC;
	border: 5px solid #77F;
	z-index: 10001;
}

div#messages div.message
{
	margin-bottom: 20px;
	font-size: 14px;
}

div#messages p
{
	color: #000;
}

div#messages p a
{
	color: #F70;
}

div#messages a.close
{
	cursor: pointer;
	display: block;
	float: right;
	color: #00F;
	font-weight: bold;
}



/* --- Google Search --- */
div.googleSearch input
{
	border: 1px solid #000;
	padding: 4px;
}

div.googleSearchLinksPage
{
	float: right;
	width: 40%;
	padding: 0 20px;
	text-align: center;
}

div.googleSearchPostList
{
	width: 100%;
	text-align: center;
}



/* --- Graphs --- */
img.graph
{
	margin-bottom: 20px;
	margin-top: 10px;
}




/* --- Syntax Higlighting for Cobra --- */

#Default { color: #000000; font-weight: normal; font-style: normal; text-decoration: none; font-size: 10pt; font-family: "Courier New";}
#Error {background-color: #FF0000; color: #FFFFFF; font-weight: normal; font-style: normal; text-decoration: none;}
#Symbol { color: #800000; font-weight: bold; font-style: normal; text-decoration: none;}
#Number { color: #000080; font-weight: bold; font-style: normal; text-decoration: none;}
#String { color: #0000FF; font-weight: normal; font-style: normal; text-decoration: none;}
#Identifier { color: #000000; font-weight: normal; font-style: normal; text-decoration: none;}
#Reserved_word { color: #0000FF; font-weight: bold; font-style: normal; text-decoration: none;}
#Comment { color: #800000; font-weight: bold; font-style: normal; text-decoration: none;}
#Preprocessor { color: #008000; font-weight: normal; font-style: italic; text-decoration: none;}
#Assembler { color: #008000; font-weight: normal; font-style: normal; text-decoration: none;}
#Marked_block {background-color: #5E81BC; color: #FFFFFF;}
#Type_Definitions {background-color: #FFFFCA;}
#Data_Blocks {background-color: #C0C0C0;}
#Function_Definitions {background-color: #D7FFE1;}
#Procedure_Definitions {background-color: #FFD7DF;}
#main_code_block {background-color: #99E0FB;}
#Command { color: #008000; font-weight: bold; font-style: normal; text-decoration: none;}
#Debug_Statements { color: #800080; font-weight: normal; font-style: normal; text-decoration: none;}
#Constants { color: #808000; font-weight: normal; font-style: normal; text-decoration: none;}



/* --- Get rid of explorer! --- */

#getRidOfExplorer
{
	color: #000;
	background-color: #DF0;
	position: absolute;
	top: 0;
	left: 0;
}


/* --- Accessibility --- */

/* "Skip to content" link for keyboard or screenreaders */
 
#skip, #skip:hover, #skip:visited
{
	position: absolute;
	top: -1000px;
}

#skip:active, #skip:focus
{
	position: absolute;
	top: 10px;
	padding: 4px;
	background: #FFF;
	color: #F00;
}