/**

 * Default DropKick theme

 *

 * Feel free to edit the default theme

 * or even add your own.

 *

 * See the readme for themeing help

 *

 */



/***** Begin Theme, feel free to edit in here! ******/





.dk_container li a {

 font-size: 24px; !important

}

input[type="image"] {

  outline: none;

}

img {

  outline: none

}



/* One container to bind them... */

.dk_container {

  background-color: #fff;

  font-weight: bold;

  line-height: 20px;

  margin-bottom: 18px;

  height: 56px;

  width: 225px;

  border: 4px solid #f06424;

  border-radius: 11px 11px 11px 11px;

  color: #111;

  letter-spacing: 0.05em;

  text-decoration: none;

  vertical-align: baseline;

  -webkit-box-shadow: 2px 2px 3px rgba(154, 155, 156, 1);

  -moz-box-shadow:    2px 2px 3px rgba(154, 155, 156, 1);

  box-shadow:         2px 2px 3px rgba(154, 155, 156, 1);

}

  .dk_container:focus {

    outline: 0;

  }

  .dk_container a {

    cursor: pointer;

    text-decoration: none;

  }



/* Opens the dropdown and holds the menu label */

.dk_toggle {

  /**

   * Help: Arrow image not appearing

   * Try updating this property to your correct dk_arrows.png path

   */

  background-image: url('images/dk_arrows.png');

  background-repeat: no-repeat;

  background-position: 95% center;

  padding: 7px 5px 7px 6px;

  text-shadow: #fff 1px 1px 0;

  height: 42px;

  width: 214px !important;

  font-family: Georgia;

  font-weight: 300;

  color: #111;

  line-height: 42px;

  text-align: left;

  border-radius: 7px 7px 7px 7px;

  -webkit-transition: border-color .5s;

  -moz-transition: border-color .5s;

  -o-transition: border-color .5s;

  transition: border-color .5s;

  font-size: 24px;

}

  .dk_toggle:hover {

    border-color: #8c8c8c;

  }

  /* Applied when the dropdown is focused */

  .dk_focus .dk_toggle {

    border-color: #40b5e2;

  }

  .dk_focus .dk_toggle {

    box-shadow: 0 0 5px #40b5e2;

    -moz-box-shadow: 0 0 5px #40b5e2;

    -webkit-box-shadow: 0 0 5px #40b5e2;

  }



/* Applied whenever the dropdown is open */

.dk_open {

  box-shadow: 0 0 5px #40b5e2;

  -moz-box-shadow: 0 0 5px #40b5e2;

  -webkit-box-shadow: 0 0 5px #40b5e2;

  /**

   * Help: Dropdown menu is covered by something

   * Try setting this value higher

   */

  z-index: 100000;

}

  .dk_open .dk_toggle {

    background-color: #ececec;

    border-color: #8c8c8c;

    color: #ccc;

    box-shadow: inset 0 -2px 5px #ccc;

    border-radius: 5px 5px 0 0;

    -moz-border-radius: 5px 5px 0 0;

    -webkit-border-radius: 5px 5px 0 0;

  }



/* The outer container of the options */

.dk_options {

  width: 225px;

  box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;

  -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;

  -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px;

  border-radius: 0 0 5px 5px;

  -moz-border-radius: 0 0 5px 5px;

  -webkit-border-radius: 0 0 5px 5px;

  font-weight: 400;

  max-height: 150px;

  padding: 0;

}

  .dk_options li{

    width: 200px;

    height: 17px;

    list-style-type: none;

  }



  .dk_options a {

    width: 214px;

    height: 40px;

    margin-left: -25px;

    line-height: 40px;

    background-color: #fff;

    border-bottom: 1px solid #999;

    font-weight: bold;

    padding: 8px 5px 8px 6px;

  }

  .dk_options li:last-child a {

    border-bottom: none;

  }

  .dk_options a:hover,

  .dk_option_current a {

    background-color: #f06424;

    border-bottom-color: #004c72;

    color: #fff;

    text-decoration: none;

  }



/* Inner container for options, this is what makes the scrollbar possible. */

.dk_options_inner {

  width: 225px;

  border: 1px solid #8c8c8e;

  border-bottom-width: 2px;

  border-bottom-color: #999;

  color: #5b5c5d;

  max-height: 150px;

  text-shadow: #fff 0 1px 0;

  border-radius: 0 0 5px 5px;

  -moz-border-radius: 0 0 5px 5px;

  -webkit-border-radius: 0 0 5px 5px;

  overflow-x:hidden;



}



/* Set a max-height on the options inner */

.dk_options_inner,

.dk_touch .dk_options {

  max-height: 250px;

}



/******  End Theme ******/



/***** Critical to the continued enjoyment of working dropdowns ******/



.dk_container {

  display: none;

  float: left;

  position: relative;

}

  .dk_container a {

    outline: 0;

  }



.dk_toggle {

  display: -moz-inline-stack;

  display: inline-block;

  *display: inline;

  position: relative;

  zoom: 1;

}



.dk_open {

  position: relative;

}

  .dk_open .dk_options {

    display: block;

  }

  .dk_open .dk_label {

    color: inherit;

  }



.dk_options {

  display: none;

  margin-top: -1px;

  position: absolute;

  right: 0;

}

  .dk_options a,

  .dk_options a:link,

  .dk_options a:visited {

    display: block;

  }

  .dk_options_inner {

    overflow: auto;

    position: relative;

  }



.dk_touch .dk_options {

  overflow: hidden;

}



.dk_touch .dk_options_inner {

  max-height: none;

  overflow: visible;

}



.dk_fouc select {

  position: relative;

  top: -99999em;

  visibility: hidden;

}



/***** End Critical to the continued enjoyment of working dropdowns ******/