bsw@213: /* CSS reset */
bsw@213: 
bsw@213: html, body, div, span, applet, object, iframe,
bsw@213: h1, h2, h3, h4, h5, h6, p, blockquote, pre,
bsw@213: a, abbr, acronym, address, big, cite, code,
bsw@213: del, dfn, em, font, img, ins, kbd, q, s, samp,
bsw@213: small, strike, strong, sub, sup, tt, var,
bsw@213: dl, dt, dd, ol, ul, li,
bsw@213: fieldset, form, label, legend,
bsw@213: table, caption, tbody, tfoot, thead, tr, th, td {
bsw@213:     margin: 0;
bsw@213:     padding: 0;
bsw@213:     border: 0;
bsw@213:     outline: 0;
bsw@213:     font-weight: inherit;
bsw@213:     font-style: inherit;
bsw@213:     font-size: 100%;
bsw@213:     font-family: inherit;
bsw@213:     vertical-align: baseline;
bsw@213: }
bsw@213: /* remember to define focus styles! */
bsw@213: :focus {
bsw@213:     outline: 0;
bsw@213: }
bsw@213: body {
bsw@213:     line-height: 1;
bsw@213:     color: black;
bsw@213:     background: white;
bsw@213: }
bsw@213: ol, ul {
bsw@213:     list-style: none;
bsw@213: }
bsw@213: /* tables still need 'cellspacing="0"' in the markup */
bsw@213: table {
bsw@213:     border-collapse: separate;
bsw@213:     border-spacing: 0;
bsw@213: }
bsw@213: caption, th, td {
bsw@213:     text-align: left;
bsw@213:     font-weight: normal;
bsw@213: }
bsw@213: blockquote:before, blockquote:after,
bsw@213: q:before, q:after {
bsw@213:     content: "";
bsw@213: }
bsw@213: blockquote, q {
bsw@213:     quotes: "" "";
bsw@213: }
bsw@213: 
bsw@213: /* end CSS reset */
bsw@213: 
bsw@213: 
bsw@213: /*
bsw@213:     Global settings
bsw@213: */
bsw@213: body {
bsw@213:   font-family: sans-serif;
bsw@213:   background-color: #7df;
bsw@213:   color: #000;
bsw@213: }
bsw@213: 
bsw@213: a {
bsw@213:   background-color: #ffffff;
bsw@213:   color: #000;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@213:     Main top navigation
bsw@213: */
bsw@213: 
bsw@213: .tab1 {
bsw@213:   background-color: #444;
bsw@213:   color: #000;
bsw@213: }
bsw@213: 
bsw@213: .tab1 .right {
bsw@213:   float: right;
bsw@213: }
bsw@213: 
bsw@213: .tab1 a {
bsw@213:   float: left;
bsw@213:   padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw@213:   margin-left: 0.5em;
bsw@213:   background-color: #444;
bsw@213:   color: #fff;
bsw@213:   font-weight: bold;
bsw@213:   text-decoration: none;
bsw@213: }
bsw@213: 
bsw@213: .tab1 .right a {
bsw@213:   margin-left: 0;
bsw@213:   margin-right: 0.5em;
bsw@213: }
bsw@213: 
bsw@213: .tab1 a.active {
bsw@213:   background-color: #7df;
bsw@213:   color: #000;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@213:     Default slot
bsw@213: */
bsw@213: 
bsw@213: .slot_default {
bsw@213:   margin: 2ex 1% 2ex 32%;
bsw@213:   position: relative;
bsw@213:   width: 67%;
bsw@213: }
bsw@213: 
bsw@213: .sidebar_right .slot_default {
bsw@213:   margin: 2ex 32% 2ex 1%;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@213: Sidebar
bsw@213: */
bsw@213: 
bsw@213: .slot_sidebar {
bsw@213:   margin: 2ex 1% 2ex 1%;
bsw@213:   float: left;
bsw@213:   width: 30%;
bsw@213: }
bsw@213: 
bsw@213: .sidebar_right .slot_sidebar {
bsw@213:   margin: 0 1% 2ex 1%;
bsw@213:   float: right;
bsw@213:   width: 30%;
bsw@213: }
bsw@213: 
bsw@213: .slot_sidebar .box {
bsw@213:   width: 100%;
bsw@213: }
bsw@213: 
bsw@213: 
bsw@213: /*
bsw@213:     Boxes
bsw@213: */
bsw@213: 
bsw@213: .box a {
bsw@213:   text-decoration: none;
bsw@213:   color: #46a;
bsw@213: }
bsw@213: 
bsw@213: .boxhead,
bsw@213: a.boxhead {
bsw@213:   /* position */
bsw@213:   display: block;
bsw@213:   margin-bottom: 0.5ex;
bsw@213:   margin-top: 1ex;
bsw@213:   margin-left: 0.5em;
bsw@213: 
bsw@213:   /* color */
bsw@213:   background-color: #7df;
bsw@213:   color: #000;
bsw@213: 
bsw@213:   /* text format */
bsw@213:   font-weight: bold;
bsw@213:   text-shadow: 2px 2px 2px #fff;
bsw@213: }
bsw@213: 
bsw@213: .box {
bsw@213:   /* position */
bsw@213:   position: relative;
bsw@213:   width: 100%;
bsw@213:   margin-bottom: 2ex;
bsw@213: 
bsw@213:   /* border and shadow*/
bsw@213:   border-radius: 1ex;
bsw@213:   -moz-border-radius: 1ex;
bsw@213:   -webkit-box-shadow: 2px 2px 3px 0px #444;
bsw@213:   -moz-box-shadow: 2px 2px 3px 0px #444;
bsw@213: 
bsw@213:   /* color */
bsw@213:   background-color: #fff;
bsw@213:   color: #000;
bsw@213: 
bsw@213: }
bsw@213: 
bsw@213: .box .row {
bsw@213:   overflow: auto;
bsw@213:   /* position */
bsw@213: 
bsw@213:   /* border */
bsw@213:   border-top: 1px solid #ccc;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col {
bsw@213:   /* position */
bsw@213:   padding: 0.5ex 0.2em 0.5ex 0.2em;
bsw@213: 
bsw@213:   /* text format */
bsw@213:   line-height: 125%;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.left {
bsw@213:   float: left;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.right {
bsw@213:   float: right;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.clearleft {
bsw@213:   clear: left;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.clearright {
bsw@213:   clear: right;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.toggle {
bsw@213:   float: left;
bsw@213:   /* position */
bsw@213:   padding-left: 0.4em;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.toggle:hover {
bsw@213:   /* color */
bsw@213:   background-color: #7cf;
bsw@213: 
bsw@213:   /* cursor */
bsw@213:   cursor: pointer;
bsw@213: }
bsw@213: 
bsw@213: .box .row.first .col.toggle {
bsw@213:   /* border */
bsw@213:   border-radius: 1ex 0 0 0;
bsw@213: }
bsw@213: 
bsw@213: .box .row.last .col.toggle {
bsw@213:   /* border */
bsw@213:   border-radius: 0 0 0 1ex;
bsw@213: }
bsw@213: 
bsw@213: .box .row.toggled .col.first {
bsw@213:   /* position */
bsw@213:   margin-left: 1.5em;
bsw@213: }
bsw@213: 
bsw@213: .box .row.first {
bsw@213:   /* border */
bsw@213:   border-top: none;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.first {
bsw@213:   /* position */
bsw@213:   padding-left: 0.5em;
bsw@213: }
bsw@213: 
bsw@213: .box .row.toggled .col.first {
bsw@213:   /* position */
bsw@213:   padding-left: 0.2em;
bsw@213: }
bsw@213: 
bsw@213: .box .row.head {
bsw@213:   background-color: #e4e7f0;
bsw@213:   color: #000;
bsw@213:   border-radius: 1ex 1ex 0 0;
bsw@213: }
bsw@213: 
bsw@213: .box .row.last {
bsw@213:   border-radius: 0 0 1ex 1ex;
bsw@213: }
bsw@213: 
bsw@213: .box .row.head .col.head {
bsw@213:   font-weight: bold;
bsw@213:   color: #444;
bsw@213: }
bsw@213: 
bsw@213: .box .row.head .col a {
bsw@213:   background-color: #e4e7f0;
bsw@213:   color: #3B6E7F;
bsw@213: }
bsw@213: 
bsw@213: .box .row.head2 {
bsw@213:   background-color: #f2f3f7;
bsw@213:   color: #000;
bsw@213: }
bsw@213: 
bsw@213: .box .row.head2 .col a {
bsw@213:   background-color: #f2f3f7;
bsw@213:   color: #3B6E7F;
bsw@213: }
bsw@213: 
bsw@213: 
bsw@213: .box .row .col a {
bsw@213:   color: #3B6E7F;
bsw@213: }
bsw@213: 
bsw@213: .box .row.active,
bsw@213: .box .row.active a {
bsw@213:   background-color: #DDF7FF;
bsw@213: }
bsw@213: 
bsw@213: /* Sidebar hover button */
bsw@213: 
bsw@213: .hoverbutton_container {
bsw@213:   position: relative;
bsw@213: }
bsw@213: 
bsw@213: 
bsw@213: .hoverbutton {
bsw@213:   /* position */
bsw@213:   display: none;
bsw@213:   position: absolute;
bsw@213:   top: 0px;
bsw@213:   left: 0px;
bsw@213:   height: 100%;
bsw@213:   width: 100%;
bsw@213: 
bsw@213:   /* color */
bsw@213:   background-color: #fff;
bsw@213: 
bsw@213:   /* text format */
bsw@213:   font-weight: bold;
bsw@213: 
bsw@213:   /* cursor */
bsw@213:   cursor: pointer;
bsw@213: }
bsw@213: 
bsw@213: .hoverbutton_container:hover .hoverbutton {
bsw@213:   /* position */
bsw@213:   display: block;
bsw@213: }
bsw@213: 
bsw@213: .hoverbutton_container:hover .hoverbutton img {
bsw@213:   /* text format */
bsw@213:   vertical-align: middle;
bsw@213: }
bsw@213: 
bsw@213: .hoverbutton_container:hover .hoverbutton.noaction {
bsw@213:   /* color */
bsw@213:   background-color: #ccc;
bsw@213: 
bsw@213:   /* cursor */
bsw@213:   cursor: default;
bsw@213: }
bsw@213: 
bsw@213: .hoverbutton_container:hover .hoverbutton.green {
bsw@213:   background-color: #cfc;
bsw@213: }
bsw@213: 
bsw@213: .hoverbutton_container:hover .hoverbutton.red {
bsw@213:   background-color: #fcc;
bsw@213: }
bsw@213: 
bsw@213: .hoverbutton .content {
bsw@213:   /* position */
bsw@213:   padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213: }
bsw@213: 
bsw@213: /* Scrolled col */
bsw@213: 
bsw@213: .box .row .col.scrolled {
bsw@213:   padding: 0;
bsw@213:   max-height: 300px;
bsw@213:   overflow: auto;
bsw@213: }
bsw@213: 
bsw@213: .box .row .col.scrolled .head {
bsw@213:   font-weight: bold;
bsw@213:   padding: 0.5ex 0.2em 0.5ex 0.5em;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@213:   Bars
bsw@213: */
bsw@213: 
bsw@213: .bar {
bsw@213:   float: right;
bsw@213:   margin-left: 0.3em;
bsw@213: }
bsw@213: 
bsw@213: .bar div {
bsw@213:   margin-top: 2px;
bsw@213:   float: left;
bsw@213:   height: 11px;
bsw@213: }
bsw@213: .bar .green {
bsw@213:   background-color: #0a0;
bsw@213: }
bsw@213: 
bsw@213: .bar .grey {
bsw@213:   background-color: #eee;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@213:     Avatars
bsw@213: */
bsw@213: 
bsw@213: .avatars {
bsw@213:   overflow: auto;
bsw@213: }
bsw@213: 
bsw@213: .avatars .avatar {
bsw@213:   float: left;
bsw@213:   margin-left: 2px;
bsw@213:   margin-right: 2px;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar {
bsw@213:   width: 100px;
bsw@213:   -webkit-box-shadow: 1px 1px 1px #000;
bsw@213:   background-color: #eee;
bsw@213:   border-radius: 1ex;
bsw@213:   -moz-border-radius: 1ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar {
bsw@213:   border: 2px solid #fff;
bsw@213:   border-radius: 0.5ex;
bsw@213:   -moz-border-radius: 0.5ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars .arrow {
bsw@213:   float: left;
bsw@213:   margin-top: 0.3ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars .avatar.myweight {
bsw@213:   border-color: #f70;
bsw@213:   background-color: #f70;
bsw@213: }
bsw@213: 
bsw@213: .avatars .avatar.autoreject {
bsw@213:   border-color: #f00;
bsw@213:   background-color: #f00;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar img {
bsw@213:   border-radius: 0.25ex;
bsw@213:   -moz-border-radius: 0.25ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar img {
bsw@213:   margin-left: 0.3em;
bsw@213:   margin-top: 0.3ex;
bsw@213:   border-radius: 1ex;
bsw@213:   -moz-border-radius: 1ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar img {
bsw@213:   height: 24px;
bsw@213:   width: 24px;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar img {
bsw@213:   height: 48px;
bsw@213:   width: 48px;
bsw@213: }
bsw@213: 
bsw@213: .avatars.normal .avatar .name {
bsw@213:   margin-left: 0.3em;
bsw@213:   margin-top: 0.3ex;
bsw@213:   line-height: 100%;
bsw@213:   font-size: 70%;
bsw@213:   overflow: hidden;
bsw@213:   height: 4ex;
bsw@213: }
bsw@213: 
bsw@213: .avatars .avatar .weight {
bsw@213:   text-align: center;
bsw@213:   font-size: 70%;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar.participation {
bsw@213:   border-color: #f70;
bsw@213: }
bsw@213: 
bsw@213: .avatars.small .avatar.overridden,
bsw@213: .avatars.small .arrow.overridden {
bsw@213:   opacity: 0.3;
bsw@213: }
bsw@213: 
bsw@213: /*
bsw@213:   Area
bsw@213: */
bsw@213: 
bsw@213: .area .name {
bsw@213:   color: #444;
bsw@213: }
bsw@213: 
bsw@213: .area .name a {
bsw@213:   font-weight: normal;
bsw@213: }
bsw@213: 
bsw@213: .area .name .avatars {
bsw@213:   float: right;
bsw@213:   margin-top: -3px;
bsw@213: }
bsw@213: 
bsw@213: /* Initiatives */
bsw@213: 
bsw@213: .initiative .name,
bsw@213: .initiative a.name {
bsw@213:   font-weight: bold;
bsw@213: }
bsw@213: 
bsw@213: .initiative .authors {
bsw@213:   /* color */
bsw@213:   color: #777;
bsw@213: 
bsw@213:   /* text format */
bsw@213:   font-size: 80%;
bsw@213:   font-style: italic;
bsw@213: }
bsw@213: 
bsw@213: .initiative .authors a {
bsw@213:   /* color */
bsw@213: }
bsw@213: 
bsw@213: .drafts .draft .created {
bsw@213:   font-weight: bold;
bsw@213: }
bsw@213: 
bsw@213: .drafts .draft .author_name {
bsw@213:   font-style: italic;
bsw@213: }
bsw@213: 
bsw@213: /* Draft */
bsw@213: 
bsw@213: .draft {
bsw@213:   line-height: 135%;
bsw@213: }
bsw@213: 
bsw@213: .draft h2 {
bsw@213:   font-size: 135%;
bsw@213:   font-weight: bold;
bsw@213:   margin-bottom: 0.5ex;
bsw@213: }
bsw@213: 
bsw@213: .draft h3 {
bsw@213:   font-size: 135%;
bsw@213:   margin-bottom: 0.5ex;
bsw@213: }
bsw@213: 
bsw@213: .draft p {
bsw@213:   margin-bottom: 1ex;
bsw@213: }
bsw@213: 
bsw@213: .draft ul {
bsw@213:   padding-left: 2em;
bsw@213:   list-style: disc;
bsw@213: }
bsw@213: 
bsw@213: .draft ul li {
bsw@213:   margin-bottom: 1ex;
bsw@213: }