/*
 *  brisk - room.css
 *
 *  Copyright (C) 2006-2012 Matteo Nastasi
 *                          mailto: nastasi@alternativeoutput.it
 *                                  matteo.nastasi@milug.org
 *                          web: http://www.alternativeoutput.it
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABLILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * General Public License for more details. You should have received a
 * copy of the GNU General Public License along with this program; if
 * not, write to the Free Software Foundation, Inc, 59 Temple Place -
 * Suite 330, Boston, MA 02111-1307, USA.
 *
 */

a.flat:link {
    color: RGB(255, 174,0);
    line-height: 20px;
    text-decoration: none;
}

a.flat:visited {
    color: RGB(255, 174,0);
    line-height: 20px;
    text-decoration: none;
}

a.flat:hover {
    color: RGB(255, 174,0);
    line-height: 20px;
    font-weight: bold;
    text-decoration: none;
}



body.* {
    margin: 0px;
    padding: 0px;
}

div.container {
    position: relative;
    width:100%;
    margin:0px;
    padding: 0px;
}

div.header {
    align: center;
    text-align: center;
    font-size: 100%;
    clear:left;
}

div.topmenu {
    width:94px;
    margin:0;
    text-align: center;
    align: center;
    font-size: 85%;
    padding: 2px 2px 0 2px;
}

div.proaudio {
    border: 1px solid gray;
    background-color: RGB(246,246,246);
    text-align: center;
    align: center;
    font-size: 85%;
    padding: 4px;
    margin: 4px;
}

div.tables {
    margin-left:100px;
    padding:4px;
}

div.bottom {
    position: relative;
    top: -13px;
    align: center:
    text-align: center;
    padding:2px;
    clear:left;
}

div.room_tit {
    position: relative;
    align: left;
    text-align: left;
    margin: 0px;
    padding: 6px;
}

span.room_titin {
    position: relative;
    left: 6px;
    top: 6px;
    z-index: 20;
    background-color: white;
}

table.floaty {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
    padding: 0px;
}

table.floaty td {
    align: center;
    text-align: center;
    vertical-align: top;
}

table.placings {
    border-spacing: 8px;
    margin: 0px;
    width: 100%;
}

table.placings td
{
    border: 1px solid gray;
    padding: auto;
    margin: auto;
    vertical-align: top;
    text-align: center;
}

table.placing {
    background-image: url('img/brisk-bg-light.png');
    background-attachment: fixed;

    border: 1px solid gray;
    border-collapse: collapse;
    border-spacing: 0px;
    margin: auto;
}

table.placing th {
    border: 1px solid gray;
    text-align: right;
    padding: 8px;
    min-width: 50px;
}

table.placing th span {
    font-weight: normal;
    float: left;
}

table.placing td {
    border: 1px solid gray;
    text-align: center;
    padding: 4px;
}

table.floaty td.floatyleft {
    width: 100px;
}

table.macro {
    border-spacing: 0px;
    align: center;
    width: 100%;
    padding: 0px;
}
	
table.macro td {
    align: center;
    text-align: center;
}

div.room_tab {
    height: 346px;
    margin-left: auto;
    margin-right: auto;
    min-width: 680px;
    max-width: 900px;
    overflow: auto;
}

table.room_tab {
    width: 100%;
    border-collapse: separate;
    border-spacing: 4px;
    border-style: none;
}

table.room_tab td {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    background-image: url('img/brisk-bg-light.png');
    background-attachment: fixed;

    width: 25%;
    height: 120px;
    vertical-align: top;
    border: 1px solid gray;
 }



div.room_div {
    position: relative;
}

div.table_act {
    position: absolute;
    align: right;
    text-align: right;
    width: 100%;
    right: 4px;
    top:   2px;
}


div.room_standup {
    position: absolute;
    vertical-align: "top";
    top:   26px;
    width: 100%;
    height: 80px;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    clip: auto;
}

table.room_standup {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    position: relative;
    width: 100%;
    border: 1px solid gray;
    border-spacing: 0px;
    padding: 0px;

    background-image: url('img/brisk-bg-light.png');
    background-attachment: fixed;
}

table.room_standup td {
    position: relative;
    border: 0px none gray;
    vertical-align: top;
    align: left;
 }

table.login {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;

    margin: auto;
    border: 1px solid gray;
    margin-top: 8px;

    background-image: url('img/brisk-bg-light.png');
    background-attachment: fixed;
 }

table.login td {
    padding: 4px;
    vertical-align: middle;
 }


div.room_ex_standup {
    position: relative;
    height: 106px;
    align: left;
    text-align: left;
    padding: 0px;
    overflow: hidden;
}

table.table_standup {
    border-spacing: 0px;
    width: 100%;
    margin: 0px;
    padding:0px;
}

table.table_standup td {
    width: 25%;
    text-align: center;
    align: center;
    padding: 0px;
    margin: 0px;
}

div.esco {
    position: absolute;
    text-align: right; 	
    top:  2px;
    right: 4px;
    z-index: 20;
}

.chatt {
    height: 100px;
    overflow: auto;
    border: 1px solid gray;
    vertical-align: text-bottom;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-image: url('img/brisk-bg-light.png');
    background-attachment: fixed;
}

.txtt {
    position: relative;
    top: 2px;
}

.urgmsg {
    text-align: center;
}

.proxhr {
    position: relative;
    top:  2px;
    width: 100%;
    align: center;
    text-align: center;
}

.webstart_hilite {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background: #ffd780;
    border: 1px solid #ffae00;
    padding: 6px;
    text-align: center;
}

.webstart {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    position: absolute;
    background-color: white;
    left: 80px;
    z-index: 50;
    visibility: hidden;
    border: 1px solid gray;
    text-align: left;
    width: 100px;
    padding: 8px;
}

.webstart a:link {
    color: black;
    line-height: 20px;
    text-decoration: none;
}

.webstart a:visited {
    color: black;
    line-height: 20px;
    text-decoration: none;
}

.webstart a:hover {
    color: RGB(255,174,0);
    line-height: 20px;
    text-decoration: none;
}

.sidebanner {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    /* Top Right Bottom Left */
    margin: 4px auto 0px auto;
    position: relative;
    align: center;
    text-align:center;
    background-color: #f8f8f8;
    padding: 4px;
    border: 1px solid #000000;
}

.topbanner {
    position: relative;
    align: center;
    text-align:center;
    background-color: #f8f8f8;
    padding: 4px;
    border: 1px solid #000000;
}

.topbanner a:link {
    color: black;
    line-height: 16px;
    text-decoration: none;
}

.topbanner a:visited {
    color: black;
    line-height: 16px;
    text-decoration: none;
}

.topbanner a:hover {
    color: RGB(255,174,0);
    line-height: 16px;
    text-decoration: none;
}

.train {
    position: absolute;
    border: 0px solid blue;
    visibility: hidden;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 50px;
    z-index: 10;
}

.wagon {
    position: absolute;
    background-color: white;
    border: 1px solid green;
    cursor: pointer;
    left: 0px;
    top: 2px;
    font-size: 85%;
    font-weight: bold;
    padding: 4px;
    z-index: 10;
}

.wagon_disable {
    position: absolute;
    background-color: #aaaaaa;
    border: 1px solid green;
    cursor: default;
    left: 0px;
    top: 2px;
    font-size: 85%;
    font-weight: bold;
    font-color: #999999;
    padding: 4px;
}

.wagon_disable2 {
    position: absolute;
    cursor: default;
    background-color: #555555;
    border: 1px solid green;
    left: 0px;
    top: 2px;
    font-size: 85%;
    font-color: #333333;
    padding: 4px;
}

.notebox {
    background-color: #ffffff;
    border: 1px solid red;
    padding: 4px;
    position: absolute;
    visibility: hidden;
}

.room_standup_orig {
    position: absolute;
}

td.tickbut {
    visibility: hidden;
    width: 0px;
    text-align: left;
    vertical-align: top;
    padding: 0px;
}

img.tickbut {
    border: 0px solid black;
    cursor: pointer;
    margin-top:4px;
}

span.id_usr {
    cursor: pointer;
}

table.info {
    margin: auto;
    border-collapse: collapse;
}

table.info td {
    border-top: 1px solid grey;
    padding: 6px;
    width: 25%;
}

table.info td.triple {
    border-top: 2px solid #000000;
}

table.info td.head span.title {
    cursor: help;
}

table.info td.head span {
    font-weight: bold;
}

table.info td.data {
    background-color: white;
}
table.info td.data span {
    text-align: left;
    font-style: italic;
}

table.info table.fiverank {
    border-collapse: collapse;
    margin: auto;
}

table.info table.fiverank td {
    border-top: 0px;
    padding: 0px 0px 0px 0px;
    text-align: center;
    vertical-align: middle;
    width: 20%;
}

table.info table.fiverank td.c1t {
    padding-top: 4px;
    background-color: #ffabab;
}
table.info table.fiverank td.c2t {
    padding-top: 4px;
    background-color: #ffd3ab;
}
table.info table.fiverank td.c3t {
    padding-top: 4px;
    background-color: #fffcab;
}
table.info table.fiverank td.c4t {
    padding-top: 4px;
    background-color: #d4f4ab;
}
table.info table.fiverank td.c5t {
    padding-top: 4px;
    background-color: #abecab;
}

table.info table.fiverank td.c1b {
    padding-bottom: 4px;
    background-color: #ffabab;
}
table.info table.fiverank td.c2b {
    padding-bottom: 4px;
    background-color: #ffd3ab;
}
table.info table.fiverank td.c3b {
    padding-bottom: 4px;
    background-color: #fffcab;
}
table.info table.fiverank td.c4b {
    padding-bottom: 4px;
    background-color: #d4f4ab;
}
table.info table.fiverank td.c5b {
    padding-bottom: 4px;
    background-color: #abecab;
}

table.info td.info-opt {
    border-top: 0px;
    padding: 0px 4px 4px 4px;
    }

table.info td.b-right {
    border-right: 1px solid grey;
    }

table.info td.noborder {
    border-top: 0px;
    }

table.info td.le {
    padding-left: 8px;
    }

table.info td.ro {
    padding-right: 8px;
    }

body.explain h1 {
    font-size: 200%;
    background-color: #fafafa;
}

body.explain h2 {
    font-size: 180%;
    background-color: #fafafa;
}

body.explain h3 {
    font-size: 160%;
    background-color: #fafafa;
}

body.explain h4 {
    font-size: 140%;
    background-color: #fafafa;
}

body.explain h5 {
    font-size: 120%;
    background-color: #fafafa;
}