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@0:   font-size: 14px;
bsw/jbe@0:   padding: 0;
bsw/jbe@0:   margin: 0;
bsw/jbe@0: }
bsw/jbe@0: 
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/jbe@0:   vertical-align: top;
bsw/jbe@0:   padding: 0.5ex 0.5em 0.5ex 0.5em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: a.active {
bsw/jbe@0:   color: #fff; 
bsw/jbe@0: }
bsw/jbe@0: 
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/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:         right: 2ex;
bsw/jbe@0:         line-height: 1.7em;
bsw/jbe@0:         position: absolute;
bsw/jbe@0:         top: 6ex;
bsw/jbe@0:         width: 60ex;
bsw/jbe@0:         -moz-opacity:0.7;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_notice, .slot_warning, .slot_error {
bsw/jbe@0:         padding: 2ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_notice {
bsw/jbe@0:         color: green;
bsw/jbe@0:         border: 2px solid green;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_warning {
bsw/jbe@0:         color: orange;
bsw/jbe@0:         border: 2px solid orange;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_error {
bsw/jbe@0:         color: red;
bsw/jbe@0:         border: 2px solid red;
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:   margin-bottom: 1em;
bsw/jbe@0:   background-color: #444;
bsw/jbe@0:   color: #fff;
bsw/jbe@0:   font-size: 75%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .topbar a {
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@0:   padding: 0.5ex 1em 0ex 1em;
bsw/jbe@0:   float: right;
bsw/jbe@0:   line-height: 250%;
bsw/jbe@0: }
bsw/jbe@0: 
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:   width: 2.5em;
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@0:   border-bottom: 1px solid #000;
bsw/jbe@0:   margin-bottom: 2ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .path {
bsw/jbe@0:   color: #444;
bsw/jbe@0:   xbackground-color: #ddd;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .path div {
bsw/jbe@0:   margin-left: 1em;
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:   margin-left: 0.66em;
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@0:   color: #fff;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .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:   display: inline;
bsw/jbe@0:   font-size: 75%;
bsw/jbe@0:   line-height: 200%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_actions {
bsw/jbe@0:   margin-left: 1em;
bsw/jbe@0:   display: inline;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .actions a {
bsw/jbe@0:   padding: 0.5ex 0.5em 0.5ex 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@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
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@0:   margin-left: 0.5em;
bsw/jbe@0:   background-color: #e7e7e7;
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@0: /*************************************************************************
bsw/jbe@0:  * ui.order
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .ui_order_head {
bsw/jbe@0:   color: #777;
bsw/jbe@0:   text-align: right;
bsw/jbe@0:   margin-bottom: 1ex;
bsw/jbe@0:   font-size: 75%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .ui_order_head a {
bsw/jbe@0:   color: #777;
bsw/jbe@0:   padding: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .ui_order_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/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@0:   width: 50px;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .bargraph div {
bsw/jbe@0:   float: left;
bsw/jbe@0:   margin-top: 0.5ex;
bsw/jbe@0:   height: 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
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/jbe@0:   border: 1px solid #444;
bsw/jbe@0:   width: 40em;
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@0:   line-height: 190%;
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/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/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/jbe@0:   position: absolute;
bsw/jbe@0:   background-color: #fff;
bsw/jbe@0:   left: 5em;
bsw/jbe@0:   top: 20ex;
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@0: 
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/jbe@0:   border-bottom: 1px solid #444;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .issues tr tr {
bsw/jbe@0:   border-bottom: none;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * delegation 
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .infobox {
bsw/jbe@0:   float: right;
bsw/jbe@0:   margin-right: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_interest,
bsw/jbe@0: .slot_support,
bsw/jbe@0: .slot_delegation {
bsw/jbe@0:   border: 2px solid #444;
bsw/jbe@0:   width: 20em;
bsw/jbe@0:   font-size: 75%;
bsw/jbe@0:   padding: 0;
bsw/jbe@0:   margin-bottom: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .infobox .head {
bsw/jbe@0:   margin: 0.5ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .infobox .content {
bsw/jbe@0:   display: none;
bsw/jbe@0:   position: absolute;
bsw/jbe@0:   z-index: 10;
bsw/jbe@0:   width: 20em;
bsw/jbe@0:   background-color: #fff;
bsw/jbe@0:   border: 2px solid #444;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .infobox .text {
bsw/jbe@0:   margin: 0.5ex;
bsw/jbe@0:   margin-bottom: 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .infobox .member {
bsw/jbe@0:   margin: 0.5ex;
bsw/jbe@0:   display: block;
bsw/jbe@0:   font-weight: bold;
bsw/jbe@0:   margin-bottom: 1ex;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .delegation .revoke {
bsw/jbe@0:   margin: 0.5ex;
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: }