.jmPgCont {
	 position:relative;
 } 
 
 /* Блок с номером страницы*/
 .pageTitleNum { 
	 position:relative;
	 display:block;
	 text-align:left;
	 border-bottom:1px solid #dbe1e8;
	 height:45px;
	 line-height:45px;
	 margin: 20px 0 20px 0;
	 padding: 0 0 10px 20px;
	 overflow:hidden;
	 
 } 
  /* Блок с "страница:" */
.pageTitleNum .pageTitleNumN { 
	 font: 16px Tahoma, Helvetica, Arial, Sans-Serif;
	 color: #dbe1e8;
	 display:inline-block;
	 
}
 /* Блок с цифрой*/
.pageTitleNum .pageTitleNumI {
	 font: 28px Tahoma, Helvetica, Arial, Sans-Serif;
	 color: #555;
	 display:block;
	 float:right;
	 margin:0 50% 0 0 ;
}


/* Блок с анимацией загрузки и с текстом ошибки */
.jmlploadCont{
	text-align:center;
	 margin:20px 0 ;
}
/* Кнопка "обновить" при ошибке загрузки страницы. */
.refbut{
	display:inline-block;
	color:black;
	cursor:pointer;
	text-decoration:underline;
}

.refbut:hover{
	color:#5e6d81;
}
/* класс картинки загрузки */
 .loadinggif {
	 position:relative;
 }
 /* Кнопки переключения страниц. */
 .jmPgCont-swch{
	 display:inline-block;
	 margin:5px;
	 padding:3px 7px;
	 cursor:pointer;
	 border-radius:5px;
	 border:1px solid #444;
	 background:#555;
	 color:white;
	 font-size:12px;
 }
 
  .jmPgCont-swch:hover{
	 background:#5e6d81;
	  
  }
 
 
 
 
/* ---------------------- Нижняя панелька --------------------------*/

 
 .JMlpBotPanel{position:fixed; z-index:999; bottom:0; left:50%; padding:0 20px;margin-left:-130px; background:rgba(255,255,255,0.9); 
height:40px; line-height:40px; border-radius:5px 5px 0 0;
color:black; text-align:center;border:solid #dbe1e8; border-width:1px 1px 1px 0px;
    font-size: 14px;
    font-family: Tahoma,Geneva,sans-serif;}

 
  
  /* Вкл/Выкл */
  
 .JMlpP{ display:inline-block; cursor:pointer;margin:0; width:24px; height:14px; line-height:14px; border-radius:7px; border-top:#bbd2a2 solid 1px;
 text-align:left;
	 background:#9fd468;
	 text-align:left;
-webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);

 -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	
} 
 .JMlpP:hover{
	 background:#d48468;

 }
 
 .swchCirc{margin:1px 1px 0 1px;height:10px; width:10px; border-radius:100%; background:white;border:1px solid #e2eed6;display:inline-block;

	}
 

  .JMlpPOff{
	 text-align:right;
	 background:#cdd1da!important;
 }
  .JMlpPOff:hover{
	 background:#cdd1da!important;

 }
 
 /* блок с переключаетелем страниц и с текстом "перейти на стр." */
 .JMlpFPg{
	 display:inline-block;
	 margin:0 0 0 15px;
 }
 
 /* переключатель страниц */

.jmpagesselect {
    padding:0px;
    margin: 0;
    -webkit-border-radius:4px;
	width:45px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}


@media screen and (-webkit-min-device-pixel-ratio:0) {
    .jmpagesselect {padding-right:18px}
}

.jmpagesselectL {position:relative;height:16px;}
.jmpagesselectL:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
.jmpagesselectL:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:16px;
    background:#f8f8f8;
    position:absolute;
    pointer-events:none;
    display:block;
}

 
 /* Кнопка помощь */
 
 .JMlpHelp{
	 display:inline-block;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    cursor: pointer;
	margin:0 0 0 15px;
}
 
 .JMlpHelp:before {
    content: '?';
	font: 14px/1.4 'Arial', 'Helvetica', sans-serif;
    font-weight: bold;
    color: #fff;
}
 .JMlpHelp:hover{
	 background-color: #86b4ca;
 }
 
 
 
 /* вверх */
  .JMarrowUp{
	 display:inline-block;
	 position:relative;
	 width:6px;
	 background:#cdd1da;
	 height:8px;
	 margin:0 0 -3px 15px;
	 cursor:pointer;
	  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
 }
 
 .JMarrowUp::before{
	 display:block;
	 content:'';
	 position:absolute;
	 top:-8px;
	 left:-5px;
	 content:'';
	 width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #cdd1da transparent;
 }

 
/* ------------------------------------ Анимация при нажатии на инструкции -------------------------*/


.JMlpInstr{
	font-size: 16px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position:fixed;
	background:rgba(0,0,0,0.7);
	z-index:998;
	top:0;
	bottom:0;
	left:0;
	right:0;
}



.JMlpTipscont{
	position:relative;
}

.JMlpTipscont div{
	opacity:0;
	  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.JMlpInstr1{
	position:fixed;
	z-index:1001;
	padding:20px;	
	width:300px;
	top:50%;
	left:50%;
	margin:-100px 0 0 -150px;
	font-size:30px;
	color:white;
}


.JMlpArr-1{
	background:url('/jmlp/arr-1.png') no-repeat bottom left;
	padding-bottom:83px;
	margin:-100px 0 0 0;
	position:fixed;
	z-index:1001;
	color:white;
	
}

.JMlpArr-2{
	background:url('/jmlp/arr-2.png') no-repeat bottom left;
	padding-bottom:45px;
	margin:-75px 0 0 0;
	position:fixed;
	z-index:1001;
	color:white;
	
}
.JMlpArr-3{
	background:url('/jmlp/arr-3.png') no-repeat bottom right;
	padding-bottom:126px;
	width:144px;
	margin:-145px 0 0 0;
	position:fixed;
	z-index:1001;
	color:white;
	
}

.JMlpArr-4{
	background:url('/jmlp/arr-4.png') no-repeat bottom right;
	padding-bottom:170px;
	width:220px;
	margin:-195px 0 0 0;
	position:fixed;
	z-index:1001;
	color:white;
	
}


.JMlpTipsOk {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  margin:20px 0 0 0;
  text-decoration: none;
  float:right;
  cursor:pointer;
}

.JMlpTipsOk:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}