body {
  background-color: white;
  color: black;
  font-size: 11px;
  font-family: tahoma, verdana, arial;
}

.bodytext {
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
}

.bodytext_med {
  color: black;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
}

.bodytext_med_bold {
  color: black;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.bodytext_big {
  color: black;
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
}

.links {
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_1 {
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_1_grayed {
  color: silver;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_1_bold {
  color: black;
  font-size: 11px;
  font-weight: bold;
  text-decoration: normal;
}

.text_1_med {
  color: black;
  font-size: 14px;
  font-weight: normal;
  text-decoration: normal;
}

.text_1_med_bold {
  color: black;
  font-size: 14px;
  font-weight: bold;
  text-decoration: normal;
}

.text_1_big {
  color: black;
  font-size: 18px;
  font-weight: normal;
  text-decoration: normal;
}

.text_1_big_bold {
  color: black;
  font-size: 18px;
  font-weight: bold;
  text-decoration: normal;
}

.text_2 {
  color: #184F86;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_2_bold {
  color: #184F86;
  font-size: 11px;
  font-weight: bold;
  text-decoration: normal;
}

.text_2_med {
  color: #184F86;
  font-size: 14px;
  font-weight: normal;
  text-decoration: normal;
}

.text_2_med_bold {
  color: #184F86;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}

.text_2_big {
  color: #184F86;
  font-size: 18px;
  font-weight: normal;
  text-decoration: normal;
}

.text_2_big_bold {
  color: #184F86;
  font-size: 18px;
  font-weight: bold;
  text-decoration: normal;
}

.text_3 {
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_3_bold {
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: normal;
}

.text_3_med {
  color: white;
  font-size: 14px;
  font-weight: normal;
  text-decoration: normal;
}

.text_3_med_bold {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: normal;
}

.text_3_big {
  color: white;
  font-size: 18px;
  font-weight: normal;
  text-decoration: normal;
}

.text_3_big_bold {
  color: white;
  font-size: 18px;
  font-weight: bold;
  text-decoration: normal;
}

.text_4 {
  color: #569BE1;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_4_bold {
  color: #569BE1;
  font-size: 11px;
  font-weight: bold;
  text-decoration: normal;
}

.text_4_med {
  color: #569BE1;
  font-size: 14px;
  font-weight: normal;
  text-decoration: normal;
}

.text_4_med_bold {
  color: #569BE1;
  font-size: 14px;
  font-weight: bold;
  text-decoration: normal;
}

.text_4_big {
  color: #569BE1;
  font-size: 18px;
  font-weight: normal;
  text-decoration: normal;
}

.text_4_big_bold {
  color: #569BE1;
  font-size: 18px;
  font-weight: bold;
  text-decoration: normal;
}

.text_5 {
  color: red;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_5_grayed {
  color: #FF7777;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_5_bold {
  color: red;
  font-size: 11px;
  font-weight: bold;
  text-decoration: normal;
}

.text_5_med {
  color: red;
  font-size: 14px;
  font-weight: normal;
  text-decoration: normal;
}

.text_5_med_bold {
  color: red;
  font-size: 14px;
  font-weight: bold;
  text-decoration: normal;
}

.text_5_big {
  color: red;
  font-size: 18px;
  font-weight: normal;
  text-decoration: normal;
}

.text_4_big_bold {
  color: black;
  font-size: 18px;
  font-weight: bold;
  text-decoration: normal;
}

.text_6 {
  color: #FF8000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.text_6_bold {
  color: #FF8000;
  font-size: 11px;
  font-weight: bold;
  text-decoration: normal;
}

.text_7 {
  color: #426179;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  padding-right: 2px;
}

.text_7_bold {
  color: #426179;
  font-size: 10px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 2px;
}

.text_7_med {
  
  color: #426179;
  font-size: 14px;
  font-weight: normal;
  text-decoration: none;
  padding-right: 2px;
}

.text_7_med_bold {
  color: #426179;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  padding-right: 2px;
}

.text_8_sm {
  font-size: 9px;
  color: #F8F7FD;
  font-stretch: condensed;
}

.header_1 {
  background-color: #569BE1;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;    
}

.header_1a {
  background-color: #edc215;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_1b {
  background-color: #CEC99F;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_1c {
  background-color: #B19F7C;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_1_mini {
  background-color: #569BE1;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 1;
}

.header_1_small {
  background-color: #569BE1;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 3;
}

.header_1_med {
  background-color: #569BE1;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 6;
}

.header_2 {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_2a {
  background-color: #d49f0f;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_2a {
  background-color: #d49f0f;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_2red {
  background-color: red;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_2black {
  background-color: black;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_2black_gr {
  background-color: #969696;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;   
}
    
.header_2_mini {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 1;
}

.header_2_small {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 3;
}

.header_2_med {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 6;
}

.header_2_med_t {
  background-color: #ACACAC;
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  height: 10;
}

.header_3 {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}

.header_3_mini {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 1;
}

.header_3_small {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 3;
}

.header_3_med {
  background-color: #184F86;
  color: white;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 6;
}

.header_4 {
  background-color: #F0F0F2;  
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}

.header_4_tr {
  background-color: #F0F0F2;  
  color: black;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}

.header_41 {
  background-color: #E6E6E6;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}

.header_4_grayed {
  background-color: #EEEEEE;
  color: silver;
  font-size: 11px;
  font-weight: normal;                  
  text-decoration: none;
  height: 18;
}

.header_4a {
  background-color: #ecdd9f;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}

.header_4a_sm {
  color: #4D4D4D;
  margin-right: 4px;
  font-size: 10px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}

.header_4b {
  background-color: #f9dc6a;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}   

.header_4c {
  background-color: #F2F3F7;
  color: black;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  height: 18;
}                                            
                                                                             
.header_5 {
	background-color: #206AB5;
	color: white;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;                           
	height: 18;
}

.header_5_sm {
  background-color: #206AB5;
  color: white;
  font-size: 10px;
  text-decoration: none;
}

.header_5a {
  background-color: #DFE2F9;
}

.header_5b {
	background-color: #FFFFFF;
}

.header_6a {
  background-color: #ACAFCA;
  color: white;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  height: 18;
}

.header_7 {
  background-color: #FFF3E8;
  color: #516788;
  border: 2px solid #FFAC62;
  padding: 8px 10px; 
}
       
.imginfo-up {
  background-color: #F0F0F0;
  color: #426179;
  font-size: 15px;
  border-width: 1px 1px 0px 1px;
  border-style: solid;
  border-color: #DFDFDF;
  padding: 5px 10px;
}   

.imginfo-down {
  background-color: #F0F0F0;
  color: #426179;
  font-size: 12px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #DFDFDF;
  padding: 5px 10px; 
}

.imginfo-koment {
  background-color: #F9F9F9;
  color: #516788;
  font-size: 12px;
  border-width: 0px 1px 1px 1px;
  border-style: solid;
  border-color: #DFDFDF;
  padding: 8px 10px; 
}

.header_nodata {
  background-color: #EEEEEE;
  color: silver;
  text-align: center;
  font-size: 11px;
  font-style: italic;
  font-weight: normal;                  
  text-decoration: none;
}

.header_new1 {
  padding: 2px 5px;
  font-size: 100%;
}

.header_new2 {
  padding: 2px 6px;
  font-size: 90%;
}

.header_new3 {
  padding: 3px;
  font-size: 100%;
}

.header_new4 {
  padding: 2px;
  font-size: 105%;
  font-style: italic;
}

.header_sum1 {
  border: 1px solid #a45b13; 
  background: #ffdd57 url(../../images/theme/ui-bg_gloss-wave_70_ffdd57_500x100.png) 50% 50% repeat-x; 
  font-weight: bold; 
  color: #494949;
}

.header_sun_altrow1 {
  border: 1px solid #494437; 
  background: #817865 url(../../images/theme/ui-bg_alt_1.png) 50% 40% repeat-x; 
  color: #383838; 
}

.header_sun_altrow2 {
  border: 1px solid #8e846b; 
  background: #feeebd url(../../images/theme/ui-bg_alt_2.png) 50% 65% repeat-x; 
  color: #383838; 
}

.header_srch_itms {
  border: 1px solid #aaaaaa; 
  background: #cccccc url(../../images/theme/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
  color: #222222; 
  font-weight: bold;
}

.inputtext {
  color: #184F86;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}

.inputtext_med {
  background-color: white;
  color: #184F86;
  font-size: 12px;
  font-weight: 700;
  text-decoration: normal;
  width: 120px;
}

.text_copyr {
  padding: 1px 10px;
  text-align: right;
  color: #808080;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;  
}

.areatext {
  background-color: white;
  color: #184F86;
  font-size: 12px;
  font-weight: normal;
  text-decoration: normal;
}

.btn {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  background-color: #3b5998;
  color: #FFF;
  font-style: normal;
  text-decoration: none;
  border: 3px double #eceff6;
  margin: 0 2px;
  padding: 2px 5px;
  font-weight: normal;
}
    
.btn_orange {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  background-color: #e2c822;
  color: #FFF;
  font-style: normal;
  text-decoration: none;
  border: 3px double #eceff6;
  margin: 0 2px;
  padding: 2px 5px;
  font-weight: normal;
}
  
.btn_lightblue {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  background-color: #60A6DF;
  color: #FFF;
  font-style: normal;
  text-decoration: none;
  border: 3px double #eceff6; 
  margin: 0 2px;
  padding: 2px 5px;
  font-weight: normal;
}

.btn_red {
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  background-color: #dd3c10;
  color: #FFF;
  font-style: normal;
  text-decoration: none;
  border: 3px double #eceff6; 
  margin: 0 2px;
  padding: 2px 5px;
  font-weight: normal;
}

.btn-del { 
  display: table-cell;
  padding: 0;
  margin: 0;
  min-width: 10px;
}

.debug-info {
  color: #FF9933;
  font-size: 11px;
  font-weight: normal;
  text-decoration: normal;
}                          

.text-info {
  color: black;
  font-size: 7pt;
}

.table-warning {
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  border: 1px solid #E2A005;  
  background: #fece2f url(../../images/theme/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
  color: #4c3000;  
} 

.table-error {
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  border: 1px solid #E2A005;  
  background: #ff3300 url(../../images/theme/ui-bg_gloss-wave_60_ff3300_500x100.png) 50% 50% repeat-x;
  color: #ffffff;  
} 

.gridbody {
  margin: 0;
  padding: 0;
  font-size: 75%;
}   

.login-box {
  font-size: 12px;
  font-style: normal;
  text-decoration: none;
  border: 1px solid #E0E0E0;
  padding: 2px;
}

.info-box {
  padding: 10px;
  font-size: 12px;
  font-style: normal;
  text-decoration: none;  
}

.info-title {
  padding: 6px;
  margin: 5px;
  text-align: center;
  font-family: tahoma, verdana, arial;
  font-size: 14px;
  font-weight: bold; 
}

.info-line {
  border-top: 1px solid #E0E0E0; 
}

.info-pic-col {
  margin: 5px;
  padding: 5px 10px;
  width: 25px;
}

.info-text-norm {
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #808080; 
  text-decoration: none;  
}

.info-text-red {
  padding: 10px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #ED6436;  
}

.info-text-blu {
  padding: 10px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #0B4EA2;  
}

.info-text-red1 {
  padding: 10px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #D90000;  
}

.info-text-bl1 {
  padding: 10px;
  font-family: tahoma, verdana, arial;
  font-size: 12px;
  font-weight: bold;
  color: #1E1E1E;  
}
      
.pnllink-class A:link, .pnllink-class A:visited {
  color: #507792; 
  font-size: 10px; 
  text-decoration: none;
  padding: 1px 2px;
} 
.pnllink-class A:active {color: #8EACC1; text-decoration: none;}
.pnllink-class A:hover {color: #778EEA; text-decoration: none;}


.info-class A:link, .info-class A:visited {color: #004080; text-decoration: none;}
.info-class A:active {color: orange; text-decoration: none;}
.info-class A:hover {color: #FCCB38; text-decoration: none;}

.helppic_sm { 
  margin-top: 1px;
  width: 20px;  
  height: 20px;
}

.hpicsm_left{
  float: left;
  padding-left: 4px; 
}

.helppic2 {   
  padding-bottom: 1px;
  border: 0;
  width: 16px;
  height: 16px;
}

.hpicsm_right{
  float: right; 
}

.firma-outbox {
  display: block;
  position: absolute;
  right: 75px;
  top: 5px;
  width: 200px;
  height: 42px;
  margin: 0px;
  padding: 0px 3px;
}

.firma-logo {
  position: relative;
  float: left;
  height: 40px;
  padding: 1px 3px;
  background-color: transparent;
}

.firma-text {
  padding: 4px;
  text-align: center;
}

.nodisp {
  display: none;
}

#spinner {
  position:absolute;
  top: 50%;
  left: 50%;
  width: 32px;
  height: 32px;
  margin-top: -16px; 
  margin-left: -16px;    
  z-index: 1234;  
}


#loading-div-background{
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   position: fixed;
   display: block;
   opacity: 0.7;
   background-color: #fff;
   text-align: center;
}

#loading-div{
    width: 300px;
    height: 150px;
    background-color: #fff;
    border: 5px solid #1468b3;
    text-align: center;
    color: #202020;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -150px;
    margin-top: -100px;
    z-index: 12340;  
    font-weight: bold;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* behavior: url("/css/pie/PIE.htc"); HANDLES IE */
}

.text_frame  {
  background-color: #9FB7B9;
  border: 3px double #F0F0F0;
  padding: 1px 4px;
  font-size: 11px;
  font-weight: bold;
  color: white;   
}                 

.text_frame1 {
  background-color: #9FB7B9;   
  border: 3px double #F0F0F0;
  height: 20px;
  font-size: 11px;
  font-weight: bold;
  color: white;  
}

.text_frame_fix {
  margin: 5px;
  padding: 3px 2px;
}

.grid-btn {
  min-height: 19px; 
}

.sum-capt {
  padding: 2px 3px;
}

.sum-loader {
  padding: 0px 3px;
  float: right;
}

.center-align {
  margin-left: auto;
  margin-right: auto;
}

.edit_text {
  width: 200px;
  border: 1px solid #C0C0FF;   
}

.ppinput {
  border: 1px solid #C0C0FF;   
  width: 250px;
  font-size: 11px;
  padding: 2px !important;
  margin: 0;  
  background-color: #F2F8FF;
  color: #2B2F31;
  display: inline;
}

.kolinput {
  border: 1px solid #B9B9B9;
  width: 40px; 
  margin: 0;                                                
  display: inline; 
  text-align: center;
  font-size: 11px; 
}

.loginiput {
  border: 1px solid #B9B9B9;
  background-color: #F1F5F8;
  width: 120px; 
  margin: 0; 
  display: inline; 
  text-align: center; 
}

.btn-sunny { 
  border: 1px solid #E2A005;  
  background: #fece2f url(../../images/theme/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x;
  font-weight: bold; 
  color: #4c3000; 
}

.btn-light {
  border: 1px solid #cccccc; 
  background: #f6f6f6 url(../../images/theme/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; 
  font-weight: bold; 
  color: #1c94c4; 
}

.btn-frog {
  border: 1px solid #45930b; 
  background: #4ca20b url(../../images/theme/ui-bg_highlight-soft_60_4ca20b_1x100.png) 50% 50% repeat-x; 
  font-weight: bold; 
  color: #ffffff;  
}

.btn-blitz {
  border: 1px solid #C94747; 
  background: #cc0000 url(../../images/theme/ui-bg_highlight-soft_15_cc0000_1x100.png) 50% 65% repeat-x; 
  color: #ffffff; 
  font-weight: bold;
}

.btn-dark {
   border: 1px solid #666666; 
   background: #555555 url(../../images/theme/ui-bg_glass_20_555555_1x400.png) 50% 70% repeat-x; 
   color: #eeeeee; 
}

.btn-pm-fix {
  margin: 1px 5px;
  padding: 4px 5px;
}

.tbl-ord-sum {
  border: 0;
  border-collapse: collapse;
}

.srch-pnl1 {
   border: 1px solid #cccccc; 
   background: #f6f6f6 url(../../images/theme/ui-bg_glass_1.png) 50% 49% repeat-x;
   color: #29595F; 
   padding: 1px;
}

.input-size1 {
  width: 125px;
}

.input-size2 {
  width: 115px;
}                                              

.tbl-artdata {
  width: 100%;
  padding: 0px;
  margin: 0px;
  border-collapse: collapse;
  border: none;
}

.tbl-artdata-cell {
  padding-right: 4px;
}

.tbl-order-extradata {
  margin-left: auto;
  margin-right: auto; 
  margin-top: 5px;
  padding: 2px;
  width: 60%;
  border-collapse: collapse;
}

.tbl-order-col1 {
  width: 25%;
  text-align: right;
  padding: 4px;   
  font-weight: bold;  
  color: #979391;           
} 
 
.tbl-order-col2 {
  width: 75%;
  padding: 4px;
}

.order-napomena-info {
  line-height: 20px;
  color: red;
  font-size: 11px;  
}

.ord-text {
  width: 360px;
  height: 60px;
}

.oh-napomena-tbl {
  margin-top: 5px;
  width: 550px;
  height: 55px;
}

.ofilter-box {
  position: relative;
  display: table; 
}

.ofiler-cont {
  background: #f6f6f6 url(../../images/theme/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; 
  border: 1px solid #E2E2E2;  
  border-width: 0px 1px 1px;
}

.ofilter-capt {  
  padding: 3px 5px;
  font-weight: bold; 
  color: #1c94c4;
  text-align: left;
  border: 1px solid #cccccc; 
  background: #f6f6f6 url(../../images/theme/ui-bg_glass_2.png) 50% 50% repeat-x;    
}

.ofilter-ctrl {
  display: inline-block;
  padding: 7px 5px; 
  margin: 0px auto;
} 

.ofilter-btn {
  float: right;
}