body{
margin: 0;
padding: 0;
text-align: center;
font-size: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #544E38;
}
body.mainb
{
background: url(../images/bg.png) repeat-x #fff;
}
#ui-datepicker-div
{
float:left;
height:auto;
display:none; /* was: block */
z-index:9999;
}

a{
outline: none;
text-shadow: 1px 1px #FFF;
text-decoration: none;
}

#holder{
width: 1045px;
margin: 0 auto;
text-align: left;
}

#wrapper{
float: left;
width: 100%;
}

#header{
float: left;
width: 100%;
height: 80px;
}

#logo{
float: left;
background: url(../images/logo.png) no-repeat;
width: 603px;
height: 61px;
margin-top: 10px;
}

#logo span{
float: right;
width: 259px;
height: 20px;
margin-top: 40px;
color: #928D34;
font-weight: bold;
text-align: right;
clear: left;
}

#header div{
float: right;
width: 390px;
height: 80px;
}

#header div b{
float: left;
width: 100%;
height: 15px;
font-size: 11px;
margin-top: 10px;
}

#header div input.search{
float: left;
width: 280px;
height: 20px;
border: 1px solid #999;
margin-bottom: 5px;
}

#header div label, #header div input.radio_btn{
float: left;
}

#header div label{
margin-right: 15px;
margin-top: 2px;
}


#header div a{
float: right;
background: url(../images/button.png) no-repeat;
width: 100px;
height: 25px;
text-transform: uppercase;
text-align: center;
line-height: 25px;
color: #544E38;
font-weight: bold;
margin-bottom: 5px;
}

#buttons{
float: left;
width: 100%;
height: 40px;
}

.export_options
{
   float:left;
   margin-left:10px;
}
#buttons a,
.print_button
{
float: left;
width: 51px;
height: 30px;
margin-right: 3px;
margin-top: -23px;
position: relative;
}
.print_button
{
   margin:8px 3px;
   border:none;
   cursor: pointer;
}

#buttons a.print,
.print_button.csv
{
background: url(../images/print.jpg) no-repeat;
}
#buttons a.print:hover,
.print_button.csv:hover
{background: url(../images/print_hov.jpg) no-repeat;}

#buttons a.excel,
.print_button.excel
{
background: url(../images/excel.jpg) no-repeat;
}
#buttons a.excel:hover,
.print_button.excel:hover
{background: url(../images/excel_hov.jpg) no-repeat;}

#buttons a.word,
.print_button.word
{
background: url(../images/word.jpg) no-repeat;
}
#buttons a.word:hover,
.print_button.word:hover
{background: url(../images/word_hov.jpg) no-repeat;}

#buttons a.pdf,
.print_button.pdf
{
background: url(../images/pdf.jpg) no-repeat;
}
#buttons a.pdf:hover
.print_button.pdf:hover
{
   background: url(../images/pdf_hov.jpg) no-repeat;
}

#buttons a.logout{
background: url(../images/logout.jpg) no-repeat;
}#buttons a.logout:hover{background: url(../images/logout_hov.jpg) no-repeat;}

#main_border{
float: left;
width: 100%;
margin-top: 35px;
}

#main{
float: left;
width: 1150px;
padding: 15px 0 0 10px;
height: auto;
}

#left{
float: left;
width: 210px;
min-height: 380px;
backgrounda: url(../images/heading.png) repeat-x top left #fff;
margin-right: 10px;
}

#right{
float: left;
width: 760px;
}

span.heading{
float: left;
width: 100%;
height: 1px;
color: #fff;
font-size: 12px;
text-indent: 10px;
line-height: 18px;
}

#menu{
float: left;
width: 208px;
height: 820px;
border: 1px solid #B4B4B4;
overflow:auto
}

#right_container{
float: left;
width: 812px;
height1: 377px;
overflow-x: auto;
overflow-y: auto;
border: 1px solid #B4B4B4;
}

/*table css below ----------------------------------- */
#table_wrap{
float: right;
width: 748px;
height: 345px;
margin-top: 10px;
}

#scrolling_div{
float: left;
height: 315px;
width: 738px;
overflow-x: auto;
overflow-y: auto;
} 
#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  
width:700px; 
border-collapse:collapse;
margin-top: 10px;
margin-bottom: 20px;
margin-left: 10px;  
overflow: auto; 

}
#customers td, #customers th 
{
font-size:0.7em;
border:1px solid #ccc;
padding:3px 7px 2px 7px;
}
#customers th 
{
font-size:0.7em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#eee;
color:#000;
}
#customers tr.tr1 td 
{                  
color:#333;
background-color:#EEF7FA;
}

#customers  a.edit, #customers a.delete{
background: url(../images/edit.gif) no-repeat;
width: 24px;
height: 17px;
display: block;
margin-left: auto;
margin-right: auto;
}#customers a.delete{background: url(../images/delete.gif) no-repeat;}
/* end table */
#right_container a.add , .add_new_entry{
float: left;
background: url(../images/add.jpg) no-repeat top left;
width: auto;
height: 16px;
margin-left: 10px;
margin-top: 10px;
text-indent: 30px;
text-transform: uppercase;
color: #009900;
font-weight: bold;
line-height: 16px;
}#right_container a.add:hover, .add_new_entry:hover{letter-spacing: 1px;}
.add_new_entry
{
margin-left:20px;
}
/*table css above*/

/*popup css below*/

.popup, .popup_small, .popup_sub, #delete_dialog{
position: absolute;
top: 230px;
left: 390px;
border: 2px solid #AAA;
background: white;
padding: 0 0 10px 0;
width: 425px;
display:none;
}
#delete_dialog
{
top:100px;
left:100px;
}
#delete_dialog b
{
float:left;
width:100%;
text-align:center;
}
#delete_dialog p
{
float:left;
width:220px;
margin:0px 0px 0px 100px;
padding:10px 0;
}
#delete_dialog .otkaz
{
margin-left:10px;
}

.popup .heading, .popup_small .heading , .popup_sub .heading, #delete_dialog .heading{
float: left;
height: 25px;
background: url(../images/heading.png) repeat-x;
padding: 0;
width: 100%;
}

.popup .heading span, .popup_small .heading span,  .popup_sub .heading span, #delete_dialog .heading span{
float: left;
height: 25px;
width: auto;
margin: 0 10px 0 0;
}

#delete_dialog .heading
{
border:none;
}

#delete_dialog .heading span
{
border:none;
background:none;
}

.popup .heading a, .popup_small .heading a,  .popup_sub .heading a, #delete_dialog .heading a{
float: right;
background: url(../images/close_popup.png) no-repeat;
width: 20px;
height: 20px;
margin: 0;
padding: 0;
}

.popup div, .popup_small div, .popup_sub div{
padding: 0 0 0 10px;
float: left;
}

.popup div .title, .popup_small div .title, .popup_sub div .title{
float: left;
padding: 0;
width: 405px;
height: 15px;
color: #7D7D7D;
text-transform: uppercase;
margin-top: 10px;
}

.single_row span, .popup_small div span, .popup_sub div span{
float: left;
background: url(../images/input_bg.png) repeat-x;
width: 405px;
height: 23px;
border1: 1px solid #7D7D7D;
border: 1px solid #ccc; 
}

.single_row input, .popup div span select, .popup_small div span input, .popup_small div span select,.popup div span input, .popup_sub div span select{
float: left;
width: 99.5%;
height: 18px;
margin-top: 3px;
border: none;
background: none;
}

.potvardi, .otkaz, .popup .otkaz, .popup_small .button, .popup_small .potvardi, .popup_small .otkaz,.popup_sub .button,.popup_sub .potvardi, .popup_sub .otkaz, #delete_dialog .otkaz, #delete_dialog .potvardi{
float: left;
background: url(../images/button.png) no-repeat;
width: 100px;
height: 25px;
color: #666666;
text-shadow: #fff 1px 0;
text-align: center;
line-height: 25px;
text-transform: uppercase;
font-weight: bold;
border:none;
cursor:pointer;
}
.potvardi, .popup_small potvardi
{
    float:left;
    background: url(../images/button_potvardi.png) no-repeat; 
    clear:none; 
    margin:10px 0px 0px 0px;
}
#right_container .potvardi
{
    margin-left:214px;
}

.otkaz, .popup_small .otkaz
{
   background: url(../images/button_otkaz.png) no-repeat;
   float: right
}
.editinvoice.otkaz
{
   float:left;
   margin:10px 0 0 20px;
}

.button:hover,  .potvardi:hover,  .otkaz:hover,  .button:hover,  .potvardi:hover,  .otkaz:hover{color: #333;}
/*2nd popup css below*/
.single_row, .popup_small div .single_row, .popup_sub div .single_row{
float: left;
width: 710px;
margin-top: 10px;
padding: 0;
}

.article_row div{
float: left;
width: 670px;
margin-top: 15px;
padding: 5;

color: #1D73B1;
text-decoration: underline;
text-align: right;

width: 120px;
height: 25px;
margin-right: 5px;
line-height: 25px;
font-weight: bold;
text-align: right;
padding: 0;
}

.single_row div.headings, .popup_small div .single_row div.headings, .popup_sub div .single_row div.headings, {
float: left;
width: 670px;
height: 15px;
margin-bottom: 5px;
}

.single_row div.headings b, .popup_small div .single_row div.headings b,  .popup_sub div .single_row div.headings b{
float: left;
color: #1D73B1;
text-decoration: underline;
text-align: right;
}

.single_row div.element_title, .popup_small div .single_row div.element_title, .popup_sub div .single_row div.element_title{
float: left;
width: 120px;
height: 25px;
margin-right: 5px;
line-height: 25px;
font-weight: bold;
text-align: right;
padding: 0;
}

.popup p, .popup_small p, .popup_sub p{
float: left;
width: 682px;
text-align: left;
color: #999;
padding: 0;
margin: 10px 0;

}
/*2nd popup css above*/
/*popup css above*/

#footer{
padding-top: 10px;
border-top: 4px solid #AAA;
margin-top: 30px;
float: left;
width: 100%;
height: 26px;
background: #D8D8D8;
text-align: center;
}



A:link {
	COLOR: #544E38;
	/*TEXT-DECORATION: none;   
	font-size: 10pt; */
}
A:visited {
	COLOR: #544E38;
	/*TEXT-DECORATION: none;
	font-size: 10pt;*/
}
A:hover {
	COLOR: #544E38;
	/*TEXT-DECORATION: none;
	font-size: 10pt; */
}
/*
A.b:link {
	COLOR: #EEEEEE;
	TEXT-DECORATION: none;
}
A.b:visited {
	COLOR: #EEEEEE;
	TEXT-DECORATION: none;
}
A.b:hover {
	COLOR: #EEEEEE;
	TEXT-DECORATION: none;
}   */

em.info {
background:url("http://i.dir.bg/esspresso/images/anons2.png") no-repeat scroll 0 0 transparent;
color:#666666;
display:none;
font-size:11px;
font-style:normal;
height:225px;
left:446px;
padding:10px;
position:absolute;
top:-5px;
width:140px;
z-index:1;
}

tdf {
	border:1px solid #ccc;
} 
.result a.add_element
{
   float:right;
   margin-right:5px;
   font-weight: bold;
}
.export_options .ignore_paging_box
{
    display:inline-block;
    margin-top:12px;
    line-height:20px;
}
.export_options .ignore_paging_box #IgnorePaging,
.export_options .ignore_paging_box label
{
    float:left;
}

#missing_fields
{
   width:300px;
   text-align: center;
   display:inline-block;
   margin:5px 220px;
}
#grid_updatepanel
{
    float:left;
    margin-top:10px;
}
.single_row .select_span
{
    border:none;
}
.single_row select
{
    height:25px;
    line-height:25px;
    padding:0;
}
table.tires_condition
{
    font-size:11px;
}
#right_container #buttons a
{
    margin:5px 0 0 5px;
}
.pull-left
{
  float:left;
}
.add_course_buttons
{
  margin-bottom: 20px;
}
.add_course_buttons a
{
  font-weight: 400;
}

#tabs-1,
#tabs-2,
#tabs-3,
#tabs-4, 
#tabs-5 

{
  width:96%;
  min-height: 140px;
}
.element_title,
.file_uploader_box input
{
  height:auto !important;
}
.file_uploader_box
{
  float:left;
}
.file_uploader_box .qq-upload-button
{
  width:92px;
  padding:1px 0;
}
.file_uploader_box .qq-upload-list
{
  text-align: left;
}
.file_uploader_box .qq-upload-list span
{
  background: none;
  border: 0;
  width: auto;
}

.file_button_holder
{
  float:left; 
  width:100% !important; 
  height:auto !important;
  clear:left;
  margin-top:10px !important;
  border:none !important;
  background: none !important;
}
.file_button_holder .element_title
{
  width:100% !important;
}

/* css for fancy table */
#tbl, .tbl_aubian {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    width: 100%;
    border-collapse: collapse;
}

#tbl td, .tbl_aubian td, #tbl th, .tbl_aubian th {
    font-size: 1em;
    /*border: 1px solid #98bf21; */
	border: 1px solid #A9D0F5;
    padding: 3px 7px 2px 7px;
}

#tbl th, .tbl_aubian th {
    font-size: 0.9em;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 4px;
    /*background-color: #A7C942;*/
	background-color: #A9D0F5;
    /*color: #ffffff;*/
	color: #000000;
}

#tbl tr.alt td, .tbl_aubian tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}
.group_invoice_selector,
.group_invoice_helper,
#generate_group_invoice
{
  display: none;
}
.pull-left
{
  float:left;
}
.pull-right
{
  float:right;
}
.text-right
{
  text-align: right;
}
.text-center
{
  text-align: center;
}
.clean_button
{
  color:#544E38;
  font-weight: bold;
  padding:3px 10px;
  text-align: center;
  border:1px solid #ccc;
  border-radius: 3px;
  cursor: pointer;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f5f6+0,e3eaed+37,c8d7dc+100;Grey+3D+%234 */
  background: rgb(242,245,246); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(242,245,246,1) 0%, rgba(227,234,237,1) 37%, rgba(200,215,220,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,245,246,1)), color-stop(37%,rgba(227,234,237,1)), color-stop(100%,rgba(200,215,220,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(242,245,246,1) 0%,rgba(227,234,237,1) 37%,rgba(200,215,220,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 ); /* IE6-9 */
}
.top0
{
  margin-top: 0px
}
.top10
{
  margin-top: 10px
}
.top20
{
  margin-top: 20px
}
.top30
{
  margin-top: 30px
}
.bottom0
{
  margin-bottom: 0;
}
.bottom5
{
  margin-bottom: 5px 
}
.bottom10
{
  margin-bottom: 10px 
}
.bottom20
{
  margin-bottom: 20px 
}
.bottom30
{
  margin-bottom: 30px 
}
.bottom50
{
  margin-bottom: 50px 
}
.clear-left
{
  clear:left;
}
.edit_icon
{
  cursor: pointer;
}
.delete_icon
{
  margin-left: 5px;
}
.box_alert,
.box_warning,
.box_success
{
  width:12px;
  height:12px;
  display: inline-block;
  background: green;
  margin-left: 6px;
  border-radius1: 6px;
}
.box_alert
{
  background: red;
}
.box_warning
{
  background: yellow;
}
.full_row
{
  float:left;
  width:100%;
}
.text-center
{
  text-align: center;
}
.text-left
{
  text-align: left;
}
.no_float
{
  float:none; 
}
#edit_tire label
{
  float:left;
  width:40%;
  margin-right: 4%;
  text-align: left;
}
#edit_tire input.form_input,
#edit_tire select.form_input
{
  float:left;
  width:50%;
}
.error_input
{
  border:1px solid red;
  box-shadow: 0px 0px 2px red;
}
.no_background
{
  background: none !important;
}
.no_border
{
  border:none !important;
}
.file_uploader_row span
{
  height: auto;
}
.file_uploader_row .qq-upload-button input
{
  height:100%;
}
.file_uploader_row .qq-upload-list
{
  text-align: left;
}
.qq-upload-list span
{
  background:none !important;
  border:none !important;
}
.qq-upload-size 
{
  display: none !important;
}
.view_document .view_document_file
{
  float:left;
  margin-right: 10px;
}
.view_document .view_document_file img
{
  width:16px;
}
.view_document .delete_document img
{
  width:18px;
}
.view_document .delete_document
{
  float:left;
  width:16px;
  cursor: pointer;
}
.col-md-1
{
  width:10%;
}
.col-md-2
{
  width:20%;
}
.col-md-3
{
  width:30%;
}
.col-md-4
{
  width:40%;
}
.col-md-5
{
  width:50%;
}
.col-md-6
{
  width:60%;
}
.col-md-7
{
  width:70%;
}
.col-md-8
{
  width:80%;
}
.col-md-9
{
  width:90%;
}
.col-md-10
{
  width:100%;
}
/* fix for the wider search */
._kup.defaultKGR_UpdatePanel
{
  float:left;
}
.centered_box
{
  margin-left:auto;
  margin-right:auto;
}
#avtokasko_export, #go_export
{
  cursor: pointer;
  font-weight: bold;
}
.ui-datepicker-div
{
  z-index: 99 !important;
}
.edit_icon,
.add_icon
{
  cursor: pointer;
}
.right5
{
  margin-right: 5px;
}
.generated_course_invoices
{
  float:left;
  width:100%;
  padding:0;
  list-style: none;
}
.generated_course_invoices li
{
  float:left;
  max-width:32%;
  min-width:26%;
  margin-right: 1%;
  line-height: 40px;
  text-align: left;
  display: inline-block;
}
.green_button
{
  background: #a9db80;
  background: -moz-linear-gradient(top, #a9db80 0%, #96c56f 100%);
  background: -webkit-linear-gradient(top, #a9db80 0%,#96c56f 100%);
  background: linear-gradient(to bottom, #a9db80 0%,#96c56f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9db80', endColorstr='#96c56f',GradientType=0 ); 
  
  text-shadow: none;
}