* 
{
    font-family: Helvetica;
    font-size: 1em;           
}

body 
{
    margin: 0; 
    padding: 0;         
    color: Black;            
    background-color: #F1F1F1;
}

select 
{     
    max-width:100%;
    margin: 0;
    padding-left: 5px;
    border: 1px solid #BABABA;
    height: 32px;      
    font-size: 100%;               
    /*vertical-align: middle;*/
    background-color: White;
    opacity: 1 !important;                    
    /*margin-top: 0.2em;    
    padding-left: 0.1em;*/
}

textarea 
{        
    max-width:100%;
    margin: 0;    
    margin-bottom: 0px;
    background-color: White;
    border: 1px solid #BABABA;
    padding: 5px 9px 5px 9px;    
    font-size: 100%;         
    resize: none;    
    
}

textarea[disabled] 
{
    background-color: #F1F1F1;
    color: #515151;                 
    opacity: 1;        
}

textarea[disabled=disabled] 
{
    background-color: #F1F1F1;
    color: #515151;                 
    opacity: 1;        
}

input 
{     
    max-width:100%;
    margin: 0;     
    border: 1px solid #BABABA;
    color: black;    
    vertical-align: middle;
    background-color: White;                
}

input[type=text] 
{    
    padding: 4px 8px 4px 8px;
    height: 22px;
}

input[type=password] 
{    
    padding: 4px 8px 4px 8px;
    height: 22px;
}

input[type=date]
{
    width: 8em;
    padding: 4px 8px 4px 8px;
    height: 22px;
}

input[type=number]
{    
    padding: 4px 8px 4px 8px;
    height: 22px;
}

input[type=submit] 
{
    height: 32px;
}

input[disabled=disabled]
{
    background-color: #F1F1F1;
    color: #515151;                 
    opacity: 1;        
}

input[disabled]
{
    background-color: #F1F1F1;
    color: #515151;                 
    opacity: 1;        
}

input[type=checkbox]
{            
    height: 19px;
    width: 19px;      
    border: 0;  
    padding: 0;
    margin: 0;    
    /*vertical-align: top;*/
}

select[disabled=disabled] 
{
    background-color: #F1F1F1;
    color: #515151;    
    opacity: 1 !important;        
}

select[disabled] 
{
    background-color: #F1F1F1;
    color: #515151;    
    opacity: 1 !important;        
}

a:link { color: Silver; text-decoration: none; }
a:visited { color: Silver; text-decoration: none; }
a:hover { color: White; text-decoration: none; }
a:active { color: White; text-decoration: none; }

table 
{
    padding: 0;
    margin: 0;
    margin-top: 0.3em;
    border-collapse: collapse;             
    background-color: White;
}

table thead tr 
{        
    background-color: #3B3B3B;     
    font-size: 0.9em;         
    color: White;    
    padding: 0.1em 0.5em 0.1em 0.5em; 
    height: 1.8em;            
}

table thead tr th
{
    font-weight: normal;
    border: 1px solid  #DEDEDE;
}

table thead tr th.left
{
    text-align: left;
    padding-left: 0.5em;
}

table thead tr th.center
{
    text-align: center;     
}

table thead tr th.right
{
    text-align: right;  
    padding-right: 0.5em;   
}

table tfoot tr 
{            
    font-size: 0.9em;                    
    height: 2.4em;
}

table tfoot tr th
{    
    border: 1px solid #DEDEDE;
    font-weight: normal;    
    height: 3em;
}

table tr td 
{   
    border: 1px solid #DEDEDE;         
    padding: 0 0.5em 0 0.5em;
    height: 2.5em;    
}

table tr.master td 
{   
    border: 1px solid #DEDEDE;     
    border-bottom: 0;    
    padding: 0 0.5em 0 0.5em;
    height: 2.5em;    
}

table tr.details td
{   
    border: 0;     
    border-top: 1px solid #DEDEDE;     
    border-right: 1px solid #DEDEDE;     
    padding: 0 0.6em 0 0.6em;    
    color: #515151;
    font-size: 0.8em;
    height: 2em;     
}

table td a:link { color: black; text-decoration: underline; }
table td a:visited { color: black; text-decoration: underline; }
table td a:hover { color: #515151; text-decoration: underline; }
table td a:active { color: #515151; text-decoration: underline; }

table td.delete
{
    background: url('../img/actions/trash.png') no-repeat center;    
    cursor: pointer;
    min-width: 2em;
}

table tbody tr 
{        
    font-size: 0.9em;    
}

table tbody tr:nth-child(odd) { background-color: White; }
table tbody tr:nth-child(even) { background-color:White; } /*#F1F1F1*/

table tbody tr td.left 
{
    text-align: left;
    padding-left: 0.5em;
} 

table tbody tr td.center
{
    text-align: center;    
} 

table tbody tr td.right 
{
    text-align: right;
    padding-right: 0.5em;
} 

.sitemap-block 
{
    margin-top: 3.95em; 
    margin-left: 1.3em;        
}

.sitemap 
{
    background: url('../img/actions/home.png') no-repeat left;          
    padding-left: 1.8em;          
    padding-top:0.3em;  
    z-index:99;       
}

.sitemap span
{    
    color: White;
}

.sitemap a
{
color: Silver;    
text-decoration: underline;
}

.header 
{
    position: fixed; 
    z-index: 100;
    top: 0em; 
    left: 0em; 
    right: 0em;
    height: 6em;
    background-color: #3B3B3B;
    
}

.header .logo 
{
    position: absolute;
    top: 1em; 
    left: 1.3em;         
    height: 36px; 
    width: 196px; 
    cursor: pointer;
    background: url('../img/logo_header.png') no-repeat;        
}

.header .session 
{
    float:right;
    margin-top: 1em;
    margin-right: 1.3em;
}

.header .session .home 
{
    background: url('../img/home.png') no-repeat; 
    width: 20px; 
    height: 20px; 
    display: inline-block; 
    margin-right: 0.6em;
    cursor: pointer;     
}

.header .session .login 
{
    color: White;
}

.header .session .bar 
{
    color: Silver;
}

.header .session .logout 
{
    cursor: pointer;     
}

.header .splitter 
{
    position: fixed;
    left: 1.3em;
    right: 1.3em;
    top: 6em;
    border-bottom: 1px solid #DEDEDE;         
}

.content
{
    margin: 6.8em 1.2em 1em 1.2em;                
}
.content.logo 
{
    position: absolute; 
    top: 50%;
    margin-top: -13em; 
    left: 0;
    right: 0;
    height: 100px;    
    background: url('../img/logo_main.png') no-repeat center;
}

.content.login
{    
    position: absolute; 
    top: 50%; 
    margin-top: -4em; 
    left: 50%; 
    margin-left: -15em;    
} 

.menu 
{
    text-align: center;    
}

.menu .button 
{
    display: inline-block; 
    width: 10.5em; 
    height: 8.5em; 
    margin: 2em; 
    border-radius: 1.3em; 
    cursor: pointer;     
    background-repeat: no-repeat; 
    background-position: center;
}

.menu .button.box 
{
    background-image: url('../img/menu/box.png'); 
}

.menu .button.search
{
    background-image: url('../img/menu/search.png'); 
}

.menu .button.index
{
    background-image: url('../img/menu/index.png'); 
}

.menu .button.user
{
    background-image: url('../img/menu/user.png'); 
}

.menu .button.box
{
    background-image: url('../img/menu/box.png'); 
}

.menu .button.copycontrol
{
    background-image: url('../img/menu/copycontrol.png'); 
}

.menu .button.boxtype
{
    background-image: url('../img/menu/boxtype.png'); 
}

.menu .button.sessionmanager
{
    background-image: url('../img/menu/sessionmanager.png'); 
}

.menu .button.emailserver
{
    background-image: url('../img/menu/emailserver.png'); 
}

.menu .button.settings
{
    background-image: url('../img/menu/settings.png'); 
}

.menu .button.request
{
    background-image: url('../img/menu/request.png'); 
}

.menu .button.stamp
{
    background-image: url('../img/menu/barcode.png'); 
}

.menu .button.records
{
    background-image: url('../img/menu/records.png'); 
}

.menu .button.report
{
    background-image: url('../img/menu/records.png'); 
}

.menu .button.client
{
    background-image: url('../img/menu/client.png'); 
}

.menu .button.barcodereader
{
    background-image: url('../img/menu/barcodereader.png'); 
}

.menu .button.department
{
    background-image: url('../img/menu/department.png'); 
}

.menu .button.producer
{
    background-image: url('../img/menu/producer.png'); 
}

.menu .button.document
{
    background-image: url('../img/menu/document.png'); 
}

.menu .button.report
{
    background-image: url('../img/menu/report.png'); 
}

.menu .button.send
{
    background-image: url('../img/menu/send.png'); 
}

.menu .button.field
{
    background-image: url('../img/menu/field.png'); 
}

.menu .button.doctype
{
    background-image: url('../img/menu/doctype.png'); 
}

.menu .button.groupdoctype
{
    background-image: url('../img/menu/groupdoctype.png'); 
}

.menu .button.services
{
    background-image: url('../img/menu/services.png'); 
}

.menu .button .label 
{
    position: relative;     
    margin-top: 9.5em;      
    color: white;    
}

.row-file 
{
    background-repeat: no-repeat; 
    background-position: 0.4em; 
    width: 16px; 
    height: 16px; 
    padding-left: 2em;    
}

.section-header 
{
    clear: both;    
    margin-top: 1.5em;     
    color: #515151;                 
    font-weight: bold;
    min-height: 1em;
}

.section-content 
{
    border: 1px solid #DEDEDE; 
    margin-top: 0.3em; 
    padding: 0.5em;        
    background-color: white;     
}

span.label 
{       
    color: #515151;    
}

.control-block 
{
    clear: both;
    margin-top: 0.3em;    
    margin-bottom: 0.3em;        
    padding-right: 0.3em;
}

.control-block.imagebutton
{    
    margin-top: 0.5em;
}

.control-label 
{
    clear: both;        
    float: left; 
    width: 8em; 
    text-align: right; 
    margin-right: 0.5em; 
    margin-top: 0.4em;       
    color: #515151;    
}

.control-label.prices 
{
    text-align: left; 
    width: 12em;     
}

.control-placer 
{
    margin-left: 8.5em;        
    min-height: 1.5em;  
} 

.control-placer.checkbox
{  
    padding-top: 0.35em;          
} 

.loading 
{
    position: fixed; 
    text-align: center; 
    left: 50%; 
    top: 50%; 
    margin-left: -4.5em; 
    margin-top: -1.2em; 
    z-index: 999;
    background-color: white;
    border: 1px solid #DEDEDE; 
    padding: 0.4em 3em 0.4em 3em;
    color: #515151;
}

.notification 
{
    position: fixed;
    text-align: center;
    left: 1.2em;
    top: 6.5em;
    right: 1.2em;    
    z-index: 998;      
    padding: 0.5em;         
    background-color: white;
    border: 1px solid #DEDEDE; 
    color: #515151;
}

.floatingwindow {
    position: fixed; 
    left: 50%; 
    top: 50%;     
    background-color: #F1F1F1; 
    z-index: 998; 
    padding: 1.2em;
}

.modal-background 
{
    position: fixed; 
    left: 0;
    right:0; 
    bottom: 0; 
    top: 0; 
    background-color: black; 
    opacity: 0.5; 
    z-index: 997;     
}

.topmenu 
{
    position: fixed;
    z-index: 101;
    top: 3.8em;
    right: 1.3em;        
}

.imagebutton 
{    
    min-height: 24px;    
    padding-top: 0.2em;    
}

.imagebutton span
{     
    margin-left: 2em;         
    text-decoration: underline; 
    cursor: pointer;    
    color: #515151;
}

.imagebutton.actionmenu
{
    float: right;
    margin-left: 1.5em;    
}

.imagebutton.actionmenu span
{
    color: White;
}

.imagebutton.link
{   
    font-size: 0.9em;    
}

.imagebutton.create
{        
    background: url('../img/actions/create.png') no-repeat;
}

.imagebutton.cancel
{        
    background: url('../img/actions/cancel.png') no-repeat;
}

.imagebutton.compress
{        
    background: url('../img/actions/compress.png') no-repeat;
}

.imagebutton.box
{        
    background: url('../img/actions/box.png') no-repeat;
}

.imagebutton.delete
{        
    background: url('../img/actions/delete.png') no-repeat;
}

.imagebutton.purge 
{
    background: url('../img/actions/delete.png') no-repeat;
}

.imagebutton.download
{        
    background: url('../img/actions/download.png') no-repeat;    
}

.imagebutton.attach
{        
    background: url('../img/actions/attach.png') no-repeat;
}

.imagebutton.refresh
{        
    background: url('../img/actions/refresh.png') no-repeat;
}

.imagebutton.back
{        
    background: url('../img/actions/back.png') no-repeat;
}

.imagebutton.submit
{        
    background: url('../img/actions/submit.png') no-repeat;
}

.imagebutton.print
{        
    background: url('../img/actions/print.png') no-repeat;
}

.imagebutton.move
{        
    background: url('../img/actions/move.png') no-repeat;
}

.imagebutton.edit
{        
    background: url('../img/actions/edit.png') no-repeat;
}

.imagebutton.confirm
{        
    background: url('../img/actions/confirm.png') no-repeat;
}

.imagebutton.basket
{        
    background: url('../img/actions/basket.png') no-repeat;
}

.imagebutton.logout
{        
    background: url('../img/actions/logout.png') no-repeat;
}

.imagebutton.new
{        
    background: url('../img/actions/print.png') no-repeat;
}

.imagebutton.find
{        
    background: url('../img/actions/find.png') no-repeat;
}

.paginator-next
{
    background: url('../img/actions/next.png') no-repeat;
    margin-left: 1em;        
    width: 20px;     
    height: 20px;            
    display: inline-block;     
    cursor: pointer;
    vertical-align: middle;  
}

.paginator-last
{
    background: url('../img/actions/last.png') no-repeat;    
    margin-left: 0.5em;       
    width: 20px;     
    height: 20px;        
    display: inline-block;     
    cursor: pointer;
    vertical-align: middle;  
}

.paginator-first
{
    background: url('../img/actions/first.png') no-repeat;
    margin-right: 0.5em; 
    width: 20px;     
    height: 20px;    
    display: inline-block;     
    cursor: pointer;
    vertical-align: middle;  
}

.paginator-previous
{
    background: url('../img/actions/previous.png') no-repeat;    
    margin-right: 1em;         
    width: 20px;     
    height: 20px;    
    display: inline-block;     
    cursor: pointer;
    vertical-align: middle;  
}

.paginator 
{             
}

.paginator.navigator 
{                    
    display: inline-block;   
    margin-left: -15.5em;
}

.paginator.page 
{   
    min-width: 8em;      
    padding-top:0.3em; 
    display: inline-block;  
    vertical-align:middle;   
}

.paginator.total
{   
    float: left;        
    vertical-align: middle;     
    text-align: left;
    padding-top:0.6em;
    margin-left: 0.5em;    
    width: 15em;
}

.filter{
    margin-left: 1.5em;
    display: inline-block;
    padding: 3px;
}
.filter-title{
    display: inline-block;
    width: 8em;
    height: 30px;
    line-height: 30px;
    text-align: right;
    margin-right: 0.5em;
}
.filter input[type=text] {
     width: 10em;
}
.filter select {
     width: 11.1em;
}

@media (max-width: 430px) {
    .filter-title {
         text-align: left;
    }
}