/*
	********************************************************************************************
    my_css
	********************************************************************************************
*/
.red    {color: #C03;}
.grn    {color: #0A8;}
.pl20   {padding-left:20px;}

/*Таблица условий*/
.tab_usl{
    text-align: left;
    background-color: #FFFFFF;
    width: 100%;
    font-size: 12px;
    border: 1px solid #CCC;
    }
    
.lft{
    width: 20%;
    border: 1px solid #CCC;
}
.rht{
    color: #C03;
    border: 1px solid #CCC;
}
/*Конец таблица условий*/


TABLE.pay {
    height: 100%; 
    border: 3px brown solid;
    font-size : 14px;
    border-collapse: collapse;  /*Убираем двойные линии между ячейками */
        text-align: center;
    }
TABLE.pay td {
    /*padding: 2px; Поля вокруг содержимого таблицы */
    border: 1px solid gray; /* Параметры рамки */
    padding: 0px 3px;
    }

TABLE.pay td.lef {
    text-align: left;
    }
    
.sc_stop {margin-top: 10px;}
.sc_stop p {margin-bottom: 0.1em; font-size:1.3em;}
.sc_stop span {color:#F00;} 

.seg_stop {margin-top: 0px;}
.seg_stop p {margin: 0 0 0 0.1em; color:#F00; font-size:1.6em;}
.seg_stop span {font-size:1.2em;}  


.col_1{color: #F00;} 
.col_2{color: #090;}
.col_3{color: #03F;} 
.col_4{color: #F90990;}

#purshpercent {
  width: 70%;
  }

.purshpercenttext {
	float: left;
  color: #ff0000;
  padding-top: 0px;
  padding-left: 1%;

	}
.ppc{
display: block;
clear: inherit;
	}

.statussp{
/* 	padding-left: 100px;*/
	font-size:12px;
	float: right;
}
.box_s {float: right; cursor: pointer;}
.box-block{
    font-size: 1.1em;
    background-color: #FFFFF1; 
    margin: 0px auto; 
    text-align: center;}
/*Таблица условий*/
.tab_usl{
    text-align: left;
    background-color: #FFFFF1;
    width: 100%;
    font-size: 14px;
    border: 1px solid #CCC;
    }
    
.lft{
    width: 20%;
    border: 1px solid #CCC;
}
.rht{
    color: #C03;
    border: 1px solid #CCC;
}
/*Конец таблица условий*/
.rht_cvz{
    border: 1px solid #CCC;
    color:#FF0;
    padding: 0 10px 2px;}
    
.rht_cvz_w{
    color:#09F;
} 

.rht_cvz_srok{ 
    width: auto;
    border: 1px solid #CCC;
    padding: 0 10px 2px;}
#kod_cvz_copy{
border: solid #0AC 2px;
padding: 5px;
text-align: left;
} 

#kod_cvz_copy span{
font-size: 1.4em; font-weight: bold;
}   

.lft_cvz{
    width: auto;
}
#kpz dt{
font-size: 1.3em;
font-weight: bold; 
color:#00F;
}

#kpz dd{
padding-left:20px;
}

#kpz u{
padding-left:20px;
}
    
/*Всплывающая подсказка*/

  label {position: relative;}

  .box_v {
   position: absolute;
   left: -400px;
   top: 100%;
   z-index: 100;
   text-indent: 0px;   

   /* Prevent some white flashing in Safari 5.1 */
   -webkit-backface-visibility: hidden;
   
   background-color: #eeeeee;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#999999)); 
   background-image: -webkit-linear-gradient(top, #eeeeee, #999999); 
   background-image:    -moz-linear-gradient(top, #eeeeee, #999999); 
   background-image:     -ms-linear-gradient(top, #eeeeee, #999999); 
   background-image:      -o-linear-gradient(top, #eeeeee, #999999); 
       
   -moz-border-radius:    20px; 
   -webkit-border-radius: 20px; 
   border-radius:         20px; 
     
   -moz-background-clip:    padding; 
   -webkit-background-clip: padding-box; 
   background-clip:         padding-box; 
   
   /*width: auto;*/
    width: 500px;
   padding: 20px;
   margin: 24px 0;
   opacity: 0;
         
   -webkit-transform: scale(0) skew(50deg);
   -moz-transform:    scale(0) skew(50deg);
   -ms-transform:     scale(0) skew(50deg);
   -o-transform:      scale(0) skew(50deg);
   
   -webkit-transform-origin: 450px -30px;
   -moz-transform-origin:    450px -30px;
   -ms-transform-origin:     450px -30px;
   -o-transform-origin:      450px -30px;
   
   -webkit-transition: -webkit-transform ease-out .35s, opacity ease-out .4s;
   -moz-transition:    -moz-transform    ease-out .35s, opacity ease-out .4s;
   -ms-transition:     -ms-transform     ease-out .35s, opacity ease-out .4s;
   -o-transition:      -o-transform      ease-out .35s, opacity ease-out .4s;
  }
  .box_v p{font-size: 1.0em;
margin-bottom: 0.4em;}

  .box_v span .title{
    font-size: 1.0em;
    padding: 0 0 0.6em;
    display: block;
    color: #00D;}
  
  .box_v:after {
   content: "";
   position: absolute;
   bottom: 100%;
   left: 450px;
   border-bottom: 20px solid #eee;
   border-left:   14px solid transparent;
   border-right:  14px solid transparent;
   width:  0;
   height: 0;
  }
  
  .popUpControl:checked ~ label > .box_v {
   opacity: 1;
   -webkit-transform: scale(1) skew(0deg);
   -moz-transform:    scale(1) skew(0deg);
   -ms-transform:     scale(1) skew(0deg);
   -o-transform:      scale(1) skew(0deg);
  }
  .popUpControl { 
    display: none; 
  }
  
  .popUpControl:checked ~ label > span.click_v_1 {display: none;}
  .popUpControl:checked ~ label:before {content: "Закрыть ";} 
  
  .title_v { display: block; margin: 0 0 5px 0; color: black; font: bold 16px Sans-Serif; text-decoration: none; text-align: center;}
  
 /* задаём кнопку */
 
  .click_v {
   text-indent: 0px;
   display: inline-block;
   padding: 0px ;
 /**/  -webkit-border-radius: 5px;
   -moz-border-radius:    5px;
   border-radius:         5px;
   font: 12px "Lucida Grande", Sans-Serif;
 /*   background-color: #ff7700; */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff7700), to(#CB6)) !important; 
   background-image: -webkit-linear-gradient(top, #ff7700, #CB6) !important; 
   background-image:    -moz-linear-gradient(top, #ff7700, #CB6) !important; 
   background-image:     -ms-linear-gradient(top, #ff7700, #CB6) !important; 
   background-image:      -o-linear-gradient(top, #ff7700, #CB6) !important; 
  
   box-shadow: inset 0 1px 1px white,
                     0 3px 3px rgba(0,0,0,0.6);
   border: 1px solid #9ac9ff !important;
   font-weight: 600;
   text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
   text-decoration: none;
   margin: 0;
   position: relative; }
 
 .click_v { font-weight: 600;   text-shadow: 0 -1px 0 rgba(0,0,0,0.3);   
   margin: 0 5px 4px;
   position: relative;
   padding: 0 4px;
   float: right;}
   
 .click_v:hover {
   box-shadow: inset 0 2px 6px white,
                     0 3px 3px rgba(0,0,0,0.6);
 }
 
 .click_v:active {
   box-shadow: inset 0 2px 6px white,
                     0 1px 1px rgba(0,0,0,0.6);
   top: 2px;
 }
 
.printSelection {font-size: 1.5em;}
.printSelection span{ font-size: 1.2em;}  
.printSelected div {display: none } /* скрываем весь контент на странице */
.printSelected div.printSelection {display: block; font-size: 2em;} /* делаем видимым только тот блок, который подготовлен для печати */
.printSelected div.printSelection div {display: block; font-size: 2em;} /* показываем всех его потомков, которые были скрыты первой строкой */
.printSelected div.printSelection td{ font-size: 1.2em;} 
.printSelected div.printSelection span{ font-size: 1.2em;}