Added: branches/elico/app/views/layouts/_elico.rhtml (0 => 2731)
--- branches/elico/app/views/layouts/_elico.rhtml (rev 0)
+++ branches/elico/app/views/layouts/_elico.rhtml 2011-10-21 10:17:27 UTC (rev 2731)
@@ -0,0 +1,126 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+ <head>
+ <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+ <%= t :site => "#{Conf.sitename} - #{controller_visible_name(controller.controller_name.humanize)}", :separator => "-" %>
+ <link rel="shortcut icon" href="" type="image/x-icon"/>
+ <%= stylesheet_link_tag 'reset-fonts-grids' %>
+ <%= stylesheet_link_tag 'base-min' %>
+ <%= stylesheet_link_tag 'acts_as_taggable_stylesheet' %>
+ <%= stylesheet_link_tag 'star_rating' %>
+ <%= stylesheet_link_tag 'elico' %>
+ <%= stylesheet_link_tag 'gadgets' %>
+
+ <% if ["workflows", "users"].include?(controller.controller_name.downcase) and ["comments_timeline", "timeline"].include?(controller.action_name.downcase) -%>
+ <script src="" type="text/_javascript_"></script>
+ <% end -%>
+
+ <%= _javascript__include_tag :defaults %>
+ <%= _javascript__include_tag "boxover.js" %>
+
+ <%= render :partial => "layouts/feed_link_tags" %>
+ </head>
+ <body>
+
+ <div id="header" align="center" style="color: white; line-height: 80px">
+ <div id="page_content">
+ <div style="float: left; height: 80px">
+ <img src="" style="vertical-align: middle; width: 60px; height: 60px"></img>
+ <span style="font-size: 220%; font-weight: bold">Data Mining Portal</span>
+ </div>
+ <div style="float: right">
+ <span style="font-size: 120%">e-Laboratory for Interdisciplinary Collaborative Data Mining</span>
+ </div>
+ </div>
+ </div>
+ <div id="header_menu" align="center">
+ <div id="page_content">
+ <div style="text-align: left; float: left;">
+ <span><%= link_to "About", "http://www.e-lico.eu/?q=node/4", :target => '_blank' %></span>
+ <span><%= link_to "Mailing List", "http://lists.e-lico.eu/mailman/listinfo/dm-myexperiment", :target => '_blank' %></span>
+ <span><%= link_to "Publications", "http://www.e-lico.eu/?q=publications", :target => '_blank' %></span>
+ </div>
+ <div style="text-align: right; float: right;">
+ <% if logged_in? -%>
+ <span><%= link_to("Logout", session_path, { :method => :delete }) -%></span>
+ <% else -%>
+ <span><%= link_to("Log in", new_session_path) -%></span>
+ <span><%= link_to("Register", new_user_path) -%></span>
+ <% end %>
+ <span><%= link_to("Give feedback", "/feedback") -%></span>
+ <span><%= link_to("Invite", invite_users_path) -%></span>
+ </div>
+ </div>
+ </div>
+ <div id="main_part" align="center">
+ <br />
+ <div id="doc2" class="yui-t4">
+ <div id="hd">
+
+ <div>
+ <ul class="tabnav">
+ <% Conf.main_tabs.each do |tab| %>
+ <li <%= (tab['controller'] && controller.controller_name.match(tab['controller'])) ? 'id="selected_tabnav"' : '' %>>
+ <%= link_to(tab['label'], tab['link']) -%>
+ </li>
+ <% end %>
+ </ul>
+ </div>
+ <div id="myexp_searchbar"><%= render :partial => "layouts/search" %></div>
+ </div>
+ <div id="bd">
+ <div id="yui-main">
+ <div class="yui-b">
+ <div id="myexp_breadcrumbs_bar">
+ <%= render :partial => "layouts/breadcrumbs_bar" %>
+ </div>
+ <div id="myexp_content">
+ <% if flash[:error] %>
+ <div id="error_flash" class="box_standout" style="color: red; font-weight: bold; margin-bottom: 1.5em; line-height: 1.4;">
+ <%= link_to_function image_tag("close.gif", :style => "float: right;"),
+ visual_effect(:toggle_slide, "error_flash", :duration => 0.3) %>
+ <%= white_list flash[:error] %>
+ </div>
+ <% end %>
+ <% if flash[:notice] %>
+ <div id="notice_flash" class="box_standout" style="color: green; font-weight: bold; margin-bottom: 1.5em; line-height: 1.4;">
+ <%= link_to_function image_tag("close.gif", :style => "float: right;"),
+ visual_effect(:toggle_slide, "notice_flash", :duration => 0.3) %>
+ <%= white_list flash[:notice] %>
+ </div>
+ <% end %>
+
+ <%= render :partial => "subnav" %>
+
+ <%= yield :layout %>
+ </div>
+ </div>
+ </div>
+ <div id="myexp_sidebar" class="yui-b">
+ <%= render :partial => "layouts/sidebar" %>
+ </div>
+ </div>
+ </div>
+ </div>
+ <div id="post_main_part" align="center"></div>
+ <div id="footer_part" align="center">
+
+ <div id="page_content">
+ <% cache(:controller => 'global_cache', :action ="" 'footer') do -%>
+ <div id="ft">
+ <%= render :partial => "layouts/footer" %>
+ </div>
+ <% end -%>
+
+ <%= render :partial => "layouts/debug" if Conf.show_debug %>
+ </div>
+ </div>
+
+ <%= _javascript__include_tag "tabs.js" %>
+ <%= _javascript__include_tag "folds.js" %>
+
+ <%= render :partial => "layouts/web_analytics" if Conf.google_web_analytics["enable"] %>
+ </body>
+</html>
Added: branches/elico/public/stylesheets/elico.css (0 => 2731)
--- branches/elico/public/stylesheets/elico.css (rev 0)
+++ branches/elico/public/stylesheets/elico.css 2011-10-21 10:17:27 UTC (rev 2731)
@@ -0,0 +1,2279 @@
+/*
+ This stylesheet relies on base stylesheets from the
+ Yahoo UI library (http://developer.yahoo.com/yui/),
+ licensed under the BSD License
+
+ Note that for font-size, only use %ages according to:
+ http://developer.yahoo.com/yui/fonts/#fontsize
+*/
+
+#header {
+ background: url('/images/elico_back1.png') repeat-x center;
+ width: 100%;
+ height: 80px;
+}
+
+#header > #page_content > DIV > * {
+ vertical-align: middle;
+}
+
+#header_menu {
+ background: #2c3966 url('/images/elico_back2.png') repeat-y center;
+ width: 100%;
+ height: 32px;
+}
+
+#header_menu A {
+ color: white;
+}
+
+#header_menu #page_content > DIV > * {
+ vertical-align: middle;
+}
+
+#header_menu #page_content > DIV {
+ height: 32px;
+ line-height: 32px;
+ padding: 0;
+}
+
+#header_menu #page_content > DIV > SPAN {
+ font-weight: bold;
+ margin-left: 8px;
+ margin-right: 8px;
+}
+
+#header_menu SPAN.icon A > * {
+ vertical-align: middle;
+}
+
+#page_content {
+ width: 73.07em;
+}
+
+#main_part {
+ background: #cfd5dd url('/images/elico_back3.png') repeat-y center;
+ width: 100%;
+}
+
+#post_main_part {
+ background: #cfd5dd url('/images/elico_back4.png') repeat-y center;
+ width: 100%;
+}
+
+#footer_part {
+ background: #cfd5dd;
+}
+
+body {
+ /* Only need to define one font here because the
+ YUI Fonts CSS provides a degradation path
+ (see: http://developer.yahoo.com/yui/fonts/) */
+ font-family: arial;
+ /*background-color: #FFFFFF;*/
+
+ line-height: 1.0;
+ background: #cfd5dd;
+}
+
+p {
+ font-family: arial;
+ padding: 0.3em 0;
+ line-height: 1.4;
+ text-align: left;
+ margin-bottom: 0em;
+}
+
+hr {
+ margin: 1em 0;
+}
+
+h1,h2,h3,h4,h5,h6 {
+ font-family: arial;
+ line-height: 1.0;
+ color: #333333;
+}
+
+h1 {
+ text-align: center;
+ font-size: 123.1%;
+ color: #000033;
+ margin: 1em 0;
+ line-height: 1.4;
+}
+
+h2 {
+ background-image: url('/images/header-bg.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #EEEEEE;
+ padding: 0.5em 0.6em;
+ border: 1px solid #CCCCCC;
+ font-size: 100%;
+}
+
+h3 {
+ background-color: transparent;
+ font-size: 108%;
+ font-weight: bold;
+ border: none;
+ padding: 0 0 0.3em 0;
+ margin: 1em 0 0.8em 0;
+ border-bottom: 1px dotted #999999;
+}
+
+h4 {
+ background-color: transparent;
+ font-size: 108%;
+ font-weight: bold;
+ border: none;
+ padding: 0.3em 0;
+ margin-top: 0;
+ margin-bottom: 0.6em;
+}
+
+table {
+ margin: 0;
+ border-collapse: separate;
+}
+
+th,td {
+ text-align: center;
+ border: none;
+ /*border: 1px solid #CCCCCC;*/
+}
+
+pre {
+ background-color: #EEEEEE;
+ padding: 1em;
+ font-size: 85%;
+}
+
+a {
+ color: #000099;
+ text-decoration: none;
+}
+
+a:hover {
+ color: red;
+ text-decoration: underline;
+}
+
+small {
+ line-height: 1.3;
+}
+
+fieldset {
+ border: 1px solid #CCCCCC;
+ padding: 0 1em 1em 1em;
+ margin: 1em 0;
+}
+
+legend {
+ font-weight: bold;
+ margin: 0 0.5em 0.5em 0.5em;
+}
+
+li {
+ line-height: 1.4;
+}
+
+.clearer {
+ padding: 0;
+ margin: 0;
+ clear: both;
+}
+
+#doc2 {
+ background-color: #FFFFFF;
+}
+
+#myexp_header {
+ margin: 1em 0.5em 0 0.5em;
+}
+
+#myexp_header .logo {
+ float: left;
+ width: 300px;
+}
+
+#myexp_header .links {
+ float: right;
+ width: 600px;
+ font-size: 93%;
+ color: #999999;
+}
+
+#myexp_searchbar {
+ height: 20px;
+ text-align: center;
+ background-color: #4d597e;
+ padding: 10px 0;
+
+ -moz-border-radius: 22px 22px 0px 0px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-top-right-radius: 6px;
+ border-radius: 22px 22px 0px 0px;
+}
+
+#myexp_searchbar * {
+ vertical-align: middle;
+}
+
+#myexp_content {
+ padding-right: 1em;
+ padding-left: 0.5em;
+ margin-top: 1em;
+ margin-bottom: 3em;
+}
+
+#myexp_sidebar {
+ padding: 0 0.5em 0 0.5em;
+ background-color: #4d597e;
+ border-left: 0px solid #DEDEDE;
+ border-width: 0 0 1px 1px;
+}
+
+/* Begin Footer styles */
+
+#ft {
+ margin: 2em 0;
+ border: 0px dotted #999999;
+ border-width: 1px 0 1px 0;
+ color: #333333;
+ background: white;
+}
+
+#ft .copyright {
+ text-align: center;
+ font-weight: bold;
+ font-size: 93%;
+ padding: 0.5em;
+}
+
+#ft table {
+ width: 100%;
+ border-top: 1px dotted #999999;
+ border-spacing: 0;
+ margin: 0;
+}
+
+#ft td {
+ padding: 0.8em 2em;
+ vertical-align: top;
+}
+
+#ft table p {
+ padding: 0.3em 0;
+ line-height: 1;
+}
+
+#ft .left {
+ width: 251px;
+ text-align: left;
+ font-size: 93%;
+}
+
+#ft .middle {
+ width: 251px;
+ text-align: left;
+ font-size: 93%;
+ border-left: 1px dotted #999999;
+}
+
+#ft .right {
+ width: 194px;
+ text-align: center;
+ font-size: 77%;
+ border-left: 1px dotted #999999;
+}
+
+#ft .right p {
+ text-align: center;
+}
+
+/* End Footer styles */
+
+#tag_clouds {
+ text-align: center;
+}
+
+#openid_url {
+ background: url(/images/openid.gif) no-repeat;
+ background-color: #FFFFFF;
+ padding-left: 16px;
+}
+
+#hlist {
+ width: 100%;
+ margin: 0;
+ padding-left: 1em;
+}
+
+#hlist ul {
+ margin: 0;
+}
+
+#hlist li {
+ list-style: none;
+ margin: 0.2em;
+ display: -moz-inline-box; /* firefox pre v3 */
+ display: inline-block;
+ vertical-align: top;
+ margin-left: 0.5em;
+}
+
+#hlist li {
+ #display: inline; /* ie7 */
+ _display: inline; /* ie4 ie5 ie6 */
+}
+
+.framed {
+ border: 1px solid #CCCCCC;
+ padding: 3px;
+ background-color: #FFFFFF;
+}
+
+.framed_nospace {
+ border: 1px solid #CCCCCC;
+}
+
+/* begin css tabs nav */
+.tabnav {
+ text-align: center;
+ font-weight: bolder;
+ font-size: 108%;
+ padding: 3px 0;
+ *padding: 5px 0;
+ margin: 0;
+}
+
+.tabnav li {
+ list-style: none;
+ margin: 0;
+ display: inline;
+}
+
+.tabnav li a {
+ padding: 4px 12px;
+ margin-left: 3px;
+ border-top: 1px solid #BBBBBB;
+ border-left: 1px solid #BBBBBB;
+ border-right: 1px solid #BBBBBB;
+ border-bottom: 1px solid transparent;
+ text-decoration: none;
+ background-image: url('/images/tab-bg.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #EDEDED;
+}
+
+.tabnav li a:link {
+ color: #333333;
+}
+
+.tabnav li a:visited {
+ color: #333333;
+}
+
+.tabnav li a:hover {
+ color: #FFFFFF;
+ background: #4d597e;
+}
+
+.tabnav li#selected_tabnav a {
+ background-color: #4d597e;
+ background-image: none;
+ color: #FFFFFF;
+}
+
+/* end css tabs nav */
+
+/* begin css breadcrumbs */
+#myexp_breadcrumbs_bar {
+ font-weight: bold !important;
+ font-size: 85%;
+ text-decoration: none;
+ padding: 0.4em 0.5em;
+ *padding: 0.2em 0.5em;
+ background-color: #EEEEEE;
+ border: 0px solid #DEDEDE;
+ border-width: 1px 1px 1px 1px;
+ *margin-left: 1px;
+ color: #666666;
+}
+
+#myexp_breadcrumbs_bar table {
+ width: 100%;
+ padding: 0;
+ margin: 0;
+}
+
+#myexp_breadcrumbs_bar td {
+ text-align: left;
+ margin: 0;
+ padding: 0;
+ vertical-align: middle;
+}
+
+#myexp_breadcrumbs_bar td * {
+ vertical-align: middle;
+}
+
+ul.breadcrumb_list {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+ border: none;
+ vertical-align: middle;
+}
+
+ul.breadcrumb_list li {
+ display: inline;
+}
+
+ul.breadcrumb_list li * {
+ vertical-align: middle;
+}
+
+ul.breadcrumb_list a {
+ color: #000033;
+}
+
+ul.breadcrumb_list a:hover {
+ color: red;
+}
+
+/* end css breadcrumbs */
+
+/* begin css tooltips/boxovers */
+
+.boxoverTooltipHeader {
+ display: none;
+ border: 0;
+ height: 0;
+}
+
+.boxoverTooltipBody {
+ border: solid 1px Gray;
+ color: #000000;
+ background-color: #FFFF66;
+ font-size: 93%;
+ font-weight: normal;
+ padding: 0.2em 0.6em;
+ max-width: 500px;
+ text-align: left;
+ line-height: 1.4em;
+}
+
+.boxoverInfoHeader {
+ display: none;
+ border: 0;
+ height: 0;
+}
+
+.boxoverInfoBody {
+ border: solid 1px Gray;
+ color: #333333;
+ padding: 0.4em;
+ background-color: #ebf3ff;
+ font-size: 93%;
+ text-align: left;
+ max-width: 400px;
+ line-height: 1.4em;
+}
+
+/* end css tooltips/boxovers */
+
+/* begin home styles */
+
+#home_container {
+}
+
+#home_container .stats {
+ background-color: #FFFFCC;
+ margin: 0;
+ margin-bottom: 1em;
+ padding: 0.6em 1.2em;
+ border: 1px solid #EED799;
+ font-weight: bold;
+ font-size: 100%;
+ color: #333333;
+ text-align: center;
+}
+
+#home_container .left {
+ float: left;
+ width: 28%;
+}
+
+#home_container .right {
+ float: right;
+ width: 70%;
+}
+
+#home_container .box {
+ margin-bottom: 1em;
+ overflow: hidden;
+}
+
+#home_container .box p {
+ padding: 0.2em 0;
+}
+
+#home_container .box .title {
+ font-size: 100%;
+ line-height: 1.0;
+ font-weight: bold;
+ color: #222222;
+ padding: 0.1em 1em 0.4em 1em;
+ text-align: center;
+ background-image: url('/images/header-bg2.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #CFDFEF;
+ border: #CCCCCC 0px solid;
+ border-width: 0 1px 1px 1px;
+}
+
+#home_container .box .content {
+ padding: 0.3em 0.8em;
+ border-top: none;
+ border-right: #CCCCCC 1px solid;
+ border-bottom: none;
+ border-left: #CCCCCC 1px solid;
+ background-color: #F7F7F7;
+}
+
+#home_container li.seperator {
+ height: 1px;
+ border-bottom: 1px dotted #999999;
+ padding: 0;
+}
+
+#home_container .announcements {
+ margin: 0;
+ list-style: none;
+}
+
+#home_container .announcements li {
+ list-style-type: none;
+ margin: 1em 0;
+}
+
+#home_container .list {
+ margin: 0;
+ list-style: none;
+ font-size: 93%;
+}
+
+#home_container .list li {
+ list-style-type: none;
+ margin: 1.2em 0;
+ line-height: 1.5;
+}
+
+/* begin css rounded corners - based on "Snazzy Corners" */
+
+#home_container .xtop,
+#home_container .xbottom {
+ display: block;
+ background: transparent;
+ font-size: 1px;
+}
+
+#home_container .xb1,
+#home_container .xb2,
+#home_container .xb3,
+#home_container .xb4,
+#home_container .xb5,
+#home_container .xb6,
+#home_container .xb7 {
+ display: block;
+ overflow: hidden;
+}
+
+#home_container .xb1,
+#home_container .xb2,
+#home_container .xb3,
+#home_container .xb6,
+#home_container .xb7 {
+ height: 1px;
+}
+
+#home_container .xb2,
+#home_container .xb3,
+#home_container .xb4 {
+ background: #ACCCED;
+ border-left: 1px solid #CCCCCC;
+ border-right: 1px solid #CCCCCC;
+}
+
+#home_container .xb5,
+#home_container .xb6,
+#home_container .xb7 {
+ background: #F7F7F7;
+ border-left: 1px solid #CCCCCC;
+ border-right: 1px solid #CCCCCC;
+}
+
+#home_container .xb1 {
+ margin: 0 5px;
+ background: #CCCCCC;
+}
+
+#home_container .xb2,
+#home_container .xb7 {
+ margin: 0 3px;
+ border-width: 0 2px;
+}
+
+#home_container .xb3,
+#home_container .xb6 {
+ margin: 0 2px;
+}
+
+#home_container .xb4,
+#home_container .xb5 {
+ height: 2px;
+ margin: 0 1px;
+}
+
+/* end css rounded corners - based on "Snazzy Corners" */
+
+/* end home styles */
+
+/* begin css folds */
+
+.fold {
+ margin-bottom: 1.5em;
+}
+
+.foldTitle {
+ background-image: url('/images/header-bg.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #EEEEEE;
+ color: #333333;
+ border: 1px solid #999999;
+ border-bottom: 2px solid #aaa;
+ pointer: pointer;
+ cursor: pointer;
+ width: 100%;
+}
+
+.foldTitle p {
+ padding: 0.1em 0;
+ line-height: 1.0;
+ vertical-align: middle;
+}
+
+.foldTitle p * {
+ vertical-align: top;
+}
+
+.foldTitle hr {
+ margin: 0.4em 0;
+ *margin: 0;
+ line-height: 1.0;
+}
+
+.foldTitle small {
+ font-size: 85%;
+ font-weight: normal;
+ line-height: 1.2;
+}
+
+.foldText {
+ font-weight: bold;
+ text-align: left;
+ padding: 0.5em;
+ *padding: 0.3em;
+ vertical-align: middle;
+
+}
+
+.foldText * {
+ vertical-align: middle;
+}
+
+.foldPlaintext {
+ font-weight: normal;
+ font-size: 85%;
+ line-height: 1.2;
+ padding: 0.1em 0;
+}
+
+.foldImage {
+ text-align: center;
+ padding: 0 0.5em;
+ vertical-align: middle;
+ width: 20px;
+}
+
+.foldContent {
+ border: 1px solid #aaa;
+ border-top: 1px solid transparent;
+ padding: 1em;
+}
+
+/* end css folds */ /* begin css tabs */
+.tabsContainer {
+ padding: 0;
+ margin: 0;
+ border: 0;
+ position: relative;
+ top: 1px;
+}
+
+.tabsContainer IMG {
+ border: 0;
+ margin: 0;
+ padding: 0;
+ vertical-align: middle;
+}
+
+.tabsContainer TABLE {
+ height: 24px;
+ border-spacing: 0;
+}
+
+.tabsContainer TABLE TR TD {
+ padding: 0;
+ vertical-align: middle;
+}
+
+.tabSeparator {
+ width: 1px;
+}
+
+.tabSelected {
+ border-top: 1px solid #909090;
+ border-bottom: 1px solid white;
+ padding: 0;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ vertical-align: middle;
+ white-space: nowrap;
+ pointer: pointer;
+ cursor: pointer;
+}
+
+.tabUnselected {
+ border-top: 1px solid #909090;
+ border-bottom: 1px solid #909090;
+ color: #333333;
+ background: #d8d8d8;
+ padding: 0;
+ padding-left: 0.5em;
+ padding-right: 0.5em;
+ vertical-align: middle;
+ white-space: nowrap;
+ pointer: pointer;
+ cursor: pointer;
+}
+
+.tabSelIMG {
+ border-bottom: 1px solid white;
+ width: 6px;
+}
+
+.tabUnselIMG {
+ border-bottom: 1px solid #909090;
+ width: 6px;
+}
+
+.tabTitle {
+ background: #f5f5f5;
+ border: 1px solid #999999;
+ color: #333333;
+ padding: 0.5em;
+}
+
+.tabContent {
+ border: 1px solid #999999;
+ padding: 0.5em;
+ margin-bottom: 1.0em;
+ background: white;
+}
+
+/* end css tabs */
+
+/* begin css newsfeed */
+
+.news_feed_div p.news_feed_day_title {
+ font-weight: bold;
+ width: 100%;
+ text-align: left;
+ border-bottom: 1px dotted #999999;
+}
+
+.news_feed_div ul.news_feed_day {
+ padding-left: 0.8em;
+ list-style-type: none;
+ margin-top: 0.4em;
+ margin-left: 0.5em;
+ margin-bottom: 0.5em;
+ line-height: 1.4;
+}
+
+.news_feed_div ul.news_feed_day li.news_feed_item {
+ list-style: none;
+ font-size: 93%;
+}
+
+/* end css newsfeed */
+
+.fieldWithErrors {
+ padding: 2px;
+ background-color: red;
+ display: table;
+}
+
+#errorExplanation {
+ width: 400px;
+ border: 2px solid #c00;
+ padding: 0.5em;
+ margin-bottom: 1.5em;
+ background-color: #F5F5F5;
+}
+
+#errorExplanation h2 {
+ text-align: left;
+ font-weight: bold;
+ padding: 5px 5px 5px 15px;
+ font-size: 93%;
+ margin: 0;
+ background-image: none;
+ background-color: #c00;
+ border: none;
+ color: #fff;
+}
+
+#errorExplanation p {
+ font-size: 93%;
+ color: #333;
+ margin-bottom: 0;
+ margin-top: 0.5em;
+ padding: 5px;
+}
+
+#errorExplanation ul li {
+ font-size: 93%;
+ list-style: square;
+}
+
+div.uploadStatus {
+ margin: 5px;
+}
+
+div.progressBar {
+ margin: 5px;
+}
+
+div.progressBar div.border {
+ background-color: #fff;
+ border: 1px solid gray;
+ width: 100%;
+}
+
+div.progressBar div.background {
+ background-color: #333;
+ height: 18px;
+ width: 0%;
+}
+
+table.alt_table {
+ width: 100%;
+ border-collapse: collapse;
+}
+
+table.alt_table td {
+ border-top: 1px solid #BBBBBB;
+ border-bottom: 1px solid #BBBBBB;
+ margin-bottom: 0.5em;
+ padding: 1em 0.5em;
+ vertical-align: top;
+}
+
+table.alt_table tr.odd_row td {
+ background-color: #F5F5F5;
+}
+
+table.alt_table tr.even_row td {
+ background-color: #EEEEEE;
+}
+
+table.alt_table hr {
+ height: 1px;
+ border-bottom: 1px dotted #999999;
+ margin: 0;
+}
+
+table.alt_table .mid {
+ text-align: left :
+}
+
+table.alt_table tr td.actions { /*width: 135px;*/
+ text-align: left;
+}
+
+table.alt_table tr td.actions a {
+ display: block;
+ border-bottom: 0px solid #999999;
+ margin-bottom: 0.3em;
+ font-size: 85%;
+ font-weight: normal;
+}
+
+table.alt_table p.title {
+ margin-top: 0;
+ padding-top: 0;
+ margin-bottom: 0.2em;
+ font-weight: bold;
+ font-size: 108%;
+}
+
+table.alt_table .desc {
+ border: 1px dotted #999999;
+ margin: 0.2em 0;
+ padding: 0.4em 0.6em;
+ background-color: #FFFFCC;
+ text-align: left;
+ line-height: 1.3;
+ overflow: hidden;
+ word-wrap: break-word;
+ width: 360px;
+}
+
+table.alt_table .standout {
+ border: 1px dotted #999999;
+ margin: 0.2em 0;
+ padding: 0.5em 0.6em;
+ background-color: #FFFFCC;
+ text-align: left;
+ line-height: 1;
+ font-size: 93%;
+ font-weight: bold;
+ color: #333333;
+}
+
+table.alt_table tr td.contributable {
+ margin: 0.5em 0;
+ padding: 1em;
+}
+
+table.alt_table tr.even_row td.contributable table.contributable:hover,table.alt_table tr.odd_row td.contributable table.contributable:hover
+ {
+ border: 1px dotted #999999;
+}
+
+table.contributable {
+ border: 1px dotted #999999;
+ padding: 1em;
+ margin-left: 5px;
+ margin-bottom: 10px;
+}
+
+table.contributable:hover {
+ border: 1px dotted #999999;
+}
+
+/* http://www.mis-algoritmos.com/wp-content/uploads/pagstyle.php?q=manu */
+.pagination {
+ padding: 3px;
+ margin: 3px;
+ text-align: center;
+}
+
+.pagination ul {
+ list-style-type: none;
+}
+
+.pagination ul li {
+ display: inline;
+}
+
+.pagination a {
+ padding: 2px 5px 2px 5px;
+ margin: 2px;
+ border: 1px solid #4d597e;
+ text-decoration: none; /* no underline */
+ color: #179032;
+}
+
+.pagination a:hover,.pagination a:active {
+ border: 1px solid #CE0434;
+ color: #179032;
+}
+
+.pagination .currentpage {
+ padding: 2px 5px 2px 5px;
+ margin: 2px;
+ border: 1px solid #179032;
+ font-weight: bold;
+ background-color: #179032;
+ color: #FFF;
+}
+
+.pagination .disabledpage {
+ padding: 2px 5px 2px 5px;
+ margin: 2px;
+ border: 1px solid #EEE;
+ color: #DDD;
+}
+
+.network_banner { /*width: 640px;*/
+ padding-left: 10px;
+ padding-right: 10px;
+ border: 1px solid transparent;
+}
+
+.network_banner:hover { /*border: 1px solid black;*/
+
+}
+
+.sectionIcons {
+ margin: 0.5em 0 1em 0;
+ font-size: 85%;
+ font-weight: bold;
+ text-align: center;
+}
+
+.sectionIcons * {
+ vertical-align: middle;
+}
+
+.sectionIcons li {
+ display: inline;
+ vertical-align: middle;
+ margin: 0;
+ margin-left: 8px;
+ /*border: 2px solid #F5F5F5;*/
+}
+
+.sectionIcons li:first {
+ margin-left: 0;
+}
+
+.sectionIcons li:hover {
+}
+
+.sectionIcons li * {
+ vertical-align: middle;
+}
+
+.sectionIcons li a {
+ width: 100%;
+ padding: 0.5em 0.5em;
+ *padding: 0.2em 0.5em;
+ line-height: 1.0;
+ text-decoration: none;
+ border: 1px solid #BBBBBB;
+ background-color: #EEF6FF;
+}
+
+.sectionIcons li a:hover {
+ background-color: #0099FF;
+ color: #F5F5F5;
+}
+
+.sectionIcons li a * {
+ vertical-align: middle;
+}
+
+a.button_slim {
+ padding: 0.2em 0.4em 0.5em 0.4em;
+ *padding: 0.2em 0.4em;
+ line-height: 1;
+ text-decoration: none;
+ border: 1px solid #BBBBBB;
+ background-color: #EEF6FF;
+ vertical-align: middle;
+}
+
+a.button_slim:hover {
+ background-color: #0099FF;
+ color: #F5F5F5;
+}
+
+a.button_slim * {
+ vertical-align: middle;
+}
+
+.icon {
+ vertical-align: middle;
+}
+
+.icon * {
+ vertical-align: middle;
+}
+
+.icon A {
+ white-space: nowrap;
+ padding-right: 2px;
+ vertical-align: middle;
+}
+
+.icon IMG {
+ padding: 2px;
+ vertical-align: middle;
+}
+
+.contribution_title {
+ margin-bottom: 0.6em;
+}
+
+.contribution_aftertitle {
+ color: #666666;
+ font-size: 85%;
+ text-align: center;
+ margin-bottom: 0.6em;
+}
+
+.contribution_mini_nav {
+ color: #999999;
+ font-size: 85%;
+ text-align: center;
+ margin-bottom: 1em;
+ line-height: 1.5;
+}
+
+.contribution_left_box {
+ float: left;
+ width: 73.5%;
+}
+
+.contribution_description {
+ text-align: left;
+ background-color: #FFFFFF;
+ border: 1px solid #CCCCCC;
+ padding: 0.3em 1em;
+}
+
+.contribution_preview img {
+ background-color: #FFFFFF;
+ border: 1px solid #DDDDDD;
+ padding: 0.5em;
+}
+
+.contribution_right_box {
+ float: right;
+ width: 25%;
+}
+
+.contribution_section_box {
+ background-image: url('/images/box-bg1.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #FFFFCC;
+ padding: 0.3em 0.3em;
+ border: 1px dotted #999999;
+ text-align: center;
+ margin-bottom: 0.6em;
+}
+
+.contribution_section_box ul.items {
+ margin: 0 0 0.8em 1em;
+ text-align: left;
+}
+
+.contribution_section_box ul.items li {
+ list-style-type: none;
+ margin: 0.6em 0;
+ padding-left: 0.8em;
+ line-height: 1.1;
+ border-left: 3px solid #DDDDBB;
+}
+
+.contribution_section_box ul.items li * {
+ vertical-align: middle;
+}
+
+.contribution_section_box p {
+ text-align: center;
+ padding: 0.2em;
+}
+
+.contribution_section_box .stats_box p {
+ font-size: 93%;
+ text-align: centre;
+ line-height: 1.3;
+ padding: 0;
+}
+
+.contribution_section_box hr {
+ margin: 0.5em 0;
+ *margin: 0;
+ height: 1px;
+ border-bottom: 1px dotted #999999;
+}
+
+.contribution_section_box .heading {
+ font-size: 100%;
+ font-weight: bold;
+ line-height: 1.0;
+ margin-top: 0.2em;
+}
+
+.contribution_section_box .hTagcloud {
+ margin-top: 0.3em;
+ margin-bottom: 0.5em;
+}
+
+.contribution_section_box .fold {
+ margin-bottom: 0;
+ margin-top: 0.6em;
+ font-size: 85%;
+}
+
+.contribution_section_box .foldTitle {
+ background-image: none;
+ background-color: #EEF6FF;
+ color: #333333;
+ border: 1px solid #BBBBBB;
+ border-bottom: 2px solid #CCCCCC;
+}
+
+.contribution_section_box .foldText {
+ padding: 0.4em; *
+ padding: 0.2em;
+}
+
+.contribution_section_box .foldContent {
+ padding: 0.2em;
+ background-color: #F5F5F5;
+ border: 1px solid #BBBBBB;
+ border-top: 1px solid transparent;
+}
+
+.contribution_section_box .foldContent ul {
+ list-style: none;
+ padding: 0;
+ padding-left: 1em;
+ margin: 0;
+}
+
+.contribution_section_box .foldContent ul li {
+ list-style: none;
+ padding: 0;
+ margin: 0;
+}
+
+.contribution_version_box {
+ border: 1px dotted #999999;
+ margin-bottom: 1em;
+ background-color: #F7F7F7;
+}
+
+.contribution_version_box .title {
+ font-size: 108%;
+ font-weight: bold;
+ color: #660000;
+}
+
+.contribution_version_selector_box {
+ padding: 0.6em 0.5em 0.4em 0.5em;
+ border: 0px dotted #999999;
+ border-width: 0 0 1px 0;
+ background-image: url('/images/box-bg1.png');
+ background-position: top;
+ background-repeat: repeat-x;
+ background-color: #FFFFCC;
+ color: #333333;
+}
+
+.contribution_version_selector_box * {
+ vertical-align: middle;
+}
+
+.contribution_version_selector_box table {
+ width: 100%;
+ margin: 0;
+ padding: 0;
+ border-collapse: collapse;
+}
+
+.contribution_version_selector_box table td {
+ padding: 0em 0.5em;
+}
+
+.contribution_version_selector_box .heading {
+ text-align: left;
+ font-size: 108%;
+ font-weight: bold;
+ color: #333333;
+}
+
+.contribution_version_inner_box {
+ padding: 0.6em 0.7em;
+}
+
+.contribution_version_inner_box h4 {
+ text-align: center;
+}
+
+.contribution_version_inner_box .option_box {
+ padding: 0.2em 0.6em;
+ border: 1px solid #CCCCCC;
+}
+
+.contribution_version_meta_info_box {
+ padding: 0.3em 0.6em;
+ border: 1px dotted #999999;
+ background-color: #FFFFCC;
+ color: #333333;
+ line-height: 1.2;
+ font-size: 85%;
+ margin-left: 2.5em;
+}
+
+.contribution_currentlicense {
+ padding: 0 0 0.5em 0;
+}
+
+.contribution_currentlicense p {
+ text-align: center;
+ font-size: 85%;
+ font-weight: bold;
+ color: #666666;
+ line-height: 1.3;
+}
+
+/* Begin Comments styles */
+
+.commentsBox {
+ padding-left: 2em;
+}
+
+ul.comments {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+ul.comments li {
+ margin-top: 1.5em;
+ list-style: none;
+}
+
+table.comment {
+ width: 100%;
+ border: 1px dotted #999999;
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+table.comment p {
+ padding: 0;
+}
+
+table.comment td {
+ padding: 0.2em;
+ vertical-align: top;
+}
+
+table.comment td.avatar {
+ width: 70px;
+ padding: 0.2em 0.6em;
+ text-align: center;
+ background-color: #EEEEEE;
+}
+
+table.comment td.header {
+ font-size: 85%;
+ height: 1.2em;
+ vertical-align: middle;
+ text-align: left;
+ background-color: #EEEEEE;
+ color: #333333;
+ padding: 0.2em 0.8em;
+}
+
+table.comment td.content {
+ padding: 0.8em 1em;
+ text-align: left;
+}
+
+table.comment td.content p {
+ margin-bottom: 1em;
+}
+
+.addCommentBox {
+ margin-top: 3em;
+ padding: 1em;
+ width: 500px;
+ background-color: #EEEEEE;
+ border: 1px dotted #999999;
+}
+
+/* End Comments styles */
+
+/* Begin Reviews styles */
+
+.reviewsBox {
+ padding-left: 2em;
+}
+
+/* End Reviews styles */
+
+a.tagsSelectorOff,
+a.tagsSelectorOn {
+ margin: 0 0.2em;
+ padding: 0.1em 0.4em;
+ border: 1px solid #BBBBBB;
+ font-weight: bold;
+ font-size: 85%;
+}
+
+a.tagsSelectorOff {
+ background-color: #EEF6FF;
+ color: #000099;
+}
+
+a.tagsSelectorOff:hover,
+a.tagsSelectorOn:hover {
+ color: #F5F5F5;
+ background-color: #0099FF;
+ text-decoration: none;
+}
+
+a.tagsSelectorOn {
+ color: #F5F5F5;
+ background-color: #0099FF;
+}
+
+.message_box {
+ padding: 1.5em 2em;
+ border: 1px dotted #999999;
+ background-color: #F5F5F5;
+ margin: 0 0.5em;
+}
+
+.message_box .subject {
+ font-size: 108%;
+ background-color: #FFFFCC;
+ border: 1px dotted #999999;
+ padding: 0.2em 0.5em;
+ margin-bottom: 1em;
+}
+
+.message_box .message {
+ padding: 0.6em 1em;
+ border: 1px dotted #999999;
+ background-color: #FFFFFF;
+}
+
+.badge {
+ padding: 0;
+ margin: 0;
+ margin-left: 0.2em;
+ vertical-align: middle;
+}
+
+/* begin autocomplete styles */
+/* From the book: "Agile Web Development with Rails, 2nd ed" p.548 */
+
+div.auto_complete {
+ background: #fff;
+ width: 99%;
+ z-index: 10;
+}
+
+div.auto_complete ul {
+ border: 1px solid #888;
+ margin: 0;
+ padding: 0;
+ width: 100%;
+ list-style-type: none;
+ font-weight: bold;
+ font-size: 94%;
+}
+
+div.auto_complete ul li {
+ margin: 0;
+ padding: 3px;
+ text-align: left;
+ list-style-type: none;
+}
+
+div.auto_complete ul li.selected {
+ background-color: #ffb;
+}
+
+div.auto_complete ul strong.highlight {
+ color: #800;
+ margin: 0;
+ padding: 0;
+}
+
+/* end autocomplete styles */
+
+.box_simple {
+ padding: 0.5em 0.8em;
+ border: 1px dotted #999999;
+}
+
+.box_form {
+ background-color: #EEEEEE;
+ border: 1px dotted #999999;
+ padding: 0.8em 1.4em;
+}
+
+.box_form p {
+ margin-top: 0.4em;
+}
+
+.box_standout {
+ padding: 0.5em 0.8em;
+ border: 1px dotted #999999;
+ background-color: #FFFFCC;
+}
+
+.box_important {
+ padding: 0.5em 0.8em;
+ border: 2px solid #993333;
+ background-color: #FFCCCC;
+}
+
+.box_currentuser_specific {
+ padding: 0.5em 0.8em;
+ border: 1px solid #99CCFF;
+ background-color: #EEF6FF;
+}
+
+.box_currentuser_specific * {
+ vertical-align: middle;
+}
+
+.box_dynamic_help {
+ padding: 0.4em 0.8em;
+ border: 1px dotted #999999;
+ background-color: #FFFFCC;
+ font-size: 85%;
+ margin-bottom: 0.4em;
+}
+
+.box_inplace {
+ padding: 0.8em;
+ border-top: 1px dotted #999999;
+ border-bottom: 1px dotted #999999;
+}
+
+.box_editing {
+ padding: 0.5em;
+ background-color: #FFFFFF;
+ border-left: 5px solid #0066CC;
+ padding-left: 0.8em;
+ margin-left: 0.8em;
+}
+
+.box_editing_inner {
+ padding: 0.5em;
+ background-color: #DDEEFF;
+}
+
+.box_editing_inner2 {
+ background-color: #EEEEEE;
+ padding: 0.5em 0.8em;
+ border: 1px dotted #999999;
+}
+
+.box_infotext {
+ font-size: 93%;
+ background-color: #FFFFCC;
+ margin: 0;
+ padding: 0.5em 0.8em;
+ border: 1px solid #EED799;
+ line-height: 1.4;
+}
+
+.none_text {
+ font-style: italic;
+ color: #666666;
+}
+
+.denied_text {
+ font-style: italic;
+ color: #990000;
+}
+
+.count_text {
+ color: #666666;
+}
+
+.error_text {
+ color: red;
+ font-weight: bold;
+}
+
+.step_text {
+ color: #660000;
+ font-weight: bold;
+ margin: 0.5em 0 0.6em 0;
+ text-align: center;
+}
+
+.note_text {
+ font-size: 93%;
+ font-weight: bold;
+ color: #900000;
+}
+
+.sub-heading {
+ text-align: center;
+ font-size: 108%;
+ margin-bottom: 0.5em;
+}
+
+.rest_table TABLE {
+ border: 1px solid black;
+ margin: 1px;
+}
+
+.rest_table TABLE THEAD {
+ background: #e0e0ff
+}
+
+.rest_table TABLE THEAD TR TD {
+ text-align: left;
+ vertical-align: top;
+}
+
+.rest_table TABLE TBODY {
+ background: white
+}
+
+.rest_table TABLE TBODY TR TD {
+ text-align: left;
+ vertical-align: top;
+}
+
+.try_it_out_box TEXTAREA {
+ font-family: monospace;
+ font-size: 10pt;
+}
+
+.inputs_list {
+ list-style: none;
+ margin: 0;
+ margin-bottom: 0.5em;
+}
+
+.inputs_list li {
+ list-style: none;
+}
+
+table.job_report {
+ border-collapse: collapse;
+ font-size: 93%;
+ margin-top: 0.3em;
+}
+
+table.job_report th,
+table.job_report td {
+ border: 1px solid #CCCCCC;
+ padding: 0.3em 0.6em;
+}
+
+table.job_report th {
+ background-color: #EEEEEE;
+ font-weight: bold;
+}
+
+/* Begin new tabs styles */
+
+.tabnav2 {
+ border-bottom: 1px solid #999999;
+ font-size: 100%;
+ padding-left: 0px;
+ z-index: 1;
+}
+
+.tabnav2 ul {
+ margin: 0;
+ padding: 2px 0;
+ *padding: 3px 0;
+}
+
+.tabnav2 li {
+ display: inline;
+ list-style-type: none;
+ overflow: hidden;
+ color: black;
+ position: relative;
+ top: -1px;
+}
+
+.tabnav2 li a {
+ padding: 3px 6px 4px 6px;
+ border: 1px solid #999999;
+ text-decoration: none;
+ background-color: #D8D8D8;
+ color: #404040;
+
+ -moz-border-radius: 6px 6px 0px 0px;
+ -webkit-border-top-left-radius: 6px;
+ -webkit-border-top-right-radius: 6px;
+}
+
+.tabnav2 li a:hover {
+ background-color: #E8E8E8;
+}
+
+.tabnav2 li.active a {
+ color: black;
+ border-bottom: 1px solid #FFFFFF;
+ background-color: #FFFFFF;
+}
+
+.tabnav2_content {
+ border: 0px solid #999999;
+ border-width: 0 1px 1px 1px;
+ padding: 0.5em;
+ z-index: 2;
+ background: white;
+}
+
+/* End new tabs styles */
+
+/* Begin outputs table styles */
+
+table.outputs_viewer {
+ border: 1px solid #CCCCCC;
+ border-collapse: collapse;
+}
+
+table.outputs_viewer th,
+table.outputs_viewer td {
+ border: 1px solid #CCCCCC;
+ background-color: #FFFFFF;
+}
+
+table.outputs_viewer th {
+ background-color: #EEEEEE;
+ font-weight: bold;
+ padding: 0.7em 0.6em;
+ font-size: 100%;
+}
+
+table.outputs_viewer .nav {
+ width: 140px;
+ overflow: auto;
+ font-size: 93%;
+ vertical-align: top;
+ background-color: #F5F5F5;
+ padding: 0;
+}
+
+table.outputs_viewer .content {
+ vertical-align: top;
+ padding: 0;
+}
+
+table.outputs_viewer .content #output_content_box {
+ padding: 1em;
+ overflow: auto;
+ text-align: left;
+ width: 500px;
+ max-width: 500px;
+ height: inherit;
+ max-height: 1000px;
+}
+
+table.outputs_viewer .nav a {
+ display: block;
+ width: 140px;
+ padding: 0.6em;
+ border-bottom: 1px solid #DDDDDD;
+ background-color: #FFFFFF;
+ line-height: 1.2;
+ overflow: hidden;
+}
+
+table.outputs_viewer .nav a:hover,
+table.outputs_viewer .nav a.selected {
+ background-color: #EEF6FF;
+}
+
+/* End outputs table styles */
+
+/* Begin outputs content list styles */
+
+ol.outputs_list {
+ width: auto;
+ text-align: left;
+ margin-left: 2em;
+}
+
+ol.outputs_list,
+ol.outputs_list ol {
+ padding-left: 0;
+ list-style-position: outside;
+ list-style-type: decimal;
+}
+
+ol.outputs_list ol {
+ margin: 0 0 0.5em 1em;
+}
+
+ol.outputs_list li {
+ display: list-item;
+ width: auto;
+ padding: 0.4em 0.1em;
+ list-style-position: outside;
+ list-style-type: decimal;
+}
+
+ol.outputs_list ol li {
+ list-style-position: outside;
+}
+
+/* End outputs content list styles */
+
+
+.default_timeline {
+ width: 100%;
+ height: 600px;
+}
+
+table.simple {
+ border-collapse: collapse;
+ font-size: 93%;
+ margin-top: 0.3em;
+}
+
+table.simple th,
+table.simple td {
+ border: 1px solid #CCCCCC;
+}
+
+table.simple th {
+ background-color: #EEEEEE;
+ font-weight: bold;
+ padding: 0.5em 0.8em;
+}
+
+table.simple td {
+ background-color: #FFFFFF;
+ text-align: left;
+ vertical-align: top;
+ line-height: 1.3;
+ padding: 0.3em 0.6em;
+}
+
+#packItems ul {
+ margin: 0;
+ list-style: none;
+ border-top: 1px solid #CCCCCC;
+}
+
+#packItems ul li {
+ list-style-type: none;
+ margin: 0;
+ line-height: 1.4;
+ padding: 0.2em 0.5em;
+ border-bottom: 1px solid #CCCCCC;
+ background-color: #FFFFFF;
+ font-size: 93%;
+}
+
+#packItems table {
+ margin: 0;
+ width: 100%;
+ border-collapse: collapse;
+}
+
+#packItems p {
+ padding: 0.1em 0;
+}
+
+#packItems td {
+ vertical-align: top;
+ text-align: left;
+ padding: 0.4em 0.6em;
+}
+
+#packItems td.icon {
+ width: 16px;
+ text-align: center;
+}
+
+#packItems td.remote {
+ width: 470px;
+ max-width: 470px;
+}
+
+#packItems td.remote p.longurl {
+ word-wrap: break-word;
+}
+
+#packItems .inner {
+ color: #333333;
+ margin: 0.3em 0 0 0.3em;
+ padding: 0.2em 0 0.3em 0.7em;
+ border-left: 3px solid #EEEEEE;
+}
+
+#packItems .comment {
+ font-style: italic;
+ background-color: #F7F7F7;
+ padding: 0.4em 0.6em;
+}
+
+#packItems .user {
+}
+
+table.quick_add {
+ border-collapse: collapse;
+ width: 99%;
+ color: #333333;
+}
+
+table.quick_add td {
+ vertical-align: middle;
+}
+
+table.quick_add td * {
+ vertical-align: middle;
+}
+
+table.quick_add td.label {
+ text-align: left;
+ line-height: 1.0;
+ width: 11em;
+}
+
+table.quick_add td.label .inner {
+ font-size: 77%;
+ text-align: center;
+ color: #990000;
+ font-weight: bold;
+}
+
+
+table.quick_add td.submit {
+ text-align: left;
+ width: 4em;
+}
+
+.group_announcements {
+ margin-top: 0.8em;
+ padding: 0 0.5em;
+}
+
+.group_announcements ul {
+ margin: 0;
+}
+
+.group_announcements li {
+ list-style-type: none;
+ margin: 0 0 0.9em 0;
+}
+
+.group_announcements .announcement_box {
+ border: 1px dotted #999999;
+ margin: 0.1em 0;
+ padding: 0.2em 0.5em;
+ background-color: #F9F9F9;
+ font-size: 85%;
+ font-weight: bold;
+ text-align: left;
+}
+
+.required {
+ color: red;
+ font-weight: bold;
+}
+
+.workflow_type_box {
+ border: 1px solid #DDDDDD;
+ background-color: #FFFFCC;
+ margin: 0;
+ padding: 0.4em 0.5em;
+ font-size: 77%;
+ color: #990000;
+ font-weight: bold;
+ text-align: center;
+}
+
+#version_info_box p {
+ line-height: 1.2;
+ padding: 0.3em 0;
+ margin: 0;
+}
+
+#version_info_box p * {
+ vertical-align: middle;
+}
+
+.tag_suggestion_box {
+ padding: 0.5em 0.8em;
+ border: 1px dotted #999999;
+ font-size: 93%;
+ text-align: left;
+ margin: 2em;
+ line-height: 20px;
+}
+
+.unselected_tag_suggestion {
+ border: 1px SOLID white;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.unselected_tag_suggestion:hover {
+ border: 1px SOLID #d0d0f0;
+ background-color: white;
+ padding-left: 4px;
+ padding-right: 4px;
+ color: #000099;
+ text-decoration: none;
+}
+
+.selected_tag_suggestion {
+ border: 1px SOLID #a0a0c0;
+ background-color: #d0d0f0;
+ padding-left: 4px;
+ padding-right: 4px;
+}
+
+.selected_tag_suggestion:hover {
+ border: 1px SOLID #a0a0c0;
+ background-color: #d0d0f0;
+ padding-left: 4px;
+ padding-right: 4px;
+ color: #000099;
+ text-decoration: none;
+}
+
+.quote_level_0 {
+}
+
+.quote_level_1 {
+ color: gray;
+}
+
+.quoted_section {
+ border-left: 2px solid gray;
+ padding-left: 8px;
+}
+
+.nowrap {
+ white-space: nowrap;
+}
+
+.classification {
+ border: 1px SOLID gray;
+ padding: 3px;
+ padding-left: 6px;
+ padding-right: 6px;
+ background: #ffffd0;
+}
+
+.quality {
+ width: 157px;
+ background: #EEA;
+ border: 1px solid #CCCCAA;
+ margin: 4px;
+ padding: 4px;
+ text-align: center;
+}
+
+.dependencies UL LI {
+ list-style: none;
+}
+
+.curation_events UL LI {
+ list-style: none;
+ padding-top: 1em;
+}
+
+/* pivot */
+
+.pivot {
+ width: 737px;
+ margin: 0;
+}
+
+.pivot .left {
+ width: 150px;
+ float: left;
+ padding-right: 10px;
+}
+
+.pivot .left > DIV {
+ margin-bottom: 0.5em;
+}
+
+.pivot .main {
+ margin-left: 160px;
+}
+
+.pivot .main > DIV {
+ margin-bottom: 0.5em;
+}
+
+.pivot .summary {
+ clear: right;
+ background: #f0f0f0;
+ border: 1px solid #d8d8d8;
+ padding: 6px;
+}
+
+.pivot .summary DIV+DIV {
+ padding-top: 0.4em;
+}
+
+.pivot .sort {
+ float: right;
+}
+
+.pivot .filter {
+ margin-bottom: 1em;
+ padding: 2px;
+ background: #f0f0f0;
+ border-radius: 6px;
+ -moz-border-radius: 6px;
+}
+
+.pivot .category {
+ padding: 0.2em;
+ font-size: 110%;
+ margin-bottom: 0.2em;
+}
+
+.pivot .toggle_filter_query {
+ float: right;
+ vertical-align: middle;
+ position: relative;
+ top: 2px;
+}
+
+.pivot .options > DIV {
+ border: 1px solid transparent;
+ padding: 0.2em;
+ font-size: 90%;
+ padding-left: 0.2em;
+}
+
+.pivot .options > DIV:hover {
+ background: #d0d0f0;
+}
+
+.pivot .options > DIV.selected {
+ background: #ffe0c0;
+}
+
+.pivot .options > DIV.selected:hover {
+ background: #dfc0a0;
+}
+
+.pivot .options > DIV:first-child {
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ -moz-border-radius-topleft: 6px;
+ -moz-border-radius-topright: 6px;
+}
+
+.pivot .options > DIV:last-child {
+ border-bottom-left-radius: 6px;
+ border-bottom-right-radius: 6px;
+ -moz-border-radius-bottomleft: 6px;
+ -moz-border-radius-bottomright: 6px;
+}
+
+.pivot .checkbox {
+ display: inline;
+ padding-top: 0;
+ padding-bottom: 0;
+}
+
+.pivot .label {
+ width: 92px;
+ overflow: hidden;
+ display: inline-block;
+}
+
+.pivot .count {
+ float: right;
+}
+
+.pivot .crumbs {
+ margin-top: 0.5em;
+}
+
+.pivot .filter-in-use {
+ background: #d8d8d8;
+ padding: 2px;
+ line-height: 200%;
+}
+
+.pivot .filter-in-use A {
+ padding-left: 0px;
+ padding-right: 4px;
+ text-decoration: none; /* no underline */
+}
+
+.pivot .filter-in-use A IMG {
+ vertical-align: middle;
+ position: relative;
+ top: -2px;
+}
+
+.pivot .filter-in-use:hover {
+/* background: #f0d0d0; */
+}
+
+.pivot .pagination {
+ padding: 0px;
+ margin: 0px;
+ text-align: left;
+}
+
+.pivot .filter_search_box {
+ border: 1px solid gray;
+}
+
+.pivot .filter_search_box INPUT.query {
+ width: 123px;
+ padding: 2px;
+ border: none;
+ outline: none;
+}
+
+.pivot .filter_search_box INPUT.submit {
+ vertical-align: middle;
+ position: relative;
+ top: -1px;
+}
+
+.pivot .filter_search_box IMG {
+ vertical-align: middle;
+ position: relative;
+ top: -1px;
+}
+
+.result-count {
+}
+
+.truncate {
+ white-space: nowrap;
+}
+
+.no-filter-query-results {
+ padding-top: 1em;
+ font-style: italic;
+}
+
+.pivot .no-results {
+ padding-top: 2em;
+ padding-bottom: 2em;
+ font-style: italic;
+}
+
+.pivot .search_box .query {
+ padding: 2px;
+ width: 450px;
+}
+