bsw@1045: html,
bsw@1045: body,
bsw@1045: div,
bsw@1045: span,
bsw@1045: applet,
bsw@1045: object,
bsw@1045: iframe,
bsw@1045: h1,
bsw@1045: h2,
bsw@1045: h3,
bsw@1045: h4,
bsw@1045: h5,
bsw@1045: h6,
bsw@1045: p,
bsw@1045: blockquote,
bsw@1045: pre,
bsw@1045: a,
bsw@1045: abbr,
bsw@1045: acronym,
bsw@1045: address,
bsw@1045: big,
bsw@1045: cite,
bsw@1045: code,
bsw@1045: del,
bsw@1045: dfn,
bsw@1045: em,
bsw@1045: img,
bsw@1045: ins,
bsw@1045: kbd,
bsw@1045: q,
bsw@1045: s,
bsw@1045: samp,
bsw@1045: small,
bsw@1045: strike,
bsw@1045: strong,
bsw@1045: sub,
bsw@1045: sup,
bsw@1045: tt,
bsw@1045: var,
bsw@1045: b,
bsw@1045: u,
bsw@1045: i,
bsw@1045: center,
bsw@1045: dl,
bsw@1045: dt,
bsw@1045: dd,
bsw@1045: ol,
bsw@1045: ul,
bsw@1045: li,
bsw@1045: fieldset,
bsw@1045: form,
bsw@1045: label,
bsw@1045: legend,
bsw@1045: table,
bsw@1045: caption,
bsw@1045: tbody,
bsw@1045: tfoot,
bsw@1045: thead,
bsw@1045: tr,
bsw@1045: th,
bsw@1045: td,
bsw@1045: article,
bsw@1045: aside,
bsw@1045: canvas,
bsw@1045: details,
bsw@1045: embed,
bsw@1045: figure,
bsw@1045: figcaption,
bsw@1045: footer,
bsw@1045: header,
bsw@1045: hgroup,
bsw@1045: menu,
bsw@1045: nav,
bsw@1045: output,
bsw@1045: ruby,
bsw@1045: section,
bsw@1045: summary,
bsw@1045: time,
bsw@1045: mark,
bsw@1045: audio,
bsw@1045: video {
bsw@1045:   margin: 0;
bsw@1045:   padding: 0;
bsw@1045:   border: 0;
bsw@1045:   font-size: 100%;
bsw@1045:   font: inherit;
bsw@1045:   vertical-align: baseline;
bsw@1045: }
bsw@1045: /* HTML5 display-role reset for older browsers */
bsw@1045: article,
bsw@1045: aside,
bsw@1045: details,
bsw@1045: figcaption,
bsw@1045: figure,
bsw@1045: footer,
bsw@1045: header,
bsw@1045: hgroup,
bsw@1045: menu,
bsw@1045: nav,
bsw@1045: section {
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: body {
bsw@1045:   line-height: 1;
bsw@1045: }
bsw@1045: ol,
bsw@1045: ul {
bsw@1045:   list-style: none;
bsw@1045: }
bsw@1045: blockquote,
bsw@1045: q {
bsw@1045:   quotes: none;
bsw@1045: }
bsw@1045: blockquote:before,
bsw@1045: blockquote:after,
bsw@1045: q:before,
bsw@1045: q:after {
bsw@1045:   content: '';
bsw@1045:   content: none;
bsw@1045: }
bsw@1045: table {
bsw@1045:   border-collapse: collapse;
bsw@1045:   border-spacing: 0;
bsw@1045: }
bsw@1045: /* end reset */
bsw@1045: /* color, fonts, gaps and border radius settings */
bsw@1045: .list-style {
bsw@1045:   list-style: disc;
bsw@1045:   padding-left: 20px;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * basic font settings
bsw@1045:  */
bsw@1045: html {
bsw@1045:   overflow-y: scroll;
bsw@1045: }
bsw@1045: body {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045:   background-color: #397ab6;
bsw@1045:   color: #000000;
bsw@1045:   background-attachment: fixed;
bsw@1045: }
bsw@1045: .page {
bsw@1146:   background-color: #255078;
bsw@1045:   max-width: 1240px;
bsw@1045:   border-radius: 0 0 2px 2px;
bsw@1045:   margin: 0 auto;
bsw@1045:   margin-bottom: 40px;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * messages
bsw@1045:  */
bsw@1045: .slot_notice,
bsw@1045: .slot_warning,
bsw@1045: .slot_error {
bsw@1045:   font: bold 12pt / 125% sans-serif;
bsw@1045:   padding: 12pt;
bsw@1045: }
bsw@1045: .slot_motd {
bsw@1045:   background-color: #ccc;
bsw@1045:   padding: 12pt;
bsw@1045: }
bsw@1045: .slot_notice {
bsw@1045:   background-color: #0c0;
bsw@1045:   color: #fff;
bsw@1045: }
bsw@1045: .slot_warning {
bsw@1045:   background-color: #f80;
bsw@1045:   color: #000;
bsw@1045: }
bsw@1045: .slot_error {
bsw@1045:   background-color: #c00;
bsw@1045:   color: #fff;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * global styles
bsw@1045:  */
bsw@1045: /* headlines */
bsw@1045: h1 {
bsw@1045:   font: bold 12pt / 125% sans-serif;
bsw@1045:   margin-bottom: 1ex;
bsw@1045: }
bsw@1045: h1:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: h2 {
bsw@1097:   font: bold 12pt / 125% sans-serif;
bsw@1045: }
bsw@1045: h3 {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: h1:first-child,
bsw@1045: h2:first-child,
bsw@1045: h3:first-child {
bsw@1045:   margin-top: 0;
bsw@1045: }
bsw@1045: .right {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .left {
bsw@1045:   float: left;
bsw@1045:   margin-right: 9px;
bsw@1045: }
bsw@1045: /* paragraphs */
bsw@1045: p {
bsw@1045:   margin-bottom: 1.5ex;
bsw@1045: }
bsw@1045: p:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: /* lists */
bsw@1045: ul.ul {
bsw@1045:   margin-left: 9px;
bsw@1045:   margin-bottom: 1.5ex;
bsw@1045:   list-style: disc;
bsw@1045:   padding-left: 20px;
bsw@1045: }
bsw@1045: ul.ul li {
bsw@1045:   margin: 3px 0;
bsw@1045: }
bsw@1045: ul.ul li:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: ul.ul:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: /* tables */
bsw@1045: table td {
bsw@1045:   padding: 0.3ex 0.3em;
bsw@1045: }
bsw@1045: /* links */
bsw@1045: a {
bsw@1045:   color: #222277;
bsw@1045: }
bsw@1045: a.disabled {
bsw@1045:   color: #777777;
bsw@1045:   cursor: default;
bsw@1045: }
bsw@1045: /* formulars */
bsw@1045: form.inline {
bsw@1045:   display: inline;
bsw@1045: }
bsw@1045: form.inline div {
bsw@1045:   display: inline;
bsw@1045: }
bsw@1045: img {
bsw@1045:   vertical-align: middle;
bsw@1045: }
bsw@1064: img.star {
bsw@1045:   width: 24px;
bsw@1045:   height: 24px;
bsw@1045: }
bsw@1064: img.icon16 {
bsw@1064:   width: 16px;
bsw@1064:   height: 16px;
bsw@1064: }
bsw@1064: img.icon24 {
bsw@1064:   width: 24px;
bsw@1064:   height: 24px;
bsw@1064: }
bsw@1064: img.icon32 {
bsw@1045:   width: 32px;
bsw@1045:   height: 32px;
bsw@1045: }
bsw@1064: img.icon48 {
bsw@1045:   width: 48px;
bsw@1045:   height: 48px;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * Avatars
bsw@1045:  */
bsw@1045: .microAvatar {
bsw@1045:   text-wrap: nowrap;
bsw@1045: }
bsw@1045: .microAvatar img,
bsw@1045: img.micro_avatar {
bsw@1045:   vertical-align: middle;
bsw@1045:   border-radius: 2px;
bsw@1045:   width: 24px;
bsw@1045:   height: 24px;
bsw@1045: }
bsw@1045: img.micro_avatar.highlighted {
bsw@1045:   margin: 0;
bsw@1045:   border: 2px solid #ff8800;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * delegation info
bsw@1045:  */
bsw@1045: .vote_info,
bsw@1045: .delegation_info {
bsw@1045:   white-space: nowrap;
bsw@1045:   float: right;
bsw@1045:   text-decoration: none;
bsw@1045:   margin: -2px;
bsw@1045: }
bsw@1045: .vote_info img,
bsw@1045: .delegation_info img {
bsw@1045:   vertical-align: middle;
bsw@1045: }
bsw@1045: .delegation_info img {
bsw@1045:   border-radius: 2px;
bsw@1045:   margin: 2px;
bsw@1045: }
bsw@1045: .delegation_info.suspended {
bsw@1045:   opacity: 0.3;
bsw@1045: }
bsw@1045: .slot_title .delegation_info.suspended {
bsw@1045:   opacity: 1;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * generic attributes
bsw@1045:  */
bsw@1045: .hide {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .head_outer {
bsw@1045:   background-color: #000000;
bsw@1045:   color: #ffffff;
bsw@1045:   overflow: auto;
bsw@1045:   margin: 0 auto;
bsw@1045:   max-width: 1240px;
bsw@1045: }
bsw@1045: .head {
bsw@1045:   padding: 0.3ex 0;
bsw@1045:   margin: 0 12pt;
bsw@1045:   /* 
bsw@1045:   * the logo and instance name
bsw@1045:   */
bsw@1045:   /*
bsw@1045:   * navigation bar
bsw@1045:   */
bsw@1045: }
bsw@1045: .head a {
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .head .logo {
bsw@1045:   display: block;
bsw@1045:   padding: 9px 0;
bsw@1045:   text-decoration: none;
bsw@1045:   font: bold 10pt / 100% sans-serif;
bsw@1045: }
bsw@1045: .head .logo .liquid {
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .head .logo .feedback {
bsw@1045:   color: #00ee00;
bsw@1045: }
bsw@1045: .head .logo .instanceName {
bsw@1045:   font: normal 10pt / 100% sans-serif;
bsw@1045:   padding-top: 9px;
bsw@1045: }
bsw@1045: .head .logo:hover {
bsw@1045:   text-decoration: underline;
bsw@1045: }
bsw@1045: .head .notifications {
bsw@1045:   margin-left: 0.6em;
bsw@1045:   text-decoration: none;
bsw@1045: }
bsw@1045: .head .notifications .count {
bsw@1045:   background-color: #f00;
bsw@1045:   color: #000;
bsw@1045:   padding: 0.2ex 0.25em;
bsw@1045:   border-radius: 1ex;
bsw@1045:   vertical-align: top;
bsw@1045: }
bsw@1045: .head .notifications .icon {
bsw@1045:   width: 24px;
bsw@1045:   height: 24px;
bsw@1045: }
bsw@1045: .head .nav {
bsw@1045:   float: right;
bsw@1045:   padding-top: 6px;
bsw@1045: }
bsw@1045: .head .nav ul,
bsw@1045: .head .nav > ul > li:first-child {
bsw@1045:   display: inline;
bsw@1045: }
bsw@1045: .head .nav input[name=q] {
bsw@1045:   width: 12em;
bsw@1045:   border-radius: 2px;
bsw@1045:   padding: 2px;
bsw@1045:   background-color: #000000;
bsw@1045:   color: #ffffff;
bsw@1045:   border: 1px solid #397ab6;
bsw@1045:   margin-right: 0.6em;
bsw@1045: }
bsw@1045: .head .nav input[name=q]:focus {
bsw@1045:   outline: 2px solid #397ab6;
bsw@1045: }
bsw@1064: .head .nav #member_menu a span {
bsw@1064:   margin-left: 5px;
bsw@1064: }
bsw@1045: /*
bsw@1045:  * title
bsw@1045:  */
bsw@1045: .slot_title {
bsw@1045:   padding-left: 12pt;
bsw@1045:   padding-right: 12pt;
bsw@1045:   font: bold 12pt / 125% sans-serif;
bsw@1045:   color: #ffffff;
bsw@1045:   padding-top: 12pt;
bsw@1045: }
bsw@1045: .slot_title a {
bsw@1045:   color: #ffffff;
bsw@1045:   display: inline-block;
bsw@1045: }
bsw@1045: .slot_title a.home {
bsw@1045:   margin-right: 4px;
bsw@1045: }
bsw@1045: .slot_title a.delegation_info {
bsw@1045:   margin-right: 0;
bsw@1045: }
bsw@1045: .slot_title .initiative,
bsw@1045: .slot_title a .label {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .slot_title .delegation_info {
bsw@1045:   background-color: #ffffff;
bsw@1045:   color: #000000;
bsw@1045:   border-radius: 2px;
bsw@1045:   padding-right: 3px;
bsw@1045:   margin-bottom: 12pt;
bsw@1045: }
bsw@1045: .slot_title .delegation_info a {
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .content {
bsw@1045:   clear: both;
bsw@1045:   margin: 0 12pt;
bsw@1045:   margin-top: 12pt;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * the sidebar
bsw@1045:  */
bsw@1045: .sidebar {
bsw@1045:   float: right;
bsw@1045:   width: 30%;
bsw@1045: }
bsw@1045: .sidebarSection {
bsw@1045:   background-color: #ffffff;
bsw@1045:   border-radius: 2px;
bsw@1045:   color: #000000;
bsw@1045:   margin-bottom: 12pt;
bsw@1045:   padding: 0;
bsw@1045: }
bsw@1045: .sidebarSection .sidebarHead {
bsw@1045:   padding: 9px 9px 4.5px 9px;
bsw@1045:   background: #ffffff;
bsw@1045:   color: #000000;
bsw@1045:   min-height: 20px;
bsw@1045: }
bsw@1045: .sidebarSection .sidebarHead a {
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .sidebarSection .sidebarHead .icon24 {
bsw@1045:   margin-top: -3.6px;
bsw@1045: }
bsw@1080: .sidebarSection .sidebarRow,
bsw@1080: .sidebarSection .ui_filter_head,
bsw@1080: .sidebarSection .ui_paginate_foot {
bsw@1045:   clear: right;
bsw@1045:   display: block;
bsw@1045:   padding: 4.5px 9px;
bsw@1045:   min-height: 20px;
bsw@1045: }
bsw@1080: .sidebarSection .sidebarRow {
bsw@1080:   border-top: 1px solid #aaaaaa;
bsw@1080: }
bsw@1045: .sidebarSection .sidebarRow.highlighted {
bsw@1045:   background-color: #e7f0ff;
bsw@1045: }
bsw@1080: .sidebarSection .sidebarRow.sidebarRowNarrow,
bsw@1080: .sidebarSection .ui_filter_head,
bsw@1080: .sidebarSection .ui_paginate_foot {
bsw@1045:   padding: 2.25px 9px;
bsw@1045: }
bsw@1045: .sidebarSection .sidebarRow.moreLink {
bsw@1045:   min-height: 0;
bsw@1045: }
bsw@1064: .sidebarSection a.sidebarRow {
bsw@1064:   text-decoration: none;
bsw@1064:   color: #000000;
bsw@1064: }
bsw@1045: .sidebarSection h1,
bsw@1045: .sidebarSection h1 a,
bsw@1045: .sidebarSection h2,
bsw@1045: .sidebarSection h2 a,
bsw@1045: .sidebarSection h3,
bsw@1045: .sidebarSection h3 a {
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .sidebarSection a {
bsw@1045:   color: #222277;
bsw@1045: }
bsw@1045: .sidebarSection .areas .whenfolded {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .sidebarSection .areas.folded .whenunfolded {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .sidebarSection .areas.folded .whenfolded {
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: .sidebarSection .areas.folded .disabled {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .sidebarSection a.issue {
bsw@1045:   font: bold 12pt / 125% sans-serif;
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .sidebarSection ul.initiatives li {
bsw@1045:   padding: 4.5px 9px;
bsw@1045:   border-top: 1px solid #aaaaaa;
bsw@1045: }
bsw@1045: .sidebarSection ul.initiatives li .bargraph {
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: .sidebarSection ul.initiatives li .supporterCount {
bsw@1045:   white-space: nowrap;
bsw@1045: }
bsw@1045: .sidebarSection ul.initiatives .revoked .initiative_name {
bsw@1045:   text-decoration: line-through;
bsw@1045: }
bsw@1064: .sidebarSection ul.initiatives .rank1 .initiative_name {
bsw@1064:   font-weight: bold;
bsw@1064: }
bsw@1045: .sidebarSection ul.initiatives li.highlighted {
bsw@1045:   background-color: #e7f0ff;
bsw@1045: }
bsw@1045: .sidebarSection ul.initiatives li.highlighted:last-child {
bsw@1045:   border-radius: 0 0 2px 2px;
bsw@1045: }
bsw@1045: .sidebarSection .supporters {
bsw@1045:   line-height: 28.799999999999997px;
bsw@1045: }
bsw@1045: .sidebarSection .supportCount {
bsw@1045:   color: #00c000;
bsw@1045:   font: bold 12pt / 125% sans-serif;
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .sidebarSection .member_list .member_thumb {
bsw@1045:   white-space: nowrap;
bsw@1045:   overflow: hidden;
bsw@1045:   text-overflow: ellipsis;
bsw@1045: }
bsw@1045: .sidebarSection .member_list .member_thumb img.member_image {
bsw@1045:   width: 24px;
bsw@1045:   height: 24px;
bsw@1045:   vertical-align: middle;
bsw@1045:   margin-right: 0.2em;
bsw@1045: }
bsw@1045: .sidebarSection .member_list .member_thumb.in_delegation_chain {
bsw@1045:   font-weight: bold;
bsw@1045: }
bsw@1045: .sidebarSection > div {
bsw@1045:   position: relative;
bsw@1045: }
bsw@1045: .sidebarSection > div:first-child {
bsw@1045:   margin-top: 0;
bsw@1045:   border-radius: 2px 2px 0 0;
bsw@1045: }
bsw@1045: .sidebarSection > div:last-child {
bsw@1045:   border-radius: 0 0 2px 2px;
bsw@1045: }
bsw@1045: .sidebarSection > div:last-child:first-child {
bsw@1045:   border-radius: 2px;
bsw@1045: }
bsw@1045: .sidebarSection a.unit {
bsw@1097:   font: bold 12pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .sidebarSection a.area {
bsw@1064:   margin-left: 20px;
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: .sidebarSection .star {
bsw@1045:   float: left;
bsw@1045: }
bsw@1045: .sidebarSection .delegation_info {
bsw@1045:   margin-top: -3.6px;
bsw@1045:   margin-bottom: 1px;
bsw@1045: }
bsw@1045: .admitted_info h1 {
bsw@1045:   color: #00aa00;
bsw@1045: }
bsw@1045: .not_admitted_info h1,
bsw@1045: .revoked_info h1 {
bsw@1045:   color: #aa0000;
bsw@1045: }
bsw@1045: .admitted_info .initiative_pie,
bsw@1045: .not_admitted_info .initiative_pie {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .admitted_info table tr th,
bsw@1045: .not_admitted_info table tr th {
bsw@1045:   text-align: left;
bsw@1045: }
bsw@1045: .admitted_info table tr td,
bsw@1045: .not_admitted_info table tr td {
bsw@1045:   text-align: right;
bsw@1045:   padding: 0.3ex 0.4em;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * main area
bsw@1045:  */
bsw@1045: .main_outer {
bsw@1045:   width: 70%;
bsw@1045: }
bsw@1045: .main {
bsw@1045:   clear: left;
bsw@1045:   margin-right: 12pt;
bsw@1045:   border-radius: 2px;
bsw@1045:   /*
bsw@1045:    * tabs und filter
bsw@1045:    */
bsw@1045:   /*
bsw@1045:    * initiative
bsw@1045:    */
bsw@1045:   /* the draft */
bsw@1045: }
bsw@1045: .main .section .sectionHead,
bsw@1045: .main .section .sectionRow {
bsw@1045:   background-color: #ffffff;
bsw@1045:   overflow: auto;
bsw@1045:   padding: 9px;
bsw@1045: }
bsw@1045: .main .section .sectionHead {
bsw@1045:   background-color: #ffffff;
bsw@1045:   color: #000000;
bsw@1045:   margin-top: 12pt;
bsw@1045:   border-radius: 2px 2px 0 0;
bsw@1045: }
bsw@1045: .main .section .sectionHead:first-child {
bsw@1045:   margin-top: 0;
bsw@1045: }
bsw@1045: .main .section .sectionHead:last-child {
bsw@1045:   border-radius: 2px;
bsw@1045: }
bsw@1045: .main .section .sectionRow {
bsw@1045:   margin-top: 4px;
bsw@1045: }
bsw@1045: .main .section .sectionRow:last-child {
bsw@1045:   border-radius: 0 0 2px 2px;
bsw@1045:   margin-bottom: 12pt;
bsw@1045: }
bsw@1045: .main > h1 {
bsw@1045:   border-bottom: 1px solid #aaaaaa;
bsw@1045:   padding: 9px;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head {
bsw@1045:   background: #ffffff;
bsw@1045:   color: #000000;
bsw@1045:   padding: 0 9px 9px 9px;
bsw@1045:   vertical-align: middle;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head a {
bsw@1045:   white-space: nowrap;
bsw@1045:   font: normal 10pt / 150% sans-serif;
bsw@1045:   margin-right: 0.5em;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head a.active {
bsw@1045:   font: bold 10pt / 150% sans-serif;
bsw@1045:   text-decoration: none;
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head select {
bsw@1045:   background: #ffffff;
bsw@1045:   color: #444444;
bsw@1045:   font: normal 10pt / 150% sans-serif;
bsw@1045:   border: none;
bsw@1045:   padding: 0;
bsw@1045:   margin: 0;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head select option {
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head select option:first-child,
bsw@1045: .main .ui_filter .ui_filter_head select option[value="interest_direct"],
bsw@1045: .main .ui_filter .ui_filter_head select option[value="interest_delegated"],
bsw@1045: .main .ui_filter .ui_filter_head select option[value="support_direct"],
bsw@1045: .main .ui_filter .ui_filter_head select option[value="support_delegated"],
bsw@1045: .main .ui_filter .ui_filter_head select option[value="potential_support_direct"],
bsw@1045: .main .ui_filter .ui_filter_head select option[value="potential_support_delegated"] {
bsw@1045:   color: #444444;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head select.active {
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head:first-child {
bsw@1045:   border-radius: 2px 2px 0 0;
bsw@1045:   padding-top: 9px;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head.filter_filter {
bsw@1045:   padding-top: 9px;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head.filter_mode {
bsw@1045:   padding-top: 9px;
bsw@1045:   margin-bottom: 0;
bsw@1045:   padding-bottom: 0;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head.subfilter a {
bsw@1045:   font: normal 10pt / 150% sans-serif;
bsw@1045: }
bsw@1045: .main .ui_filter .ui_filter_head.subfilter a.active {
bsw@1045:   font: bold 10pt / 150% sans-serif;
bsw@1045: }
bsw@1045: .main .filter {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .main .delegation_info.suspended {
bsw@1045:   margin: 1ex -2px -2px -2px;
bsw@1045: }
bsw@1045: .main .issues .state_info {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045:   color: #007700;
bsw@1045: }
bsw@1045: .main .issues .state_info.negative {
bsw@1045:   color: #aa0000;
bsw@1045: }
bsw@1045: .main ul.initiatives li {
bsw@1045:   margin-top: 1ex;
bsw@1045: }
bsw@1045: .main ul.initiatives li .bargraph {
bsw@1045:   float: left;
bsw@1045:   margin-top: 5px;
bsw@1045:   margin-right: 0.5em;
bsw@1045: }
bsw@1045: .main ul.initiatives li .initiative_name {
bsw@1045:   display: block;
bsw@1045:   margin-left: 110px;
bsw@1045: }
bsw@1045: .main ul.initiatives li .rank1 .initiative_name {
bsw@1045:   margin-left: 0;
bsw@1064:   font-weight: bold;
bsw@1045: }
bsw@1045: .main ul.initiatives li .revoked .initiative_name {
bsw@1045:   text-decoration: line-through;
bsw@1045: }
bsw@1045: .main ul.initiatives li:first-child {
bsw@1045:   margin-top: 0;
bsw@1045:   clear: none;
bsw@1045: }
bsw@1045: .main .events .event ul.initiatives li .initiative_name {
bsw@1045:   margin-left: 0;
bsw@1045: }
bsw@1045: .main .member_photo {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .main .member_thumb.in_delegation_chain {
bsw@1045:   font-weight: bold;
bsw@1045: }
bsw@1045: .main .support {
bsw@1045:   color: #aaa;
bsw@1045:   line-height: 80%;
bsw@1045:   float: right;
bsw@1045:   width: 102px;
bsw@1045: }
bsw@1045: .main .initiativeInfo {
bsw@1045:   font-family: normal 10pt / 125% sans-serif;
bsw@1045:   line-height: 24px;
bsw@1045:   overflow: auto;
bsw@1045: }
bsw@1045: .main .initiativeInfo .support {
bsw@1045:   margin-top: 1ex;
bsw@1045:   float: left;
bsw@1045:   width: auto;
bsw@1045: }
bsw@1045: .main .initiativeInfo .mySupport {
bsw@1045:   line-height: 125%;
bsw@1045:   min-width: 12em;
bsw@1045:   text-align: right;
bsw@1045: }
bsw@1045: .main .initiativeInfo .initiators {
bsw@1045:   margin-top: 1.5ex;
bsw@1045:   margin-bottom: -1ex;
bsw@1045:   float: left;
bsw@1045: }
bsw@1045: .main .initiativeInfo .links {
bsw@1045:   margin-top: 1.5ex;
bsw@1045:   margin-bottom: -1ex;
bsw@1045:   float: right;
bsw@1045:   clear: right;
bsw@1045: }
bsw@1045: .main .initiativeInfo .initiator_links {
bsw@1045:   clear: right;
bsw@1045: }
bsw@1045: .main .issueInfo .links {
bsw@1045:   margin-top: 1.5ex;
bsw@1045:   margin-bottom: -1ex;
bsw@1045:   float: right;
bsw@1045:   clear: both;
bsw@1045: }
bsw@1045: .main .draft_updated_info {
bsw@1045:   color: #007700;
bsw@1045: }
bsw@1045: .main .draft_updated_info .info {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .main .draft {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045: }
bsw@1097: .main .draft ul {
bsw@1045:   margin-left: 1em;
bsw@1045:   margin-bottom: 1.5ex;
bsw@1045:   list-style: square;
bsw@1045:   padding-left: 1em;
bsw@1045: }
bsw@1097: .main .draft ol {
bsw@1093:   margin-left: 1em;
bsw@1093:   margin-bottom: 1.5ex;
bsw@1093:   list-style: decimal;
bsw@1093:   padding-left: 1em;
bsw@1093: }
bsw@1045: .main .draft h1 {
bsw@1045:   font: italic 10pt / 125% sans-serif;
bsw@1045:   font-size: 125%;
bsw@1045:   border-bottom: 1px solid #444444;
bsw@1045:   margin-bottom: 1ex;
bsw@1045: }
bsw@1045: .main .draft h2 {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045:   font-size: 125%;
bsw@1045: }
bsw@1045: .main .draft h3 {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045:   font-size: 125%;
bsw@1045: }
bsw@1045: .main .draft h4 {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .main .draft hr {
bsw@1045:   border: none;
bsw@1045:   border-top: 1px solid #000000;
bsw@1045: }
bsw@1045: .main .draft b,
bsw@1045: .main .draft strong {
bsw@1045:   font: italic 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .main .draft i,
bsw@1045: .main .draft em {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .main form,
bsw@1045: .main .form {
bsw@1045:   margin: 0;
bsw@1045:   padding: 0;
bsw@1045: }
bsw@1045: .main form .ui_field_label,
bsw@1045: .main .form .ui_field_label {
bsw@1045:   display: inline-block;
bsw@1045:   width: 25%;
bsw@1045:   margin: 0;
bsw@1045:   padding: 0;
bsw@1045:   text-align: right;
bsw@1045:   margin-bottom: 9px;
bsw@1045:   padding-right: 0.5%;
bsw@1045:   vertical-align: top;
bsw@1045:   color: #444444;
bsw@1045: }
bsw@1045: .main form input[type=text],
bsw@1045: .main .form input[type=text],
bsw@1045: .main form input[type=password],
bsw@1045: .main .form input[type=password],
bsw@1045: .main form select,
bsw@1045: .main .form select,
bsw@1045: .main form textarea,
bsw@1045: .main .form textarea {
bsw@1045:   vertical-align: top;
bsw@1045:   width: 73%;
bsw@1045:   margin: 0;
bsw@1045:   padding: 3px;
bsw@1045:   border: 1px solid #444444;
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045:   margin-bottom: 9px;
bsw@1045: }
bsw@1045: .main form input:focus,
bsw@1045: .main .form input:focus {
bsw@1045:   outline: 2px solid #397ab6;
bsw@1045: }
bsw@1045: .main form .actions,
bsw@1045: .main .form .actions {
bsw@1045:   margin-left: 26%;
bsw@1045: }
bsw@1045: .main form.wide input[type=text],
bsw@1045: .main form.wide input[type=password],
bsw@1045: .main form.wide select,
bsw@1045: .main form.wide textarea {
bsw@1045:   width: 100%;
bsw@1045: }
bsw@1045: .issues .event .initiative_pie,
bsw@1045: .events .event .initiative_pie {
bsw@1045:   clear: right;
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .issues .event ul.initiatives .initiative_info_left,
bsw@1045: .events .event ul.initiatives .initiative_info_left {
bsw@1045:   display: inline;
bsw@1045:   margin-right: 0.5em;
bsw@1045: }
bsw@1045: .issues .event ul.initiatives .initiative_info_right,
bsw@1045: .events .event ul.initiatives .initiative_info_right {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .issues .event ul.initiatives .initiative_info_right .bargraph,
bsw@1045: .events .event ul.initiatives .initiative_info_right .bargraph {
bsw@1045:   float: right;
bsw@1045:   margin-left: 0.5em;
bsw@1045: }
bsw@1045: .issues .event ul.initiatives .result,
bsw@1045: .events .event ul.initiatives .result {
bsw@1045:   color: #444444;
bsw@1045:   margin-top: 0.5ex;
bsw@1045: }
bsw@1045: .issues .event ul.initiatives h3,
bsw@1045: .events .event ul.initiatives h3 {
bsw@1045:   margin-top: 1ex;
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: .issues .event ul.initiatives a.initiative,
bsw@1045: .events .event ul.initiatives a.initiative {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .issues .event .event_info,
bsw@1045: .events .event .event_info {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045:   color: #007700;
bsw@1045:   margin-top: 0.66ex;
bsw@1045:   margin-bottom: 1ex;
bsw@1045: }
bsw@1045: .issues .event .event_info:last-child,
bsw@1045: .events .event .event_info:last-child {
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: .issues .event .event_info.negative,
bsw@1045: .events .event .event_info.negative {
bsw@1045:   color: #aa0000;
bsw@1045: }
bsw@1045: .issues .event .event_time,
bsw@1045: .events .event .event_time {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045:   color: #444444;
bsw@1045: }
bsw@1045: .issues .event:hover .event_time,
bsw@1045: .events .event:hover .event_time {
bsw@1045:   visibility: visible;
bsw@1045: }
bsw@1045: .issues .event:hover ul.initiatives div,
bsw@1045: .events .event:hover ul.initiatives div {
bsw@1045:   visibility: visible;
bsw@1045: }
bsw@1045: .issues .issue_context,
bsw@1045: .events .issue_context {
bsw@1045:   line-height: 24px;
bsw@1045:   margin-bottom: 0.66ex;
bsw@1045: }
bsw@1045: .issues .issue_context .unit,
bsw@1045: .events .issue_context .unit {
bsw@1045:   background-color: #777;
bsw@1045:   color: #fff;
bsw@1045:   padding: 1px 3px;
bsw@1045:   border-radius: 2px;
bsw@1045:   text-decoration: none;
bsw@1045: }
bsw@1045: .issues .issue_context .area,
bsw@1045: .events .issue_context .area {
bsw@1045:   background-color: #ddd;
bsw@1045:   color: #000;
bsw@1045:   padding: 1px 3px;
bsw@1045:   border-radius: 2px;
bsw@1045:   text-decoration: none;
bsw@1045: }
bsw@1045: .issues .issue_info .issue,
bsw@1045: .events .issue_info .issue {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045:   color: #000000;
bsw@1045: }
bsw@1045: .issues img.star,
bsw@1045: .events img.star {
bsw@1045:   vertical-align: middle;
bsw@1045:   float: right;
bsw@1045:   margin-left: 0.5em;
bsw@1045: }
bsw@1045: .issues .event.suggestion ul.initiatives li,
bsw@1045: .events .event.suggestion ul.initiatives li {
bsw@1045:   margin-top: 0;
bsw@1045:   margin-bottom: 1ex;
bsw@1045: }
bsw@1045: .issues .event.suggestion ul.initiatives li a,
bsw@1045: .events .event.suggestion ul.initiatives li a {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045: }
bsw@1045: .issues .event.suggestion .suggestion,
bsw@1045: .events .event.suggestion .suggestion {
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045:   overflow: hidden;
bsw@1045:   text-overflow: ellipsis;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion .must {
bsw@1045:   background-color: #00cc00;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion .should {
bsw@1045:   background-color: #44aa44;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion .shouldnot {
bsw@1045:   background-color: #aa4444;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion .mustnot {
bsw@1045:   background-color: #cc0000;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion .implemented {
bsw@1045:   background-color: #00cc00;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .opinion .notimplemented {
bsw@1045:   background-color: #cc0000;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .suggestion-rating {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: .suggestions .suggestion .suggestion-text {
bsw@1045:   margin-top: 9px;
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045:   overflow: hidden;
bsw@1045:   text-overflow: ellipsis;
bsw@1045:   position: relative;
bsw@1045:   z-index: 10;
bsw@1045: }
bsw@1064: .suggestions .suggestion .suggestion-details {
bsw@1064:   float: right;
bsw@1064: }
bsw@1045: .suggestions .suggestion .suggestion-more {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .suggestions .suggestion .suggestion-less {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .suggestions .suggestion .suggestionHead {
bsw@1045:   overflow: hidden;
bsw@1045:   text-overflow: ellipsis;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating {
bsw@1045:   display: none;
bsw@1045:   padding: 4.5px 0;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating .active-plus2 {
bsw@1045:   background-color: #00cc00;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating .active-plus1 {
bsw@1045:   background-color: #44aa44;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating .active-minus1 {
bsw@1045:   background-color: #aa4444;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating .active-minus2 {
bsw@1045:   background-color: #cc0000;
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating .active-notfulfilled {
bsw@1045:   background-color: #faa;
bsw@1045: }
bsw@1045: .suggestions .suggestion .rating .active-fulfilled {
bsw@1045:   background-color: #afa;
bsw@1045: }
bsw@1045: .suggestions .suggestion.rateable .suggestion-more {
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: .suggestions .suggestion.rateable.unfolded .rating {
bsw@1045:   border-top: 3px solid #397ab6;
bsw@1045: }
bsw@1064: .suggestions .suggestion.folded .suggestion-text {
bsw@1080:   height: 150px;
bsw@1064:   overflow: hidden;
bsw@1064: }
bsw@1045: .suggestions .suggestion.folded .suggestion-more {
bsw@1045:   display: block;
bsw@1045:   position: absolute;
bsw@1045:   bottom: 0;
bsw@1045:   left: 0;
bsw@1045:   width: 100%;
bsw@1045:   box-shadow: inset 0 -12ex 10ex -5ex #ffffff;
bsw@1045:   padding-top: 5ex;
bsw@1045: }
bsw@1064: .suggestions .suggestion.folded .suggestion-details {
bsw@1064:   position: absolute;
bsw@1064:   bottom: 0;
bsw@1064:   right: 0;
bsw@1064: }
bsw@1045: .suggestions .suggestion.unfolded .suggestion-more {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .suggestions .suggestion.unfolded .rating {
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: .suggestions .suggestion.unfolded .suggestion-less {
bsw@1045:   margin-top: 1ex;
bsw@1045:   display: block;
bsw@1045: }
bsw@1045: .suggestions .suggestion.highlighted {
bsw@1045:   background-color: #e7f0ff;
bsw@1045: }
bsw@1045: .suggestions .suggestion.highlighted .suggestion-more {
bsw@1045:   box-shadow: inset 0 -12ex 10ex -5ex #e7f0ff;
bsw@1045: }
bsw@1045: li.raw {
bsw@1045:   list-style: none;
bsw@1045:   padding: 0;
bsw@1045:   margin: 0 !important;
bsw@1045: }
bsw@1045: .satisfiedSupporterCount {
bsw@1045:   color: #070;
bsw@1045: }
bsw@1045: .potentialSupporterCount {
bsw@1045:   color: #960;
bsw@1045: }
bsw@1045: .bargraph {
bsw@1045:   display: inline-block;
bsw@1045:   vertical-align: top;
bsw@1045:   height: 9px;
bsw@1045: }
bsw@1045: .bargraph div {
bsw@1045:   margin: 0;
bsw@1045:   padding: 0;
bsw@1045:   display: inline-block;
bsw@1045:   height: 9px;
bsw@1045: }
bsw@1045: .diff .diff_added {
bsw@1045:   background-color: #cfc;
bsw@1045: }
bsw@1045: .diff .diff_removed {
bsw@1045:   text-decoration: line-through;
bsw@1045:   background-color: #fcc;
bsw@1045: }
bsw@1045: .btn,
bsw@1045: .ui_paginate_foot a {
bsw@1045:   text-decoration: none;
bsw@1045:   min-width: 2em;
bsw@1045:   text-align: center;
bsw@1045:   display: inline-block;
bsw@1045:   border-radius: 5px;
bsw@1045:   border: none;
bsw@1045:   font: bold 10pt / 125% sans-serif;
bsw@1045:   background-color: #999;
bsw@1045:   color: #fff !important;
bsw@1045:   margin-bottom: 5px;
bsw@1045: }
bsw@1045: .btn {
bsw@1045:   padding: 1ex 1em;
bsw@1045: }
bsw@1045: .ui_paginate_foot a {
bsw@1045:   padding: 0.5ex 0.5em;
bsw@1045:   background-color: #eee;
bsw@1045:   color: 000 !important;
bsw@1045: }
bsw@1045: .ui_paginate_foot a.active {
bsw@1045:   background-color: #666;
bsw@1045:   color: #fff !important;
bsw@1045: }
bsw@1045: .btn-default {
bsw@1045:   background-color: #47a;
bsw@1045:   color: #fff !important;
bsw@1045: }
bsw@1045: .btn:hover,
bsw@1045: .btn:focus,
bsw@1045: .ui_paginate_foot a:hover,
bsw@1045: .ui_paginate_foot a:focus {
bsw@1045:   background-color: #0a0;
bsw@1045:   color: #fff !important;
bsw@1045:   cursor: pointer;
bsw@1045: }
bsw@1045: .btn-dangerous:hover {
bsw@1045:   background-color: #c00;
bsw@1045:   color: #fff !important;
bsw@1045: }
bsw@1045: .btn-link {
bsw@1045:   font: normal 10pt / 125% sans-serif;
bsw@1045:   background-color: #ffffff;
bsw@1045:   color: #222277;
bsw@1045:   border: none;
bsw@1045:   padding: 0;
bsw@1045:   margin: 0;
bsw@1045:   text-decoration: underline;
bsw@1045:   cursor: pointer;
bsw@1045: }
bsw@1045: /*************************************************************************
bsw@1045:  * Voting
bsw@1045:  */
bsw@1045: .main .section #voting_form .sectionRow:last-child {
bsw@1045:   border-radius: 0;
bsw@1045:   margin-bottom: 0;
bsw@1045: }
bsw@1045: #voting {
bsw@1045:   background: #ddd;
bsw@1045:   padding: 9px;
bsw@1045:   margin-top: 4px;
bsw@1045:   position: relative;
bsw@1045:   margin-bottom: 2ex;
bsw@1045: }
bsw@1045: #voting .approval,
bsw@1045: #voting .abstention,
bsw@1045: #voting .disapproval {
bsw@1045:   border: 2px black solid;
bsw@1045:   margin-bottom: 2ex;
bsw@1045:   padding: 1ex;
bsw@1045:   padding-bottom: 2ex;
bsw@1045:   border-radius: 2px;
bsw@1045: }
bsw@1045: #voting .disapproval {
bsw@1045:   margin-bottom: 2ex;
bsw@1045: }
bsw@1045: #voting .approval {
bsw@1045:   background-color: #9f9;
bsw@1045: }
bsw@1045: #voting .approval .movable {
bsw@1045:   background-color: #dfd;
bsw@1045: }
bsw@1045: #voting .abstention {
bsw@1045:   background-color: #ccc;
bsw@1045: }
bsw@1045: #voting .abstention .movable {
bsw@1045:   background-color: #f2f2f2;
bsw@1045: }
bsw@1045: #voting .disapproval {
bsw@1045:   background-color: #f88;
bsw@1045: }
bsw@1045: #voting .disapproval .movable {
bsw@1045:   background-color: #fbb;
bsw@1045: }
bsw@1045: #voting .movable {
bsw@1045:   position: relative;
bsw@1045:   border: 1px black solid;
bsw@1045:   margin-top: 1ex;
bsw@1045:   padding: 0.5ex;
bsw@1045:   border-radius: 2px;
bsw@1045: }
bsw@1045: #voting .voting_form_active .movable {
bsw@1045:   cursor: pointer;
bsw@1045:   vertical-align: middle;
bsw@1045:   cursor: move;
bsw@1045: }
bsw@1045: #voting .voting_form_active .clickable {
bsw@1045:   cursor: auto;
bsw@1045: }
bsw@1045: #voting .voting_form_active a.clickable {
bsw@1045:   cursor: pointer;
bsw@1045: }
bsw@1045: /*
bsw@1045:  * footer
bsw@1045:  */
bsw@1045: .footer {
bsw@1045:   text-align: center;
bsw@1045:   color: #ffffff;
bsw@1045:   background-color: #000000;
bsw@1045:   padding: 9px 0;
bsw@1045:   border: 1px solid #000;
bsw@1045:   border-top: none;
bsw@1045: }
bsw@1045: .footer a {
bsw@1045:   color: #ffffff;
bsw@1045: }
bsw@1045: .ui_paginate_head {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .ui_paginate_foot {
bsw@1045:   line-height: 180%;
bsw@1045: }
bsw@1045: .swiper_tabs {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: #swiper_info {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: .nav .searchLink {
bsw@1045:   display: none;
bsw@1045: }
bsw@1045: @media (max-width: 767px) {
bsw@1045:   html body {
bsw@1045:     margin: 0;
bsw@1045:     background: #255078;
bsw@1045:   }
bsw@1045:   html body .head {
bsw@1045:     margin: 6pt;
bsw@1045:     padding: 0;
bsw@1045:   }
bsw@1045:   html body .head .logo {
bsw@1045:     display: block;
bsw@1045:     padding: 0;
bsw@1045:   }
bsw@1045:   html body .head .logo .liquid,
bsw@1045:   html body .head .logo .feedback {
bsw@1045:     font: bold 12pt / 125% sans-serif;
bsw@1045:   }
bsw@1045:   html body .head .logo .instanceName {
bsw@1045:     font: normal 10pt / 100% sans-serif;
bsw@1045:     display: block;
bsw@1045:     margin-left: 0;
bsw@1045:   }
bsw@1045:   html body .head .nav {
bsw@1045:     padding: 0;
bsw@1045:   }
bsw@1045:   html body .initiativeInfo h1 {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   html body .slot_title {
bsw@1097:     font: bold 12pt / 125% sans-serif;
bsw@1045:     padding: 0;
bsw@1045:     margin: 0 6pt;
bsw@1045:   }
bsw@1045:   html body .slot_title .spacer {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   html body .slot_title .unit,
bsw@1045:   html body .slot_title .area,
bsw@1045:   html body .slot_title .issue,
bsw@1045:   html body .slot_title .initiative,
bsw@1045:   html body .slot_title .member {
bsw@1045:     display: block;
bsw@1045:     margin-right: 0;
bsw@1045:     padding: 4px 0;
bsw@1045:     border-radius: 2px;
bsw@1045:     overflow: auto;
bsw@1045:   }
bsw@1045:   html body .slot_title .unit:before,
bsw@1045:   html body .slot_title .area:before,
bsw@1045:   html body .slot_title .issue:before,
bsw@1045:   html body .slot_title .initiative:before,
bsw@1045:   html body .slot_title .member:before {
bsw@1045:     content: "↳";
bsw@1045:     position: relative;
bsw@1045:     top: -2px;
bsw@1045:   }
bsw@1045:   html body .slot_title .area {
bsw@1045:     margin-left: 10px;
bsw@1045:   }
bsw@1045:   html body .slot_title .issue {
bsw@1045:     margin-left: 20px;
bsw@1045:   }
bsw@1045:   html body .slot_title .initiative {
bsw@1045:     margin-left: 30px;
bsw@1045:   }
bsw@1045:   html body .slot_title a:last-child,
bsw@1045:   html body .slot_title .issue:last-child,
bsw@1045:   html body .slot_title .area:last-child,
bsw@1045:   html body .slot_title .unit:last-child,
bsw@1045:   html body .slot_title .initiative:last-child {
bsw@1045:     margin-bottom: 6pt;
bsw@1045:   }
bsw@1045:   html body .slot_title .unit a,
bsw@1045:   html body .slot_title .initiative a,
bsw@1045:   html body .slot_title .issue a,
bsw@1045:   html body .slot_title .area a {
bsw@1045:     margin-bottom: 0;
bsw@1045:     display: inline;
bsw@1045:   }
bsw@1045:   html body .slot_title a.home {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   html body .slot_title .weight {
bsw@1045:     float: right;
bsw@1045:     margin: 0;
bsw@1045:   }
bsw@1045:   html body .slot_title .delegation_info {
bsw@1045:     float: right;
bsw@1045:     display: block;
bsw@1045:     margin-top: -10px;
bsw@1045:   }
bsw@1045:   html body .slot_title a .label {
bsw@1045:     display: inline;
bsw@1045:   }
bsw@1045:   html body .slot_title .star {
bsw@1045:     float: right;
bsw@1045:     margin-left: 0.5em;
bsw@1045:     margin-top: -4.5px;
bsw@1045:     margin-bottom: -4.5px;
bsw@1045:   }
bsw@1045:   html body .slot_title > span > *:last-child {
bsw@1045:     font: bold 12pt / 125% sans-serif;
bsw@1045:   }
bsw@1045:   html body .page {
bsw@1045:     background: none;
bsw@1045:     margin: 0;
bsw@1045:     box-shadow: none;
bsw@1045:   }
bsw@1045:   html body .nav #member_menu .text {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   html body .nav form.search {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   html body .nav .notifications,
bsw@1045:   html body .nav .searchLink,
bsw@1045:   html body .nav #member_menu a {
bsw@1045:     vertical-align: middle;
bsw@1045:     display: inline-block;
bsw@1045:     height: 48px;
bsw@1045:     min-width: 35px;
bsw@1045:     text-align: center;
bsw@1045:     background-color: #000;
bsw@1045:     border: 1px solid #777;
bsw@1045:     border-radius: 2px;
bsw@1045:     margin: 0;
bsw@1045:   }
bsw@1045:   html body .nav .notifications img,
bsw@1045:   html body .nav .searchLink img,
bsw@1045:   html body .nav #member_menu a img {
bsw@1045:     margin: 0;
bsw@1045:     width: 48px;
bsw@1045:     height: 48px;
bsw@1045:   }
bsw@1045:   html body .nav .notifications {
bsw@1045:     padding: 12px 2px;
bsw@1045:     height: 24px;
bsw@1045:   }
bsw@1045:   html body .nav #member_menu a :last-child {
bsw@1045:     display: none;
bsw@1045:   }
bsw@1045:   html body .notifications span {
bsw@1045:     margin-left: -5px;
bsw@1045:   }
bsw@1045:   html body .swiper_tabs {
bsw@1045:     clear: both;
bsw@1045:     display: block;
bsw@1045:     overflow: auto;
bsw@1045:     margin: 6pt;
bsw@1045:   }
bsw@1045:   html body .swiper_tabs div {
bsw@1045:     display: block;
bsw@1045:     float: left;
bsw@1045:     width: 33.333%;
bsw@1045:   }
bsw@1045:   html body .swiper_tabs div a {
bsw@1045:     padding: 8px 0;
bsw@1045:     display: block;
bsw@1045:     text-align: center;
bsw@1045:     background-color: #eee;
bsw@1045:   }
bsw@1045:   html body .swiper_tabs div a.active {
bsw@1045:     background-color: #abe;
bsw@1045:   }
bsw@1045:   html body .swiper_tabs div:first-child a {
bsw@1045:     border-radius: 2px 0 0 2px;
bsw@1045:   }
bsw@1045:   html body .swiper_tabs div:last-child a {
bsw@1045:     border-radius: 0 2px 2px 0;
bsw@1045:   }
bsw@1045:   html body #swiper_info.active {
bsw@1045:     display: block;
bsw@1045:     font: bold 10pt / 125% sans-serif;
bsw@1045:     z-index: 1;
bsw@1045:     text-align: center;
bsw@1045:     width: 100%;
bsw@1045:     background-color: #255078;
bsw@1045:     color: #ffffff;
bsw@1045:   }
bsw@1045:   html body .sidebarSection {
bsw@1045:     margin: 0 6pt 6pt 6pt;
bsw@1045:   }
bsw@1045:   html body .main,
bsw@1045:   html body .extra > .section {
bsw@1045:     clear: none;
bsw@1045:     float: none;
bsw@1045:     width: auto;
bsw@1045:     margin: 0 6pt 6pt 6pt;
bsw@1045:   }
bsw@1045:   html body .main .section .sectionRow:last-child,
bsw@1045:   html body .extra > .section .section .sectionRow:last-child {
bsw@1045:     margin-bottom: 6pt;
bsw@1045:   }
bsw@1045:   html body .ui_filter_head.filter_mode {
bsw@1045:     float: none !important;
bsw@1045:     background: #ffffff !important;
bsw@1045:     text-align: left !important;
bsw@1045:     border-radius: 2px;
bsw@1045:     margin-bottom: 6pt !important;
bsw@1045:   }
bsw@1045:   html body .member_photo {
bsw@1045:     text-align: center;
bsw@1045:     margin-bottom: 2ex;
bsw@1045:   }
bsw@1045:   html body .member_photo .member_image_photo {
bsw@1045:     max-width: 600px;
bsw@1045:   }
bsw@1045:   html body #trace_content {
bsw@1045:     margin: 6pt 0;
bsw@1045:     border-radius: 0;
bsw@1045:   }
bsw@1045:   html body #trace_content ul li .trace_head {
bsw@1045:     padding: 6px 5px;
bsw@1045:   }
bsw@1045:   html body #trace_content ul ul {
bsw@1045:     padding: 5px 2px;
bsw@1045:   }
bsw@1045: }
bsw@1045: .textCenter {
bsw@1045:   text-align: center;
bsw@1045: }
bsw@1045: a.initiative {
bsw@1045:   text-decoration: none;
bsw@1045:   border-bottom: 1px solid #66c;
bsw@1045: }
bsw@1045: a.initiative:hover {
bsw@1045:   border-bottom: 1px solid #007;
bsw@1045: }
bsw@1045: #trace_content {
bsw@1045:   margin: 12pt;
bsw@1045:   padding: 9px;
bsw@1045:   border-radius: 2px;
bsw@1045:   background-color: #ffffff;
bsw@1045: }
bsw@1045: #trace_content #system_error {
bsw@1045:   font-family: monospace;
bsw@1045: }
bsw@1045: #trace_content ul li {
bsw@1045:   margin-top: 10px;
bsw@1045: }
bsw@1045: #trace_content ul li .trace_head {
bsw@1045:   padding: 3px 5px;
bsw@1045:   border-radius: 2px 2px 0 0;
bsw@1045: }
bsw@1045: #trace_content ul li .trace_head:last-child {
bsw@1045:   border-radius: 2px;
bsw@1045: }
bsw@1045: #trace_content ul li ul {
bsw@1045:   border-radius: 0 0 2px 2px;
bsw@1045: }
bsw@1045: #trace_content ul li:first-child {
bsw@1045:   margin-top: 0;
bsw@1045: }
bsw@1045: #trace_content ul ul {
bsw@1045:   padding: 10px;
bsw@1045: }
bsw@1045: #trace_content .trace_config > ul {
bsw@1045:   background-color: #eee;
bsw@1045:   border: 1px solid #ccc;
bsw@1045: }
bsw@1045: #trace_content .trace_config > .trace_head {
bsw@1045:   background-color: #ccc;
bsw@1045:   color: #000;
bsw@1045: }
bsw@1045: #trace_content .trace_request > ul {
bsw@1045:   background-color: #afa;
bsw@1045: }
bsw@1045: #trace_content .trace_request > .trace_head {
bsw@1045:   background-color: #0c0;
bsw@1045: }
bsw@1045: #trace_content .trace_filter > ul {
bsw@1045:   background-color: #ccf;
bsw@1045:   border: 1px solid #00c;
bsw@1045:   border-top: none;
bsw@1045: }
bsw@1045: #trace_content .trace_filter > .trace_head {
bsw@1045:   background-color: #00c;
bsw@1045:   color: #fff;
bsw@1045: }
bsw@1045: #trace_content .trace_view > ul {
bsw@1045:   background-color: #cfc;
bsw@1045:   border: 1px solid #0c0;
bsw@1045:   border-top: none;
bsw@1045: }
bsw@1045: #trace_content .trace_view > .trace_head {
bsw@1045:   background-color: #0c0;
bsw@1045:   color: #000;
bsw@1045: }
bsw@1045: #trace_content .trace_action_neutral > ul {
bsw@1045:   background-color: #ffa;
bsw@1045:   border: 1px solid #fe0;
bsw@1045: }
bsw@1045: #trace_content .trace_action_neutral > .trace_head {
bsw@1045:   background-color: #fe0;
bsw@1045:   color: #000;
bsw@1045: }
bsw@1154: #trace_content .trace_action_success > ul {
bsw@1154:   background-color: #afa;
bsw@1154:   border: 1px solid #fe0;
bsw@1154: }
bsw@1154: #trace_content .trace_action_success > .trace_head {
bsw@1154:   background-color: #fe0;
bsw@1154:   color: #000;
bsw@1154: }
bsw@1154: #trace_content .trace_action_softfail > ul {
bsw@1154:   background-color: #faa;
bsw@1154:   border: 1px solid #fe0;
bsw@1154: }
bsw@1154: #trace_content .trace_action_softfail > .trace_head {
bsw@1154:   background-color: #fe0;
bsw@1154:   color: #000;
bsw@1154: }
bsw@1045: #trace_content .trace_sql {
bsw@1045:   background-color: #fff;
bsw@1045:   padding: 2px 4px;
bsw@1045:   margin-top: 8px;
bsw@1045: }
bsw@1151: #trace_content .trace_sql_time {
bsw@1151:   float: right;
bsw@1151:   font-weight: bold;
bsw@1151: }
bsw@1045: #trace_content .trace_error {
bsw@1045:   background-color: #faa;
bsw@1045:   color: #000;
bsw@1045:   font-weight: bold;
bsw@1045:   border: 1px solid #c00;
bsw@1045: }
bsw@1045: #trace_content .trace_exectime {
bsw@1045:   background-color: #ccc;
bsw@1045:   font-weight: bold;
bsw@1045:   border-radius: 2px;
bsw@1045: }
bsw@1045: #trace_content .time {
bsw@1045:   float: right;
bsw@1045: }
bsw@1045: #trace_content .total_duration {
bsw@1045:   font-weight: bold;
bsw@1045: }