/* Setup defaults since variable in browsers
----------------------------------------------- */
body, div, span, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset {
    margin: 0;
    padding: 0;
}

a, a:visited, a:active {
    /*color: #7C8C60*/
    color: black;
}

/* Element Defaults
----------------------------------------------- */
html {
    height: 100%;
    background-color: #DBD4C6;
    
}

img {
    border: 0;
}
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: small;
    line-height: 1.25em;
    color: #362F2D;
    position: relative;
    width: 99%;
/*    width: 1000px; */
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.label {
    font-weight: bold;
    color: #5E5147;
}
input {
    border: 1px solid #C3BBB6;
    padding: 4px;
    margin: 5px 0;
    background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
}
select {
    border: 1px solid #C3BBB6;
    padding: 4px;
    margin: 5px 0;
    background: #fff url(../img/input.bg.gif) 0 0 repeat-x;
}
ol, ul {
    margin: 10px 0px 10px 6px;
}
li {
    margin: 10px 12px;
}
fieldset {
    border: 0;
}

#packet table {
    width:  200px;
}

#packet td.answer {
    width:  25px;
    height: 25px;
}

#packet td.user {
    width:  200px;
}

#packet td.answer s:link {
    display:    block;
    width:      100%;
    height:     100%;
    padding:    0px;
}

#packet td.answer a {
    display:    block;
    width:      25px;
    height:     25px;
    padding:    0px;
}

.answer-type table {
    width: 25px;
    background: green;
}
.answer-type table td {
    width: 25px;
    padding: 0px;
    margin: 0px;
    border: 0px none;
}

/* Layout
----------------------------------------------- */
#document {
    padding: 0 1px;
    /* background: #fff url(../img/bg.gif) 0 0 repeat-y; */
    float: left;
    width: 100%;
    border-bottom: 1px solid #C3BBB6;
}
#header {
    float: left;
    width: 100%;
/*    width: 1000px; */
    height: 46px;
    background: url(../img/hdr.bg.gif) 0 0 repeat-x;
}
#container {
    float: left;
    width: 100%;
/*    width: 1000px; */
    background: url(../img/hdr.bar.jpg) 0 0 repeat-x;
}

#content {
    float: left;
    width: 100%;
/*    width: 1000px; */
    margin-top: 75px;
    padding-top: 5px;
    padding-bottom: 40px;
    background: #fff url(../img/cnt.bg.gif) 0 0 repeat-x;
}
#footer {
    clear: both;
    margin-top: 0px;
    float: left;
    /* padding: 20px; */
    border-top: 1px solid #C3BBB6;
    background-color: #fff;
    width: 100%;
/*    width: 960px; */
    text-align: right;
}
/* General
----------------------------------------------- */
input[type="submit"], input[type="button"] {
    /*
    font-weight: bold;
    color: #fff;
    border: 1px solid #5D1414;
    height: 26px;
    background: #fff url(../img/btn.bg.gif) 0 0 repeat-x;
    border-style: none;
    */
    font-family: Tahoma;
    font-size: 10px;
    text-transform: uppercase;
    color: #fff;
    padding: 2px 5px 2px 5px;
    background: #A4B97F;
    border: 1px solid #A4B97F;
    font-style: normal;
    font-weight: normal
}

input[type="submit"]:hover, input[type="button"]:hover { background: #7C8C60; text-decoration: none; border: 1px solid #434C34; }

#perform input[type="submit"], #perform input[type="button"] {
    background: #4E577C;
    border: 1px solid #4E577C;
}

#task input[type="submit"], #perform input[type="button"] {
    background: #4E577C;
    border: 1px solid #4E577C;
}

#perform input[type="submit"]:hover, #perform input[type="button"]:hover { background: #303A67; text-decoration: none; border: 1px solid #434C34; }

#perform a, #perform a:visited, #perform a:active { color: #004 }

input.login, input.login:hover {
    font-weight: bold;
    color: #fff;
    border: 1px solid #5D1414;
    height: 26px;
    background: #fff url(../img/btn.bg.gif) 0 0 repeat-x;
    border-style: none;
    text-transform: none;
}

.center {
    text-align: center;
}
.entry {
    clear: both;
    padding-top: 10px;
}
.entry .label {
    float: left;
    padding-right: 5px;
    font-weight: bold;
    width: 150px;
    text-align: right;
}
.entry .output {
    float: right;
    width: 360px;
    padding-top: 10px;
    text-align: left;
}
.entry .input {
    float: right;
    width: 360px;
    text-align: left;
}
.entry .error {
    float: right;
    width: 360px;
    text-align: left;
}
/* Sidebar
----------------------------------------------- */
.notes {
    text-align: center;
    font-size: small;
}
.errors {
    font-size: small;
    font-weight: bold;
    text-align: center;
    /* color: #600; */
    color: orange;
}
.errors div {
    text-align: left;
}
.errors span {
    text-align: left;
}
.errors input {
    border: 1px solid #600;
}
.errors ul {
    list-style: none;
}
.buttonBox {
    text-align: center;
    padding: 5px 0;
    clear: both;
}
#sidebar p {
    font-size: small;
    color: #8B7869;
    line-height: 150%;
    padding-bottom: 10px;
}
#sidebar li {
    font-size: small;
    color: #8B7869;
}
#sidebar h1 {
    line-height: normal;
    font-weight: bold;
    font-size: small;
}
/*
#sidebar p:hover {
color: #362F2D;
}
*/
/* Content
----------------------------------------------- */
#content .section {
    text-align: left;
    width: 97%;
/*    width: 930px; */
    padding: 15px 15px 15px 15px;
}
#content .section h1 {
    font-family: "Trebuchet MS", Arial, sans-serif;
    line-height: normal;
    font-weight: normal;
    font-size: large;
}
#content .section p {
    line-height: 150%;
    padding: 10px 0;
    font-size: small;
}
#content table {
    width: 100%;
    border: 1px solid #D2C9C4;
    border-collapse: collapse;
}
#content table caption {
    padding-bottom: 6px;
    text-align: left;
    font-weight: bold;
}
#content table thead th {
    border-left: 1px solid #D2C9C4;
    background: #fff url(../img/th.bg.gif) 0 100% repeat-x;
    border-bottom: 1px solid #D2C9C4;
    padding: 6px;
    text-align: left;
    font-size: small;
}
#content table tbody td {
    border-left: 1px solid #E4DBD5;
    padding: 4px;
    border-bottom: 1px solid #D2C9C4;
    font-size: small;
}
#content dt {
    font-weight: bold;
    float: left;
    width: 33%;
}
#content dd {
    padding-left: 10px;
    float: left;
    width: 66%;
}
#content table.radio {
    border: 0px;
}
#content table.radio tbody tr td {
    border: 0px;
    border-left: 0px;
    border-bottom: 0px;
}
/* Header
----------------------------------------------- */
#title {
    float: left;
    /* padding: 1px 0 6px 15px; */
    padding-top: 14px;
    padding-left: 10px;
}
#status {
    color: #C7B299;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
    text-align: right;
    padding-top: 15px;
    padding-right: 15px;
    position: absolute;
    right: 10px;
}
#sform {
    color: #C7B299;
    float: right;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
    text-align: right;
    padding-top: 7px;
    padding-right: 15px;
    padding-bottom: 7px;
    position: absolute;
    right: 10px;
}
#status a {
    color: #C7B299;
    text-decoration: none;
}
/* Homepage Modifications
----------------------------------------------- 
#pgHome #container {
background: url(../img/hdr.ad.jpg) 0 0 repeat-x;
}
#pgHome #sidebar {
margin-top: 207px;
}
#pgHome #content {
margin-top: 183px;
}*/

th.actionColumn {
    width: 170px;
    text-align: right;
}

th.klasa2 {
    width: 50px
}

div.context {
    border: #aaa 1px dotted;
    background-color: #eee;
    margin-left: 10px;
    font-family: monospace;
    margin-right: 8px;
    padding: 10px;
}

.paragraphContext {
    /* font-style: italic;  -- zakomentowano -- mail MW 11-13-09 */
    color: gray;
    padding: 0px;
}

.sentenceContext {
    font-weight: bold;
    color: black
}

.subsentenceContext {
    color: red
}

/* Top_Nav */
/*<group=Navigation>*/

#tabs{
    border-left:1px solid #C3BBB6;
    border-bottom:1px solid #C3BBB6;
    border-right:1px solid #C3BBB6;
}

#nav {
    position: relative;
    padding: 1px 20px 0 20px;
    border-bottom: 1px solid #C3BBB6;
    line-height: normal;
    height: 25px;
    width: 758px;
}
#nav ul {
    margin: 0px;
    padding: 0px;
    position: absolute;
    margin-top: 1px;
    list-style: none;
    text-align: center;
}
#nav li {
    float: left;
    margin: 0px;
    margin-right: 2px;
    padding: 0 0 0 4px;
}

#nav li a { /*kolory naglowka listy tabs*/
    display: block;
    padding: 6px 20px 6px 16px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    color: #485E88;
}

#nav li.marked a {
    color: #E82E28;
}

#nav li a:hover {
    color: #990000;
}

#nav .current {
    border-bottom: 1px solid White;
    background: url(../img/nav.tab.left.gif) no-repeat left top;
}

#nav .current a {

    background: url(../img/nav.tab.right.gif) no-repeat right top;
}

#nav .current a {
    text-decoration: none;
}

/* --- GREY TABLES --- */

table.grey { border: 1px solid #D8D8D8;     border-left: 1px solid #D2C9C4; }
table.grey th { background: #9CA498; text-align: left; font-family: Tahoma; vertical-align: middle; padding: 5px 8px; color: #fff; font-weight: bold;     border-left: 1px solid #D2C9C4;}
table.grey th.strong { background: #ABB19B; font-weight: bold; }
table.grey td { background: #ECECEC; padding: 5px 8px; font-family: Tahoma; vertical-align: middle;     border-left: 1px solid #D2C9C4;}
/* table.grey td input.radio, table.grey td input.checkbox { background: #ECECEC } */
table.grey td .dim { color: #888 }
table.grey td.strong /*, table.grey td.strong input.radio, table.grey td.strong input.checkbox*/ { background: #EEEEDD; font-weight: bold; }
table.grey tr.strong td /*, table.grey tr.strong td input.radio, table.grey tr.strong td input.checkbox*/ { background: #D8D8D8; font-weight: bold; }
table.grey tr.strong td.strong /*, table.grey tr.strong td.strong input.radio, table.grey tr.strong td.strong input.checkbox*/ { background: #DEDECD; font-weight: bold; }
input.checkbox, input.radio { background: transparent }
table.grey tr.red td { background: #EDC1C1 }
table.grey tr.red td.strong { background: #F0CABE }
table.grey td.red { background: #EDC1C1 }
table.grey tr.strong td.red { background: #DFB6B6 }
table.grey tr.footnote td { background: #f2f2f2; border-top: 1px dashed #aaa; }
table.grey tr.footnote td.strong { background: #f4f4eb; }
table.grey tr.headnote td { background: #f2f2f2; border-bottom: 1px dashed #aaa; }
table.grey tr.headnote td.strong { background: #f4f4eb; }
table.grey tr.midnote td { background: #f2f2f2; border-top: 1px dashed #aaa; border-bottom: 1px dashed #aaa; }
table.grey tr.midnote td.strong { background: #f4f4eb; }

/* TITLEBARS */

/* Titlebars */
.titlebar {font-size: 93%; color: #555; padding: .5em 1em; margin: 0 0 .5em 0; position: relative; border: 1px solid #ccc; background: #fff url("../img/gloss_sm.png") repeat-x; }

.errorbar {font-size: 93%; color: #555; padding: .5em 1em; margin: 0 0 .5em 0; position: relative; border: 1px solid #ccc; background: #f96 url("../img/gloss_sm.png") repeat-x; }

.buttonbar {font-size: 93%; color: #555; padding: .5em 1em; margin: 0 0 .5em 0; position: relative; border: 1px solid #ccc; background: #111 url("../img/gloss_sm.png") repeat-x; }

/* MYTABLE */

#content table.mytab {
    width: 100%;
    border-left: none;
    border-right: none;
}

#content .mytab td {
    border-left: none;
    border-right: none;
}

#content .mytab tbody {
    border-left: none;
    border-right: none;
}

#content .mytab .col1 {
    width: 5%;
}

#content .mytab .col2 {
    width: 10%;
}

#content .mytab .col3 {
    width: 50%;
}

#content .mytab .col4 {
    width: 15%;
    text-align: right;
    font-size: x-small;
}

#content .mytab .col5 {
    width: 20%;
    text-align: right;
}

#content .mytab .u1 {
    width: 20%;
    font-family: monospace;
}

#content .mytab .u2 {
    width: 30%;
}

#content .mytab .u3 {
    width: 30%;
    text-transform: uppercase;
    font-size: smaller;
}

#content .mytab .u4 {
    width: 20%;
    text-align: right;
}

#content .mytab .ccol1 {
    width: 4%;
}

#content .mytab .ccol2 {
    width: 8%;
}

#content .mytab .ccol3 {
    width: 32%;
}

#content .mytab .ccol4 {
    width: 8%;
    text-align: right;
    font-size: smaller;
}

#content .mytab .ccol5 {
    width: 12%;
}

#content .mytab .ccol6 {
    width: 12%;
}

#content .mytab .ccol7 {
    width: 12%;
    text-align: right;
}

#content .mytab .ccol8 {
    width: 12%;
    text-align: right;
}

.bigtree {
    /*width: 925px;*/
    overflow: hidden;
    /*max-height: 450px;*/
    text-align: center;
    border: #aaa 1px dotted;
    background-color: #eee;
    margin-left: 10px;
    margin-right: 8px;
    padding: 10px;
    position: relative;
}

.smalltree {
    overflow: hidden;
    text-align: center;
    position: relative;
}

.filtertree {
    margin-top: 24px;
}