/* Basic styles */
* {
    margin:0;
    padding:0;
}

body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
    line-height: 1.5;
    text-align: center;
    color: #222;
    background-color: white;
}

a {
    color:#006699;
    text-decoration:none;
}

a:hover {
    text-decoration:underline;
}

p {
    margin: .4em 0 .4em 0;
}

a img {
    border: none;
}

var {
    font-style: normal;
    font-family: monospace;
}

/* Misc */
a.feed {
    float:right;
    display:block;
    margin:0;
    padding:0;
    width: 20px;
    height: 20px;
    background: url(../images/feed-icon.gif) no-repeat center center;
    text-indent: -100em;
    overflow: hidden;
}

div.loading {
    text-align: center;
}

div.loading img {
    margin-right: .5em;
}

#wiki_preview {
    padding: 1em;
    margin: 1em;
    border: 1px dotted silver;
}

#sidebar2 {
    float: right;
    width: 20em;
    padding: 0.8em;
    background-color: #B7D285;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

#sidebar2 h3 {
    margin: 0;
    font-weight: normal;
}

#sidebar2 .section {
    margin-bottom: 1em;
}

#sidebar2 ul {
    padding-left: 1.5em;
    margin: 0;
}

#sidebar2 ul li {
    list-style-type: disc;
}

/* block quotes */
blockquote {
    text-indent: 25px;
    background: url('../images/quotes1.png');
    background-position: 0 2px;
    background-repeat: no-repeat;
    margin: 1em 0 1em 0;
}

blockquote p {
    line-height: 2em;
    display: inline;
    margin: 0;
    font-style: italic;
    padding-right: 24px;
    background: url('../images/quotes2.png');
    background-position: bottom right;
    background-repeat: no-repeat;
}

/* Layout */
/*
The basic layout of the homepage is as follows:

- #page
    - #header
    - #content
        - #sidebar
        - #main
            - h1
            - .wiki_text_block
                - h[2|3|4]
                - ul
                - ol
                - ...
            - .news
                .item
                    .date
                    h3
                    .wiki_text_block
    - #footer
*/

#page {
    min-width: 750px;
    margin: 0;
    text-align: left;
}

#content_small {
    clear: both;
    margin-left: 10px;
    background: url(../images/main_small.jpg) repeat-y ;
}

#sidebar {
    width: 191px;
    float: left;
    border-right: 1px solid #d0d0d0;
}

#sidebar .ad {
    padding: 1em 1em 1em 0;
    margin-top: 1em;
}

#main {
    /*float:right;*/
    background: #fff url(../images/main_tile.jpg) repeat-x top;
    padding: 15px;
    margin-left: 191px;
    border-left: 1px solid #d0d0d0;
}

#miscbox {
    width: 188px;
    float:right;
    /*border:1px solid #D3D1C6;*/
}

#upcoming {
    margin-bottom: 10px;
}

#upcoming, #newprobs {
    padding: 5px;
    background: #fc0 url(../images/upcoming.jpg) no-repeat bottom left;
    border: 1px solid #fc0;
}

#upcoming ul, #newprobs ul {
    border: 1px solid #fc0;
    padding: 5px;
    background: #fff;
}

#upcoming h2, #newprobs h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #840;
}

#upcoming li, #newprobs li {
    border-bottom: 1px solid #cecece;
    display: block;
    background: #fff url(../images/misc_li.jpg) no-repeat center bottom;
}

#upcoming a, #newprobs a {
    text-decoration: none;
    display: block;
    line-height: 1.1;
}

#upcoming a, #newprobs a {
    padding: 5px;
    font-size: 11px;
}

#upcoming a:hover, #newprobs a:hover {
    text-decoration: underline;
    background: #F8F8EF;
}

#upcoming a span {
    display: block;
}

/* Wikipage options (actions) */
#wikiOps {
    font-size: 8pt;
}

#wikiOps ul {
    background: url(../images/wiki.jpg) repeat-x bottom left;
}

#wikiOps ul {
    float: right;
}

#wikiOps li {
    display: block;
    float: left;
}

#wikiOps li a {
    display: block;
    padding: 3px 4px;
}

#wikiOps li a: hover {
    background: #fff;
}

#wikiOps li.current a {
    background: #fff;
    font-weight: bold;
}

/* Sidebar :: Main menu */
#nav {
    margin-right: 2px;
}

#nav li {
    display: block;
    font-size: 10pt;
}

#nav li a {
    display: block;
    width: 80%;
    padding: 3px 15px;
    color: #6A6A6B;
    text-decoration: none;
    background: url(../images/bullet.gif) no-repeat 3px center ;
}

#nav li a:hover {
    color: #333;
    background: #FFEFB1 url(../images/bullet.gif) no-repeat 3px center ;
}

#nav li.separator {
    padding: 0;
    width: 97%;
    height: 1px;
    border: 0;
    background-color: silver;
    font-size: 0;
}

#nav li.separator hr {
    display: none;
}

/* sidebar :: login box */
#login {
    padding: 0;
    margin: 1em 1em 2em 0;
}

#login fieldset {
    width: 150px;
    margin: 0;
    padding: .5em .5em 0 .5em;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

#login p {
    padding-left: .7em;
    margin: 0;
}

#login label {
    font-weight: normal;
}

/* Sidebar :: search box */
#google-search {
    padding: 0;
    margin: .5em .5em .5em 0;
}

#google-search fieldset {
    width: 150px;
    margin: 0;
    padding: .5em .5em 0 .5em;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
}

#google-search p {
    padding-left: .7em;
    margin: 0;
}

/* Headers */
#main h1, #main h2, #main h3 {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-weight: normal;
}

#main h1 {
    font-size: 19pt;
    margin: .2em 0 .7em 0;
    border-bottom: 1px solid #ddd;
}

#main h2 {
    font-size: 16pt;
    margin: .2em 0 0 0;
    border-bottom: 1px solid #eee;
}

#main h3 {
    font-size: 13pt;
    margin: .2em 0 0 0;
    border-bottom: none;
}

/* Blog */
/* Blog headers are smaller. */
#main .blog .item  h1 {
    font-size: 13pt;
}

.blog {
    width: 540px;
}

.blog-list li {
    list-style-type: none;
    text-indent: -1em;
    font-size: 11px;
    line-height: 1.3em;
}

.blog-list li:before {
    content: "\00BB \0020";
}

.blog-list li a:hover {
}

.blog .item {
    margin-bottom: 3em;
    width: 100%;
}

.blog .item .wiki_text_block {
    line-height: 1.5em;
}

.blog .item .date {
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8.5pt;
    margin: 5px 0px 5px 0;
    color: #060;
}

.blog-sidebar {
    border: 1px solid silver;
    width: 190px;
    position: relative;
    float: right;
    clear: right;
    padding-left: 0.5em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/* News */
.news {
    /*width:340px;
    float:left;*/
    width: 95%;
    margin-top: 1em;
}

#main .news .item h1 {
    font-size: 13pt;
    margin-left: 55px;
    border: none;
}

* html .news {
    height: 1%;
}

.news .item {
    border-bottom: 1px solid #EBE9DC;
    margin-bottom: 1em;
    width: 100%;
    padding: 0 .5em 0 .5em;
}

.news .item .wiki_text_block {
    line-height: 1.5em;
    margin-left: 55px;
}

.news .item .date {
    float: left;
    width: 40px;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    font-size: 8.5pt;
    margin: 5px 8px 5px 0;
    padding-top: 10px;
    color: #060;
    background: #D9E7BE url(../images/calendar.jpg) repeat-x top center;
    line-height: 1.2;
}

/* Breadcrumbs */
#breadcrumbs {
    font-size:11px;
    line-height:2;
    margin: 0;
    margin-top: -10px;
    border-bottom: 1px solid #f0f0f0;
}

#breadcrumbs a {
    font-style: italic;
}

#breadcrumbs .separator {
    color: silver;
}

/* Horizontal strap (i.e. "Vezi arhiva stiri") */
.strap {
    padding:5px 5px;
    padding-left: 25px;
    background: #f6f6f6 url(../images/documents_16.gif) no-repeat 5px center ;
    font-size:11px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    color:#555;
    line-height: 1.5em;
}

/* Blog header concerning author */
.blogheader {
    background-image: none;
    height: 75px;
    font-size: 13px;
    padding-left: 5px;
    background-color: transparent;
}

.blogheader img {
    float: left;
    margin-right: 15px;
}

/* Macros */
div.macroError {
    background-color: red;
    font-weight: bold;
    color: white;
    display: inline;
    margin: 1em;
    padding: .5em;
}

div.macroMessage {
    background-color: #f6f6f6;
    padding: 5px;
    font-weight: bold;
    margin: .5em;
}

/* Flash */
div.flash {
    text-align: center;
    background-color: #ffa;
    color: black;
    margin: 1em auto 1em auto;
    padding: .5em .5em .5em 17px;
    border: 1px solid olive;
    width: 50%;
    background-image: url('../images/icons/notice.gif');
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

div.flashError {
    background-color: #cc0000;
    color: white;
    border: 1px solid pink;
    background-image: url('../images/icons/error.gif');
}

div.warning {
    padding: 0.4em;
    border: 1px solid #CC0000;
    background-color: #FFDDDD;
    width: 55%;
    position: relative;
}

div.notice {
    color: black;
    margin: 1em 0em 1em 0em;
    padding: .2em .2em .2em 20px;
    border: 1px dashed olive;
    width: 55%;
}

/* Forms */
form {
    margin: 0;
    padding: 4px;
    font-size: 1em;
}

form.inline_form {
    margin: 0;
    padding: 0;
    display: inline;
}

input[type='text'], input[type='password'], select {
    width: 200px;
}

#sidebar input[type='text'], #sidebar input[type='password'], #sidebar select {
    width: 150px;
}

input, select, textarea {
    font-family: Trebuchet MS, Tahoma, Helvetica, Arial, sans-serif;
    padding: .2em;
}

select {
    cursor: pointer;
}

input.button {
    cursor: pointer;
    border: 1px double #999999;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    background-color: #FFFFFF;
    background-image: url('../images/background_form_element.gif');
    background-repeat: repeat-x;
    color: black;
    margin: 0;
    font-weight: bold;
    font-size: .95em;
    padding: .2em;
}

input.important {
    border-width: 3px;
    font-size: 1em;
}

input.button:active {
    border-color: #CCCCCC;
    border-top-color: #999999;
    border-left-color: #999999;
}

input.button.disabled {
    color: #aaaaaa;
}

.fieldError, .fieldHelp {
    display: block;
    color: red;
    font-weight: bold;
    font-family: Trebuchet MS, Tahoma, Arial, sans-serif;
}

.fieldHelp {
    color: black;
    font-weight: normal;
}

fieldset img {
    vertical-align: middle;
}

fieldset {
    padding: 0 1em 1em 1em;
    margin: 0 1em 1em 1em;
    border-color: silver;
    border-collapse: collapse;
    width: 50%;
    display: block;
}

legend {
    padding: 0 .5em 0 .5em;
}

ul.form {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.form li {
    margin: .5em 0 .5em 0;
    height: 1%;
}

ul.form label {
    display: block;
    font-weight: bold;
}

ul.form label.checkbox {
    display: inline;
    font-weight: normal;
    cursor: pointer;
}

ul.form {
    margin-left: 1em;
}

fieldset ul.form {
    margin-left: 0;
}

.compare-radio {
    text-align: center;
}

.compare-button-container {
    text-align: right;
}

/* user profile form */
form.profile fieldset input {
    width: 20em;
}

/* textblock editor */
form#form_wikiedit textarea#form_text {
    width: 100%;
    height: 25em;
    font-family: monospace;
    font-size: 1em;
}

form#form_wikiedit input#form_title {
    width: 100%;
    font-size: 1.2em;
    padding: .2em;
}

/* task editor */
/*form.task li#field_title, form.task li#field_author, form.task
li#field_source {
    float: left;
    margin-right: 1em;
}

form.task li#field_content {
    clear: both;
}

form.round li#field_tasks select {
    width: 20em;
}*/

/* Diff */
.diff {
    font-family: monospace;
    border: #999988 solid 1px;
    margin-bottom: 1em;
}

.diff .deleted {
    background-color: #FFDDDD;
    border: #CC0000 solid 1px;
    display: block;
}

.diff .added {
    background-color: #DDFFDD;
    border: #00AA00 solid 1px;
    display: block;
}

.diff .normal {
    display: block;
}
.diff pre {
    margin: .2em .2em;
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.diff del {
    background-color: #EE9999;
    text-decoration: none;
}

.diff ins {
    background-color: #99EE99;
    text-decoration: none;
}

.prev_diff {
    /*float: left;*/
}

.next_diff {
    float: right;
}

.swap_diff {
    float: right;
    margin: 0.5em;
}

/* Wiki text block */
.wiki_text_block {
/*    max-width: 600px;*/
}

.wiki_text_block a.wiki_link_external {
    color: #549DC6;
    background: transparent url(../images/external.png) scroll center right;
    background-repeat: no-repeat;
    padding-right: 13px;
}

.wiki_text_block a.wiki_link_missing {
    color: red;
}

.wiki_text_block ul, .wiki_text_block ol {
    line-height: 1.5em;
    margin: 0 .5em .5em 2em;
}

.wiki_text_block ul {
    list-style-type: square;
}

.wiki_text_block ul li, .wiki_text_block ol li {
    margin: 0;
}

.wiki_text_block p {
    margin-top: 0.85em;
    margin-bottom: 0.85em;
}

.wiki_text_block ol {
    margin-top: 1em;
}

.wiki_text_block table {
    margin: .5em;
    line-height: 2em;
    width: 99%; /* IE FIX */
}

/* layout table */
.wiki_text_block table.layout th, .wiki_text_block table.layout td {
    width: 50%;
    vertical-align: top;
    border: none;
    padding: 0 .3em 0 .3em;
    padding-right: 5%;
    text-align: left;
}

.wiki_text_block table.layout th {
    font-family: Georgia, "Times New Roman", Times, serif;
    font-size: 13pt;
    font-weight: normal;
    background-color: white;
}

/* layout table with 3 columns */
.wiki_text_block table.layout3 th, .wiki_text_block table.layout3 td {
    width: 30%;
    vertical-align: top;
    border: none;
    padding: 1em;
    text-align: left;
}

.wiki_text_block table.layout3 th, .wiki_text_block table.layout3 p.title {
    font-family: Arial, Tahoma, sans-serif;
    font-size: 1.3em;
    font-weight: normal;
    background-color: white;
}

.wiki_text_block .compact {
    width: auto;
}

.wiki_text_block .compact td, .wiki_text_block .compact th {
    padding: .2em;
}

/* table of contents */
.wiki_text_block ul.toc {
    width: 15em;
    margin-left: 0px;
    border: 1px solid #AAAAAA;
    background-color: #F9F9F9;
    padding: 0.5em;
}

.wiki_was_modified {
    background-color: #ffa;
    color: black;
    margin: 1em auto 1em auto;
    padding: .5em .5em .5em 24px;
    border: 1px solid olive;
    background-image: url('../images/icons/notice.gif');
    background-position: 4px 50%;
    background-repeat: no-repeat;
}

.toc li {
    list-style-type: none;
    font-size: 11px;
    line-height: 1.3em;
}

/* vertical menu */
.vmenu {
    float: right;
    border: 1px solid silver;
    width: 13em;
    margin: .5em;
    padding: .5em;
    background-color: #f0f0f0;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.vmenu li {
    margin-left: 1em;
    list-style-type: none;
}

.vmenu li.section {
    margin-left: 0;
    font-weight: bold;
}

.vmenu br {
    display: none;
}

.vmenu li a {
    display: block;
    width: 98%;
    padding-left: .4em;
}

.vmenu li a:hover {
    background-color: #006699;
    color: white;
    text-decoration: none;
}

.vmenu li a:visited {
}

/* horizontal tabs */
ul.htabs {
    padding: 0.9pt 3pt;
    margin: 1.5em 0 1em 0;
    border-bottom: 1px solid #778;
    font-weight: bold;
}

.htabs li {
    list-style: none;
    margin: 0;
    display: inline;
}

.htabs li a {
    padding: 3px 0.5em;
    border: 1px solid #778;
    border-bottom: none;
    background: #DED;
    text-decoration: none;
}

.htabs li a:link { color: #484; }
.htabs li a:visited { color: #676; }

.htabs li a:hover {
    color: #000;
    background: #AEA;
    border-color: #272;
}

.htabs li.active a {
    background: white;
    border-bottom: 1px solid white;
    text-decoration: underline;
}

/* horizontal tabs, level 2 */
ul.htabs-2 {
    padding: 0.9pt 3pt;
    margin: 1.5em 0 1em 0;
    border-bottom: 1px solid #778;
    font-weight: bold;
    font-size: .9em;
    width: 60%;
}

.htabs-2 li {
    list-style: none;
    margin: 0;
    display: inline;
}

.htabs-2 li a {
    padding: 3px 0.5em;
    border: 1px solid #778;
    border-bottom: none;
    background: #DDD;
    text-decoration: none;
}

.htabs-2 li a:link { color: #000; }
.htabs-2 li a:visited { color: #333; }

.htabs-2 li a:hover {
    color: #000;
    background: #AAA;
    border-color: #272;
}

.htabs-2 li.active a {
    background: white;
    border-bottom: 1px solid white;
    text-decoration:underline;
}

.job-status-skipped {
    color: #555;
}
/* Job details */
.job {
    width: 100%;
}

.job td, .job th {
    padding: .1em .3em .1em .3em;
    margin: 0;
    vertical-align: middle;
    height: 2.3em;
}

.job th {
    width: 7em;
    font-weight: bold;
    background-color: lightgray;
}

/* job eval tests */
.job-eval-tests {
    font-family: monospace;
}

.job-eval-tests td, .job-eval-tests th {
    border: 1px solid silver;
    vertical-align: middle;
    padding: .1em;
}

.job-eval-tests tr.odd td {
    background-color: white;
}

.job-eval-tests tr.even td {
    background-color: #ddd;
}

.job-eval-tests th {
    font-weight: bold;
    background-color: white;
    background-color: lightgray;
    padding: .1em;
}

.total_score {
    font-weight: bold;
}

/* job eval log */
.job-eval-log {
    display: block;
    font-family: monospace;
    font-size: 1.1em;
    white-space: pre;
}

/* Tasks table */
table.tasks {
    line-height: 2em;
}

/* Basic table css */
table {
    border-collapse: collapse;
}

table td, table th {
    border: 1px solid #aaa;
    padding-left: 0.5ex;
    padding-right: 0.5ex;
}

/* For highlighting fixes */
pre code table td, pre code table th {
    border: 0px;
}

td.hljs-ln-numbers {
    text-align: right;
}

td.hljs-ln-code {
    padding-left: 5px !important;
}

.hljs {
    background: #fff !important;
}

tr.odd td {
}

tr.even td {
    background-color: #f0f0f0;
}

th {
    background: #ddd;
}

/* inline task submit form */
.inlineSubmit ul.form {
    background-color: #f6f6f6;
    padding: 5px;
    margin: 0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.inlineSubmit .form li {
    display: inline;
    list-style-type: none;
    margin: 5px;
    padding: 0;
}

.inlineSubmit .form input, .inlineSubmit .form label {
    display: inline;
}

.inlineSubmit #form_compiler {
    width: 7em;
}

.inlineSubmit #form_round {
    width: 9em;
}

/* reeval form */

.reeval {
    float: right;
}

/* gallery macro */
.gallery {
}

.gallery .images a {
    margin: 5px;
    display: block;
    width: 134px;
    height: 84px;
    float: left;
    text-align: center;
    border: 2px solid white;
    background-color: #f0f0f0;
}

.gallery .images img {
    margin: 2px;
}

.gallery .pager {
    display: block;
    clear: left;
}

.gallery .images a:hover {
    border: 2px solid black;
    background-color: white;
}

/* task statement example */
table.example td {
    font-size: 1em;
    font-family: monospace;
    line-height: 1.5em;
    vertical-align: top;
    padding: .5em;
    white-space: nowrap;
}

/* wiki style sheets */
p.pre {
    white-space: pre;
    font-family: monospace;
    line-height: 1.5em;
    margin: 0;
}

p.pre br {
    display: none;
}

table.numbers td, table.numbers th {
    text-align: right;
}

/* User badges */
.tiny-user {
    height: 24px;
}

.tiny-user a {
    text-decoration: none;
}

.tiny-user .username {
    font-weight:bold;
}

.tiny-user img {
    border:1px solid #D8D6CB;
    background:#fff;
    display:inline;
    vertical-align:middle;
    margin:3px;
}

div.normal-user {
    height: 48px;
    line-height: 1.5em;
}

div.normal-user .username {
    font-weight:bold;
}


div.normal-user img {
    border:1px solid #D8D6CB;
    background:#fff;
    display:block;
    float:left;
    margin:7px;
}

/* monitor */
table.monitor {
    width: 99%; /* Fix IE */
    margin: .5em auto 2em auto;
}

/* task list */
.tasks td.score, .tasks th.score {
    width: 10%;
    padding-right: 4pt;
}
.tasks td.score {
    font-size: .7em;
    color: gray;
}
.tasks td.task {
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: 3px center;
}
.tasks td.number {
    Width: 5%;
}
.tasks td.rating {
    padding-left: 4px;
    width: 10%;
    font-size: .7em;
    color: gray;
}
.tasks tr.solved td.task {
    background-image: url('../images/icons/task_solved.gif');
}
.tasks tr.tried td.task {
    background-image: url('../images/icons/task_tried.gif');
}
.tasks tr.tried td.score, .tasks tr.solved td.score {
    color: black;
    font-size: 1em;
}

/* rankings */
td.rank, th.rank {
    width: 2em;
}
td.rating, th.rating {
    width: 2em;
}

/* pager (paginator) */
.pager a, .pager strong {
    padding: .1em .3em .0em .3em;
}
.pager a:hover {
    background-color: silver;
}
.pager .count {
    font-size: small;
}

.pager .entries-per-page {
    float: right;
    font-size: small;
    height: 15px;
}

/* user count */
.user-count {
    margin-top: 1em;
    margin-left: 1.2em;
    text-align: left;
    color:#6A6A6B;

}

/* task enumeration */
.task_enum {
    font-size: .9em;
}

/* round registration */
.round-register, .round-registered, .round-expired {
    width: 50%;
    padding: 0 1em;
    background-color: #fff;
}

.round-registered {
    border: 2px solid silver;
}

.round-register {
    background-color: #ffa;
    border: 2px solid red;
}

.round-expired {
    border: 2px solid silver;
}

.round-register a {
    margin: 0 .5em 0 .5em;
}

table.registered-users {
    width: 99%;
}

/* calendar */

.calendar {
    border: 1px solid #cccccc;
    background: url(../images/date.png) no-repeat top left;
    width: 180px;
    padding-left: 0.3ex;
    padding-right: 0.3ex;
    line-height: 1.2em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.calendar .date {
    font-size: 8pt;
    font-weight: bold;
    margin-top: 4pt;
}
.calendar .header {
    text-align: center;
    font-weight: bold;
    padding-top: 2pt;
    padding-bottom: 3pt;
    border-bottom: 1px solid #cccccc;
}

.calendar a {
    color: #6a6a6b;
}

.calendar .header img {
    vertical-align: middle;
}

.calendar .event {
    font-size: 8pt;
}

/* quote */
.quote {
    border: 1px solid #000000;
    color: #000000;
    font-size: x-small;
    padding: 0.25em;
}

/* comment thread */
.comments {
    padding: 1em;
}

.comment {
    margin: 1em 0 1em 0;
    padding: 0.1em;
}

.comment .timestamp {
    display: block;
    font-size: .85em;
    float: right;
}

.comment .body {
    margin: .5em;
    padding: .5em;
}

.comment .header {
    border-bottom: 1px solid #f0f0f0;
    background-color: #f6f6f6;
    padding: .2em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.comments .comment-author {
    border: 2px solid green;
}

.comments .comment-author .header {
    background-color: #e7ffe7;
    border-bottom: 1px solid green;
}

.comments .toolbar {
    margin: 1em 0 1em 0;
    padding: .75em;
    background-color: #f6f6f6;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.comments .toolbar a {
    font-weight: bold;
}

.banner {
    border: 0pt none;
    background-color: rgb(210, 244, 219);
    padding: 0.3em;
    display: table;
    width: 99%;
    margin: 0em auto;
    text-align: center;
    line-height: 2em;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.report {
    background: url(../images/report.png) no-repeat scroll center left;
    float: right;
    padding-left: 2em;
}

.picture-box {
    font-size: .85em;
    padding: 5px;
    border: 1px solid gray;
    margin: 0 1em 1em 0;
    float: left;
}

.picture-box img {
    border: 1px solid silver;
    display: block;
    margin-bottom: 5px;
}

/* OKRs */

ul.okr > li:before {
    content: "O: ";
    font-weight: bold;
}

ul.okr > li li:before {
    content: "KR: ";
    font-weight: bold;
}

ul.okr li {
    list-style: none;
}

ul.okr .comment {
    display: block;
    margin: 0 0 0 2em;
    color: gray;
}

/* newsletter preview */

#newsletter_preview {
    width: 95%;
    height: 600px;
    border: none;
}

/* Round status icons */
.round-complete, .round-waiting, .round-running {
    width: 16px;
    height: 16px;
    display: block;
}

.round-complete {
    width: 14px;
    height: 11px;
    background: url("../images/complete.gif");
}

.round-waiting {
    background: url("../images/hourglass.png");
}

.round-running {
    background: url("../images/run.png");
}

.submit-warning {
    color: red;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Task algorithm tags page */
.task-tag-actions {
    margin: 0.5em;
}
ul.task-tag-actions li {
    display: inline;
}

.tag-table .tag-task-count {
    width: 20%;
}
.tag-table .tag-operations {
    width: 25%;
}

/* Task filter by tag page */
.filter_results {
    line-height: 2em;
}

ul.tag_filters {
    line-height: 1.5em;
    margin: 0 .5em .5em 2em;
}

/* Proper Security UI */
.security_show {
    display: inline;
    margin-left: 0.5em;
}

.security_hide {
    display: none;
}

/* Show new feature indicator */
.new_feature:after {
    color: red;
    font-weight: bold;
    content: "nou!";
    font-size: 10px;
    vertical-align: super;
}

/* Sort tables */
.hidden {
    display: none;
}

/* Show pointer cursor on sortable table headers */
table.sortable th {
    cursor: pointer;
}

/* Make social buttons appear on the right */
div.social_buttons {
    float:right;
    margin: 5px;
    height: 65px;
}

/* Make form tables have no border */
table.form {
    width: 100%;
}
table.form td {
    border: 0px;
}

/* Selected filters div for task filtering */
.vertical-align-wrapper {
}

#selected-filters-wrapper.vertical-align-wrapper {
    width: 100%;
    height: 30px;
    text-align: center;
}

#selected-filters {
    width: 70%;
    height: 30px;
    background: #171717;
    border: solid 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;

    margin: auto;
    margin-top: 10px;

    -webkit-box-shadow: 0px 2px 3px #555;
    text-shadow: 0px 2px 3px #171717;

}

#selected-filters a {
    color: #555;
    font-size: 14px;
    line-height: 30px;
    font-family: monospace;
    text-shadow: 0px 2px 3px #171717;

    transition: color 0.1s ease-in;
    -webkit-transition: color 0.1s ease-in;
}

#selected-filters a:hover {
    text-decoration: none;
    color: #fff;
}

/* Menu for task filtering */
#task-filter-menu {
    margin-top: 30px;
    position: relative;
    text-align: center;

    width: 200px;
    height: 100%;
    float: left;
}

#task-filter-menu ul {
    margin-bottom: 50px;
    list-style: none;
}

.mainmenu li {
    position: relative;
}

.mainmenu li a {
    border: solid 1px #699A0A;
    background-color: #BAD48A;
    display: block;
    text-align: left;
    width: 200px;
    padding: 2px;
    height: 26px;
    font-family: monospace;
    color: #555;
    text-shadow: 0px 2px 3px #BAD48A;
    line-height: 26px;

    transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
}

.mainmenu li+li a {
    border-top: solid 1px #fff;
}


.mainmenu li a:hover {
    background-color: #699A0A;
    text-decoration: none;
    color: #fff;
    text-shadow-color: #699A0A;
}

/* Just some round corners, won't work in IE < 9 but it's okay*/
.mainmenu > li:first-child > a {
     border-top-left-radius: 10px;
    -webkit-border-top-left-radius-t: 10px;
    -moz-border-top-left-radius: 10px;
}

/* Now the submenus */
.submenu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    z-index: 100;
    top: 0px;
    left: 206px;

    transition: visibility 0s ease-in 0.2s, opacity 0.2s ease-in;
    -webkit-transition: visibility 0s ease-in 0.2s, opacity 0.2s ease-in;
    -moz-transition: visibility 0s ease-in 0.2s, opacity 0.2s ease-in;
    -o-transition: visibility 0s ease-in 0.2s, opacity 0.2s ease-in;
}

.submenu li a{
    width: 250px;
    border-left-color: #fff;
}

li:hover > ul.submenu {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
}

/* Help for task filtering */
#task-filter-help {
    text-align: center;
    width: 100%;
    height: 20px;
}

#task-filter-help div {
    display: inline-block;
    vertical-align: middle;
    border: solid 1px #699A0A;
    background-color: #BAD48A;
    width: 20px;
    height: 20px;
    margin-left: 20px;

    transition: background-color 0.2s ease-in;
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
}

#task-filter-help div:hover {
    background-color:  #699A0A;
}

li.selected-filter > a, #task-filter-help div.selected-filter {
    background-color: #E86C6C;
}

li.selected-filter > a:hover, #task-filter-help div.selected-filter:hover {
    background-color: #C12425;
}

li.sub-selected-filters > a, #task-filter-help div.sub-selected-filters {
    background-color: #72ADE8;
}

li.sub-selected-filters > a:hover,
#task-filter-help div.sub-selected-filters:hover {
    background-color: #2285E8;
}

li.selected-filter.sub-selected-filters > a,
#task-filter-help div.selected-filter.sub-selected-filters {
    background-color: #B6A8E8;
}

li.selected-filter.sub-selected-filters > a:hover,
#task-filter-help div.selected-filter.sub-selected-filters:hover {
    background-color: #896EE8;
}

/* Task filtering table */
#task-filter-table {
    display: block;
    margin-left: 200px;
    padding: 10px;
}

.skip-job {
    float: right;
}

.skip-job input {
    display: inline;
}

.skip-job-link {
    cursor: pointer;
}