/*
	************************************************************************************************
	MAIN FRAME
	************************************************************************************************
*/

html
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

body
{
	background-position:top left;
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	padding-top:1em;
	position:relative;
	width:100%;
}

#menu
{
	padding-top:80px;
	width:210px;
}

#content
{
	left:210px;
	padding:2.5em 1.5em;
	position:absolute;
	top:110px;
}

#blocmenu
{
	border-bottom:1px solid #78A4BE;
	border-right:1px solid #78A4BE;
}

#top
{
	text-align:center;
}

/*
	************************************************************************************************
	MENU
	************************************************************************************************
*/

#menu ul, #menu li
{
	list-style-type:none;
	margin:0;
	padding:0;
}

#menu ul
{
	margin: 1em auto 2em auto;
}

#menu li
{
	background-image:url(images/eyes.png);
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:5px;
	padding-left:20px;
}

#menu h2
{
	background-color:#78A4BE;
	border:0;
	color:#FFFFFF;
	margin:0;
	padding:.7em;
	padding-left:1em;
}

#menu a
{
	text-decoration:none;
}

/*
	************************************************************************************************
	PAGE CONTENT
	************************************************************************************************
*/
.previous_page_link
{
	float:left;
	list-style-type:none;
	width:auto;
}

.next_page_link
{
	float:right;
	list-style-type:none;
	width:auto;
}

.pub /* google pub */
{
	margin-top:2em;
	text-align:center;
}

.collapse
{
	background-color:#FF0000;
	float:right;
	height:15px;
	position:relative;
	top:1em;
	width:15px;
}

#footer .bottom_links li
{
	list-style-type:none;
}

#content #horizontal_links li
{
	border:1px solid #009;
	float:left;
	list-style-type:none;
	text-align:center;
	width:15%;
}

#content .bloctext1, #content .bloctext2
{
	float:left;
	text-align:left;
	width:48%;
}

#content .bloctext2
{
	margin-left:10px;
	padding-left:10px;
	border-left:1px dotted #FF0066
}

#content .bloctext1 h2, #content .bloctext2 h2
{
	text-align:center;
}

/*
	************************************************************************************************
	HTML DISPLAY
	************************************************************************************************
*/

a:link, a:active, a:visited
{
	color:#009;
	font-weight:normal;
	text-decoration:underline;
}

a:hover
{
	color:#FF6600;
}

a img
{
	border:0;
}

pre
{
	background-color:#FFFFDD;
	background-image:url(images/img_code.png);
	background-position:top right;
	background-repeat:no-repeat;
	border:1px dotted #FD9191;
	color:#009;
	font-family:Courier New;
	font-size:0.9em;
	margin:2em auto;
	max-height:400px;
	overflow:auto;
	width:80%;
}

blockquote
{
	background-color:#E5F6DF;
	background-image:url(images/img_quote.png);
	background-position:top right;
	background-repeat:no-repeat;
	border:1px dotted #7c8eae;
	padding-right:50px;
}

h1
{
	color:#FF6600;
	font-size:150%;
}

h2
{
	border-bottom:1px dotted #FF0066;
	color:#FF0066;
	font-size:1.2em;
	margin-top:2em;
}

h3
{
	color:#000099;
	text-align:center;
	text-decoration:underline;
	margin-top:2em;
}

p
{
	text-align:justify;
}

#content ul li
{
	margin-bottom:1em;
}

/* ----- Big links ----- */
.big_links
{
	margin:1em 10%;
	padding:0;
}

.big_links a, .big_links a:active, .big_links a:visited
{
	background-position:center left;
	background-repeat:no-repeat;
	border:1px dashed #FFFFFF;
	color:#009;
	display:block;
	font-weight:bold;
	height:50px;
	margin:0;
	padding:25px 10px 10px 60px;
	text-decoration:none;
}

.big_links a:hover
{
	border:1px dashed #FF6600;
	color:#FF6600;
}

.big_links a span, .big_links a:active span, .big_links a:visited span
{
	color:#009;
	font-weight:normal;
	text-decoration:none;
}

.big_links a:hover span
{
	color:#009;
	font-weight:normal;
}
/* ----- EO big links ----- */


/* FAQ and Changelog display */
dl.border-around
{
	margin:2em 0 2em 0;
	padding: 0;
}

.border-around dt
{
	background-color:#78A4BE;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	border-top: 1px solid #131210;
	color: #FFFFFF;
	font-weight: bold;
	padding: .5em .5em;
	text-transform: uppercase;
}

.border-around dt a
{
	color:#FFF;
	text-decoration:underline;
}

.border-around dd
{
	background:#DFE9EF;
	border-bottom: 1px solid #131210;
	border-left: 1px solid #131210;
	border-right: 1px solid #131210;
	font-style: italic;
	margin: 0 0 1em 0;
	padding: 1em .5em;
}

/* Table styling */
table
{
	border-spacing:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	width:96%;
}

td
{
	border:1px dashed #73A9D7;
	padding:2px;
}

thead tr th
{
	background:#73A9D7 url(images/coin_table.png) no-repeat top left;
	border:0;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
	text-align:center;
}

.cellhover
{
	background-color:#D3E2ED;
}

.lihover
{
	background-color:#F0F0F0;
}

.cellhidden
{
	background-color:#FFFFDD;
}

.text_in_table tbody tr td
{
	font-size:.7em;
}

.text_in_table tbody tr td li
{
	list-style-type:none;
}

.text_in_table tbody tr td ul
{
	margin:0;
	padding:10px;
}

.text_in_table tbody tr td span.tableitem
{
	float:left;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	width:30%;
}

.text_in_table tbody tr td span.tablevalue
{
}
#content .text_in_table ul li
{
	margin-bottom:0;
}


/* Forms display */
.formhead
{
	background-color:#78A4BE;
	margin:0;
	padding:.5em;
}

.formbody
{
	background-color:#DFE9EF;
	margin:0;
	padding:1em;
	border-left:1px solid #407d97;
	border-right:1px solid #407d97;
}

.formfoot
{
	background-color:#78A4BE;
	margin:0;
	padding:1em;
}

.formfoot p
{
	text-align:center;
}

fieldset
{
	border:0;
	border-bottom:1px dotted #78A4BE;
	border-left:1px dotted #78A4BE;
	border-right:1px dotted #78A4BE;
}

fieldset label
{
	float:left;
	line-height:1.8;
	margin:0;
	padding:0 .5em 0 0;
	text-align:right;
	width:40%;
}

#content input[type=text]
{
	width:30%;
}


.focus
{
	background-color:#F5F5DC;
	color:#000000;
}

.normal
{
	background-color:#FFFFFF;
	color:#000000;
}

.sectionbuttons
{
	margin:1em auto;
}
ul.sectionbuttons li
{
	list-style-type:none;
	float:left;
}

ul.sectionbuttons li a
{
	border:1px solid #FFFFFF;
	display: block;
	height: 2em;
	margin-left:1em;
	padding-top:70px;
	text-align:center;
	width: 100px;
}

ul.sectionbuttons li a:hover
{
	border:1px solid #FF6600;
}

li.dl_zip
{
	background: url(images/zip.png) no-repeat;
	background-position:top center;
}

li.dl_targz
{
	background: url(images/tar_gz.png) no-repeat;
	background-position:top center;
}

li.dl_labo
{
	background: url(images/labo.png) no-repeat;
	background-position:top center;
}

/* ----- Tux facts ----- */
.add
{
	border:1px solid #78A4BE;
	padding:1em;
}

#multipages
{
	text-align:right;
}

.nok /* when something's wrong */
{
	background-color:#FDDBCC;
	border:1px solid #FEAA85;
	color:#f00;
	font-weight:bold;
	margin:10px;
	padding:2px;
	text-align:left;
}

.ok /* when something's successful :o) */
{
	background-color:#DEA;
	border:1px solid #090;
	color:#090;
	font-weight:bold;
	margin:10px;
	padding:2px;
	text-align:left;
}

.info
{
	background-color:#FFFFDD;
	border:1px solid #000;
	color:#000;
	margin:10px;
	padding:10px;
	text-align:center;
}