*
{
	outline: none;
}

body
{
	color: black;
	padding: 0px;
	margin: 90px 10px 5px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a img
{
	border: none;
}

tt
{
	font-family: Consolas, "Courier New", Courier, monospace;
}

#header			
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:84px;
	background: url(/images/headers/roots.png) no-repeat;
}
				
#header h1
{
	position:absolute;
	top: 10px;
	left: 10px;
	margin: 0px;
	height: 70px;
	padding-left:74px; 
	font-family: "Trebuchet ms", Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: white;
	background: url(/images/logos/bear.png) no-repeat;
}

#header h1 span
{
	font-size: 18px;
}

/*
**

NAVIGATION

**
*/

#navigation	
{
	color: #3689b3;
	z-index: 10;
	position:absolute; 
	top:52px;
	left:84px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
	
	padding: 0px;
	margin: 0px;
}

#navigation:hover
{
	color: #e58845;
}

#navigation a
{
	padding: 0px 5px;
	color: inherit;
	text-decoration: none;
}

#navigation a:hover
{
	background: #ffe1cc;
	-moz-border-radius: 5px;
}

#navigation li
{
	display: inline;
	padding-right: 0.5em;
}

/*
**

PAYPAL

**
*/

#paypal			
{
	position: absolute;
	top: 10px;
	left: 640px;
}				

/*
**

SIDE-NAVIGATION

**
*/

#side-navigation
{
   font-family:"Trebuchet ms", Arial, Helvetica, sans-serif;
   font-size:13px;
   position: absolute;
   top: 90px;
   left: 10px;
   width: 190px;
}

#side-navigation .box
{
	color: #c4e8ff;
	background: #327ba8;
	border: 1px solid #103950;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	-moz-border-radius: 7px;
	list-style: none;
}

#side-navigation .box h3, #side-navigation .box h4, #side-navigation .box h5
{
   background: #419fd9 url('white/menuTitleBg.gif') repeat-x bottom;
   color: #d5efff;
   margin: 0px;
   padding: 3px 3px 3px 5px;
}

#side-navigation .box h3
{
   font-size: 20px;
   -moz-border-radius: 7px 7px 0 0;
}

#side-navigation .box h4
{
	text-align: center;
}

#side-navigation .box form
{
	padding: 0px;
	margin: 0px;
}
/*
#side-navigation .box h4, #side-navigation .box h5
{
	border-top: 1px solid #2f719b;
	border-bottom: 1px solid black;
}

#side-navigation .box h4, #side-navigation .box h5
{
	background: #235675;
	font-size: 16px;
}

#side-navigation .box h5
{
	background: #336685;
	font-size: 12px;
	border-bottom: 1px solid black;
}
*/
#side-navigation .box ul
{
   border-bottom: 1px solid #42a0db;
   border-top:1px solid #235675;
   list-style:none;
   margin:0px 0px 15px 0px;
   padding:0px;
}

#side-navigation .box li
{
   display:inline;
   margin: 0px;
   padding: 0px;
}

#side-navigation .box li a, #side-navigation .box span.active
{
	border-bottom:1px solid #235675;
	border-top:1px solid #42a0db;
	color:#c4e8ff;
	display:block;
	font-weight:bold;
	padding:3px 15px 3px 15px;
	text-decoration:none;
}

#side-navigation .box li a:hover, #side-navigation .box span.active
{
	color: #3689b3;
	background: white url(white/sidebox-active.gif) repeat-x;
}

#side-navigation .box select
{
	width: 100%;
}

#side-navigation .box .screens
{
	text-align: center;
	padding: 5px 0px;
}

#side-navigation .box .screens img
{
	margin: 5px 0px;
}

#side-navigation .box .screens img:hover
{
	margin: 0px;
	border: 2px white dashed;
	padding: 3px;
}

/*
**

CONTENU

**
*/

#contenu
{
	margin: 0px 0px 0px 200px;
	background: url(white/contenu-back.png) repeat-x;
	border: 2px #80ceff solid;
	padding: 1em;
	-moz-border-radius: 5px;
}

#contenu h1, h2, h3, h4
{
	color: #1f6a98;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#contenu h1
{
	font-size: 160%;
	border-bottom: 2px solid;
	margin-top: 0px;
}

#contenu h2
{
	font-size: 130%;
	border-bottom: 2px dashed;
	margin-top: 3em;
}

#contenu h3
{
	font-size: 120%;
}

#contenu h4
{
	font-size: 110%;
	margin-top: 2em;
	margin-bottom: 0.5em;
}

#contenu p
{
	text-align: justify;
	line-height: 1.4em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
}

#contenu pre
{
	background: url(white/pre-back.png) repeat-x;
	overflow: auto;
	margin: 1em 0px;
	border: 1px solid #ffc96d;
	padding: 1em;
	max-height: 600px;
	-moz-border-radius: 5px;
	font-family: "Consolas", "Courier New", Courier, monospace;
	font-size: 90%;
}

#contenu a
{
	border-bottom: 1px dashed;
	color: #e58845;
	text-decoration: none;
}

#contenu a:hover
{
	background: #ffe1cc;
	border-top: 2px solid;
	border-bottom: 1px solid;
}

#contenu img.preview
{
	margin-top: -0.5em;
	margin-right: 40px;
	position: absolute;
	right: 0px;
}

#contenu img.preview:hover
{
	opacity: 0.3;
}

/*
#contenu h2 + img.preview
{
	margin-top: 0.5em;
}
*/
#contenu .note
{
	color: #1f6a98;
	background: #e5f7ff;
	border: 1px #99ddff dashed;
	padding: 1em;
}

#contenu div.note
{
	padding: 0px 1em;
	margin: 1em 0px;
}

#contenu .class, #contenu .method, #contenu .attribute, #contenu .fv, #contenu .ff, #contenu .type, #contenu .macro, #contenu .code
{
	font-family: Consolas, "Courier New", Courier, monospace;
}

#contenu .method
{
	color: #e52f2f;
}

#contenu .attribute
{
	color: #59b359;
}

#contenu .class
{
	color: #9900FF;
}

#contenu a.class:hover
{
	background: #f0d9ff;
}

#contenu .fv
{
	color: #FF33CC;
}

#contenu .ff
{
	color: #0099FF;
}

#contenu .type
{
	color: #ff64f6;
}

#contenu a.type:hover
{
	background: #ffd8fd;
}

#contenu .macro
{
	color: #900;
}

#contenu a.macro:hover
{
	background: #FCC;
}

#contenu .property
{
	color: #1f6a98;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

#contenu a.property:hover
{
	background: #e5f7ff;
}

/*
#contenu h2 a:hover
{
	background: inherit;
}
*/
#contenu a.code
{
	color: #7474ff;
}

#contenu a.code:hover
{
	background: #dadaff;
}
/*
#contenu a.method, #contenu a.attribute, #contenu a.class, #contenu a.fv, #contenu a.type, #contenu a.macro, #contenu a.ff, #contenu a.property
{
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}

#contenu a.method:hover, #contenu a.attribute:hover, #contenu a.class:hover, #contenu a.fv:hover, #contenu a.type:hover, #contenu a.macro:hover, #contenu a.ff:hover, #contenu a.property:hover
{
	border-bottom-style: solid;
}
*/
#contenu a.method:hover
{
	background: #ffcccc;
}

#contenu a.attribute:hover
{
	background: #d9ffd9;
}









#foot
{
	color: #AAA;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin-top: 2em;
}

#foot a
{
	color: #AAF;
	text-decoration: none;
}





#warning
{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1f6a98;
	background: #e5f7ff;
	border: 1px #99ddff dashed;
	padding: 1em;
	text-align: justify;
}