* {
margin: 0;
padding: 0;
border: 0;
}
/* debug */
/* * { border: 1px red solid; } */
/* !ie5 \*/
html, body { height: 100%; }
/**/
body { background: white; color: black; font: 10pt Arial, Verdana, sans-serif; }
a, a:hover, a:visited { text-decoration: none; color: #0080c5; }
a:hover { color: black; }
h1 { font-size: 1.4em; color: #0080c5; text-transform: uppercase; }
h2 { font-size: 1.3em; text-transform: uppercase; border-bottom: 1px #0080c5 solid; }
h3 { font-size: 1.2em; font-weight: normal; }
h4 { font-size: 1.1em; }
h1, h2, h3, ul, ol, dl, p { margin: 0.5em 0; }
h1, h2 { margin-top: 1.5em; }
ul, ol, dl { padding-left: 2em; }
ul { list-style: outside square; }
table { border-collapse: collapse; border-spacing: 0; }
label { font-weight: bold; margin-right: 1em; }
input, select, textarea { border: 1px #ddd solid; padding-left: 0.1em; font: 10pt Arial, Verdana, sans-serif; }
select.multiple { height: 6em; width: 400px; margin-left: 2em; }
code { display: block; white-space: pre; font: 0.8em monospace, fixed; background: #f5f5f5; padding: 0.5em 2em; }
h1 input { font-size: 1em; font-weight: bold; color: #0080c5; background-color: #eee; border: 0; text-transform: uppercase; width: 100%; padding: 0; }

#header { height: 15%; background: #0080c5 url(extranet.gif) no-repeat bottom left; color: white; }
/*\*//*/
#header { height: 100px; }
/**/
#header h1 { display: none; }
#header p.snippet { display: block; float: right; width: 140px; padding: 2em 1em 0 28px; background: transparent url(member.gif) no-repeat left; font-size: 0.8em; line-height: 1em; }
#header p.moderator { background-image: url(moderator.gif); }
#header p.snippet span { font-weight: bold; }
#header p.snippet a { color: #ccc; display: block; margin-top: 0.5em; }
/* ie5 \*/
#main { height: 80%; overflow: auto; }
/**/
#infos { position: absolute; top: 0; width: 100%; font-size: 0.8em; color: black; background: white; padding: 0.3em 0; line-height: 0.8em; text-transform: uppercase; font-weight: bold; }
#infos p { padding: 0 1em; margin: 0; }
#time { float: right; }
#content { padding: 0 2em; }
#footer { height: 5%; background: #0080c5; color: white; }
#footer p { padding: 0.2em 1em; font-size: 0.8em; margin: 0; }
#footer * a { color: white; }
/*\*//*/
#footer { clear: both; height: 1.2em; background: white; color: #0080c5; border-top: 1px #0080c5 solid; }
#footer * a { color: #0080c5; }
/**/


/**********/
/* Layout */
/**********/

/* Special classes */
.hidden { visibility: hidden; }
.none { display: none; }
.nomargin { margin: 0; }
.noborder { border: 0; }
.nodots { list-style: none; }
.fRight { float: right; margin-left: 0.5em; }
.fLeft { float: left; margin-right: 0.5em; }
.cLeft { clear: left; }
.cRight { clear: right; }
.cBoth { clear: both; }
.vMiddle { vertical-align: middle; }
.aRight { text-align: right; }
.aLeft { text-align: left; }
.aCenter { text-align: center; }
.pre { white-space: pre; }

/* Paragraphs */
p.link { margin-top: -1em; font-size: 0.8em; }
p.signature { text-align: right; font-size: 0.8em; font-style: italic; }
p.info { font-size: 0.8em; color: #555; border-left: 1px #0080c5 solid; padding-left: 1em; margin: 2em; }
p.guide, p.error { margin: 1em; font-size: 0.9em; font-weight: bold; background: transparent no-repeat top left; padding: 40px 60px; }
p.guide { color: #0080c5; background-image: url(guide.gif); }
p.guide a, p.error a, p.guide a:visited, p.error a:visited { color: black; }
p.guide a:hover { color: #0080c5; }
p.error { color: #ff4d00; background-image: url(error.gif); }
p.error a:hover { color: #ff4d00; }
p.warning { background: transparent url('warning.gif') no-repeat top left; padding: 0.8em; padding-left: 50px; color: #800; }
p.edito { font-family: "Lucida Grande", Lucida, Verdana, sans-serif; color: #0080c5; margin: 2em 0; }
p.edito:first-letter { font-size: 2em; }
p.message, p.failed { margin: 0 -2em; padding: 0.1em 1em; text-align: center; line-height: 1em; font-weight: bold; }
p.message { border-bottom: 1px #0080c5 solid; color: #0080c5; }
p.message a, p.message a:visited { color: #0080c5; }
p.failed { border-bottom: 1px red solid; color: red; }
p.failed a, p.failed a:visited { color: red; }
p.message a.explain, p.failed a.explain { font-weight: normal; }
p.message a:hover, p.failed a:hover { color: black; }
p.message select { background: #0080c5; color: white; padding: 0; border: 0; }
p.query { position: absolute; width: 320px; padding: 10px 10px 10px 60px; left: 25%; top: 150px; padding-top: 1em; border: 2px white solid; text-align: left; background: #0080c5 url(query.gif) no-repeat top left; color: white; }
p.query a, p.query a:visited { display: block; padding: 2px 5px; float: left; margin-top: 10px; margin-right: 5px; width: 132px; color: #0080c5; border: 1px white solid; text-transform: uppercase; background: #0080c5; color: white; font-size: 0.8em; }
p.query a.small { width: 83px; }
p.query a.complement { width: 82px; }
p.query a:hover { background: white; color: #0080c5; }
p.query input, p.query select { margin-top: 10px; width: 290px; border: 1px white solid; background: #0080c5; color: white; }
p.seeAlso { clear: left; padding-top: 1em; text-transform: uppercase; margin-bottom: 0; border-bottom: 1px #ddd solid; }

/* Lists */
ul.buttons { list-style: none; padding: 0; margin: 0; font-size: 0.8em; clear: left; padding-top: 2em; }
/* ul.buttons li { float: left; width: 165px; background: url(icons/button.gif) no-repeat center; } */
ul.buttons li { float: left; width: 165px; background: transparent; }
ul.buttons * a { display: block; background: transparent no-repeat left; height: 16px; margin: 3px 8px 3px 0; padding: 4px 10px 0 30px; text-align: right; border: 1px #0080c5 solid; }
ul.buttons * a:hover { background-color: #0080c5; color: white; }
ul.buttons * a.print { background-image: url(icons/print.gif); }
ul.buttons * a.refresh { background-image: url(icons/refresh.gif); }
ul.buttons * a.next { background-image: url(icons/next.gif); }
ul.buttons * a.start { background-image: url(icons/play.gif); }
ul.buttons * a.suspend { background-image: url(icons/pause.gif); }
ul.buttons * a.resume { background-image: url(icons/play.gif); }
ul.buttons * a.close { background-image: url(icons/stop.gif); }
ul.buttons * a.post { background-image: url(icons/post.gif); }
ul.buttons * a.doc { background-image: url(icons/doc.gif); }
ul.buttons * a.edit { background-image: url(icons/edit.gif); }
ul.buttons * a.cancel { background-image: url(icons/undo.gif); }
ul.buttons * a.save { background-image: url(icons/save.gif); }
ul.buttons * a.drop { background-image: url(icons/drop.gif); }
ul.buttons * a.user { background-image: url(icons/user.gif); }
ul.buttons * a:hover { background-color: #0080c5; color: white; }
ul.actions { padding-top: 0; }
ul.actions * a, ul.actions a:visited { color: red; }
ul.actions * a:hover { background-color: red; color: white; }
/* ul.actions li { background-image: url(icons/admin.gif); } */
ul.actions * a { border-color: red; }
ul.moderator { list-style: none; padding-left: 1em; }
ul.moderator * a.button { border: 0; }
dl.table { line-height: 1.5em; }
dl.table dt { float: left; clear: left; width: 40%; text-align: right; margin-right: 1em; }
dl.table dt.field { font-weight: bold; }
dl.table * input.edit { width: 50%; background-color: #e0f0ff; border: 0; }
dl.table * select.edit { width: 50%; background-color: #e0f0ff; border: 0; }
dl.table * input.missing, dl.table * select.missing { background-color: #ffe0e0; }
dl.table * input.error, dl.table * select.error { background-color: #fff0e0; }
dl.table * input.label { width: 80%; text-align: right; font-weight: bold; padding: 2px; border: 0; }
dl.table * label { margin-right: 0; }
dl.table * span.required { color: red; }
div.offset { margin-right: 260px; }
a.button { padding: 3px; padding-left: 18px; background: white no-repeat left; background-position: 5px center; margin-right: 5px; border: 1px #0080c5 solid; font-size: 0.8em; }
a.button:hover { background-color: #0080c5; color: white; }
a.add { background-image: url(icons/add.gif); }
a.cancel { background-image: url(icons/cancel.gif); }
a.delete { background-image: url(icons/delete.gif); }

/* Quick bar */
div.quickbar { position: absolute; left: 30%; top: 30px; width: 270px; }
div.quickbar a { display: block; float: left; width: 100px; height: 16px; padding-top: 16px; background: transparent no-repeat top left; margin-left: 5px; }
div.quickbar a span { color: white; font-size: 0.8em; margin-left: 30px; font-weight: bold; }
div.quickbar a.qback { background-image: url(icons/qback.gif); }
div.quickbar a.qrefresh { background-image: url(icons/qrefresh.gif); }
div.quickbar a:hover { background-position: bottom left; }
div.quickbar a:hover span { color: black; }

/* Menu boxes */
div.box { float: right; width: 250px; border: 1px #0080c5 solid; font-size: 0.8em; margin: 1em; margin-right: 0; background: white; }
div.filesbox { width: auto; }
div.bigbox { float: left; width: 100%; font-size: 1em; margin: 1em 0; background: white; border: 0; }
div.box h2 { color: white; background: #0080c5; padding: 0 10px; margin: 0; }
div.box ul { margin: 0; padding: 0; color: #0080c5; }
div.box dl.table { line-height: 1.2em; }
div.box dl.table dt { width: 30%; }
div.box ul.portals { list-style: square inside; margin: 10px; }
div.box ul.portals * a, div.box ul.portals * a:visited { color: black; }
div.box ul.portals * a:hover { color: #0080c5; }
div.box ul.portals * .moderator { font-weight: bold; }
div.box ul.menu { list-style: none; }
div.box ul.menu li { display: inline; }
div.box ul.menu * a { display: block; padding: 5px 10px; color: #0080c5; text-transform: uppercase; }
div.box ul.menu * a.unavailable { color: #888; }
div.box ul.menu * a.lock { background: transparent url(icons/lock.gif) no-repeat top right; }
div.box ul.menu * a:hover { color: white; background-color: #0080c5; }
div.box ul.menu * a span { text-transform: none; }
div.box ul.menu * select { width: 100%; }
div.box ul.files { list-style: none; }
div.box ul.files li { display: inline; }
div.box ul.files * ul { padding-left: 1em; }
div.box ul.files p { margin-top: 0; margin-bottom: 1em; }
div.box ul.files * a.file { display: block; padding: 5px 10px; padding-left: 38px; padding-right: 60px; text-transform: uppercase; background: transparent no-repeat left; }
div.box ul.files * a.file:hover { background-color: #0080c5; color: white; }
div.box ul.files * a.file span { text-transform: none; }
div.bigbox ul.files * a.file span { font-size: 0.8em; }
div.box ul.files * a.folder { background-image: url(mimetypes/folder.gif); font-weight: bold; }
div.box ul.files * a.folderopen { background-image: url(mimetypes/folderopen.gif); font-weight: bold; }
div.box ul.files * a.bmp { background-image: url(mimetypes/bmp.gif); }
div.box ul.files * a.doc { background-image: url(mimetypes/doc.gif); }
div.box ul.files * a.gif { background-image: url(mimetypes/gif.gif); }
div.box ul.files * a.jpg { background-image: url(mimetypes/jpg.gif); }
div.box ul.files * a.pdf { background-image: url(mimetypes/pdf.gif); }
div.box ul.files * a.ppt { background-image: url(mimetypes/ppt.gif); }
div.box ul.files * a.rar { background-image: url(mimetypes/rar.gif); }
div.box ul.files * a.rtf { background-image: url(mimetypes/rtf.gif); }
div.box ul.files * a.txt { background-image: url(mimetypes/txt.gif); }
div.box ul.files * a.xls { background-image: url(mimetypes/xls.gif); }
div.box ul.files * a.zip { background-image: url(mimetypes/zip.gif); }
div.box ul.files * span.actions { float: right; }
div.bigbox ul.files * span.actions { font-size: 0.8em; }
div.box ul.files * span.actions a { background: transparent no-repeat right; display: none; padding-right: 16px; margin-right: 0.2em; text-align: right; }
div.boxOn ul.files * span.actions a { display: block; }
div.box ul.files * span.actions a.delete { background-image: url(icons/delete.gif); }
div.box ul.files * span.actions a.move { background-image: url(icons/forward.gif); }
div.box h2.rolled, div.box h2.unrolled { padding-left: 20px; background: #0080c5 no-repeat left; cursor: pointer; }
div.box h2.rolled { background-image: url(icons/rolled.gif); }
div.box h2.unrolled { background-image: url(icons/unrolled.gif); }
div.rolled { display: none; }
div.unrolled dl { padding: 0; margin: 0.5em 1em; }
div.unrolled dt { font-weight: bold; }
div.hasLayout { width: 100%; }


/***********/
/* Modules */
/***********/

/* Login */
.loginForm { background: #0080c5 url(lock.gif) no-repeat bottom left; color: white; margin: 0 -2em; padding: 0.5em 2em; padding-left: 200px; }
.loginForm dt { float: left; width: 150px; text-align: right; font-weight: bold; margin-right: 1em; }
.loginForm * input { background: #0080c5; color: white; border: 1px white solid; margin-bottom: 0.2em; width: 150px; }
.loginForm a, .loginForm a:visited, .loginForm a:hover { color: white; background: transparent url(login.gif) no-repeat left; padding: 10px 0; padding-left: 30px; font-size: 0.8em; margin-left: 150px; }

/* Workgroup */
div.infos { color: #0080c5; padding: 1em 0; }
div.infos * a, div.infos * a:visited { color: black; }
div.infos * a:hover { color: #0080c5; }
div.infos * a.button:hover { color: white; }
div.infos ul { margin-top: 1em; }
div.infos p { margin: 0; margin-bottom: 1em; }
div.infos form div { width: 100%; margin-bottom: 1em; }
div.infos * textarea { color: #0080c5; padding: 0; border: 0; width: 400px; height: 5em; }
div.body { border-top: 1px #0080c5 solid; margin-right: 270px; }

/* Common */
div.comment { margin-top: 1em; width: 100%; }
div.comment h3.title { font-size: 1em; background: #0080c5; color: white; margin: 0; padding: 0 0.2em; font-weight: bold; }
div.comment p.from { font-size: 0.8em; margin: 0; padding: 0.2em; }
div.comment p.from * a.button { background-color: #d4e0ef; font-size: 1em; padding: 3px; padding-left: 18px; background-position: 5px center; margin: 0; margin-right: 5px; margin-top: -5px; }
div.comment p.from * a.button:hover { background-color: #0080c5; color: white; }
div.comment div.content { padding: 0.5em; border: 1px #0080c5 solid; background: white; }
/* div.comment div.content div { width: 100%; } */
div.comment div.content h4 { margin-top: 0.5em; }
/* div.comment div.content * textarea { width: 90%; height: 4em; padding: 0; margin: 0; } */
div.comment div.content textarea { width: 400px; border: 0; height: 4em; padding: 0; margin: 0; }
div.comment div.content label { float: left; width: 20%; text-align: right; }
div.comment div.content input { width: 70%; margin-bottom: 0.5em; }
div.comment * a.button { float: right; margin-top: -5px; }
div.commentOn div.content { background: #d4e0ef; }
div.comment * span.actions a { background: transparent no-repeat left; display: none; padding-left: 16px; margin-left: 0.2em; }
div.commentOn * span.actions a { display: inline; }
div.commentOn * span.actions a.delete { background-image: url(icons/delete.gif); }
div.commentOn * span.actions a.add { background-image: url(icons/add.gif); }
div.commentOn * span.actions a.move { background-image: url(icons/forward.gif); }