/* CINELA MAIN CSS */
/* cacher d'IE Mac \*/
* html h4{ height: 1%; }

/* Fin du hack */
/* general */
ul,html,div,li{ margin: 0; padding: 0; }

body{ margin: 0; padding: 0; color: #333333; background: #FAF6ED; font: 12px Arial,Helvetica,sans-serif; text-align: center; }

table, td, th{ color: #333333; font: 12px Arial,Helvetica,sans-serif; }

form { margin: 0; padding: 0; }

a{ color: #BC2828; text-decoration: none; }

a:hover{ color: #333333; text-decoration: none; }

	 
h1{ margin: 0; padding: 0px 0px 0px 5px; font: 3em Verdana,Geneva,Arial,Helvetica,sans-serif; }

h2{ width: 450px; margin: 0; padding: 5px 5px 10px 5px; white-space: nowrap; font: 1.8em Verdana,Geneva,Arial,Helvetica,sans-serif; overflow: visible; }

h3{ margin: 10px 0px 10px 0px; padding: 0px 0px 0px 5px; font: bold 1.5em sans-serif; }

h4{ margin: 0; padding: 10px 0px 5px 5px; font: bold 1.3em sans-serif; }

hr{ border-bottom: thin solid #BC2828; margin: 20px 0 20px; }

p { margin: 0; padding: 10px 0px 5px 5px; /* width: 95%; */ font: 1.2em/1.5em Verdana,Geneva,Arial,Helvetica,sans-serif; }

img{ border: none; padding: 0; margin: 0; }

acronym{ text-decoration: underline; }

dfn{ font-style: normal; text-decoration: underline; }

div.padder{ padding: 2px; }

div.spacer{ clear: both; height: 15px; }

div.clearer{ clear: both; }

div.line{ border-bottom: 1px solid #BC2828; margin: 20px 0px 20px 0px; padding: 0; height: 1px; }

div.underline{ border-bottom: 1px solid #BC2828; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; height: 1px; }

div.singleline{ border-bottom: 1px solid #BC2828; margin: 0px 0px 10px 0px; padding: 0px 0px 0px 0px; height: 1px; }

/* columns */
.spacersection{ width: 10px; float: left; position: relative; height: auto; }

.colleft{ float: left; width: 465px; padding-top: 5px; padding-bottom: 20px; white-space: normal; position: relative; height: auto; min-height: 10em; vertical-align: middle; }

.colright{ float: left; width: 450px; padding-top: 5px; padding-bottom: 20px; white-space: normal; position: relative; height: auto; }

.colright h3{ margin-top: 30px; margin-bottom: 0px; }

/* general class */
.heading{ padding: 5px 0px 0px 5px; font: bold 1em Verdana,Geneva,Arial,Helvetica,sans-serif; }

.italic{ font: italic 1em Verdana,Geneva,Arial,Helvetica,sans-serif; }

.textright{ text-align: right; }

.letterspacing{ font: 1.1em/1.5em Verdana,Geneva,Arial,Helvetica,sans-serif; text-align: center; letter-spacing: 1.1px; }

.note{ font: 0.9em sans-serif; }

/* header */
#pageheader{ width: 955px; margin: 0 auto; padding: 0; background: White url(images/cinela_header_bg.gif) no-repeat; text-align: center; height: 70px; }

#logo{ margin: 0px 0px 0px 5px; padding: 0; float: left; display: inline; }

#tag{ margin: 17px 0px 0px 38px; padding: 0; float: left; display: inline; }

#language{ float: right; width: 80px; margin-top: 15px; margin-right: 15px; padding-left: 10px; padding-bottom: 1px; display: inline; text-align: right; }

.language a{ color: black; font: small-caps bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }

.language a:hover{ color: #BC2828; text-decoration: none; }

.language_selected{ color: #BC2828; font: small-caps bold 0.8em Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; text-decoration: none; }

/* footer */
#footer{ clear: both; margin-top: 5px; background: White; text-align: center; }

#address{ float: left; width: 35%; padding-left: 5px; white-space: nowrap; text-align: left; }

#phones{ float: right; width: 35%; margin-right: 5px; white-space: nowrap; text-align: right; }

#copyright{ width: 955px; clear: both; margin: 0 auto; font: 1em/1.5em Verdana,Arial,sans-serif; text-align: center; }

.black{ padding-top: 2px; background: Black; height: 15px; }

.footer{ color: #FAF6ED; font: 0.9em Verdana,Arial,sans-serif; text-decoration: none; }

a.footer:hover{ color: #F5DA8C; text-decoration: none; }

/* page content */
#container{ margin: 0 auto; padding: 0; width: 955px; border-left: 1px solid #BC2828; border-right: 1px solid #BC2828; background: White; text-align: center; position: relative; min-height: 100%; }

#content{ margin: 0 auto; padding: 10px 5px 10px 5px; background: #F5DA8C; text-align: left; height: auto; }

/* main menu */
#mainmenu{ float: right; margin-right: -105px; margin-top: 45px; padding-right: 10px; }

.mainmenu{ padding: 3px 0; margin-left: 0; border-bottom: 1px solid #999999; list-style-type: none; font: bold 10px Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; }

.mainmenu li{ margin: 0; display: inline; }

.mainmenu li a{ padding: 2px 4px; margin-right: 1px; border-top: 1px solid #999999; border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: none; color: Black; background: #FAF6ED; text-decoration: none; }

.mainmenu li a:visited{ color: Black; }

.mainmenu li a:hover{ color: #BC2828; background: White; }

.mainmenu li a:active{ color: #BC2828; }

.mainmenu li.selected a{ padding-top: 4px; color: #BC2828; background: White; position: relative; top: 1px; }

.mainmenu li.selected a:hover{ color: #BC2828; background: White; }

.mainmenu li.selected a.selected{ color: #BC2828; }

/* sub menu */
.submenu{ float: right; margin: -5px 0px 0px 0px; padding: 0 10px 0 2px; border-bottom: 1px solid #BC2828; font-size: 11px; }

.submenu li{ float: left; margin: 0; padding: 0; display: inline; list-style: none; }

.submenu a:link{ float: left; margin: 0 0px 0 15px; border-bottom: 2px solid #F5DA8C; padding-bottom: 2px; color: #000000; font-size: 100%; line-height: 20px; text-decoration: none; }

.submenu a:visited{ float: left; margin: 0 0px 0 10px; border-bottom: 2px solid #F5DA8C; padding-bottom: 2px; color: #000000; font-size: 100%; line-height: 20px; text-decoration: none; }

.submenu a:hover{ border-bottom: 2px solid #BC2828; padding-bottom: 2px; color: #BC2828; }

.submenu a.selected:link{ border-bottom: 2px solid #BC2828; padding-bottom: 2px; color: #BC2828; }

.submenu a.selected:visited{ border-bottom: 2px solid #BC2828; padding-bottom: 2px; color: #BC2828; }

#osixlogo{ float: right; margin-top: 5px; margin-right: 10px; display: inline; position: relative; }

#minixlogo{ float: right; margin-top: 5px; margin-right: 10px; display: inline; position: relative; }

#zephyxlogo{ float: right; margin-top: 5px; margin-right: 10px; display: inline; position: relative; }

#albertlogo{ float: right; margin-top: 5px; margin-right: 10px; display: inline; position: relative; }

/* assembly compatibility pages */
table.visible { width: 100%; white-space: nowrap; border-collapse: collapse; }

.visible th { border: 1px solid #999999; padding: 4px; white-space: nowrap; color: #006666; font: small-caps normal 1em Arial, Helvetica, sans-serif; text-align: center; }

.visible td { border: 1px solid #999999; padding: 4px; }

th.headline{ width: 25%; padding: 0px 5px 0px 5px; white-space: nowrap; color: #006666; font: normal 1em Arial, Helvetica, sans-serif; text-align: left; }

/* contact page */
.inputrequirement{ color: Red; }

fieldset{ margin-left: 5px; padding: 10px 10px 10px 10px; }

legend{ padding: 5px 15px 5px 15px; font-weight: bold; font-size: 0.9em; letter-spacing: 3px; }

input.medium,select.medium{ width: 160px; }

input.small,select.small{ width: 80px; }

input.sort,select.sort{ width: 22px; text-align: center; }

input,select,textarea{ margin: 2px; padding: 0px 2px 0px 5px; border: 1px solid #333333; color: #BC2828; background: #FAF6ED; font: 12px/16px "trebuchet ms",arial,helvetica,sans-serif; }

input.large,select.large,textarea{ width: 300px; }

input.textbutton{ float: right; margin: 10px 7px 0px 0px; width: 70px; display: block; background: #FAF6ED; }

input.button{ float: right; margin: 0; padding: 0; border: 0; width: 70px; background: #FAF6ED; }

input.radio{ width: 20px; vertical-align: bottom; }

label{ width: 40%; white-space: nowrap; font: 0.9em Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1px; }

.label{ width: 120px; vertical-align: top; }

#helplayer { width: 170px; font-size: 8px; visibility: hidden; }

#messagestack{ margin-top: 0px; padding: 10px 18px 10px 18px; text-align: left; }

.messagebox{ font: 10px Verdana,Arial,sans-serif; }

.messagestackerror{ background: #ECBBBB; font: 8px Verdana,Arial,sans-serif; }

.messagestackinfo{ background: #FFFFFF; font: 8px Verdana,Arial,sans-serif; }

.messagestacksuccess{ background: #FAF6ED; font: 8px Verdana,Arial,sans-serif; }

.messagestackwarning{ background: #ECBBBB; font: 8px Verdana,Arial,sans-serif; }

.modulerow { }

.modulerowover { background: #F5D470; cursor: pointer; }

.modulerowselected { background: #F5D470; }

.pageresults { }

.pageselected { font-weight: bold; }

/* image tooltip */
a.tti{ color: #BC2828; background-color: #F5DA8C; text-decoration: none; position: relative; /*this is the key*/ z-index: 1024; }

a.tti:hover{ background: #F5DA8C; z-index: 1025; }

a.tti span{ display: none; }

a.tti:hover span{ border: 1px solid #BC2828; padding: 3px 3px 3px 3px; display: block; /*the span will display just on :hover state*/ color: #BC2828; background-color: #FAF6ED; text-align: center; position: absolute; top: 15px; left: 2em; }

/* description tooltip */
a.ttd{ color: #BC2828; background-color: #F5DA8C; font-weight: normal; text-decoration: none; position: relative; /*this is the key*/ z-index: 1024; }

a.ttd:hover{ background: #F5DA8C; z-index: 1025; }

a.ttd span{ display: none; font-weight: normal; }

a.ttd:hover span{ border: 1px solid #BC2828; padding: 3px 3px 3px 3px; width: 350px; display: block; /*the span will display just on :hover state*/ color: #BC2828; background-color: #FAF6ED; text-align: left; position: absolute; top: 15px; left: 2em; }

.pageheight{ visibility: hidden; }