body { color:#666; background: #ddd url('/fr/image1353.png?1271427478') no-repeat; font:13px Verdana, Helvetica, sans-serif; }
a { color:#922; text-decoration:none;}
#page { width:980px; margin:auto; background:white; padding:30px 20px 0px; border:1px solid #333; border-width:0 1px 1px; margin-bottom:2em;}
#footer { margin-top:2em; border-top:1px solid #ccc; padding:1.5em; font-size:10px; text-align:center;}
#footer .show_edit a { color:inherit; }
#footer p.links {margin-bottom:1em;}
#logo { float:left; background:transparent url('/fr/image1306.gif?1271427478') no-repeat top left; width:500px; height:168px; font-size:36px; text-align:center; font-weight:bold; position:relative;}
#logo a { display:block; width:500px; height:168px;}
#slogan { position:absolute; top:158px; left:350px; font-size:17px; font-weight:bold; font-family:Verdana,sans-serif; color:#222; width:480px; text-align:left;}
#extract { float:right; width:480px; height:168px; position:relative;}
#extract #home_info {position:absolute; top:0px;}
#cert { position:absolute; top:0; right:0; width:460px;}
#extract #cert img { margin-right:15px; float:right;}
.grid { border:1px solid #222; float:right;}

#navigation {height:91px; background:#922 url('/fr/image1307.png?1271427478') repeat-x top left; font-size:12px; width:100%; position:relative;}
div.mainL {height:91px; width:15px; background:#ffffff url('/fr/image1308.png?1271427478') no-repeat top left;  float:left; }
div.mainR {height:91px; width:15px; background:#42b3e8 url('/fr/image1309.png?1271427478') no-repeat top right; float:right;}

#search { margin:25px 0 5px; float:right; font-size:10px;}
#search input { width:150px;}
#visitor { clear:both; position:relative; color:#ddd; text-align:right; padding:10px 0; font-size:10px;}
#visitor .search {position:absolute; top:-2em; right:0;}

#tab {float:left; height:61px; padding:0 10px; }
#tab li {float:left; padding:0 0 0 20px; color:white;}
#tab .on {background:transparent url("/fr/image1313.png?1271427478") no-repeat left top;}
#tab .on a {background:transparent url("/fr/image1314.png?1271427478") no-repeat right top; color:#5e5c50;}
#tab a { color:white; font-weight:bold; float:none; display:block; padding:37px 28px 10px 8px;}
#tab a:hover {text-decoration:underline;}

#menu {position:absolute; top:68px; height:20px; margin:0 4px; border:0; z-index:2;}
li.menu, li.menuOn {float:left; border-left:1px solid grey; padding:2px 15px; position:relative; height:16px;}
li.menu:first-child, li.menuOn:first-child { border-left:0;}
#menu a { color:inherit; display:block;}
#menu ul { position:absolute; top:20px; left:-1px; background:#fee; border:1px solid #666; border-width:0 1px 1px; width:174px; visibility:hidden;}
#menu li:hover ul { visibility:visible;}
li.smenuOn, li.smenu { border-top:1px solid #666; padding:6px 8px; }
#menu li:hover { background:#fcc;}

/* li.separator { background:url('/fr/image1310.png?1271427478') no-repeat left; width:5px; height:61px;} */

#container { margin-top:45px; width:980px;  min-height:400px; clear:both;}
#content { vertical-align:top; width:680px; padding:0 15px 30px 15px;}
#related { vertical-align:top; width:250px; padding:0 15px;}
.red_left { border-left:1px solid #faa;}
h1, h2, h3 { font-weight:bold; color:black;}
#content h1 { font-size:18px; margin:8px 0;}
#related h2 { margin-top:1em; }
#related .group:first-child h2 { margin-top:0;}
#doclist_link { position:relative;}
#doclist_link a { position:absolute; top:-2em; right:10px; font-size:80%;}
#related ol { margin-left:1em;}
#related .group { border:1px solid #888; background:#eee; margin:8px;}
#related .group ol { margin-left:30px; padding:0;}
#related .group a { font-size:1em; }
#related .group h2 { text-align:center; background:#888; padding:4px; color:white; margin-top:0;}
#related .group li { list-style-type:disc; padding:2px; }
#related .group li.btn_add { list-style-type:none; float:right; }


#related ol.boxes { margin-left:4px; }
.box {background: transparent url('/fr/image1358.png?1271427478'); margin:2em 0; font-size:12px;}
.box:first-child { margin-top:4px;}
.box h3 { background: transparent url('/fr/image1360.png?1271427478') no-repeat; height:20px; padding:7px 0 0 8px; color:white; }
.box h3 a { color:inherit; }
.box td { width: 235px; padding:5px 12px 20px; } 
.box td { background: transparent url('/fr/image1359.png?1271427478') bottom no-repeat; }

.da, .hot { position:relative; font-size:12px;}
.hot h3 { font-size:12px; position:absolute; left:167px;}
.da h3 { font-size:18px; color:black; position:absolute; left:12px; top:8px;}
.da h3 a { color:inherit;}
.hot, .da {float:left; width:316px; margin:5px 4px 5px 5px; height:200px; padding:5px 10px 5px 0;}
.hot { background:url('/fr/image1373.png?1271427479');}
.da { background: #eee; border:1px solid #ccc; width:314px;}
.da img.polaroid { top:45px;}
.da .zazen, .hot .zazen { margin-left:168px; margin-top:38px;}
.da .zazen ul, .hot .zazen ul {margin:0;}
.da .zazen li, .hot .zazen li {margin:0 0 0.5em 5px; list-style:disc; 
margin-left:12px; padding-left:0;}

.da .readon, .hot .readon { position:absolute; top:185px; right:8px;}

#introduction, #info { padding:3em 2em; clear:both;}
#introduction { border-bottom: 1px solid grey;}

h2.info { margin-bottom:1em; color:#333;}
h2.info a { color:inherit;}
#info .readon { text-align:right;}

.edit a { visibility:hidden;}
.edit:hover a { visibility:visible;}
.hot_btn { position:absolute;}
.hot .hot_btn { left:5px; }

.boxes li {position:relative;}
.boxes .hot_btn { top:5px; right:5px;}

.boxes .readon { text-align:right;}

/* Archive */
.archive h3 { margin:1em 0;}
.archive ol { margin-left:1em;}
.archive span.date { float:left; width:100px;}

/* Gallery */
#gallery li { float:left; width:160px; height:200px; text-align:center; margin:15px; background-image:url('/fr/image1240.png?1271427477'); position:relative;  }
#gallery img { position:absolute; top:12px; left:13px; width:137px; height:137px; border:1px solid #aaa; }
#gallery .name { position:absolute; top:150px; left:6px; width:153px; height:39px; font-size:10pt; font-family:Palatino, serif; line-height:15px;  }
#gallery .name td { vertical-align:middle; padding:0 5px; }
#gallery a { color:#888;  }

div.polaroid { float:left; width:165px; height:200px; text-align:center; background-image:url('/fr/image1400.png?1271427479'); position:relative;  }
img.polaroid {position:absolute; top:39px; left:13px; width:137px; height:137px; border:1px solid #aaa; }
.polaroid .name { position:absolute; top:150px; left:6px; width:153px; height:39px; font-size:10pt; font-family:Palatino, serif; line-height:15px;  }
.polaroid a { color:#888;  }
.polaroid td { width: 235px; padding:12px 12px 20px; }

#certifications td { padding:15px 5px; font-weight:bold; }
#certifications .on a { color:black; }

.tree ol { margin-left:1.5em;}

.zazen ol { list-style:decimal;}
.zazen li, .zazen .docs { margin-left:2.5em; }
.zazen p, .zazen ol, .zazen h3, .zazen h2, .zazen h3, .zazen h4 { margin-bottom:1em;}

.zazen h2 { padding-top:3em; margin-bottom:1em;}

.zazen strong {font-weight:bold;}
.zazen em {font-style:italic;}
.zazen .img_left { margin-right:1em;}
.zazen .img_right { margin-left:1em;}
.zazen img {border:1px solid #333;}
.zazen img.doc { border:0;}
img.pv:hover, img.med:hover, img.square:hover { border:1px solid orange; cursor:pointer;}

.zazen table.editable td, .zazen table.editable th {border:1px solid #333; padding:2px 5px;}
.zazen table.editable th { background:#aaa; color:white;}

.docs { margin:1em; }
.docinfo { vertical-align:top;}

.summary { font-style:italic;}

.hover { position:relative;  }
.hover span { background:#ffa; border:1px solid grey; padding:2px; line-height:12px; color:#555; position:absolute; right:10px; visibility:hidden; }
li:hover .hover span { visibility:visible; }

/* Activities */
.act { float:left; width:210px; margin:16px; }
.act .logo {height:150px; width:210px; position:relative; border:1px solid grey;}
.act h3 { color:white; padding:5px; background:none; position:absolute; top:124px; left:5px; font-size:13px;}
.act h3 a { color:inherit;}
.act .over {  background:transparent; height:150px; width:210px; z-index:9999; position:absolute;}
/* stripes = url('/fr/image1390.png?1271427479') */
.act img { margin:0; border:0;}

.edit_index { position:relative;}
.edit_index .side { color:#ddd; position:absolute; left:0; visibility:hidden;}
#footer:hover .side { visibility:visible;}


#main { clear:both; margin-top:4em;}

/* assigned procs */
.link_list h3 { margin:1em 0; }
.link_list li { max-width:380px;}
.link_list li a { font-weight:bold; color:#248; }
.link_list li li a { font-weight:normal; color:#2F31D5; background:none;}
.link_list .sci  a { color:#f88;}
#sci_for .info  a { color:grey;}
#sci_for li ol, #assigned_procs li ol { padding-left:28px;}

h1 .info { float:right; padding-right:10px; font-size:16px; color:grey;}
h1 .info a, li .info a { color:inherit;}
li .info { float:right; color:grey;}
h1 .sci a, li .sci, li .sci a { color:#f88;}

#search_results { margin-left:4em; padding-top:2em;}
.result_entry { margin-bottom:5px;}
.result_image { float:left;}
.result_image img { margin:8px 12px 3px; background:#eee; border:1px solid #aaa;}
.result_name { font-weight:bold; border-top:1px dashed #ccc; width:500px; padding-top:5px;}
.result_path { font-size:80%;}

#not_found { padding:20px; margin:50px; border:1px solid grey; background:#ddd;}
#pg_cont #pg_mask { opacity:0.6;}

.filter input { margin:10px; font-size:16px; width:250px; font-weight:bold; padding:3px; }
.docgallery li { float:left; width:300px; border:1px solid grey; margin:3px; background:#f7f7f7; overflow:hidden; }
.docgallery li a { display:block; padding:3px;  }
.docgallery li:hover { background:#ffc; }
.docgallery img { float:left; margin:3px; }
.docgallery b { display:block; color:#666; }
.docgallery a {white-space:nowrap; }
.search_tab .on a { color:#555; font-weight:bold; border-bottom:2px solid #999;}