html, body, div, span, table, thead, tbody, tooter, tr, th, td, form, fieldset, 
label, input, button, textarea, select, p, ul, ol, li, h1, h2, h3, h4, h5, h6, blockquote
{ font: 12px/1.4em Arial, Verdana, sans-serif; color: #666; margin: 0; padding: 0; }

body { margin: 10px 20px; text-align: center; }

a, a:link, a:visited { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; color: #000; }
a.external { background: url(../images/bullet_go.png) no-repeat top left; padding-left: 20px; }
a img, a:link img, a:visited img { border: none; }
a img.external-link { margin-bottom: -3px; margin-right: 3px; }

h1, h2, .page-title, .page-subtitle { font-family: Georgia, "Times New Roman", serif; line-height: 1.2em; }
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover { font-size: 18px; margin-bottom: 0.9em; color: #009ACC; text-decoration: none; }
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover { font-size: 15px; margin-bottom: 0.7em; color: #009ACC; text-decoration: none; }

h3 { font-size: 12px; margin-bottom: 0.5em; font-weight: bold; }
h4 { color: #009ACC; padding: 3px 10px; background: #F2F2F2; border-top: 1px solid #CCC; }
h5 { padding: 3px 10px; background: #F2F2F2; border-bottom: 1px solid #CCC; }
h6 { color: #009ACC; }

h2.arrows { background: url(../images/arrows_toggle.png) no-repeat 0 6px; padding-left: 22px; }

hr { border: none; border-top: 1px solid #CCC; height: 1px; }
span.caps { color: inherit; font: inherit; }
.colored { color: #009ACC; }

#sf_admin_container li { background: none !important; padding: 0 !important; }


/* === styles for input fields === */
.input-text, .input-file, .input-select, .input-area, .input-date { border: 1px solid #CCC; padding: 1px; }
.input-submit, .input-cancel, button { padding: 0 7px; line-height: 1.25em; }
.input-submit, .input-cancel, button { *padding: 0; *height: 22px;  } /* hack works only in IE<=7, no effect in real browsers */

.input-file { font: 12px/1.4em Arial, Verdana, sans-serif; color: #666; padding: 0 7px; line-height: 1.25em; }
input.space-right { margin-right: 10px; }
input.fix-width { width: 100px; padding: 0; }

.block { background: #F7F7F7; padding: 10px; }


#layout { max-width: 900px; margin: 0 auto; text-align: left; }
#layout { width:expression(document.body.clientWidth > 940? "900px": "auto" ); }
/* ie 5.5/6 max-width-hack, do not use the same numbers for condition and setting value! */

#page { padding: 20px 0; height: 100%; }
#footer { text-align: center; border-top: 1px solid #CCC; padding: 5px 0; font-size: 11px; }


/* === page header === */
#header { border-bottom: 1px solid #CCC; padding: 10px 0; }
#header .page-title { font-size: 26px; }
#header .page-subtitle { font-size: 20px; }
#header .page-logo { float: right; }
#header a, #header a:hover { color: #666; text-decoration: none; }


/* === sidepanes === */
#bar-left { float: left; width: 185px; margin-right: 20px; }
#bar-right { float: right; width: 185px; margin-left: 20px; }



/* === navigation pane left === */
#navi { padding-bottom: 10px; }
#navi ul { margin-bottom: 10px; margin-left: 0; padding-left: 0; }
#navi li { list-style: none; background: #F2F2F2; border-left: 3px solid #009ACC; margin-bottom: 1px; padding: 3px 7px; }
#navi li a { color: #009ACC;  }
#navi li.small { padding: 0px 7px;}
#navi li.disabled { border-left: 3px solid #9fdaec; }
#navi li.disabled a { color: #9fdaec; }
#navi li.active { border-left: 3px solid #000; }
#navi li.active a, #navi li.active a span.token { color: #000; }

#navi span.token { display: block; float: left; width: 18px; color: #009ACC; }


/* === login box left pane === */
#login-box .item { width: 100%; clear: both; margin-bottom: 5px; }
#login-box .desc { float: left; }
#login-box .input-text { float: right; width: 120px; }
#login-box .input-submit { float: right; }
#login-box #profile-picture-thumb { float: left; border: 1px solid #CCC; margin-right: 10px; margin-bottom: 10px;}
#login-box ul { clear: left; }
#login-box ul li { background: url(../images/bullet_list.gif) no-repeat left 3px; padding-left: 15px; list-style-type: none; }

/* === standard errors === */
.js-error { padding: 5px; margin-bottom: 20px; color: #E00; border: 1px solid #E00; text-align: center; font-weight: bold; }
.flash-error { padding: 5px; margin: 5px 0; color: #08C; border: 1px solid #08C; text-align: center; }
.form-hint { padding: 5px; margin-bottom: 10px; color: #08C; border: 1px solid #08C; }
.form-error { padding: 5px; margin-bottom: 10px; color: #E00; border: 1px solid #E00; }

/* === content text styles === */
#content { height: 100%; overflow: hidden; } /* height given for ie6 */
#content p { margin-bottom: 1.4em; }
#content p.subsection { margin-bottom: 0.7em; }
#content ul { margin-bottom: 1.4em; }
#content ul li { background: url(../images/bullet_list.gif) no-repeat left 3px; padding-left: 15px; list-style-type: none; }
#content ol { margin-bottom: 1.4em; margin-left: 1.8em; }
#content ol li { list-style-type: decimal; margin-bottom: 0.5em; }
#content ol li ol { margin-top: 0.5em; margin-bottom: 0.5em;}
#content ol li ol li { list-style-type: lower-alpha; }
#content td { padding-right: 10px; }
#content blockquote { margin: 0.7em 0 0.7em 1.4em;}
#content .info { color: #009ACC; }

#updates h6 { margin-bottom: 0.4em; }
#updates p { margin-bottom: 0.8em; }
#updates p.subsection { margin-bottom: 0.4em; }
#updates hr { margin: 4px 0px; }




/* === standard froms === */
.std-form { float: left; width:400px; margin-right: 20px; padding-bottom: 5px; }
.std-form.wide { float:none; width: 692px; margin: 0;}
.std-form .block { border: none; margin-bottom: 10px; }
.std-form table { width: 100%; }
.std-form .desc { width: 100px; margin: 3px 0; vertical-align: top; padding-top: 3px; }
.std-form .right { text-align: right; }
.std-form .input-text { width: 99.4%; margin: 3px 0; }
.std-form .input-select { width: 99.4%; margin: 3px 0; }
.std-form .input-date { width: 100px; margin: 3px 0; }
.std-form .input-area { width: 99.4%; margin: 3px 0; height: 200px; }
.std-form .input-file { width: 100%; margin: 3px 0; }
.std-form .input-submit { float: right; }
.std-form .input-cancel {  }
.std-form .input-checkbox {  }
.std-form-hint { width: auto; }
.std-form button { margin: 3px 20px 0 3px; vertical-align: top; *height: 1.75em; }

.std-form .cformblock { margin-bottom: 10px; }

.validation-passed { }
.validation-failed { border: 1px solid #E00; }
.validation-advice { font-size: 11px; color: #E00; }
#advice-required-meeting_date_from { display: none; }
#advice-required-meeting_date_to { display: none; }


#edit_page_form { float: none; }
#edit_page_form .block { float: left; width: 400px; margin-right: 10px; }
#edit_page_form .desc { width: 55px; }
#edit_page_form label { padding: 0; margin: 0; }
#edit_page_form .input-text { width: 317px; }
#edit_page_form .input-select { width: 190px; margin: 0; }
#edit_page_form .input-submit { float: none;  margin: 3px 0; }


/* === comments === */
#comments-form { padding-bottom: 1em; }
.std-form.comment { width: 100%; margin: 0; padding: 0; }
.std-form.comment .input-area { height: 100px; }
.std-form.comment .input-submit { float: none; margin-top: 5px; }

#comments-list { clear: both; }
#comments-list .header { background: #F7F7F7; padding: 3px 10px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; }
#comments-list .author { float: left; font-style: oblique; }
#comments-list .delete { float: right; }
#comments-list .wait { float: right; margin-right: 5px; }
#comments-list .text { padding: 5px 10px; }




/* === additional helpers === */
.toc-back { float: right; margin-left: 10px; border-right: 3px solid #009ACC; padding: 5px 5px 5px 26px; background: #F2F2F2 url(../images/toc_goto.png) no-repeat 5px 50%; }

#profile-picture { float: right; border: 1px solid #CCC; margin-top: 45px;}


/* === table lists === */
.list { margin-bottom: 15px; }
.list thead { background: #EAEAEA; }
.list th { padding: 3px 7px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.list td { padding: 3px 7px; border-bottom: 1px solid #CCC; }

.docs { margin-bottom: 15px; }
.docs thead { background: #EAEAEA; }
.docs th { padding: 3px 7px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.docs td { padding: 3px 7px; border-bottom: 1px solid #CCC; }
.docs td.reflexion { background: #c1f3c2;}
.docs td.workgroup { background: #f3e8c1;}

.filter { border: 1px solid #CCC; margin-bottom: 15px; }
.filter td { padding: 7px; vertical-align: middle; background: #F7F7F7; }
.filter .input-text { width: 160px; margin-left: 5px; }

.pager { border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; margin-bottom: 15px; }
.pager td { padding: 3px 7px; vertical-align: middle; background: #EAEAEA;  vertical-align: middle; }
.pager td img { vertical-align: top; }
.pager .active { color: #009ACC; }


/* === structured table === */
.structured { border-top: 1px solid #EAEAEA; margin-bottom: 1.4em;}
.structured .content { padding: 2px 7px; border-bottom: 1px solid #EAEAEA; }
.structured .desc { padding: 2px 5px; border-bottom: 1px solid #EAEAEA; background: #F7F7F7; vertical-align: top; }
.structured.profile .desc { width: 100px; }
.structured.meeting .desc { width: 100px; }
.structured.technote .desc { width: 80px; }

/* === structured help table === */
.structured.textile-help .desc { width: 70px; }
.structured.textile-help .content p, .structured.textile-help .content ul, .structured.textile-help .content ol, 
.structured.textile-help .content ol li, .structured.textile-help .content h3, .structured.textile-help .content h6 
{ margin-bottom: 0em !important; }
.structured.textile-help .content blockquote { margin: 0 0 0 1.4em !important; }


/* === dashboard page === */
.dashboard-block { float: left; margin-bottom: 10px; width: 250px;  }
#content .disabled { opacity: 0.4; filter: alpha(opacity=15); }
#breadcrumbs { margin-bottom: 13px; margin-top: 3px; }
#breadcrumbs a { padding: 0 2px 0px 20px; background: url(../images/arrow_breadcrumb.png) no-repeat 2px 4px; }



/* === meeting lecture === */
.block.lecture-head { padding: 2px 7px; }
.lecture-head .desc { float: left; width: 60px; }
.lecture-head .content {  }
.lecture-body { padding: 5px 7px 0.4em 7px; }
#lecture-cat-navi { padding-bottom: 1em; }
#lecture-cat-navi .hint { display: block; float: left; padding-right: 5px; }
#lecture-cat-navi a { padding: 0 5px 0px 14px; background: url(../images/arrow_sub_navigation.png) no-repeat 2px 5px; display: block; float: left; }



/* === various table styles === */
table { border-collapse: collapse; }
td, th { text-align: left; }
td.center, th.center { text-align: center; }
td.middle { vertical-align: top; }
td.right, th.right { text-align: right; }
td.top, th.top { vertical-align: top; }
tr.clickable, td.clickable { cursor: pointer; }


/* === table highlights === */
.list tr.even td { background: #FFF; }
.list tr.odd td { background: #F7F7F7; }

.list td.over, .list tr.even td.over, .list tr.odd td.over { background: #C1E7F3; }
.list td.down, .list tr.even td.down, .list tr.odd td.down { background: #C1E7F3; }
.list td.selected, .list tr.even td.selected, .list tr.odd td.selected { background: #C1E7F3; }

.docs td.over, .docs tr.even td.over, .docs tr.odd td.over { background: #C1E7F3; }
.docs td.down, .docs tr.even td.down, .docs tr.odd td.down { background: #C1E7F3; }
.docs td.selected, .docs tr.even td.selected, .docs tr.odd td.selected { background: #C1E7F3; }

/*
.structured td.over, .structured tr.even td.over, .structured tr.odd td.over { background: #C1E7F3; }
.structured td.down, .structured tr.even td.down, .structured tr.odd td.down { background: #C1E7F3; }
.structured td.selected, .structured tr.even td.selected, .structured tr.odd td.selected { background: #C1E7F3; }
*/

/* === floating elements parents fix === */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }