
.close_X {background:url(../images/svg/X.svg) no-repeat left top;  width:34px;  height:34px; 
          cursor:pointer;  border:0px; }
.close_X:hover {box-shadow: 0 5px 10px #00000021; }  


.kn_closes {background:url(../images/svg/krest.svg) no-repeat left top;  width:28px;height:28px; 
    border:none;cursor:pointer; color:#000; font-weight:normal; padding:0; opacity: 0.3; }
.kn_closes:hover {opacity: 1.0; }


.kn_close_btn { background:url(../images/svg/red_krestik.svg) repeat-x left top; cursor:pointer; border:0px; border:0px; width:11px; height:11px; 
               opacity: 0.2;}
.kn_close_btn:hover { opacity: 1.0;}

.kn_zkr1{background:url(../images/kn/kn_cancel.png) no-repeat left top;   width:18px; 
           height:18px;  border:none; cursor:pointer; color:black; padding: 0 10px 0}  

.kn_zkr2{background:url(../images/kn/kn_cancel2.png) no-repeat left top;   width:25px; 
           height:25px;  border:none; cursor:pointer; color:black; padding:0; margin:0px;opacity: 0.7;}  
.kn_zkr2:hover{opacity:1.0;}

.kn_reset{background:url(../images/kn/kn_sbr.gif) no-repeat left top;
          width:24px;height:24px;  border:none;cursor:pointer; color:black; 
      font-size:14px; font-family:JetBr; padding:0 2px 18px 0; font-weight:bold;}
      
.kn_red{background:url(../images/kn/kn_red.gif) no-repeat left top;
          width:85px;height:28px;  border:none;cursor:pointer; color:#FFF; 
      font-size:14px; font-family:JetBr; padding:0 0 4px 0}     


.kn_yellow1 {background:url(../images/kn/kn_yellow.gif) no-repeat left top; padding:10px; width:85px;height:28px;  
             border:none;cursor:pointer; color:#333; 
             font-size:12px; font-family:JetBr;  }

.kn_yellow1:hover {background:url(../images/kn/kn_yellow_h.gif) no-repeat left top;   }




.kn_sal{background:url(../images/kn/kn_sal.gif) no-repeat left top;  width:80px;height:25px;  border:none;cursor:pointer; color:white; 
      font-size:12px; font-family:JetBr; padding:3px 0 14px 0}  
.kn_sal_sm{background:url(../images/kn/kn_sal.gif) no-repeat left top;  width:25px;height:25px;  border:none;cursor:pointer; color:white; 
      font-size:12px; font-family:JetBr; padding:3px 0 14px 3px}  

.kn_up {background: url(../images/kn/up.png)  no-repeat left top;width:20px;height:17px; border:none;cursor:pointer; }
.kn_up:hover {background: url(../images/kn/up_h.png)  no-repeat left top;width:20px;height:17px; border:none;cursor:pointer; }

.kn_zkr{background:url(../images/kn/zkr.png) no-repeat left top;   width:24px; height:24px;  border:none; cursor:pointer; color:black;} 


.kn_reg{background:url(../images/kn/sohr.png) no-repeat left top;width:161px;height:39px; margin-top:0px; border:none;cursor:pointer; font-size:18px; color:#FFF; padding:0 0 3px 20px; font-weight:bold;}
.kn_reg:hover{background:url(../images/kn/sohr_h.png) no-repeat left top;width:161px;height:39px; margin-top:15px; border:none;cursor:pointer; font-size:18px; color:#FFF; padding:0 0 3px 20px; font-weight:bold;}
.kn_reg_none{background:url(../images/kn/sohr_none.png) no-repeat left top;width:161px;height:39px; margin-top:0px; border:none;font-size:18px; color:#FFF; padding:0 0 3px 20px; font-weight:bold;}

.kn_da{background:url(../images/kn/kn_da.png) no-repeat left top;
          width:31px;height:18px;  border:none;cursor:pointer; color:black; 
      font-size:14px; font-family:JetBr;}
.kn_net{background:url(../images/kn/kn_net.png) no-repeat left top;
          width:31px;height:18px;  border:none;cursor:pointer; color:black; 
      font-size:14px; font-family:JetBr;}


.kn_reset{background:url(../images/kn/kn_sbr.gif) no-repeat left top;
          width:24px;height:24px;  border:none;cursor:pointer; color:black; 
      font-size:14px; font-family:JetBr; padding:0 2px 18px 0; font-weight:bold;}
      
.kn_red{background:url(../images/kn/kn_red.gif) no-repeat left top;
          width:85px;height:28px;  border:none;cursor:pointer; color:#FFF; 
      font-size:14px; font-family:JetBr; padding:0 0 4px 0}     

.kn_blue{background:url(../images/kn/kn_si_otg1.gif) no-repeat left top;
          width:70px;height:18px;  border:none;cursor:pointer; color:#FFF; 
      font-size:12px; font-family:JetBr; padding:10 2px 0 0}     


.kn_yel{background:url(../images/kn/kn_yel.gif) no-repeat left top;  width:85px;height:28px;  border:none;cursor:pointer; color:black; 
      font-size:14px; font-family:JetBr; padding:3px 0 14px 0}  
      
.kn_yellow{background:url(../images/kn/kn_yel_n.gif) no-repeat left top;  width:85px;height:28px;  border:none;cursor:pointer; color:black; 
      font-size:14px; font-family:JetBr; padding:3px 0 14px 0}  

.kn_sal{background:url(../images/kn/kn_sal.gif) no-repeat left top;  width:80px;height:25px;  border:none;cursor:pointer; color:white; 
      font-size:12px; font-family:JetBr; padding:3px 0 14px 0}  
.kn_sal_sm{background:url(../images/kn/kn_sal.gif) no-repeat left top;  width:25px;height:25px;  border:none;cursor:pointer; color:white; 
      font-size:12px; font-family:JetBr; padding:3px 0 14px 3px}  


.kn_exit{background:url(../images/kn/exit.png) no-repeat left top;   width:24px; height:24px;  border:none; cursor:pointer; color:black;} 
.kn_exit:hover{background:url(../images/kn/exit_h.png) no-repeat left top;   width:24px; height:24px;  border:none; cursor:pointer; color:black;} 

.kn_exit_big{background:url(../images/kn/exit_4661.png) no-repeat left top;   width:48px; height:48px;  border:none; cursor:pointer; color:black;} 
.kn_exit_big:hover{background:url(../images/kn/exit_4661_h.png) no-repeat left top;   width:48px; height:48px;  border:none; cursor:pointer; color:black;} 


.kn_green { font-family: JetBr;
         line-height:20px; text-decoration:none; color:#FFFFFF;  padding:1px 5px; 
         font-size:14px; border-radius: 2px ;
         -webkit-border-radius:5px ;  -moz-border-radius: 2px ; 
         background:#391;
          box-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);
           -webkit-box-shadow:0 1px 2px #777;
          -moz-box-shadow:0 1px 2px #777;
          border: solid 1px green; 
          border-top:1px #ddd solid;
          border-left:1px #ccc solid;
          cursor:pointer;}
.kn_green:hover {background:#391}



.kn  { font-family: JetBr;
       line-height:20px; text-decoration:none; color:#FFFFFF;  padding:1px 3px; 
       font-size:15px; border-radius: 2px ;
       -webkit-border-radius:5px ;  -moz-border-radius: 2px ; background:#3498db url(../  ) repeat-x;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);
         -webkit-box-shadow:0 1px 2px #777;
        -moz-box-shadow:0 1px 2px #777;
         
        border: solid 1px #369; 
        border-top:1px #ddd solid;
        border-left:1px #ccc solid;
        cursor:pointer;
     }
.kn:hover {background:#369 url(../  ) repeat-x;}



.kn_c {font-family: JetBr;
        line-height:20px; text-decoration:none; color:#FFFFFF;  padding:1px 3px; 
       font-size:15px; border-radius: 2px ;
       -webkit-border-radius:5px ;  -moz-border-radius: 2px ; background:#f50 url(../  ) repeat-x;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.7);
         -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
         
        border: solid 1px #369; 
        border-top:1px #ddd solid;
        border-left:1px #ccc solid;
        cursor:pointer; }
.kn_c:hover { background:red; url(../  ) repeat-x;}


.kn_reg{background:url(../images/kn/sohr.png) no-repeat left top;width:161px;height:39px; margin-top:15px; border:none;cursor:pointer}

        float:left;     padding:2px; font-size:13px;  text-decoration:none; font-weight: normal; letter-spacing:0;  padding-bottom:7px; } 

.kn_otm  { background:url(../images/kn/kn_gelt_1.png);  width:81px; height:31px;  color:#FFF;   text-decoration:none;text-align:center; border:0px;
        float:left;     padding:2px; font-size:13px;  text-decoration:none; font-weight: normal; letter-spacing:0;  padding-bottom:7px; } 

.kn_ser { background:url(../images/kn/kn_ser.png);  width:82px; height:31px;  color:#FFF;   text-decoration:none;text-align:center; border:0px;
             padding:2px; font-size:13px;  text-decoration:none; font-weight: normal; letter-spacing:0;  padding-bottom:7px;  padding:0 0 2px 0; font-weight: 600; } 
.kn_ser:hover { background:url(../images/kn/kn_ser_h.png);  width:82px; height:31px;  color:#FFF;   text-decoration:none;text-align:center; border:0px;
            padding:2px; font-size:13px;  text-decoration:none; font-weight: normal; letter-spacing:0;  padding-bottom:7px;  padding:0 0 4px 0;font-weight: 600; } 
.kn_plus {    background: url("../images/kn/plus.png") no-repeat scroll left top transparent;    border: medium none;    color: black;
            cursor: pointer;    height: 24px;    width: 24px;}
.kn_plus:hover {    background: url("../images/kn/plus_h.png") no-repeat scroll left top transparent;    border: medium none;    color: black;
            cursor: pointer;    height: 24px;    width: 24px;}

.kn_plus_plan {    background: url("../images/kn/plus_plan.png") no-repeat scroll left top transparent;    border: medium none;    color: black;
            cursor: pointer;    height: 24px;    width: 24px;}
.kn_plus_plan:hover {    background: url("../images/kn/plus_plan_h.png") no-repeat scroll left top transparent;    border: medium none;    color: black;
            cursor: pointer;    height: 24px;    width: 24px;}



.kn_plus_n {    background: url("../images/kn/plus_n.png") no-repeat scroll left top transparent;    border: medium none;    color: black;
            cursor: pointer;    height: 24px;    width: 24px;}
.kn_frm  {background: url("../images/kn/kn_ser_1.png") repeat scroll 0 0 transparent;  border: 0 none;   
            height: 30px; letter-spacing: 0; padding: 0 0 2px;   text-align: center;
            color: #707070;    font-size: 12px;  font-weight: 900; letter-spacing: 0; 
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            text-decoration: none;  width: 82px; cursor: pointer;
         } 
                 
.kn_frm:hover  {background: url("../images/kn/kn_ser_2.png") repeat scroll 0 0 transparent;  border: 0 none;   
            height: 30px; letter-spacing: 0; padding: 0 0 2px;   text-align: center;
            color: #707070;    font-size: 12px;  font-weight: 900; letter-spacing: 0; 
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            text-decoration: none;  width: 82px;  cursor: pointer; } 

.kn_net_frm  {background: url("../images/kn/kn_yel.png") no-repeat left top;  border: 0 none;   
            height: 31px; letter-spacing: 0; padding: 0 0 2px;   text-align: center;
            color: #707070;    font-size: 12px;  font-weight: 900; letter-spacing: 0; 
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            text-decoration: none;  width: 82px;  cursor: pointer;
         } 
                 
.kn_net_frm:hover  {background: url("../images/kn/kn_yel_h.png")  no-repeat left top;  border: 0 none;   
            height: 31px; letter-spacing: 0; padding: 0 0 2px;   text-align: center;
            color: #707070;    font-size: 12px;  font-weight: 900; letter-spacing: 0; 
            text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
            text-decoration: none;  width: 82px;  cursor: pointer;
         } 

.kn_close {background:url(../images/kn/zakr.png) no-repeat left top;  width:12px;height:12px; border:none;cursor:pointer; color:#666; font-weight:normal;
        padding:0; }
.kn_close:hover {background:url(../images/kn/zakr_h.png) no-repeat left top;  width:12px;height:12px; border:none;cursor:pointer; color:#666; font-weight:normal;
        padding:0; }

.kn_close1 {background:url(../images/kn/zkr.png) no-repeat left top;  width:19px;height:19px; border:none;cursor:pointer; color:#666; font-weight:normal;
        padding:0; }
.kn_close1:hover {background:url(../images/kn/zkr_h.png) no-repeat left top;  width:19px;height:19px; border:none;cursor:pointer; color:#666; font-weight:normal;
        padding:0; }

.kn_close2 {background:url(../images/svg/krest.svg);  width:19px;height:19px;
            border:none;cursor:pointer; color:#666; font-weight:normal; margin-left:0px;
            padding:0; opacity: 0.3; }
.kn_close2:hover {opacity: 1.0; }





.kn_otch  {  width:200px; height:34px;border:0; color:#fff; border-radius:4px; text-transform: uppercase; background-color:#369; font-size:12px; font:JetBr;}
.kn_otch:hover { opacity:0.8; }

.kn_left  { background:url(../images/kn/back.png); width:24px; height:24px;border:0; padding:0px; cursor:pointer;}
.kn_left:hover  { background:url(../images/kn/back_h.png); width:24px; height:24px;border:0;}

.kn_forward  { background:url(../images/kn/forward.png); width:24px; height:24px;border:0; padding:0px; cursor:pointer;}
.kn_forward:hover  { background:url(../images/kn/forward_h.png); width:24px; height:24px;border:0;}



.kn_vib { line-height:20px; text-decoration:none; color:#eee;  
                padding:15px 12px; 
                font-size:25px;  border-radius: 3px ;
                border-radius: 3px ;
                -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                background:#379 url(../  ) repeat-x;
                text-shadow: 0 0 1px  #000; 
                border-radius: 6px 6px 6px 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);  
                cursor:pointer;}

.kn_vib:hover {line-height:20px; text-decoration:none; color:#FFFFFF;   
                       padding:15px 12px; 
                       font-size:25px;  border-radius: 3px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                       background:#368 url(../  ) repeat-x;
                      
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                      text-shadow: 0 0 1px  #000; 
                      border-radius: 6px 6px 6px 6px;
                      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);  
                       cursor:pointer;}



.kn_vib_g { line-height:20px; text-decoration:none; color:#eee;  
                padding:15px 12px; 
                font-size:25px;  border-radius: 3px ;
                border-radius: 3px ;
                -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                background:#379 url(../  ) repeat-x;
                text-shadow: 0 0 1px  #000; 
                border-radius: 6px 6px 6px 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);  
                cursor:pointer;}

.kn_vib_g:hover {line-height:20px; text-decoration:none; color:#FFFFFF;   
                       padding:15px 12px; 
                       font-size:25px;  border-radius: 3px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                       background:#368 url(../  ) repeat-x;
                      
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                      text-shadow: 0 0 1px  #000; 
                      border-radius: 6px 6px 6px 6px;
                      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);  
                       cursor:pointer;}


.kn_vib369 { line-height:20px; text-decoration:none; color:#eee;  
                padding:5px 12px; 
                font-size:25px;  border-radius: 3px ;
                border-radius: 3px ;
                -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                background:#379 url(../  ) repeat-x;
                text-shadow: 0 0 1px  #000; 
                border-radius: 6px 6px 6px 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);  
                cursor:pointer;}

.kn_vib369:hover {line-height:20px; text-decoration:none; color:#FFFFFF;   
                       padding:5px 12px; 
                       font-size:25px;  border-radius: 3px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                       background:#368 url(../  ) repeat-x;
                      
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                      text-shadow: 0 0 1px  #000; 
                      border-radius: 6px 6px 6px 6px;
                      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);  
                       cursor:pointer;}



.kn_vib391 { line-height:20px; text-decoration:none; color:#eee;  
                padding:5px 12px; 
                font-size:25px;  border-radius: 3px ;
                border-radius: 3px ;
                -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                background:#391 url(../  ) repeat-x;
                text-shadow: 0 0 1px  #000; 
                border-radius: 6px 6px 6px 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);  
                cursor:pointer;}

.kn_vib391:hover {line-height:20px; text-decoration:none; color:#FFFFFF;   
                       padding:5px 12px; 
                       font-size:25px;  border-radius: 3px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                       background:#395 url(../  ) repeat-x;
                      
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                      text-shadow: 0 0 1px  #000; 
                      border-radius: 6px 6px 6px 6px;
                      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);  
                       cursor:pointer;}

.kn_vibf40 { line-height:20px; text-decoration:none; color:#eee;  
                padding:5px 12px; 
                font-size:25px;  border-radius: 3px ;
                border-radius: 3px ;
                -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                background:#f40 url(../  ) repeat-x;
                text-shadow: 0 0 1px  #000; 
                border-radius: 6px 6px 6px 6px;
                box-shadow: 0 5px 10px rgba(0, 0, 0, 0.9);  
                cursor:pointer;}

.kn_vibf40:hover {line-height:20px; text-decoration:none; color:#FFFFFF;   
                       padding:5px 12px; 
                       font-size:25px;  border-radius: 3px ;
                      -webkit-border-radius:5px ;  -moz-border-radius: 2px ;
                       background:#f80 url(../  ) repeat-x;
                      
                       -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;
                      text-shadow: 0 0 1px  #000; 
                      border-radius: 6px 6px 6px 6px;
                      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);  
                       cursor:pointer;}

.close_win {color:#fff; font-weight: 900;  width: 10px; height: 10px; font-size: 10px; text-align:
            center;padding: 4px; background-color: red;  border-radius:20px; line-height: 1.0; 
            position:absolute; opacity: 0.5; margin-left: 47px; margin-top: -64px;}
.close_win:hover {opacity: 1.0;}     
.content {width: 100%; height: 100%;}
#kn_save_gray,
#kn_save_green {height:40px; width: 86%; max-width: 360px; font-size:14px; line-height:40px;}
#add_files_box {width: 100%;background-color:#fff; overflow-y: auto; overflow-x: hidden;
                     font-size: 13px;
                     padding-top:0px; text-align: center;min-height:50px;  cursor:pointer;;;
               } 
.file_present  {width:60px; float: left;  height:60px; border: 3px #bbb solid; border-radius: 5px; margin: 5px;
    background: #FFFFFF;
             box-shadow: 0px 10px 22px rgba(0, 0, 0, 0.1);
                }              


