#bkslideout_bkpagesettings .bkslideout_right h3,
#bkslideout_bkpagesettings .bkslideout_right p  {
font: bold 16px verdana, arial, helvetica;
}


/* SLIDER */
#bkslideout_bkpagesettings {
 margin-top: 115px;
 z-index:3;
}


#bkslideout_bkpagesettings .bkpagenav_slideout_content {
  border:1px solid rgba(0,0,0,0.2);
  background:rgba(0,0,0,0.8);
  border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  -webkit-border-radius: 0 0 0 10px;
  -o-border-radius: 0 0 0 10px;
  min-height: 200px;
  box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);

}

#bkslideout_bkpagesettings .bkpagenav_slideout_content a { padding:0px; }

#bkslideout_bkpagesettings .bkpagenav_slideout_handle {
 background:rgba(0,0,0,0.2);
 border:1px solid rgba(0,0,0,0.2);
 border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(0,0,0,0.2) rgba(0,0,0,0);
 border-radius: 10px 0 0 10px;
 -moz-border-radius: 10px 0 0 10px;
 -webkit-border-radius:  10px 0 0 10px;
 -o-border-radius:  10px 0 0 10px;
 width: 32px;
 height:50px;
 right:30px;
 box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -webkit-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -o-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
 -ms-box-shadow: 3px 3px 9px rgba(0, 0, 0, 0.3);
  cursor:pointer;
}

body.isphone #bkslideout_bkpagesettings .bkpagenav_slideout_handle {
  bottom: 9px;
}

#bkslideout_bkpagesettings IMG.bkpagesettings_inactive {
margin-top: 6px;
margin-left: -1px;
width: 35px;

}

#bkslideout_bkpagesettings .bkpagenav_slideout_handle:active,
#bkslideout_bkpagesettings .bkpagenav_slideout_handle:hover ,
#bkslideout_bkpagesettings .bkpagenav_slideout_container:active .bkpagenav_slideout_handle,
#bkslideout_bkpagesettings .bkpagenav_slideout_container:hover .bkpagenav_slideout_handle,
#bkslideout_bkpagesettings .bkpagenav_slideout_container.expanded .bkpagenav_slideout_handle {
background:rgba(0,0,0,0.8);
}

/*
#bkslideout_bkpagesettings .bkpagenav_slideout_handle:active IMG.bkpagesettings_inactive,
#bkslideout_bkpagesettings .bkpagenav_slideout_handle:hover IMG.bkpagesettings_inactive,
#bkslideout_bkpagesettings .bkpagenav_slideout_container:active IMG.bkpagesettings_inactive,
#bkslideout_bkpagesettings .bkpagenav_slideout_container:hover IMG.bkpagesettings_inactive,
#bkslideout_bkpagesettings .bkpagenav_slideout_container.expanded IMG.bkpagesettings_inactive {
display:none;
}

#bkslideout_bkpagesettings .bkpagenav_slideout_handle:active IMG.bkpagesettings_active,
#bkslideout_bkpagesettings .bkpagenav_slideout_handle:hover IMG.bkpagesettings_active,
#bkslideout_bkpagesettings .bkpagenav_slideout_container:active IMG.bkpagesettings_active,
#bkslideout_bkpagesettings .bkpagenav_slideout_container:hover IMG.bkpagesettings_active,
#bkslideout_bkpagesettings .bkpagenav_slideout_container.expanded IMG.bkpagesettings_active {
display:block;
}


#bkslideout_bkpagesettings  .bkpagenav_slideout_handle IMG.bkpagesettings_inactive {
 width: 30px;
 margin-top:10px;
}

#bkslideout_bkpagesettings  .bkpagenav_slideout_handle IMG.bkpagesettings_active {
 width: 30px;
 margin-top:10px;
 margin-left: 3px;
 display:none;
}

#bkslideout_bkpagesettings:hover  .bkpagenav_slideout_handle IMG.bkpagesettings_inactive {
 display:none;

}

#bkslideout_bkpagesettings:hover  .bkpagenav_slideout_handle IMG.bkpagesettings_active {
 display:block;
}
*/

/*FORM*/
#bkpagesettings-costumcolor-form {
 display:none;
 margin-bottom:0;
}

body.input_color #bkpagesettings-costumcolor-form {
display:block;
}

/*BUTTON */

.bkpagenav_slideout_right form .bkbutton {
 padding: 10px 20px 10px 10px;
 margin-top:-6px;
 width:auto;
 height: 36px;
 display: table-cell;
 vertical-align: middle;
 cursor:pointer;

 border-radius: 0 20px 20px 0;
 -moz-border-radius: 0 20px 20px 0; 
 -webkit-border-radius: 0 20px 20px 0;
 box-shadow: 4px 4px 16px rgba(0,0,0,0.6); 
 overflow: hidden;
 color: #ffffff;
 border: 0px solid rgba(0,0,0,0.2);
 
 background: rgb(193,193,193); /* Old browsers */
 background: -moz-linear-gradient(-45deg,  rgba(193,193,193,1) 0%, rgba(94,94,94,1) 100%); /* FF3.6+ */
 background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(193,193,193,1)), color-stop(100%,rgba(94,94,94,1))); /* Chrome,Safari4+ */
 background: -webkit-linear-gradient(-45deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* Chrome10+,Safari5.1+ */
 background: -o-linear-gradient(-45deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* Opera 11.10+ */
 background: -ms-linear-gradient(-45deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* IE10+ */
 background: linear-gradient(135deg,  rgba(193,193,193,1) 0%,rgba(94,94,94,1) 100%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#5e5e5e',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}