/*

AUTHORS

 Copyright (C) 2010 Dmitry E. Oboukhov <unera@debian.org>
 Copyright (C) 2010 Roman V. Nikolaev <rshadow@rambler.ru>

LICENSE

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 3 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  MERCHANTABILITY  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, see <http://www.gnu.org/licenses/>.

*/

/* This file contain styles for Prop frame */

/********************************************************************* Global */
body {
    background-color: white;
    color: WindowText;
    font-size: 10pt;
    font-family: sans;
    padding: 0px;
    margin: 0px;
}

div.message {
    clear: both;
    width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    text-align: center;
    vertical-align: middle;
}

h4 {
    white-space: nowrap;
    margin: 2px;
}

div.properties a,
div.properties a:visited {
    color: WindowText;
    text-decoration: none;
}

div.properties a:hover {
    color: WindowText;
    text-decoration: underline;
}

/*********************************************************** List alternation */
div.properties table tbody tr.odd td.path,
div.properties table tbody tr.odd td.url,
div.properties table tbody tr.odd td.address {
}

div.properties table tbody tr.even td.path,
div.properties table tbody tr.even td.url,
div.properties table tbody tr.even td.address {
    background-color: #f0f0f0;
}

/****************************************************************** Hover row */

div.properties table tbody tr:hover td.size,
div.properties table tbody tr:hover td.percent,
div.properties table tbody tr:hover td.chunks,
div.properties table tbody tr:hover td.priority,
div.properties table tbody tr:hover td.client,
div.properties table tbody tr:hover td.flag,
div.properties table tbody tr:hover td.down_speed,
div.properties table tbody tr:hover td.up_speed,
div.properties table tbody tr:hover td.peer_rate,
div.properties table tbody tr:hover td.down_total,
div.properties table tbody tr:hover td.up_total,
div.properties table tbody tr:hover td.peer_total,
div.properties table tbody tr:hover td.enabled,
div.properties table tbody tr:hover td.interval,
div.properties table tbody tr:hover td.last_update {
    background-color: #f0f0f0;
}

/********************************************************** Percent indicator */
div.properties table tbody td.percent div.indicator
{
    width: 100%;
    border: 1px Highlight solid;
    height: 4px;
    min-height: 4px;
    min-width: 100%;
    max-width: 100%;
}

div.properties table tbody td.percent div.percent{
    background-color: InfoBackground;
    border-right: 1px Highlight solid;
    height: 100%;
    min-height: 100%;
    min-width: 0%;
    max-width: 100%;
}

/********************************************************************* Inlays */
div.inlays {
    background-color: Menu;
    color: MenuText;
    clear: both;
    float: left;
    border-bottom: 1px ThreeDShadow solid;
    width: 100%;
    position: fixed;
    z-index: 1;
}

div.item {
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: pointer;
}

div.item.selected {
    color: HighlightText;
    background-color: Highlight;
}

input.inlays {
    width: 24px;
    height: 24px;
    border: none;
    background-color: Menu;
    background-repeat: no-repeat;
}

input.inlays.priority.off {
    background-image: url("panel/off.png");
}

input.inlays.priority.low {
    background-image: url("panel/low.png");
}

input.inlays.priority.normal {
    background-image: url("panel/normal.png");
}

input.inlays.priority.high {
    background-image: url("panel/high.png");
}

/***************************************************************** Properties */
div.properties {
    clear: both;
    float: left;
    width: 100%;

    top: 27px;
    position: relative;
    z-index: 0;
}

div.properties table {
    width: 100%;
}

/******************************************************************* Priority */
div.priority {
    float: right;
}

/***************************************************************** Wiki Links */
div.image.question {
    background-position: top left;
    background-image: url("status/question.png");
    background-repeat: no-repeat;
    width: 16px;
    height: 16px;
    float: left;
    margin-left: 5px;
}

a.question {
    float: left;
}