bsw@373: 
bsw@325: /* Style reset */
bsw@325: html,
bsw@325: body,
bsw@325: div,
bsw@325: span,
bsw@325: applet,
bsw@325: object,
bsw@325: iframe,
bsw@325: h1, h2, h3, h4, h5, h6,
bsw@329: p, a, img,
bsw@325: form, label, legend,
bsw@325: table, tbody, tfoot, thead, tr, th,td {
bsw@325:   margin: 0;
bsw@325:   padding: 0;
bsw@325:   border: 0;
bsw@325:   outline: 0;
bsw@325:   font-weight: inherit;
bsw@325:   font-style: inherit;
bsw@325:   font-size: 100%;
bsw@325:   font-family: inherit;
bsw@325:   vertical-align: baseline;
bsw@325: }
bsw@325: body {
bsw@325:   line-height: 1;
bsw@325:   color: black;
bsw@325:   background: white;
bsw@325: }
bsw@371: li {
bsw@371:   line-height: 133%;
bsw@371: }
bsw@366: p {
bsw@366:   margin-top: 2ex;
bsw@366:   margin-bottom: 2ex;
bsw@366: }
bsw@650: a {
bsw@650:   text-decoration: underline;
bsw@650: }
bsw@325: table {
bsw@325:   border-collapse: separate;
bsw@325:   border-spacing: 0;
bsw@325: }
bsw@325: caption, th, td {
bsw@325:   text-align: left;
bsw@325:   font-weight: normal;
bsw@325: }
bsw@325: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Some global definitions 
bsw/jbe@0:  */
bsw/jbe@0: 
poelzi@147: body {
bsw@642:   background: #fafafa;
bsw@371:   line-height: 120%:
poelzi@147: }
poelzi@147: 
bsw/jbe@0: body, th, td {
bsw/jbe@0:   font-family: sans-serif;
bsw@671:   font-size: 10pt;
bsw/jbe@0:   padding: 0;
bsw/jbe@0:   margin: 0;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@432: .page,
bsw@432: .topbar_content {
bsw@431:   max-width: 1130px;
bsw@431:   margin: 0 auto;
bsw@431: }
bsw@431: 
bsw@371: table {
bsw@371:   margin-top: 1ex;
bsw@371: }
bsw@371: 
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@278:   padding: 0.5ex 0.5em 0.5ex 0em;
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-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@9: h1 {
bsw@9:   font-size: 150%;
bsw@9: }
bsw@9: 
bsw@9: h2 {
bsw@9:   font-size: 125%;
bsw@9: }
bsw@9: 
poelzi@145: .inline {
poelzi@145:   display: inline;
poelzi@145: }
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@325:   background: #fff;
bsw@325:   font-weight: bold;
bsw@325:   line-height: 1.7em;
bsw@325:   -moz-opacity:0.7;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_notice, .slot_warning, .slot_error {
bsw@325:   padding-left: 1em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_notice {
bsw@325:   background-color: #cfc;
bsw@325:   color: #040;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_warning {
bsw@325:   background-color: #fec;
bsw@325:   color: #420;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: .slot_error {
bsw@325:   background-color: #fcc;
bsw@325:   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@318:   background-color: #333;
bsw@650:   background: -webkit-linear-gradient(top, #777, #000);
bsw@650:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
bsw@650:   background: -moz-linear-gradient(#777, #000);
bsw@650:   background: -ms-linear-gradient(#777, #000);
bsw@650:   background: -o-linear-gradient(#777, #000);
bsw@650:   background: linear-gradient(#777, #000);
bsw@373:   box-shadow: #aaa 0 0 5px;
bsw@318:   -mox-box-shadow: #aaa 0 0 5px;
bsw@318:   -webkit-box-shadow: #aaa 0 0 5px;
bsw@467:   border-top: 1px solid #333;
bsw@680:   line-height: 35px;
bsw@680:   padding-top: 5px;
bsw@682:   font-size: 120%;
bsw@273: }
bsw@273: 
bsw@683: .logo_liquidfeedback {
bsw@682:   font-weight: bold;
bsw@564:   margin-left: 6px;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@525: .topbar .instance_name,
bsw/jbe@0: .topbar a {
bsw@414:   line-height: 30px;
bsw@699:   color: #f7f7f7;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@682: .topbar a:hover, 
bsw@687: .topbar a:hover .logo_liquidfeedback {
bsw@624:   color: #f90;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@373: .navigation {
bsw@467:   background-color: #333;
bsw@274:   line-height: 200%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@525: .topbar img {
bsw/jbe@0:   margin-right: 0.5em;
bsw/jbe@0:   vertical-align: middle;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@586: .topbar a {
bsw@373:   padding: 0 0.5em;
bsw@373:   float: left;
bsw@373:   display: block;
bsw@467:   white-space: nowrap;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@250: form.unit_selector {
bsw@250:   display: inline;
bsw@250: }
bsw@250: 
bsw@525: .topbar .navigation_right {
bsw@414:   float: right;
bsw@467:   padding-right: 1%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@650: .topbar ul {
bsw@650:   list-style-type: none;
bsw@650: }
bsw@650: 
bsw@586: 
bsw@586: #member_menu {
bsw@586:  z-index: 2;
bsw@586: }
bsw@586: 
bsw@586: #member_menu li {
bsw@586:  float: left;
bsw@586: }
bsw@586: 
bsw@586: #member_menu li:hover {
bsw@586:  position: relative;
bsw@586:  z-index: 4;
bsw@586:  cursor: default;
bsw@525: }
bsw@525: 
bsw@525: #member_menu {
bsw@586:   margin: 0;
bsw@586:   padding: 0;
bsw@586:   width: 200px;
bsw@586: }
bsw@587: 
bsw@587: #member_menu > li {
bsw@587:   width: 200px;
bsw@587: }
bsw@587: 
bsw@587: #member_menu li a {
bsw@587:   float: right;
bsw@587: }
bsw@586:   
bsw@586: #member_menu ul {
bsw@586:   margin: 0;
bsw@586:   padding: 0;
bsw@586:   list-style-type: none;
bsw@586:   display: none;
bsw@586:   position: absolute;
bsw@586:   top: 100%;
bsw@586:   left: 0;
bsw@586:   z-index: 3;
bsw@586:   width: 200px;
bsw@586:   border-radius: 0 0 8px 8px;
bsw@586:   background: #000;
bsw@586: }
bsw@586: 
bsw@586: #member_menu ul li {
bsw@586:   float: none;
bsw@586: }
bsw@586: 
bsw@586: #member_menu ul li a {
bsw@586:   float: none;
bsw@622:   background: #000;
bsw@682:   font-size: 80%;
bsw@586: }
bsw@586: 
bsw@586: #member_menu ul ul {
bsw@586:   top: 1px;
bsw@586:   right: 1px;
bsw@586: }
bsw@586: 
bsw@586: #member_menu li:hover ul {
bsw@586:   display: block;
bsw@586: }
bsw@586: 
bsw@586: #member_menu li li a {
bsw@586:   background: #000;
bsw@586:   border-radius: 5px;
bsw@586:   color: #fff;
bsw@586: }
bsw@586: 
bsw@622: #member_menu ul li:hover a {
bsw@622:   background: #000;
bsw@624:   color: #f90;
bsw@525: }
bsw@525: 
bsw@586: */
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Title of current page including path and actions
bsw/jbe@0:  */
bsw/jbe@0: 
bsw@525: .slot_title {
bsw@525:   font-size: 120%;
bsw@525:   font-weight: bold;
bsw@525:   margin-left: 10px;
bsw@525:   margin-right: 10px;
bsw@525:   margin-top: 1ex;
bsw@525: }
bsw@525: 
bsw@564: .slot_head {
bsw@525:   background-color: #fff;
bsw@633:   margin: 0px 1% 2ex 1%;
bsw@633:   border: 1px solid #555;
bsw@650:   border-top: none;
bsw@633:   border-radius: 0 0 8px 8px;
bsw@633: }
bsw@633: 
bsw@642: 
bsw@671: .member_thumb,
bsw@643: .member_statement,
bsw@643: .draft_content,
bsw@643: .suggestion_content,
bsw@642: .slot_head,
bsw@642: .area_list,
bsw@642: .initiative_head,
bsw@642: .issues .issue,
bsw@642: .ui_tabs_links a,
bsw@645: .ui_filter a,
bsw@642: .draft_content,
bsw@642: .help,
bsw@642: .use_terms,
bsw@642: .motd,
bsw@642: .vote_info .content,
bsw@642: .box,
bsw@642: div.notifications {
bsw@642:   background-color: #fff;
bsw@673:   box-shadow: #ccc 2px 2px 4px;
bsw@673:   -mox-box-shadow: #ccc 2px 2px 4px;
bsw@673:   -webkit-box-shadow: #ccc 2px 2px 4px;
bsw@642: }
bsw@642: 
bsw@642: .slot_head > div:last-child {
bsw@525:   border-radius: 0 0 8px 8px;
bsw@412: }
bsw@412: 
bsw@564: .page_head .title,
bsw@525: .issue .context,
bsw@598: .initiative_head .title,
bsw@598: .area_list .title {
bsw@564:   padding: 8px 10px 2px 10px;
bsw@525: }
bsw@525: 
bsw@640: .issue .title {
bsw@679:   padding: 10px 10px 0px 10px;
bsw@640: }
bsw@640: 
bsw@640: .events .issue .title {
bsw@679:   padding: 10px 10px 15px 10px;
bsw@640: }
bsw@640: 
bsw@619: .page_head .actions,
bsw@525: .page_head .unit_head .content,
bsw@525: .page_head .area_head .content,
bsw@525: .issue .content,
bsw@598: .initiative_head .content,
bsw@619: .area_list .unit_head .content,
bsw@598: .area_list .area .content {
bsw@619:   padding: 10px 10px 0 10px;
bsw@619: }
bsw@619: 
bsw@619: .page_head .actions:last-child,
bsw@619: .page_head .unit_head .content:last-child,
bsw@619: .page_head .area_head .content:last-child,
bsw@619: .issue .content:last-child,
bsw@619: .initiative_head .content:last-child,
bsw@619: .area_list .unit_head .content:last-child,
bsw@619: .area_list .area .content:last-child {
bsw@619:   padding: 10px 10px 10px 10px;
bsw@528: }
bsw@528: 
bsw@528: .page_head .initiative_list,
bsw@528: .issue .initiative_list {
bsw@528:   padding-left: 8px;
bsw@525: }
bsw@525: 
bsw@525: .issue .content.actions {
bsw@528:   margin-bottom: 1ex;
bsw@317: }
bsw@317: 
bsw@626: .area_head {
bsw@626:   overflow: auto;
bsw@626: }
bsw@313: 
bsw@525: 
bsw@564: .page_head .title,
bsw@525: .issue .title,
bsw@598: .initiative_head .title,
bsw@619: .area_list .unit_head .unit_name,
bsw@598: .area_list .area_name {
bsw@525:   font-weight: bold;
bsw@525:   font-size: 120%;
bsw@313: }
bsw@313: 
bsw@528: .page_head .area_head .content,
bsw@528: .page_head .area_head .content a,
bsw@528: .page_head .issue .content.actions,
bsw@528: .page_head .issue .content.actions a,
bsw@528: .issues .issue .content.actions,
bsw@598: .issues .issue .content.actions a,
bsw@598: .area_list .area .content,
bsw@598: .area_list .area .content a {
bsw@619:   color: #000;
bsw@528: }
bsw@525: 
bsw@623: 
bsw@623: .unit_head {
bsw@623:   background-color: #44a;
bsw@695:   background: -webkit-linear-gradient(top, #67d, #23a);
bsw@695:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #67d), color-stop(100%,#23a));
bsw@695:   background: -moz-linear-gradient(#67d, #23a);
bsw@695:   background: -ms-linear-gradient(#67d, #23a);
bsw@695:   background: -o-linear-gradient(#67d, #23a);
bsw@695:   background: linear-gradient(#67d, #23a);
bsw@698:   color: #f0f0f0;
bsw@528: }
bsw@623: 
bsw@623: .unit_head:last-child {
bsw@623:   border-radius: 0 0 8px 8px;
bsw@623: }
bsw@623: 
bsw@623: .area_head:last-child {
bsw@623:   border-radius: 0 0 8px 8px;
bsw@619: }
bsw@619: 
bsw@623: .unit_head .content, .unit_head a {
bsw@699:   color: #f7f7f7;
bsw@623: }
bsw@623: .area_head,
bsw@623: .area_list .area_head {
bsw@623:   background-color: #abf;
bsw@650:   background: -webkit-linear-gradient(top, #cdf, #abe);
bsw@650:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cdf), color-stop(100%,#abe));
bsw@650:   background: -moz-linear-gradient(#cdf, #abe);
bsw@650:   background: -ms-linear-gradient(#cdf, #abe);
bsw@650:   background: -o-linear-gradient(#cdf, #abe);
bsw@650:   background: linear-gradient(#cdf, #abe);
bsw@619: }
bsw@619: 
bsw@623: .area_list .area > .content,
bsw@619: .issue {
bsw@623:   background-color: #e0e9ff;
bsw@650:   background: -webkit-linear-gradient(top, #f7faff, #e0e9ff);
bsw@650:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7faff), color-stop(100%,#e0e9ff));
bsw@650:   background: -moz-linear-gradient(#f7faff, #e0e9ff);
bsw@650:   background: -ms-linear-gradient(#f7faff, #e0e9ff);
bsw@650:   background: -o-linear-gradient(#f7faff, #e0e9ff);
bsw@650:   background: linear-gradient(#f7faff, #e0e9ff);
bsw@619: }
bsw@623: 
bsw@678: .unit_link, .area_link {
bsw@678:   padding: 2px 5px;
bsw@678:   border-radius: 5px;
bsw@696:   line-height: 170%;
bsw@678: }
bsw@678: 
bsw@678: .unit_link {
bsw@678:   background-color: #44a;
bsw@678:   color: #fff;
bsw@678: }
bsw@678: 
bsw@678: .area_link {
bsw@678:   background-color: #abf;
bsw@678:   color: #000;
bsw@678: }
bsw@678: 
bsw@525: .delegation_info {
bsw@525:   float: right;
bsw@525:   text-decoration: none;
bsw@525:   padding: 5px;
bsw@525:   border-radius: 0px 5px 0px 5px;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@525: .delegation_arrow {
bsw@525:   vertical-align: middle;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@525: .delegation_info .link {
bsw@525:   text-decoration: underline;
bsw@525:   color: #aaa;
bsw@525: }
bsw@525: 
bsw@525: .delegation_info:hover {
bsw@525:   background-color: #ddd;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@525: .delegation_info .micro_avatar {
bsw@624:   border: none;
bsw@652:   margin: 2px;
bsw@624:   box-shadow: 1px 1px 2px #000;
bsw@280: }
bsw@280: 
bsw@525: .delegation_info .micro_avatar.highlighted {
bsw@652:   margin: 0;
bsw@624:   border: 2px solid #f90;
bsw@277: }
bsw@277: 
bsw@525: 
bsw@280: .member_list .member_image_avatar {
bsw/jbe@0:   float: left;
bsw/jbe@0:   margin-right: 0.5em;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@274: .micro_avatar {
bsw@503:   height: 24px;
bsw@274:   border-radius: 4px;
bsw@280:   vertical-align: middle;
bsw@274: }
bsw@274: 
bsw/jbe@4: .logo { 
bsw/jbe@4:   float: right;
bsw@431:   margin-right: 1%;
bsw/jbe@0: }
bsw/jbe@0: 
poelzi@127: 
bsw@286: .member_image_photo {
bsw@286:   border-radius: 8px;
bsw@286: }
poelzi@127: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * Main content
bsw/jbe@0:  */
bsw/jbe@0: 
bsw/jbe@0: .main {
bsw@373:   margin-left: 1%;
bsw@373:   margin-right: 1%;
bsw/jbe@0: }
bsw/jbe@0: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@0:  * ui.tab
bsw/jbe@0:  */
bsw@642: .ui_tabs_links {
bsw@696:   margin: 20px 0px 10px -2px;
bsw@673:   line-height: 300%;
bsw@564: }
bsw/jbe@0: 
bsw/jbe@0: .ui_tabs_links a {
bsw@680:   padding: 1.25ex 1em;
bsw@619:   background-color: #444;
bsw@674:   background: -webkit-linear-gradient(top, #777, #000);
bsw@674:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100%,#000));
bsw@674:   background: -moz-linear-gradient(#777, #000);
bsw@674:   background: -ms-linear-gradient(#777, #000);
bsw@674:   background: -o-linear-gradient(#777, #000);
bsw@674:   background: linear-gradient(#777, #000);
bsw@619:   color: #fff;
bsw/jbe@4:   white-space: nowrap;
bsw@642:   border-radius: 8px;
bsw@271:   font-weight: bold;
bsw@696:   margin: 2px;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@623: .ui_tabs_links a:hover,
bsw@623: .ui_tabs_links a.selected {
bsw@633:   margin: 0;
bsw@696:   border: 2px solid #f90;
bsw@696:   box-shadow: 0px 0px 3px 1px #f90;
bsw@622: }
bsw@622: 
bsw/jbe@0: .ui_tabs_links a.selected {
bsw/jbe@0:   text-decoration: none;
bsw/jbe@0: }
bsw/jbe@0: 
poelzi@151: 
bsw/jbe@0: /*************************************************************************
bsw/jbe@19:  * ui.filters
bsw/jbe@0:  */
bsw/jbe@0: 
bsw@275: .ui_filter {
bsw@529:   overflow: auto;
bsw@673:   margin-top: 20px;
bsw@275: }
bsw@275: 
bsw@275: .ui_filter_head {
bsw@373:   color: #777;
bsw@373:   line-height: 200%;
bsw@673:   padding-bottom: 8px;
bsw@673:   margin-bottom: 6px;
bsw@673:   border-bottom: 1px solid #888;
bsw@673: }
bsw@673: 
bsw@673: .ui_filter_head:last-child {
bsw@673:   border-bottom: none;
bsw@2: }
bsw@2: 
bsw@619: .ui_filter a {
bsw@619:   font-weight: bold;
bsw@673:   margin-right: 0;
bsw@644:   background-color: #fff;
bsw@644:   padding: 0.5ex 0.5em;
bsw@673:   border-radius: 5px;
bsw@644:   border: 1px solid #bbb;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@619: 
bsw/jbe@19: .ui_filter_head a.active {
bsw@674:   border: 1px solid #666;
bsw@619:   text-decoration: none;
bsw@673:   background-color: #444;
bsw@674:   background: -webkit-linear-gradient(top, #666, #222);
bsw@673:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #666), color-stop(100%,#222));
bsw@674:   background: -moz-linear-gradient(#666, #222);
bsw@674:   background: -ms-linear-gradient(#666, #222);
bsw@674:   background: -o-linear-gradient(#666, #222);
bsw@674:   background: linear-gradient(#666, #222);
bsw/jbe@0:   color: #fff;
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@275:   display: none;
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@275:   padding: 0.5em;
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@500: .bargraph .quorum {
bsw@500:   margin-top: 0.2ex;
bsw@500:   height: 1.9ex;
bsw@500: }
bsw@500: 
bsw/jbe@0: /*************************************************************************
bsw@558:  * notifications
bsw@558:  */
bsw@558: 
bsw@569: div.notifications {
bsw@681:   margin-top: 20px;
bsw@625:   background-color: #fda;
bsw@650:   background: -webkit-linear-gradient(top, #fec, #fc9);
bsw@650:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fec), color-stop(100%,#fc9));
bsw@650:   background: -moz-linear-gradient(#fec, #fc9);
bsw@650:   background: -ms-linear-gradient(#fec, #fc9);
bsw@650:   background: -o-linear-gradient(#fec, #fc9);
bsw@650:   background: linear-gradient(#fec, #fc9);
bsw@561:   padding: 0.5ex;
bsw@650:   border: 1px solid #fc0;
bsw@558: }
bsw@558: 
bsw@558: .notifications ul {
bsw@558:   margin: 0;
bsw@569:   padding: 0;
bsw@558:   margin-left: 2em;
bsw@558: }
bsw@558:   
bsw@558: .notifications li {
bsw@569:   margin: 0;
bsw@569:   padding: 0;
bsw@558:   margin-top: 0.5ex;
bsw@558: }
bsw@558: 
bsw@558: /*************************************************************************
bsw/jbe@0:  * vertical ui.form
bsw/jbe@0:  */
bsw/jbe@0: 
bsw@371: .vertical {
bsw@371:   margin-top: 2ex;
bsw@371: }
bsw@371: 
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@435:   width: 69%;
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@435: 
bsw@435: 
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@673:   line-height: 180%;
bsw/jbe@0:   font-weight: bold;
bsw/jbe@0:   color: #777;
bsw@435:   width: 29%;
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@440:   margin-left: 29%;
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@435: @media screen and (max-width: 480px) {
bsw@435:   .login input[type=text],
bsw@435:   .vertical input[type=text],
bsw@435:   .login input[type=password],
bsw@435:   .vertical input[type=password],
bsw@435:   .vertical textarea,
bsw@435:   .vertical select,
bsw@435:   .vertical input[type=submit],
bsw@435:   .login input[type=submit] {
bsw@435:     width: 98%;
bsw@435:   }
bsw@435:   .login .ui_field_label,
bsw@435:   .vertical .ui_field_label {
bsw@435:     text-align: left;
bsw@435:     width: 98%;
bsw@435:   }
bsw@435:   .login input[type=text],
bsw@435:   .login input[type=password] {
bsw@435:     width: 98%;
bsw@435:   }
bsw@435:   .login input[type=submit],
bsw@435:   .vertical input[type=submit] {
bsw@435:     margin-left: 0;
bsw@435:   }
bsw@435: }
bsw@435: 
bsw@435: 
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@373: /*************************************************************************
bsw@462:  * Unit list
bsw@462:  */
bsw@462: 
bsw@462: .unit_list a {
bsw@462:   font-weight: bold;
bsw@462: }
bsw@462: 
bsw@462: /*************************************************************************
bsw@373:  * Area list
bsw@373:  */
bsw@619: .area_list {
bsw@697:   border: 1px solid #444;
bsw@623:   border-radius: 10px;
bsw@619:   margin-top: 2ex;
bsw@382: }
bsw@382: 
bsw@373: .area_list .area {
bsw@697:   border-top: 1px solid #444;
bsw@623: }
bsw@623: 
bsw@623: .area_list .area:first-child {
bsw@623:   border-top: none;
bsw@619: }
bsw@619: 
bsw@619: .area_list .unit_head {
bsw@619:   border-radius: 8px 8px 0 0;
bsw@373: }
bsw@373: 
bsw@623: .area_list .unit_head:last-child {
bsw@623:   border-radius: 8px;
bsw@623: }
bsw@623: 
bsw@623: .area_list .area:last-child .content:last-child{
bsw@619:   border-radius: 0 0 8px 8px;
bsw@619: }
bsw@619: 
bsw@623: .area_list .area:first-child .area_head {
bsw@619:   border-radius: 8px 8px 0 0;
bsw@619: }
bsw@373: 
bsw@375: 
bsw/jbe@0: /*************************************************************************
bsw@414:  * Events
bsw@414:  */
bsw@414: 
bsw@414: .events .date {
bsw@414:   font-size: 150%;
bsw@414:   font-weight: bold;
bsw@414:   margin-top: 2ex;
bsw@414:   line-height: 150%;
bsw@414: }
bsw@414: 
bsw@414: .event_list .event div {
bsw@414: }
bsw@414: 
bsw@414: .event_list .event .member_id {
bsw@414:   float: right;
bsw@414: }
bsw@414: 
bsw@414: 
bsw@414: /*************************************************************************
bsw/jbe@0:  * Issues
bsw/jbe@0:  */
bsw/jbe@0: 
bsw@320: .issues {
bsw@320:   clear: left;
bsw@529:   margin-top: 2ex;
bsw@320: }
bsw@320: 
bsw@273: .issues .issue {
bsw@273:   overflow: hidden;
bsw@696:   border: 1px solid #777;
bsw@273:   border-radius: 8px;
bsw@685:   margin-bottom: 4ex;
bsw@273: }
bsw@273: 
bsw@525: .issue.interested,
bsw@525: .issue.interest_by_delegation {
bsw@331:   border: 1px solid #b2cdff;
bsw@325: }
bsw@325: 
bsw@525: .issue .suggestion {
bsw@414:   margin-left: 1ex;
bsw@414:   margin-bottom: 1ex;
bsw@414:   font-weight: bold;
bsw@414: }
bsw@414: 
bsw@676: .event_info {
bsw@696:   margin-top: 8px;
bsw@686:   clear: left;
bsw@676:   float: left;
bsw@686:   line-height: 125%;
bsw@696:   width: 240px;
bsw@674:   display: inline;
bsw@696:   padding: 5px 8px;
bsw@686:   background-color: #444;
bsw@689:   background: -webkit-linear-gradient(top, #888, #222);
bsw@686:   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #888), color-stop(100%,#222));
bsw@689:   background: -moz-linear-gradient(#888, #222);
bsw@689:   background: -ms-linear-gradient(#888, #222);
bsw@689:   background: -o-linear-gradient(#888, #222);
bsw@689:   background: linear-gradient(#888, #222);
bsw@696:   color: #fff;
bsw@696:   font-style: italic;
bsw@686:   border-radius: 8px 0 0 8px;
bsw@674: }
bsw@674: 
bsw@686: .event_info a {
bsw@686:   color: #fff;
bsw@676: }
bsw@676: 
bsw@676: .events .issue {
bsw@686:   min-height: 15ex;
bsw@696:   border: 1px solid #777;
bsw@286: }
bsw@286: 
bsw@676: .event_info .event_name,
bsw@414: .issue_policy_info .event_name {
bsw@414:   font-weight: bold;
bsw@414: }
bsw@414: 
bsw@696: @media screen and (max-width: 720px) {
bsw@696:   .event_info {
bsw@696:     width: auto;
bsw@696:     margin-left: 8px;
bsw@696:     margin-right: 8px;
bsw@696:     border-radius: 8px 8px 0 0;
bsw@696:   }
bsw@696:   .events .issue {
bsw@696:     clear: left;
bsw@696:     
bsw@696:   }
bsw@696: }
bsw@696: 
bsw@696: @media screen and (max-width: 480px) {
bsw@696:   .events .initiative .name {
bsw@696:     clear: left;
bsw@696:     margin-left: 0px;
bsw@696:   }
bsw@696: }
bsw@696: 
bsw@696: 
bsw@696: 
bsw@414: .issue_policy_info img {
bsw@414:   vertical-align: middle;
bsw@414: }
bsw@414: 
bsw@525: .issue .interest_by_delegation {
bsw@285:   float: right;
bsw@285: }
bsw@285: 
bsw@525: .issue .initiative_list a.highlighted {
bsw@273:   font-weight: bold;
bsw@273: }
bsw@273: 
bsw@373: .initiative {
bsw@373:   margin-left: 1ex;
bsw@373:   margin-bottom: 1ex;
bsw@373:   line-height: 50%;
bsw@373: }
bsw@373: 
bsw@373: .initiative .bar {
bsw@373:   margin-right: 0.3em;
bsw@373: }
bsw@373: 
bsw@373: .initiative .rank,
bsw@373: .initiative .bar,
bsw@373: .initiative .interest {
bsw@373:   float: left; 
bsw@373:   margin-right: 0.3em;
bsw@373: }
bsw@373: 
bsw@506: .initiative .rank {
bsw@506:   width: 2.5em;
bsw@506: }
bsw@506: 
bsw@506: 
bsw@373: .initiative .interest {
bsw@506:   width: 20px;
bsw@373:   height: 16px;
bsw@373:   line-height: 100%;
bsw@373: }
bsw@373: 
bsw@373: .initiative .name {
bsw@373:   line-height: 130%;
bsw@373:   margin-left: 160px;
bsw@373: }
bsw@373: 
bsw@373: @media screen and (max-width: 480px) {
bsw@373:   .initiative .name {
bsw@373:     clear: left;
bsw@373:     margin-left: 0px;
bsw@373:   }
bsw@373: }
bsw@373: 
bsw@373: 
bsw@273: .issue_initiative_list a {
bsw@273:   font-weight: bold;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@274: .more_initiatives_link {
bsw@331:   display: block;
bsw@280:   margin-left: 166px;
bsw@274:   font-style: italic;
bsw@331:   margin-bottom: 1ex;
bsw@274: }
bsw@274: 
bsw@525: .issue tr tr {
bsw@2:   border: none;
bsw@273:   background: none;
bsw/jbe@0: }
bsw/jbe@0: 
bsw@274: .initiative_link.selected {
bsw@274:   font-weight: bold;
bsw@274: }
bsw@274: 
bsw@312: x.initiative_link.supported {
bsw@292:   background-color: #cdf;
bsw@289:   border-radius: 5px;
bsw@289: }
bsw@289: 
bsw@312: x.initiative_link.potentially_supported {
bsw@292:   background-color: #cdf;
bsw@274:   border-radius: 5px;
bsw@274: }
bsw@274: 
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@671:   margin-right: 10px;
bsw@671:   margin-bottom: 10px;
bsw@2: }
bsw@2: 
bsw@2: .member_thumb {
bsw@2:   text-decoration: none;
bsw@671:   width: 205px;
bsw/jbe@4:   height: 48px;
bsw@2:   display: block;
bsw@2:   float: left;
bsw@317:   background-color: #f2f2f2;
bsw/jbe@4:   overflow: hidden;
bsw/jbe@4:   position: relative;
bsw@671:   border-radius: 8px;
bsw@280:   padding: 2px;
bsw@671:   border: 1px solid #aaa;
bsw/jbe@4: }
bsw/jbe@4: 
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@280:   border-radius: 7px;
bsw@2: }
bsw@2: 
bsw@3: .member_thumb .member_name {
bsw/jbe@4:   position: absolute;
bsw@280:   left: 56px;
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@529:   float: right;
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@177: .member_thumb .flags .in_delegation_chain {
bsw@177:   font-weight: bold;
bsw@177: }
bsw@177: 
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@671:   border: 1px solid #ccc;
bsw@671:   color: #777;
bsw@294: }
bsw@294: 
bsw@294: .member_thumb.not_accepted .member_image,
bsw@294: .member_thumb.not_accepted .member_name,
bsw@294: .member_thumb.not_informed .member_image,
bsw@294: .member_thumb.not_informed .member_name {
bsw@294:   opacity: 0.4;
bsw@10: }
bsw@10: 
bsw@177: .member_thumb.in_delegation_chain {
bsw@671:   background-color: #fda;
bsw@177: }
bsw@177: 
bsw@2: 
bsw@286: .member_statement {
bsw@286:   margin-right: 250px;
bsw@286: }
poelzi@141: 
poelzi@141: #suggestion_description {
bsw@181:   height: 15ex;
poelzi@141: }
poelzi@141: 
bsw@2: .diff {
bsw@317:   background-color: #f2f2f2;
bsw@2:   border: 1px solid #ccc;
bsw@2:   padding: 1ex;
bsw@2: }
bsw@2: 
bsw@95: .diff_added {
bsw@2:   background-color: #cfc;
bsw@95:   text-decoration: underline;
bsw@2: }
bsw@2: 
bsw@95: .diff_removed {
bsw@2:   background-color: #fcc;
bsw@95:   text-decoration: line-through;
bsw@2: }
bsw@2: 
bsw/jbe@19: .admitted_info {
bsw@646:   background-color: #afc;
bsw/jbe@19:   padding: 1ex;
bsw@646:   border-radius: 0 0 8px 8px;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .not_admitted_info,
bsw/jbe@19: .revoked_info {
bsw@646:   background-color: #fbb;
bsw/jbe@19:   padding: 1ex;
bsw@312:   border-radius: 8px;
bsw@646:   border-radius: 0 0 8px 8px;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@6: .draft_updated_info,
bsw@11: .initiator_invite_info,
bsw@60: .motd,
bsw@60: .public_access_issue_head {
bsw@642:   background-color: #fda;
bsw@2:   padding: 1ex;
bsw@525:   margin-top: 1ex;
bsw/jbe@19:   margin-bottom: 2ex;
bsw@642:   border: 1px solid #fa0;
bsw@642:   border-radius: 10px;
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@301:   border-radius: 8px;
bsw@330:   border: 1px solid #ffe900;
bsw@317:   background-color: #fffbce;
bsw/jbe@4:   color: #000;
bsw/jbe@4:   padding: 1ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .help_visible {
bsw@329:   margin-top: 2ex;
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@587:   float: left;
bsw@277:   margin-top: 1ex;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .help_actions {
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@329:   line-height: 133%;
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@329:   font-weight: bold;
bsw/jbe@4: }
bsw/jbe@4: 
bsw/jbe@4: .wiki h2 {
bsw/jbe@4:   font-size: 125%;
bsw@329:   font-weight: bold;
bsw@329: }
bsw@329: 
bsw@329: .wiki h3 {
bsw@329:   font-size: 125%;
bsw@329: }
bsw@329: 
bsw@329: .wiki h4 {
bsw@329:   font-size: 100%;
bsw@329:   font-weight: bold;
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@274:   display: block;
bsw/jbe@19:   font-size: 120%;
bsw/jbe@19:   font-weight: bold;
bsw/jbe@19: }
bsw/jbe@19: 
bsw/jbe@19: .heading.first {
bsw/jbe@19:   margin-top: 0;
bsw/jbe@19: }
bsw/jbe@19: 
bsw@75: .menu_list li {
bsw@75:   padding-top: 1ex;
bsw@75:   padding-bottom: 1ex;
bsw@75: }
bsw@75: 
bsw@75: .deactivated_member_info {
bsw@75:   background-color: #a00;
bsw@75:   color: #fff;
bsw@75: }
bsw@75: 
bsw/jbe@5: /*************************************************************************
bsw/jbe@5:  * Voting
bsw/jbe@5:  */
bsw/jbe@5: 
bsw@286: #voting_form {
bsw@286:   margin-top: 20px;
bsw@286: }
bsw@286: 
bsw/jbe@5: #voting {
bsw/jbe@5:   position: relative;
bsw/jbe@5: }
bsw@286: 
bsw/jbe@5: #voting .approval, .abstention, .disapproval {
bsw/jbe@5:   border: 2px black solid;
bsw@286:   margin-top:   2ex;
bsw/jbe@5:   margin-bottom: 5ex;
bsw/jbe@5:   padding: 1ex;
bsw/jbe@5:   padding-bottom: 2ex;
bsw@286:   border-radius: 8px;
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@317:   background-color: #f2f2f2;
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@286:   margin-top: 1ex;
bsw/jbe@5:   padding: 0.5ex;
bsw@286:   border-radius: 8px;
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@525: #voting .movable {
bsw/jbe@6:   vertical-align: middle;
bsw/jbe@6:   cursor: move;
bsw/jbe@19: }
bsw/jbe@19: 
bsw@325: /* shadows */
bsw@325: 
bsw@643: .member_statement,
bsw@643: .draft_content,
bsw@643: .suggestion_content,
bsw@525: .initiative_head,
bsw@561: .box,
bsw@561: div.notifications {
bsw@569:   border-radius: 8px;
bsw@569: }
bsw@569: 
bsw@643: .member_statement,
bsw@643: .draft_content,
bsw@643: .suggestion_content,
bsw@569: .initiative_head,
bsw@569: .box {
bsw@418:   border: 1px solid #aaa;
bsw@525: }
bsw@525: 
bsw@643: .member_statement,
bsw@643: .draft_content,
bsw@643: .suggestion_content,
bsw@525: .box {
bsw@418:   padding: 1ex;
bsw@418: }
bsw@418: 
bsw@433: .slot_footer {
bsw@433:   margin: 0 1%;
bsw@433:   border-top: 1px solid #ccc;
bsw@433:   padding: 1ex;
bsw@433:   text-align: center;
bsw@433: }
bsw@433: .slot_footer,
bsw@433: .slot_footer a {
bsw@433:   color: #666;
bsw@433: }
bsw@418: 
bsw@433: .footer {
bsw@433:   margin: 0 auto;
bsw@433:   max-width: 1130px;
bsw@435: }