/*
====================================================================================
== Buttons
====================================================================================
*/

a.kimgbutton {
    background: transparent url('img/btn_right.jpg') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.kimgbutton img{
  float:left;
  margin-top:2px;
  margin-right:5px;
}

a.kimgbutton span {
    background: transparent url('img/btn_left.jpg') no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
}
a.kimgbutton:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}
a.kimgbutton:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.kimgbutton_dk {
    background: transparent url('img/btn_right_dkbg.jpg') no-repeat scroll top right;
    color: #FFF;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 30px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.kimgbutton_dk img{
  float:left;
  margin-top:2px;
  margin-right:5px;
}

a.kimgbutton_dk span {
    background: transparent url('img/btn_left_dkbg.jpg') no-repeat;
    display: block;
    line-height: 20px;
    padding: 5px 0 5px 18px;
}
a.kimgbutton_dk:hover {
    background-position: bottom right;
    outline: none; /* hide dotted outline in Firefox */
}
a.kimgbutton_dk:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

a.kibleft{
  float:left;
}
a.kibright{
  float:right;
}

/*
====================================================================================
== ButtonBar
====================================================================================
*/
ul.kbuttonbar{
  margin:0;
  padding:0;
  list-style: none;
}
ul.kbuttonbar li{
  float: left;
  border:1px solid #274A9B;
  margin-right:6px;
  line-height:22px;
  height:22px;
  font-size:13px;
}
ul.kbuttonbar li.left{
  float:left;
}
ul.kbuttonbar li.right{
  float:right;
}
ul.kbuttonbar li a{
  float: left;
  text-decoration: none;
  color: #FFF;
  background-color:#274A9B;
  padding-right:5px;
}
ul.kbuttonbar li span{
  float:left;
  width:22px;
  height:22px;
  background-color:#FFF;
  margin-right:5px;
}
ul.kbuttonbar li span img{
  margin:3px;
}
ul.kbuttonbar li a:hover{
  background-color:#FFF;
  color:#3A61A4;
}

/*
====================================================================================
== ButtonBar Dark
====================================================================================
*/
ul.kbuttonbar_dk{
  margin:0;
  padding:0;
  list-style: none;
}
ul.kbuttonbar_dk li{
  float: left;
  border:1px solid #FFF;
  margin-right:6px;
  line-height:22px;
  height:22px;
  font-size:13px;
}
ul.kbuttonbar_dk li.left{
  float:left;
}
ul.kbuttonbar_dk li.right{
  float:right;
}
ul.kbuttonbar_dk li a{
  float: left;
  text-decoration: none;
  color: #274A9B;
  background-color:#FFF;
  padding-right:5px;
}
ul.kbuttonbar_dk li span{
  float:left;
  width:22px;
  height:22px;
  background-color:#FFF;
  margin-right:5px;
}
ul.kbuttonbar_dk li span img{
  margin:3px;
}
ul.kbuttonbar_dk li a:hover{
  background-color:#D9D9D9;
  color:#000;
}