bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Some global definitions 
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: body, th, td {
bsw/jbe@0:   font-family: sans-serif;
bsw/jbe@19:   font-size: 15px;
bsw/jbe@0:   font-size: 14px;
bsw/jbe@0:   padding: 0;
bsw/jbe@0:   margin: 0;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@19: .area_list {
bsw/jbe@19:   line-height: 170%;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@0: body, a {
bsw/jbe@0:   color: #000;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: img {
bsw/jbe@0:   border: none;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: table {
bsw/jbe@0:   border-collapse: collapse;
bsw/jbe@0:   border: none;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: td, th {
bsw@2:   padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw@2: }
bsw@2: 
bsw@2: td {
bsw/jbe@0:   vertical-align: top;
bsw@2: }
bsw@2: 
bsw@2: th {
bsw@2:   vertical-align: bottom;
bsw@2:   font-size: 75%;
bsw@2:   font-weight: bold;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: a.active {
bsw/jbe@0:   color: #fff; 
bsw/jbe@0: }
bsw/jbe@0: 
bsw@10: .revoked {
bsw@10:   text-decoration: line-through;
bsw@10: }
bsw@10: 
bsw/jbe@0: .highlighted {
bsw/jbe@0:   background-color: #fa7;
bsw/jbe@0:   color: #000;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .admin_only {
bsw/jbe@0:   font-style: italic;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@2: a {
bsw/jbe@19:   xvertical-align: middle;
bsw@2: }
bsw@2: 
bsw@9: h1 {
bsw@9:   font-size: 150%;
bsw@9: }
bsw@9: 
bsw@9: h2 {
bsw@9:   font-size: 125%;
bsw@9: }
bsw@9: 
bsw@9: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Notices, warnings and errors
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .layout_notice, .layout_error, .layout_warning {
bsw/jbe@0:         background: #fff;
bsw/jbe@0:         font-weight: bold;
bsw/jbe@0:         line-height: 1.7em;
bsw/jbe@0:         -moz-opacity:0.7;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_notice, .slot_warning, .slot_error {
bsw/jbe@4:         padding-left: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_notice {
bsw/jbe@4:         background-color: #cfc;
bsw/jbe@4:         color: #040;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_warning {
bsw/jbe@4:         background-color: #fec;
bsw/jbe@4:         color: #420;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_error {
bsw/jbe@4:         background-color: #fcc;
bsw/jbe@4:         color: #400;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Navigation, search and language chooser bar 
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .topbar {
bsw/jbe@0:   background-color: #444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0:   font-size: 75%;
bsw/jbe@19:   line-height: 140%;
bsw/jbe@19:   margin-bottom: 1.8ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .topbar a {
bsw/jbe@5:   background-color: #444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .topbar  a:hover {
bsw/jbe@0:   background-color: #fff;
bsw/jbe@0:   color: #000;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .navigation,
bsw/jbe@0: .logout_button {
bsw/jbe@0:   line-height: 250%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .navigation img,
bsw/jbe@0: .logout_button img {
bsw/jbe@0:   margin-right: 0.5em;
bsw/jbe@0:   vertical-align: middle;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .navigation a,
bsw/jbe@0: .logout_button a {
bsw/jbe@0:   padding: 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .logout_button {
bsw/jbe@0:   float: right;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .searchbox {
bsw/jbe@19:   margin: 0;
bsw/jbe@19:   padding: 0.1ex 1em 0ex 1em;
bsw/jbe@0:   float: right;
bsw/jbe@0:   line-height: 250%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@19: .searchbox form {
bsw/jbe@19:   float: left;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@0: .searchbox div {
bsw/jbe@0:   display: inline;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .searchbox select {
bsw/jbe@0:   margin-left: 0.3em;
bsw/jbe@0:   margin-right: 0.4em;
bsw/jbe@0:   font-size: 100%;
bsw/jbe@0:   width: 8em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .searchbox input[type=text] {
bsw/jbe@0:   width: 8em;
bsw/jbe@0:   padding: 0.25ex 0.25em 0.25ex 0.25em;
bsw/jbe@0:   margin-right: 0.5em;
bsw/jbe@0:   font-size: 100%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .searchbox input[type=submit] {
bsw/jbe@0:   font-size: 100%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Title of current page including path and actions
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .title_bar {
bsw/jbe@4:   border-bottom: 1px solid #777;
bsw/jbe@0:   margin-bottom: 2ex;
bsw/jbe@4:   padding-top: 1ex;
bsw/jbe@4:   padding-bottom: 0.5ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .title_bar_content {
bsw/jbe@4:   margin-left: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .path {
bsw/jbe@0:   color: #444;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .path div {
bsw/jbe@0:   font-size: 100%;
bsw/jbe@0:   line-height: 180%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .path a {
bsw/jbe@0:   color: #444;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_path div {
bsw/jbe@0:   display: inline;
bsw/jbe@0:   margin-left: 1em;
bsw/jbe@0:   margin-right: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .title {
bsw/jbe@0:   color: #000;
bsw/jbe@0:   margin-bottom: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_title {
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .title div {
bsw/jbe@0:   font-weight: bold;
bsw/jbe@0:   font-size: 135%;
bsw/jbe@0:   line-height: 110%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .title a {
bsw/jbe@5:   color: #000;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@4: .member_image_avatar {
bsw/jbe@0:   float: left;
bsw/jbe@0:   margin-right: 0.5em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .actions {
bsw/jbe@0:   font-size: 75%;
bsw/jbe@4:   line-height: 220%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_actions {
bsw/jbe@0:   display: inline;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .actions a {
bsw/jbe@4:   float: left;
bsw/jbe@4:   display: block;
bsw/jbe@5:   padding: 1px 0.5em 1px 0.0em;
bsw/jbe@0:   margin-right: 1em;
bsw/jbe@0:   vertical-align: middle;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .actions a:hover {
bsw/jbe@0:   background-color: #d7d7d7;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .actions img {
bsw/jbe@0:   padding-left: 0.2em;
bsw/jbe@0:   padding-right: 0.2em;
bsw/jbe@4:   vertical-align: middle;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .logo { 
bsw/jbe@4:   float: right;
bsw/jbe@4:   margin-right: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw@2:  * vote info / delegation 
bsw@2:  */
bsw@2: 
bsw/jbe@4: .interest,
bsw@2: .slot_support,
bsw@16: .delegation,
bsw@16: .voting_requested {
bsw@2:   float: left;
bsw/jbe@4:   position: relative;
bsw/jbe@19:   z-index: 1;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .interest img,
bsw/jbe@4: .slot_support img,
bsw@16: .delegation img,
bsw@16: .voting_requested img {
bsw/jbe@4:   padding-left: 0.2em;
bsw/jbe@4:   padding-right: 0.2em;
bsw/jbe@4: }
bsw/jbe@4: .vote_info .head {
bsw/jbe@4:   float: left;
bsw@2:   margin-right: 1em;
bsw@2: }
bsw@2: 
bsw/jbe@5: .interest .head_active,
bsw@10: .slot_support .head_potential_supporter{
bsw/jbe@5:   background-color: #fec;
bsw/jbe@5:   border: 1px solid #b96;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@19: .interest .head_autoreject {
bsw/jbe@19:   background-color: #fdd;
bsw/jbe@19:   border: 1px solid #b77;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@5: .slot_support .head_supporter {
bsw/jbe@5:   background-color: #dfc;
bsw/jbe@4:   border: 1px solid #8b8;
bsw/jbe@4: }
bsw/jbe@4: 
bsw@10: .slot_support .head_initiator {
bsw@10:   background-color: #eee;
bsw@10:   border: 1px solid #999;
bsw@10: }
bsw@10: 
bsw/jbe@4: .delegation .head_active {
bsw/jbe@5:   background-color: #ddf;
bsw/jbe@5:   border: 1px solid #88b;
bsw@2: }
bsw@2: 
bsw/jbe@19: .delegation .change_delegation {
bsw/jbe@19:   margin-bottom: 2ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .delegation .change_delegation a {
bsw/jbe@19:   display: inline;
bsw/jbe@19:   float: none;
bsw/jbe@19:   padding: 1ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .delegation .delegation_participation {
bsw/jbe@19:   margin-left: 20.5em;
bsw/jbe@19:   margin-top: 3ex;
bsw/jbe@19:   font-style: italic;
bsw/jbe@19:   font-size: 80%;
bsw/jbe@19: }
bsw/jbe@19: 
bsw@16: .voting_requested .head_active {
bsw@16:   background-color: #fdd;
bsw@16:   border: 1px solid #b77;
bsw@16: }
bsw@16: 
bsw@2: .vote_info .close {
bsw/jbe@4:   position: absolute;
bsw/jbe@4:   top: 0;
bsw/jbe@4:   right: 0;
bsw@2:   padding: 1ex;
bsw/jbe@4:   display: block;
bsw@2: }
bsw@2: 
bsw@2: .vote_info .content {
bsw/jbe@4:   font-size: 133%;
bsw/jbe@4:   line-height: 100%;
bsw/jbe@4:   top: 3ex;
bsw@2:   display: none;
bsw@2:   position: absolute;
bsw@2:   z-index: 10;
bsw@2:   background-color: #fff;
bsw/jbe@4:   border: 1px solid #999;
bsw@2:   padding: 1em;
bsw/jbe@19:   width: 35em;
bsw@2: }
bsw@2: 
bsw@2: .vote_info .delegation_arrow {
bsw@2:   margin-top: 1ex;
bsw@2:   margin-bottom: 1ex;
bsw@2:   vertical-align: middle;
bsw@2: }
bsw@2: 
bsw/jbe@4: .vote_info .delegation_arrow_overridden {
bsw/jbe@4:   opacity: 0.4;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .vote_info .delegation_scope_overridden {
bsw/jbe@4:   color: #777;
bsw/jbe@4: }
bsw/jbe@4: 
bsw@2: .vote_info .delegation_scope {
bsw@2:   display: inline;
bsw@2: }
bsw@2: 
bsw@2: .vote_info .delegation_info {
bsw@2: }
bsw@2: 
bsw@2: .vote_info .member_thumb {
bsw@2:   clear: left;
bsw@2: }
bsw@2: 
bsw/jbe@4: .delegation_overridden .member_thumb {
bsw/jbe@4:   opacity: 0.4;
bsw/jbe@4: }
bsw/jbe@4: 
bsw@2: .delegation .revoke {
bsw@2:   margin: 0.5ex;
bsw/jbe@4:   float: right;
bsw@2: }
bsw@2: 
bsw@2: .delegation .revoke img {
bsw@2:   vertical-align: middle;
bsw@2: }
bsw@2: 
bsw/jbe@4: 
bsw/jbe@4: .sub_title div {
bsw/jbe@4:   padding-top: 1ex;
bsw/jbe@4:   margin-top: 1ex;
bsw/jbe@4:   font-weight: bold;
bsw/jbe@4:   font-size: 135%;
bsw/jbe@4:   line-height: 110%;
bsw/jbe@4: }
bsw/jbe@4: 
bsw@2: /*************************************************************************
bsw/jbe@0:  * Main content
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .main {
bsw/jbe@0:   margin-left: 1em;
bsw/jbe@0:   margin-right: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * ui.tab
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .ui_tabs_links {
bsw/jbe@0:   margin-top: 4ex;
bsw/jbe@0:   font-size: 75%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .ui_tabs_links a {
bsw/jbe@0:   padding: 1ex;
bsw/jbe@4:   line-height: 200%;
bsw/jbe@0:   background-color: #e7e7e7;
bsw/jbe@4:   white-space: nowrap;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .ui_tabs_links a:hover {
bsw/jbe@0:   background-color: #d7d7d7;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .ui_tabs_links a.selected {
bsw/jbe@0:   background-color: #444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0:   text-decoration: none;
bsw/jbe@0:   padding: 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .ui_tabs_content {
bsw/jbe@0:   border: 1px solid #444;
bsw/jbe@0:   padding: 1ex 1ex 1ex 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@19: .web10 .ui_tabs_accordeon_head {
bsw/jbe@19:   margin-bottom: 1ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .ui_tabs_accordeon_head {
bsw/jbe@19:   font-size: 80%;
bsw/jbe@19:   font-weight: bold;
bsw/jbe@19:   display: block;
bsw/jbe@19:   background: #eee;
bsw/jbe@19:   border: 1px solid #bbb;
bsw/jbe@19:   color: #000;
bsw/jbe@19:   padding: 0.75ex;
bsw/jbe@19:   margin-top: 2ex;
bsw/jbe@19:   cursor: pointer;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .ui_tabs_accordeon_head img {
bsw/jbe@19:   vertical-align: middle;
bsw/jbe@19:   margin-right: 0.5em;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .ui_tabs_accordeon_head .bargraph {
bsw/jbe@19:   margin-right: 0.5em;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .ui_tabs_accordeon_content {
bsw/jbe@19:   border: 1px solid #aaa;
bsw/jbe@19:   border-top: none;
bsw/jbe@19:   padding: 2ex 1em 2ex 1em;
bsw/jbe@19:   margin-bottom: 3ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_head {
bsw/jbe@19:   background-color: #e5e5ff;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_head,
bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_content {
bsw/jbe@19:   border-color: #aad;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_content {
bsw/jbe@19:   border-color: #bbb;
bsw/jbe@19:   border-width: 1px;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_content .ui_tabs_accordeon_head {
bsw/jbe@19:   background-color: #eee;
bsw/jbe@19:   border: 1px solid #bbb;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .web20 .issue_initiative_list .ui_tabs_accordeon_head a {
bsw@29:   font-size: 120%;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: 
bsw/jbe@19: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@19:  * ui.filters
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@19: .ui_filter_closed_head,
bsw/jbe@19: .ui_filter_head {
bsw@2:   color: #777;
bsw/jbe@5:   margin-top: 1ex;
bsw/jbe@5:   margin-bottom: 1.5ex;
bsw@2:   font-size: 75%;
bsw@2: }
bsw@2: 
bsw/jbe@19: .ui_filter_head a {
bsw/jbe@0:   color: #777;
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@19: .ui_filter_head a.active {
bsw/jbe@0:   color: #fff;
bsw/jbe@0:   background-color: #777;
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * ui.paginate
bsw/jbe@0:  */
bsw/jbe@0: 
bsw@11: .ui_paginate_head {
bsw@11:   margin-bottom: 1ex;
bsw@11: }
bsw@11: 
bsw@11: .ui_paginate_foot {
bsw@11:   margin-top: 1ex;
bsw@11: }
bsw@11: 
bsw/jbe@0: .ui_paginate_select a {
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * ui.bargraph
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .bargraph {
bsw/jbe@19:   width: 103px;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .bargraph50 {
bsw/jbe@19:   width: 52px;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .bargraph div {
bsw/jbe@0:   float: left;
bsw/jbe@0:   margin-top: 0.5ex;
bsw@2:   height: 1.3ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@4: .bargraph_legend {
bsw/jbe@4:   margin-top: 2ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .bargraph_legend .bargraph {
bsw/jbe@4:   width: 26px;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .bargraph_legend div,
bsw/jbe@4: .bargraph_legend div div,
bsw/jbe@4: .bargraph_legend div div div {
bsw/jbe@4:   float: left;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .bargraph_legend_label {
bsw/jbe@4:   margin-left: 0.5em;
bsw/jbe@4:   margin-right: 1em;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * vertical ui.form
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .login input[type=text],
bsw/jbe@0: .vertical input[type=text],
bsw/jbe@0: .login input[type=password],
bsw/jbe@0: .vertical input[type=password],
bsw/jbe@0: .vertical textarea,
bsw/jbe@0: .vertical select {
bsw/jbe@0:   font-family: sans-serif;
bsw/jbe@0:   font-size: 100%;
bsw@2:   width: 50em;
bsw/jbe@0:   border: 1px solid #444;
bsw/jbe@0:   padding: 0.2ex 0.2em 0.2ex 0.2em;
bsw/jbe@0:   margin-bottom: 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .login input[type=password],
bsw/jbe@0: .vertical input[type=password] {
bsw/jbe@0:   width: 16em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .vertical select {
bsw/jbe@0:   padding-right: 0;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .login .ui_field_label,
bsw/jbe@0: .vertical .ui_field_label {
bsw/jbe@0:   text-transform: uppercase;
bsw/jbe@0:   font-size: 70%;
bsw/jbe@4:   line-height: 120%;
bsw/jbe@0:   font-weight: bold;
bsw/jbe@0:   color: #777;
bsw/jbe@0:   width: 15em;
bsw/jbe@0:   display: block;
bsw/jbe@0:   float: left;
bsw/jbe@0:   clear: left;
bsw/jbe@0:   text-align: right;
bsw/jbe@0:   padding-right: 0.5em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@11: .ui_field_label.label_right {
bsw@11:   text-align: left;
bsw@11:   width: auto;
bsw@11: }
bsw@11: 
bsw/jbe@0: .login input[type=text],
bsw/jbe@0: .login input[type=password] {
bsw/jbe@0:   width: 10em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .login div,
bsw/jbe@0: .vertical div {
bsw/jbe@0:   clear: left;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .vertical span {
bsw/jbe@0:   display: block;
bsw/jbe@0:   margin-bottom: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .vertical span:after {
bsw/jbe@0:   content: " ";
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .vertical span span {
bsw/jbe@0:   display: inline;
bsw/jbe@0:   margin-bottom: 0;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .login input[type=submit],
bsw/jbe@0: .vertical input[type=submit] {
bsw/jbe@0:   font-size: 100%;
bsw/jbe@0:   margin-left: 11em;
bsw/jbe@0:   background-color: #444444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0:   border: none;
bsw/jbe@0:   padding: 0.75ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .login input[type=submit]:hover,
bsw/jbe@0: .vertical input[type=submit]:hover {
bsw/jbe@0:   background-color: #444444;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Tables
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: table a.action {
bsw/jbe@0:   font-size: 70%;
bsw/jbe@0:   line-height: 190%;
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0:   color: #777;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: table a.active {
bsw/jbe@0:   color: #fff; 
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: th {
bsw/jbe@0:   text-align: left;
bsw/jbe@0:   border-bottom: 1px solid #000;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: tr:hover td {
bsw/jbe@0:   background-color: #ddd;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@11: .nohover tr:hover td {
bsw@11:   background-color: #fff;
bsw@11: }
bsw@11: 
bsw@11: .nohover table tr:hover td {
bsw@11:   background-color: #ddd;
bsw@11: }
bsw@11: 
bsw/jbe@0: 
bsw/jbe@0: tr table tr:hover td {
bsw/jbe@0:   background-color: #fff;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Hidden inline form
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .hidden_inline_form {
bsw/jbe@0:   display: none;
bsw/jbe@0:   border: 1px solid #444;
bsw/jbe@0:   width: 42em;
bsw@8:   position: fixed;
bsw/jbe@0:   background-color: #fff;
bsw/jbe@0:   left: 5em;
bsw@8:   top: 5ex;
bsw/jbe@19: z-index: 2;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .hidden_inline_form a {
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0:   color: #fff;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: .hidden_inline_form .head {
bsw/jbe@0:   background-color: #444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0:   display: block;
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .hidden_inline_form input[type=text],
bsw/jbe@0: .hidden_inline_form textarea,
bsw/jbe@0: .hidden_inline_form select {
bsw/jbe@0:   width: 30em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Positive / Negtive votes
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: .positive_votes span {
bsw/jbe@0:   display: inline;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .positive_votes {
bsw/jbe@0:   display: inline;
bsw/jbe@0:   background-color: #cfc;
bsw/jbe@0:   padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .negative_votes span {
bsw/jbe@0:   display: inline;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .negative_votes {
bsw/jbe@0:   display: inline;
bsw/jbe@0:   background-color: #fcc;
bsw/jbe@0:   padding: 0.3ex 0.5em 0.3ex 0.5em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@19: .suggestion_my_opinion a,
bsw/jbe@19: .suggestion_my_opinion span {
bsw/jbe@5:   white-space: nowrap;
bsw/jbe@5:   padding-left: 0.2ex !important;
bsw/jbe@5:   padding-right: 0.2ex !important;
bsw/jbe@5: }
bsw/jbe@0: 
bsw/jbe@0: .active {
bsw/jbe@0:   background-color: #444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .active_red2 { background-color: #a00; color: #fff !important; }
bsw/jbe@0: .active_red1 { background-color: #f88; color: #000 !important; }
bsw/jbe@0: .active_green1 { background-color: #8f8; color: #000 !important; }
bsw/jbe@0: .active_green2 { background-color: #0a0; color: #000 !important; }
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Issues
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .issues tr {
bsw@2:   border: 1px solid #ccc;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .issues tr tr {
bsw@2:   border: none;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .lang_chooser {
bsw/jbe@0:   float: right;
bsw/jbe@0:   margin-right: 0.5em;
bsw/jbe@0: }
bsw@2: 
bsw@2: .delegation_list_entry {
bsw@2:   margin-right: 2em;
bsw@2:   margin-bottom: 2ex;
bsw@2:   float: left;
bsw@2:   clear: left;
bsw@2: }
bsw@2: 
bsw@2: .delegation_list_entry .delegation_arrow {
bsw@2:   float: left;
bsw@2: }
bsw@2: 
bsw@2: .delegation_list_entry .delegation_scope {
bsw@2:   float: left;
bsw@2:   width: 25em;
bsw@2: }
bsw@2: 
bsw@2: .delegation_list_entry .delegation_scope a {
bsw@2:   display: block;
bsw@2: }
bsw@2: 
bsw@2: .member_list .member_thumb {
bsw@2:   float: left;
bsw@2:   margin-right: 1em;
bsw@2:   margin-bottom: 2ex;
bsw@2: }
bsw@2: 
bsw@2: .member_thumb {
bsw@2:   text-decoration: none;
bsw/jbe@19:   width: 15.5em;
bsw/jbe@4:   height: 48px;
bsw@2:   display: block;
bsw@2:   float: left;
bsw/jbe@4:   border: 1px solid #999;
bsw/jbe@4:   overflow: hidden;
bsw/jbe@4:   xwhite-space: nowrap;
bsw/jbe@4:   position: relative;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .member_thumb a{
bsw/jbe@4:   position: absolute;
bsw/jbe@4:   top: 0;
bsw/jbe@4:   left: 0;
bsw/jbe@4:   padding: 0;
bsw/jbe@4:   margin: 0;
bsw@2: }
bsw@2: 
bsw@3: .member_thumb a:hover div {
bsw@3:   background-color: #444;
bsw@3:   color: #fff;
bsw@3: }
bsw@3: 
bsw@2: .member_thumb img {
bsw/jbe@4:   padding: 0;
bsw/jbe@4:   margin: 0;
bsw@2:   vertical-align: bottom;
bsw@2: }
bsw@2: 
bsw@2: .member_thumb div {
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .member_thumb .member_image {
bsw@3: }
bsw@3: 
bsw@3: .member_thumb .member_name {
bsw/jbe@4:   position: absolute;
bsw/jbe@4:   left: 48px;
bsw/jbe@4:   top: 2ex;
bsw/jbe@4:   font-size: 100%;
bsw/jbe@4:   width: 14em;
bsw@2: }
bsw@2: 
bsw@3: .member_thumb .flags {
bsw/jbe@19:   text-align: right;
bsw@3:   font-size: 75%;
bsw@3: }
bsw@3: 
bsw/jbe@19: .member_thumb .flags a,
bsw/jbe@19: .member_thumb .flags img {
bsw/jbe@4:   position: static;
bsw/jbe@4:   float: right;
bsw/jbe@19:   margin-left: 0.5em;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: 
bsw/jbe@4: .member .right {
bsw/jbe@4:   float: right;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@19: .member_thumb.not_accepted,
bsw/jbe@19: .member_thumb.not_informed {
bsw@10:   opacity: 0.5;
bsw@10: }
bsw@10: 
bsw/jbe@19: .member_statement,
bsw/jbe@4: .draft_content,
bsw/jbe@19: .suggestion_content {
bsw@2:   background-color: #eee;
bsw@2:   border: 1px solid #ccc;
bsw/jbe@4:   padding-left: 1ex;
bsw/jbe@4:   padding-right: 1ex;
bsw@2: }
bsw@2: 
bsw@2: .diff {
bsw@2:   background-color: #eee;
bsw@2:   border: 1px solid #ccc;
bsw@2:   padding: 1ex;
bsw@2: }
bsw@2: 
bsw@2: .diff .added {
bsw@2:   background-color: #cfc;
bsw@2: }
bsw@2: 
bsw@2: .diff .removed {
bsw@2:   background-color: #fcc;
bsw@2: }
bsw@2: 
bsw@2: .slot_issue_info {
bsw@2:   background-color: #eee;
bsw@2:   border: 1px solid #ccc;
bsw@2:   float: right;
bsw@2:   padding: 0.5ex;
bsw@2:   line-height: 130%;
bsw@2:   margin-right: 1em;
bsw@2: }
bsw@2: 
bsw@2: .issue_info label {
bsw@2:   float: left;
bsw@2:   width: 8em;
bsw@2:   text-transform: uppercase;
bsw@2:   font-size: 70%;
bsw@2:   color: #777;
bsw@2:   font-weight: bold;
bsw@2:   clear: left;
bsw@2:   text-align: right;
bsw@2:   margin-right: 0.7em;
bsw@2: }
bsw@2: 
bsw/jbe@19: .admitted_info {
bsw/jbe@19:   background-color: #dfd;
bsw/jbe@19:   padding: 1ex;
bsw/jbe@19:   margin-bottom: 2ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .not_admitted_info,
bsw/jbe@19: .revoked_info {
bsw/jbe@19:   background-color: #fdd;
bsw/jbe@19:   padding: 1ex;
bsw/jbe@19:   margin-bottom: 2ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@6: .draft_updated_info,
bsw@10: .voting_active_info,
bsw@11: .initiator_invite_info,
bsw@11: .motd {
bsw/jbe@6:   background-color: #fec;
bsw/jbe@19:   border: 1px solid #b96;
bsw@2:   padding: 1ex;
bsw/jbe@19:   margin-bottom: 2ex;
bsw@3: }
bsw@3: 
bsw/jbe@4: .suggestion_fulfilled {
bsw/jbe@4:   width: 15em;
bsw/jbe@4: }
bsw/jbe@4: .suggestion_fulfilled a.action {
bsw/jbe@4:   padding-left: 0;
bsw/jbe@4:   line-height: 120%;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@6: .help,
bsw/jbe@6: .use_terms {
bsw/jbe@4:   border: 1px solid #bcd;
bsw/jbe@4:   background-color: #def;
bsw/jbe@4:   color: #000;
bsw/jbe@4:   padding: 1ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .help_visible {
bsw/jbe@4:   margin-bottom: 1ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .help_visible .help_icon {
bsw/jbe@4:   float: right;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .slot_help_hidden {
bsw/jbe@4:   float: right;
bsw/jbe@4:   margin-right: 1em;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .help_actions {
bsw/jbe@4:   font-size: 75%;
bsw/jbe@4:   float: right;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .help_actions a {
bsw/jbe@4:   margin-right: 1em;
bsw/jbe@4:   color: #468;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .wiki {
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .wiki h1,
bsw/jbe@4: .wiki h2,
bsw/jbe@4: .wiki h3,
bsw/jbe@4: .wiki h4 {
bsw/jbe@4:   margin-top: 1ex;
bsw/jbe@4:   margin-bottom: 1ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .wiki h1 {
bsw/jbe@4:   font-size: 150%;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .wiki h2 {
bsw/jbe@4:   font-size: 125%;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .wiki p {
bsw/jbe@4:   margin-top: 1ex;
bsw/jbe@4:   margin-bottom: 1ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: form .warning {
bsw/jbe@4:   background-color: #ffd;
bsw/jbe@4:   color: #000;
bsw/jbe@4:   border: 1px solid #dda;
bsw/jbe@4:   margin: 1ex;
bsw/jbe@4:   margin-bottom: 2ex;
bsw/jbe@4:   padding: 1ex;
bsw/jbe@4: }
bsw/jbe@5: 
bsw@9: a.not_voted {
bsw@9:   display: block;
bsw@9:   background-color: #fec;
bsw@9:   color: #000;
bsw@9: }
bsw/jbe@5: 
bsw@11: .action_active {
bsw@11:   background-color: #fec;
bsw@11: }
bsw@11: 
bsw/jbe@19: .heading {
bsw/jbe@19:   font-size: 120%;
bsw/jbe@19:   font-weight: bold;
bsw/jbe@19:   margin-top: 2ex;
bsw/jbe@19:   margin-bottom: 1ex;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .heading.first {
bsw/jbe@19:   margin-top: 0;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@5: /*************************************************************************
bsw/jbe@5:  * Voting
bsw/jbe@5:  */
bsw/jbe@5: 
bsw/jbe@5: #voting {
bsw/jbe@5:   position: relative;
bsw/jbe@5: }
bsw/jbe@5: #voting .approval, .abstention, .disapproval {
bsw/jbe@5:   border: 2px black solid;
bsw/jbe@5:   margin-top:    5ex;
bsw/jbe@5:   margin-bottom: 5ex;
bsw/jbe@5:   padding: 1ex;
bsw/jbe@5:   padding-bottom: 2ex;
bsw/jbe@5: }
bsw/jbe@5: #voting .approval {
bsw/jbe@5:   background-color: #9f9;
bsw/jbe@5: }
bsw/jbe@5: #voting .approval .movable {
bsw/jbe@5:   background-color: #dfd;
bsw/jbe@5: }
bsw/jbe@5: #voting .abstention {
bsw/jbe@5:   background-color: #ccc;
bsw/jbe@5: }
bsw/jbe@5: #voting .abstention .movable {
bsw/jbe@5:   background-color: #eee;
bsw/jbe@5: }
bsw/jbe@5: #voting .disapproval {
bsw/jbe@5:   background-color: #f88;
bsw/jbe@5: }
bsw/jbe@5: #voting .disapproval .movable {
bsw/jbe@5:   background-color: #fbb;
bsw/jbe@5: }
bsw/jbe@5: #voting .cathead {
bsw/jbe@5:   font-weight: bold;
bsw/jbe@5: }
bsw/jbe@5: #voting .movable {
bsw/jbe@5:   position: relative;
bsw/jbe@5:   border: 1px black solid;
bsw/jbe@5:   margin: 1ex;
bsw/jbe@5:   padding: 0.5ex;
bsw/jbe@19: }
bsw/jbe@19: #voting .voting_form_active .movable {
bsw/jbe@5:   cursor: pointer;
bsw/jbe@5: }
bsw/jbe@19: #voting .voting_form_active .clickable {
bsw/jbe@5:   cursor: auto;
bsw/jbe@5: }
bsw/jbe@19: #voting .voting_form_active a.clickable {
bsw/jbe@5:   cursor: pointer;
bsw/jbe@5: }
bsw/jbe@6: 
bsw/jbe@6: #voting .grabber {
bsw/jbe@6:   vertical-align: middle;
bsw/jbe@6:   cursor: move;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: