/* transparent png support for ie6 */
a img, a.external, a.document, th img, img.help
{ behavior: url(/css/iepngfix.htc) } 

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.document { background: url(../images/page_white_download.png) no-repeat top left; padding: 0 0 5px 20px; display: block; width: 90%;}
a.document span.hint { font-size: 11px; color: #666; }
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; }

hr { border: none; border-top: 1px solid #CCC; height: 1px; }


/* === styles for input fields === */
.input-text, .input-file, .input-area, .input-date { border: 1px solid #CCC; padding: 1px; }
.input-submit, button, input[type=button] { padding: 0 7px; *padding: 0; line-height: 1.25em; height: auto !important; height: 22px; }

.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; }

.SI-FILES-STYLIZED label.cabinet { width: 93px; height: 22px; background: url(../images/button-upload.png) 0 0 no-repeat; display: block; overflow: hidden; cursor: pointer; }
.SI-FILES-STYLIZED label.cabinet input.file { position: relative; height: 100%; width: auto; opacity: 0; filter: alpha(opacity=0); }
div#fake input.input-file { display: inline; margin-top: -21px; z-index: 10; width: 190px; margin-left: 100px; }



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

.block { background: #F7F7F7; padding: 10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.block.noborder { border: none; }

#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; }
#navi li { list-style: none; background: #F2F2F2; border-left: 3px solid #009ACC; margin-bottom: 1px; padding: 3px 0; }
#navi li a { padding: 0 7px; color: #009ACC; }
#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 { color: #000; }
#navi li.dashboard { background: #e4eff3; }



/* === sidebar login box === */
#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 img { display: block; }
#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; }



/* === sidebar updates panel === */
#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 errors === */
.js-error { padding: 5px; margin-bottom: 20px; color: #E00; border: 1px solid #E00; text-align: center; font-weight: bold; }
.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 blockquote { margin: 0.7em 0 0.7em 1.4em;}
#content td { padding-right: 10px; }

#content ol.help li { margin-bottom: 2.4em; }
#content ol.help li img { border: 1px solid #CCC; margin-top:5px; }





/* === standard froms === */
.std-form { float: left; width:400px; margin-right: 20px; padding-bottom: 5px; }
.std-form.wide { float:none; width: 742px; 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-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; float: right;}
.std-form .input-radio { margin: 4px 5px 2px 0; }
.std-form .input-submit { float: right; }
.std-form .input-checkbox {  }
.std-form-hint { width: auto; margin-bottom: 10px; }
.std-form button { margin: 3px 20px 0 3px; vertical-align: top; }

.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; }



/* === 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;}

#search_auto_complete ul { padding: 0; margin: 0; }
#search_auto_complete ul li { background: url(../images/icon_profile.png) no-repeat 2px 2px; padding: 2px 0 2px 22px; margin: 0; text-align: left;}

#publications .count { color: #DDD; float: right; font-weight: bold; }
#ajax-wait img { float: left; padding-right: 7px; }

img.help { margin: 0 5px -2px 0; }
i.na { color: #AAA; }


/* === 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; }
.list td.old { color: #F7F7F7; }
.list td.new { color: #C1E7F3; }

.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: 10%; }
.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: 225px; }
#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; }



/* === calendar === */
table.fcalendar.filter td h1 { margin: 0px; }
table.ecalendar th { text-align: center; border: 1px solid #FFF; border-bottom: 1px solid #CCC; }
table.ecalendar td { width: 14.28%; border: 1px solid #CCC; padding: 2px 5px !important;  }
table.ecalendar td.busy { background-color: #C1E7F3; }
table.ecalendar td a.day { display: block; height:auto; min-height:70px; text-decoration: none; }
table.ecalendar td span.day-sign { display: block; float: right; }

td span.event { display: block; background-repeat: no-repeat; padding-left: 18px; background-position: left 1px; } 
table.ecalendar td span.event { display: block; clear: right; color: #000; font-size: 11px; margin-bottom: 5px; line-height: 1.1em;
  max-height: 25px; max-width: 95px; overflow: hidden; background-repeat: no-repeat; padding-left: 18px; background-position: left top;}

span.event.meetingglobal { background-image: url(../images/meeting_global.png); }
span.event.meetingnational { background-image: url(../images/meeting_national.png); }
span.event.meetingregion { background-image: url(../images/meeting_regional.png); }
span.event.meetingtraining { background-image: url(../images/meeting_training.png); }
span.event.calendarevent { background-image: url(../images/calendar_event.png); color: #666; }


/* === 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; }

/*
.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%; }