body{
background: url('../img/bg.png');
margin: 0;
padding: 0;
color: #333;
font-family: Helvetica;
}

a{text-decoration: none; border: none; color: #333;}
img{border: none;}

a.button{
padding: 7px;
background: #333;
color: white;
border: #333 1px solid;
border-radius: 5px;
cursor: pointer;
}
a.button:hover{
color: #61c4ea;
cursor: pointer;
}

input[type='text']{padding: 7px; border-radius: 5px; border: 1px solid rgb(180,180,180);}
input[type='date']{padding: 5px; border-radius: 5px; border: 1px solid rgb(180,180,180); cursor: pointer;}
input[type='password']{padding: 7px; border-radius: 5px; border: 1px solid rgb(180,180,180);}
input[type='submit']{
padding: 7px;
background: #333;
color: white;
border: #333 1px solid;
border-radius: 5px;
}
input[type='submit']:hover{
color: #61c4ea;
cursor: pointer;
}
input[type='submit']:active{
border: white 1px solid;
}
button{
padding: 7px;
background: #333;
color: white;
border: #333 1px solid;
border-radius: 5px;
}
button:hover{
color: #61c4ea;
cursor: pointer;
}
button:active{
border: white 1px solid;
}

#header{
background: #333;
width: 100%;
height: 70px;
border-bottom: 5px #61c4ea solid;
}

#header-holder{width: 1000px; position: relative; margin-left: auto; margin-right: auto; padding: 10px;}

#page{
background: white;
width: 1000px;
position: relative;
margin-left: auto;
margin-right: auto;
padding: 10px;
margin-bottom: 100px;
border-radius: 0px 0px 5px 5px;
}

#logo{
font-size: 40px;
color: white;
float: left;
}

#loginbox{
width: 265px;
height: auto;
background: white;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
position: relative;
border-radius: 5px;
padding: 20px;

}

#pagetitle{
font-weight: bold;
font-size: 20px;
margin-top: 5px;
display: inline-block;
}




#sessionbox{
float: right;
padding: 5px;
border-radius: 5px;
background: white;
min-width: 140px;

}

.table{
width: 100%;
border-radius: 5px;
}

.table th{background: #333; color: white;}

.table tr:nth-child(odd){background: #F5F5F5; font-size: 12px;}
.table tr:nth-child(even){background: #E8E8E8; font-size: 12px;}
.table tr:hover{background: #9d9d9d; color: white; cursor: pointer;}
.table table tr:hover{background: #9d9d9d; color: black; cursor: pointer;}
.table  table {background: #9d9d9d; color: black;}
.table  table tr td {background: white;}

.tablebox{padding: 5px; border-radius: 5px; height: auto; clear: both;}


#logoutbox{
float: right;
padding: 5px;
border-radius: 5px;
background: white;
text-align: center;
min-width: 100px;
display: none;}

.button_tab{
padding: 10px;
border-radius: 5px;
background: #333;
color: white;
font-size: 20px;
width: 200px;
margin: 2px;
}
.button_tab:hover{

cursor: pointer;

}
.button_tab > img{
margin-right: 10px;
height: 24px;
width: 24px;
float: left;
}

.customerbox{
width: 500px;
padding: 10px;
border-radius: 5px;
height: auto;
border: #333 solid 2px;
position: relative;
margin-left: auto;
margin-right: auto;
}

#itembox{
width: 800px;
margin-left: auto;
margin-right: auto;
position: relative;
}

.black-bgd{
position: absolute; min-width: 100%; min-height: 100%; left: 0px; top: 0px; z-index: 9999999; background: url('../img/black-bg.png'); display:block;
}

.black-bg{
position: fixed; width: 100%; height: 100%; left: 0px; top: 0px; background: url('../img/black-bg.png'); display: none;
}
.lb {margin-left: auto; margin-right: auto; margin-top: 200px; width: 940px;}

#tbl input{
padding: 1px;
}
#tbl button{
padding: 2px;
font-size: 10px;
}

th.headerSortDown{
background-image: url('http://kumkwat.pl/a/img/sortarrow_up.png') !important;
}
th.headerSortUp{
background-image: url('http://kumkwat.pl/a/img/sortarrow_down.png') !important;
}

th.header{
background-image: url('http://kumkwat.pl/a/img/sortarrow_all.png');
cursor: pointer;
font-weight: bold;
background-repeat: no-repeat;
background-position: center left;
border-right: 1px solid #dad9c7;
margin-left: -1px;
padding-left: 10px;

}