html
{
    height: 100%;
    overflow-y: scroll;
}

body
{
    height: 100%;
    font-family: Verdana, Tahoma;
    font-size: 13px;
    line-height: 17px;
    font-weight: bold;
    color: #fff;
    background-color: #E6E6E6;
    background-image: url('../grafika/tlo.png');
    background-position: left top;
    background-attachment: fixed;
    outline: none;
    text-align: left;
    margin: 0;
    padding: 0;
    border: 0;
    cursor: default;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
}

a
{
    color: #fff;
    text-decoration: none;
    outline: none;
}

img
{
    border: 0;
}

textarea
{
    resize: none;
}

form
{
    margin: 0;
    padding: 0;
    border: 0;
}

input[type="text"],input[type="password"]
{
    display: block;
    text-decoration: none;
    outline: none;
    cursor: text;
    width: 100%;
    margin: 0 -12px;
    padding: 5px;
    border: 1px solid #777;
    height: 17px;
    line-height: 17px;
    font-size: 13px;
    font-weight: bold;
    color: #777;
    background-color: #eee;
}

input[type="submit"]
{
    display: block;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    width: 100px;
    height: 29px;
    margin: 0;
    padding: 0;
    border: 1px solid #777;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #3784BB;
    font-family: Verdana, Tahoma;
    text-align: center;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input[type="submit"]:hover
{
    background-color: #3A8BC4;
}

.clear
{
    display: block;
    clear: both;
}

.no-padding
{
    padding: 0 !important;
}

.width-10
{
    width: 10px;
}

.width-26
{
    width: 26px;
}

.width-40
{
    width: 40px;
}

.width-150
{
    width: 150px;
}

.height-5
{
    height: 5px;
}

.height-10
{
    height: 10px;
}

.height-20
{
    height: 20px;
}

.float-left
{
    float: left;
}

.float-right
{
    float: right;
}

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

.text-right
{
    text-align: right;
}

.overflow-hidden
{
    overflow: hidden;
}

.pre
{
    white-space: pre;
}

.center
{
    margin: 0 auto !important;
}

.inline
{
    display: inline !important;
}

#buffer
{
    display: none;
}

#javascript-on
{
    display: none;
}

#javascript-off
{
    display: block;
}

.okno
{
    position: relative;
    display: table;
    border: 1px solid #777;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -o-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
    background: #cedbe9; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjY2VkYmU5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTclIiBzdG9wLWNvbG9yPSIjYWFjNWRlIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjNjE5OWM3IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTElIiBzdG9wLWNvbG9yPSIjM2E4NGMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTklIiBzdG9wLWNvbG9yPSIjNDE5YWQ2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzElIiBzdG9wLWNvbG9yPSIjNGJiOGYwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iODQlIiBzdG9wLWNvbG9yPSIjM2E4YmMyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI2NTU4YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(45deg,  #cedbe9 0%, #aac5de 17%, #6199c7 50%, #3a84c3 51%, #419ad6 59%, #4bb8f0 71%, #3a8bc2 84%, #26558b 100%);
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#cedbe9), color-stop(17%,#aac5de), color-stop(50%,#6199c7), color-stop(51%,#3a84c3), color-stop(59%,#419ad6), color-stop(71%,#4bb8f0), color-stop(84%,#3a8bc2), color-stop(100%,#26558b));
    background: -webkit-linear-gradient(45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
    background: -o-linear-gradient(45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
    background: -ms-linear-gradient(45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
    background: linear-gradient(45deg,  #cedbe9 0%,#aac5de 17%,#6199c7 50%,#3a84c3 51%,#419ad6 59%,#4bb8f0 71%,#3a8bc2 84%,#26558b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedbe9', endColorstr='#26558b',GradientType=1 );
}

.th
{
    display: table-row;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: center;
    background-color: #E6E6E6;
}

.tr
{
    display: table-row;
    margin: 0;
    padding: 0;
    border: 0;

}

.tytul
{
    font-size: 16px;
    line-height: 22px;
    height: 22px;
    overflow: hidden;
    padding: 0 0 5px 0;
    display: table-cell;
    vertical-align: top;
}

.box
{
    border: 1px solid #777;
    background-color: #CDE0F2;
    display: table-cell;
    vertical-align: middle;
}

.przycisk
{
    position: absolute;
    display: block;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    width: 100px;
    height: 13px;
    margin: 0;
    padding: 3px 0 4px 0;
    border: 1px solid #777;
    line-height: 13px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    background-color: #B8C9D8;
    font-family: Verdana, Tahoma;
    text-align: center;
    text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.przycisk:hover
{
    background-color: #CDE0F2;
}

.strona
{
    width: 800px;
    padding: 20px;
    margin: 0 auto;
    position: relative;
}

.informacja-okno
{
    width: 400px;
    height: 160px;
    margin: 80px auto 0 auto;
}

.informacja-box
{
    padding: 10px;
    text-align: center;
}

.pomoc-box
{
    padding: 5px;
    text-align: left;
}

.title-okno
{
    width: 800px;
    height: 194px;
}

.title-box
{
    padding: 10px;
    text-align: left;
}

.title-etykieta
{
    width: 80px;
    height: 17px;
    padding: 6px 0;
    float: left;
}

.title-pole
{
    width: 688px;
    height: 29px;
    float: right;
}

.logowanie-okno
{
    width: 400px;
    height: 160px;
    margin: 80px auto 0 auto;
}

.logowanie-box
{
    padding: 10px;
}

.logowanie-etykieta
{
    width: 80px;
    height: 17px;
    padding: 6px 0;
    float: left;
}

.logowanie-pole
{
    width: 288px;
    height: 29px;
    float: right;
}

.tabela-okno
{
    width: 800px;
}

.wyniki
{
    width: 100%;
    display: table;
    table-layout: fixed;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}

.wynik-tr
{
    border-top: 1px solid #777;
}

.wynik-tr:nth-child(odd)
{
    background-color: #B8C9D8;
}

.wynik
{
    display: table-cell;
    padding: 5px;
    border-right: 1px solid #777;
    vertical-align: middle;
    height: 26px;
}

.wynik:last-child
{
    border-right: 0;
}

.wynik a
{
    text-decoration: none;
    outline: none;
    color: #fff;
}

.konsola
{
    height: 306px;
    overflow: hidden;
    background-color: #777;
    padding: 5px;
    color: #ddd;
}

#konsola
{
    height: 306px;
    overflow: hidden;
}

#log-start
{
    display: none;
}

#log
{
    height: 306px;
    overflow-x: hidden;
    overflow-y: auto;
}

#pomoc
{
    display: none;
}

.pomoc-przycisk
{
    right: 220px;
    top: 6px;
}

.title-przycisk
{
    right: 113px;
    top: 6px;
}

.szl-przycisk
{
    right: 113px;
    top: 6px;
}

.wyloguj-przycisk
{
    right: 6px;
    top: 6px;
}

.konsola-przycisk
{
    right: 6px;
    top: 6px;
}

.tabela-przycisk
{
    right: 6px;
    top: 6px;
}

.table-data-1
{
    display: none;
}

.table-data-2
{
    display: none;
}

.alert-green
{
    background-color: #0d0 !important;
}

.alert-yellow
{
    background-color: #dd0 !important;
}

.alert-red
{
    background-color: #d00 !important;
}

.input-red
{
    background-color: #d00 !important;
    color: #fff !important;
}

.edit
{
    display: block;
    text-decoration: none;
    outline: none;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url('../grafika/edit.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.delete
{
    display: block;
    text-decoration: none;
    outline: none;
    width: 26px;
    height: 26px;
    margin: 0;
    padding: 0;
    border: 0;
    background-image: url('../grafika/delete.png');
    background-position: center center;
    background-repeat: no-repeat;
}