.bksearchpaging {
list-style-type : none;
list-style-position: inside;
padding: 32px 0px 32px 0px;
margin: 0px 0px 0px 0px;
border: 0px solid #c0c0c0;
display:block;
text-align: center;
}

.bksearchpaging FORM {
 padding: 0px;
 margin: 0px;
}

.bksearchpaging BUTTON{
list-style-type : none;
list-style-position: inside;
padding: 0px;
margin: 8px;
width: 40px;
height : 40px;
display: inline-block ;
border: 1px solid #d1c71f;

/* BUTTON http://www.colorzill.com/gradient-editor/ */ 
 background: rgb(231,237,125);

background-image: -moz-radial-gradient(center, ellipse cover,  rgba(231,237,125,1) 0%, rgba(232,218,34,1) 100%);
background-image: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(231,237,125,1)), color-stop(100%,rgba(232,218,34,1)));
background-image: -webkit-radial-gradient(center, ellipse cover,  rgba(231,237,125,1) 0%,rgba(232,218,34,1) 100%);
background-image: -o-radial-gradient(center, ellipse cover,  rgba(231,237,125,1) 0%,rgba(232,218,34,1) 100%);
background-image: -ms-radial-gradient(center, ellipse cover,  rgba(231,237,125,1) 0%,rgba(232,218,34,1) 100%);
background-image: radial-gradient(ellipse at center,  rgba(231,237,125,1) 0%,rgba(232,218,34,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7ed7d', endColorstr='#e8da22',GradientType=1 );


 
 box-shadow:4px 4px 16px #525252;
 overflow:hidden;

 text-align: center;
 vertical-align: middle;
 font: bold 23px Verdana,Arial,Helvetica;
 color: #d1c71f	;
}

/* http://wiki.selfhtml.org/wiki/CSS/Media_Queries */

.bksearchpaging BUTTON {
 font-size: 23px;
 width: 40px;
 height: 40px;
 border-radius: 40px; 
 -moz-border-radius: 40px; 
 -webkit-border-radius: 40px; 
 -o-border-radius: 40px; 
 letter-spacing: -2px;
 margin-left: 10px;
 margin-right: 10px;
}



.bksearchpaging BUTTON.bksearchpage:hover {
box-shadow:2px 2px 12px #525252;
opacity:0.9;
filter:alpha(opacity=90); 
 color: #a00000;
 border-color: #a00000;
 
xcolor: #8d8d8d	;
}

.bksearchpaging BUTTON  .bksearchpage_hint{
color: #f1f2fd;
background: rgb(94,116,178);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzVlNzRiMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxNjE4OTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(94,116,178,1) 0%, rgba(22,24,150,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(94,116,178,1)), color-stop(100%,rgba(22,24,150,1)));
background: -webkit-linear-gradient(top,  rgba(94,116,178,1) 0%,rgba(22,24,150,1) 100%);
background: -o-linear-gradient(top,  rgba(94,116,178,1) 0%,rgba(22,24,150,1) 100%);
background: -ms-linear-gradient(top,  rgba(94,116,178,1) 0%,rgba(22,24,150,1) 100%);
background: linear-gradient(to bottom,  rgba(94,116,178,1) 0%,rgba(22,24,150,1) 100%);
/*
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5e74b2', endColorstr='#161896',GradientType=0 );
*/

-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);

display: none;
}

.bksearchpaging BUTTON:hover .bksearchpage_hint{
display: block;
}

.bksearchpaging BUTTON.bksearchpage_current {
opacity:0.9;
filter:alpha(opacity=90); 
xcolor: #6d6c29;
border-color: #6d6c29;

color: rgba(17, 17, 17, 0.5);
 text-shadow: 2px 2px 5px rgba(247, 247, 247, 0.94);
 
}

.bksearchpaging BUTTON.bksearchpage {
opacity:0.8;
filter:alpha(opacity=80); 
}

.bksearchpaging BUTTON .bksearchpage_hint {
display: none;
position: absolute;

padding: 2px 8px 2px 8px;
 font: 14px Verdana,Arial,Helvetica;


border: 1px solid #1c2390;



 /*
opacity:0.4;
filter:alpha(opacity=40); */
  border-radius: 8px; 
 -moz-border-radius: 8px; 
 -webkit-border-radius: 8px; 
box-shadow:2px 2px 12px #525252;
margin-left: -10px;
}

#bksearchpaging_top .bksearchpage_hint{
margin: -78px 0px 0px -50px;
}

#bksearchpaging_bottom .bksearchpage_hint{
margin: 10px 0px 0px -53px;
}

.bksearchpaging BUTTON.bksearchpage_none {
 filter:alpha(opacity=20); 
 opacity:0.2;
 box-shadow:2px 2px 12px #525252;
}


.bksearchpaging BUTTON.bksearchpage_none:hover .bksearchpage_hint {
display: none;
}


.bksearchpaging BUTTON:hover  .bksearchpage_hint {
display: none;
}




@media (max-width:1200px) {
  .bksearchpaging BUTTON {
   margin-left: 10px;
   margin-right: 10px;
 }  
}

@media (max-width:800px) {
  .bksearchpaging BUTTON {
   margin-left: 5px;
   margin-right: 5px;
 }  
}

@media (max-width:700px) {
  .bksearchpaging BUTTON {
   margin-left: 2px;
   margin-right: 2px;
 }  
}
