body { background-color: #000; background-image: url('../images/foo_darker2.png'); background-repeat: no-repeat; background-position: top left; } * { font-family: sans-serif; color: #FFF; font-size: 9pt; } textarea { background-image: url('../images/textarea_shadow.png'); background-position: 0 0; background-repeat: repeat-x; } input, select, option, button { color: #000; } #page { width: 758px; min-height: 900px; height: auto; margin-left: auto; margin-right: auto; background-color: #333; padding-bottom: 30px; } #footpage { width: 758px; margin-left: auto; margin-right: auto; } #footpage #contact { float: right; margin-bottom: 20px; padding: 10px; background-color: #333; font-weight: bold; } #logo-n-menu { background-color: #000;  background-repeat: repeat-x; }  #flag_lng_fr img, #flag_lng_en img { border: 1px solid black; width: 30px; height: 15px; } #flag_lng_fr { margin-right: 10px; } #flag_lng_en { margin-right: 5px; } #flag_lng_fr, #flag_lng_en { margin-top: 10px; display: block; float: right; -moz-opacity: 0.75; filter:alpha(opacity=75); opacity:0.75; }  #logo img, #logoDiv { width: 200px; margin-left: 30px; margin-bottom: 10px; margin-top: 10px; } #main-menu * { font-size: 10pt; font-weight: bold; } #main-menu ul { list-style: none; border-bottom: none; } #main-menu ul li { display: inline; border: 2px solid #000; border-top-color: #444; border-right-color: #444; border-bottom: none; background-color: #333; padding-left: 5px; padding-right: 5px; padding-top: 5px; background-image: url('../images/gradients/tabs.png'); background-repeat: repeat-x; background-position: top left; } #main-menu ul li:hover { border-top-color: #222; border-right-color: #222; border-bottom: none; background-color: #aaa; background-image: url('../images/gradients/tabsHover.png'); } #main-menu ul li a { text-decoration: none; font-weight: bold; } #main-menu ul li:hover a { padding-top: +2px; padding-left: +2px; margin-bottom: -2px; margin-right: -2px; color: #CCC; font-size: 9.75pt; }  div.dropdown { background-color: #2E2F2F; border: 1px solid #555; display: block; position: absolute; z-index: 1000; padding: 5px; padding-right:7px; } div.dropdown a { display: block; padding: 4px; } div.dropdown a:hover { background-color: #222; }  #main-content { margin-top: -19px; border-top: 4px solid #000; background-image: url('../images/pagetopround.png'); background-repeat: no-repeat; background-position: top; } #main-content-container { margin: 40px; } #main-content h1 { margin-left: 0px; } #main-content h2 { margin-left: 5px; } #main-content h3 { margin-left: 10px; } #main-content h4 { margin-left: 25px; } #main-content h5 { margin-left: 50px; } #main-content h6 { margin-left: 70px; } #main-content p { margin-left: 0px; } #main-content p>p { margin-left: 20px; } #logout-link { float: right; font-size: small; color: #AAA; } #logout-link a { color: #999; }   h3 { width: auto; border-bottom: 1px solid #ea8; font-size: large; color: #ea8; } h3.rnfo span.title { font-size: large; color: #ea8; } h3.rnfo span.right { display: inline-block; float: right; padding-top: 5px; padding-right: 5px; border-right: 1px solid #ea8; color: #c86; font-weight: normal; } h3.rnfo span.right a { text-decoration: none; color: #c86; } h3.rnfo span.right a:before { content: "«"; padding: 3px; }  #actions { width: 210px; float: right; margin-right: -150px; padding: 10px; background-color: #111; -moz-border-radius: 15px; border-top: 3px solid #333; border-bottom: 3px solid #333; border-left: 3px solid #333; border-right: 3px solid #333; } #actions ul { list-style: none; padding: 10; margin: 0; } #actions h4 { border-bottom: 2px solid #ea8; color: #ea8; } #actions ul li { margin-top: 10px; margin-bottom: 10px; } #actions ul li a { text-decoration: none; font-size: small; font-weight: bold; font-size: 9pt; } #actions ul li:hover a { text-decoration: underline; } #actions ul li:hover { }  div.autocomplete ul li { padding-left: 3px; } div.autocomplete ul * { color: #FFF; } div.autocomplete { position: absolute; width: 500px; background-color: #222; border: 1px solid #888; margin: 0px; padding: 0px; } div.autocomplete ul { list-style-type: none; margin: 0px; padding: 0px; max-height: 20em; overflow: auto; } div.autocomplete ul li.selected { background-color: #433; } div.autocomplete ul li { list-style-type:none; display: block; margin: 0; padding: 2px; cursor: pointer; } div.autocomplete ul li span.informal { color: grey; }  img.avatar { max-height: 110px; max-width: 150px; border: 1px solid white; } img.avatar_male { border-bottom: 2px solid blue; } img.avatar_female { border-bottom: 2px solid #FF0088; } img.avatar_mixte { border-bottom: 2px solid orange; } img.miniavatar { max-height: 35px; max-width: 50px; border: 2px solid #000; vertical-align: bottom; } div.miniAvatarWName { display: inline-block; vertical-align: middle; } div.miniAvatarWName img{ max-height: 35px; max-width: 50px; border: 2px solid #000; vertical-align: bottom; display: block; } div.miniAvatarWName span a { text-decoration: none; font-size: 8pt; }  div.AvatarJSRightPanel { padding-left: 1px; width: 35px; background-color: #222; height: 111px; margin-left: 0; -moz-opacity: 0.40; } div.AvatarJSRightPanel:hover { -moz-opacity: 1.0; } div.AvatarJSRightPanel a { display: block; margin: 0; padding: 0; } div.AvatarJSRightPanel > a > img { }  .icon { border: none; vertical-align: bottom; margin-right: 5px; margin-left: 5px; } .small_icon { max-width: 22px; max-height: 22px; } .very_small_icon { max-width: 16px; max-height: 16px; } tr.a-message td.open a, .open a, a.open { display:inline; zoom:1;  float: middle; padding-left: 5px; padding-right: 5px; padding-top: 2px; padding-bottom: 2px; text-decoration: none; color: #090909; font-weight: bold; background-color: #444; border-left: 2px solid #333; border-bottom: 2px solid #333; border-top: 2px solid #555; border-right: 2px solid #555; } tr.a-message td.open a:focus, tr.a-message td.open a:hover, .open a:focus, .open a:hover, a.open:focus, a.open:hover { color: #000; font-weight: bold; background-color: #333; border-left: 2px solid #444; border-bottom: 2px solid #444; border-top: 2px solid #222; border-right: 2px solid #222; }  a.open { margin: 10px; } .jspopup { border: 2px solid #fff; -moz-border-radius: 5px; background-color: #111; padding: 20px; }   .bbeditor { min-width: 500px; min-height: 200px; border: 2px solid #000; background-color: #FFF; color: #111;  } ul.toolbox { background-color: #EEE; margin-bottom: 0px; border: 2px solid #000; list-style-type: none ; } ul.toolbox li { display: inline; list-style: none; } ul.toolbox li a:hover, ul.toolbox li a:focus { background-color: #222; color: #EEE; } ul.toolbox li a { color: #000; display: inline-block; border: 1px solid black; padding: 3px 6px 3px 6px; margin: 3px; text-decoration: none; } ul.toolbox li a.smileyButton { border: none; padding: 0 0 0 0; margin: 0 0 0 0; } ul.toolbox li a.smileyButton:hover, ul.toolbox li a.smileyButton:focus { background-color: #EEE; } ul.toolbox li a.smileyButton img { border: none; padding: 0 0 0 0; margin: 5px 4px -5px 2px; } .board a, .board span, .board b, .board i, .board u, .board .quote, .board .quote * { color: inherit; } .board .quote .title { display: block; } .board .quote .title .quoted { font-weight: bold; } .board .quote quote { display: block; border: 1px solid #888; font-family: serif; font-style: italic; padding: 5px;  } .board { background-color: #FFF; color: #111; padding: 20px; border: 2px solid #000; overflow-y: auto; } .editor {}