/* custom select control */

div.cc-select,
div.cc-select .cc-states {
  display: block;
  text-align: left !important;
  *zoom: 1; /* ie6, ie7 */
}

div.cc-select,
div.cc-select div {
  cursor: default;
}

div.cc-select {
  top: 0; left: 0;
  position: relative; /* used by script */
}

div.cc-select .cc-states {
  top: 0; left: 0;
  position: absolute;
  width: 100%; height: 100%;
}

div.cc-select .cc-selector {
  display: block;
}

div.cc-select .cc-optionor {
  display: none;
}

div.cc-select .cc-options {
  overflow: auto;
}

div.cc-select .cc-options ul {
  overflow: hidden;
  list-style-type: none;
  margin: 0; padding: 0;
}

div.cc-select .cc-options li {
  overflow: hidden;
  white-space: nowrap;
  *white-space: normal; /* ie6, ie7 */
  margin: 0; padding: 0;
}
div.cc-select .cc-options li.cc-option {}
div.cc-select .cc-options li.cc-option-hover {}
div.cc-select .cc-options li.cc-option-first {}
div.cc-select .cc-options li.cc-option-last {}

div.cc-select .cc-options li span {
  display: block;
  overflow: hidden;
}

/* control element */

div.cc-select a {
  outline: none;
  display: block;
  cursor: default;
  white-space: nowrap;
  *white-space: normal; /* ie6, ie7 */
}

div.cc-select a,
div.cc-select a:link,
div.cc-select a:hover,
div.cc-select a:active,
div.cc-select a:visited {
  text-decoration: none;
}

div.cc-select a span {
  display: block;
  overflow: hidden;
}

/* customization */

div.cc-select {
  width: auto; height: 40px;
}

div.cc-select .cc-holder {
  color: black;
  background: white;
  margin: 0; padding: 2px;
  border: 2px solid #D8DBE0;
}

div.cc-select .cc-selector {}
div.cc-select .cc-optionor { padding-top: 2px; }

div.cc-select a {
  font-size: 10pt;
  width: auto; height: 32px;
  line-height: 32px;
  padding-left: 4px; /* control left pad */
  padding-right: 36px; /* control right pad */
  background: transparent url('jquery.custom-select.png') no-repeat right top;
  _background: transparent url('jquery.custom-select.gif') no-repeat right top; /* ie6 */
}

div.cc-select a span {
  width: auto; height: 32px; /* ie */
}

div.cc-select .cc-options {
  padding-left: 0px; /* control left pad */
  padding-right: 0px; /* control right pad */
}

div.cc-select .cc-options ul {
  font-size: 10pt;
}

/* selector layer states */

div.cc-select .cc-state-hover .cc-holder,
div.cc-select .cc-state-selected .cc-holder,
div.cc-select .cc-state-selected-hover .cc-holder {
}

div.cc-select .cc-state a,
div.cc-select .cc-state a:link,
div.cc-select .cc-state a:hover,
div.cc-select .cc-state a:active,
div.cc-select .cc-state a:visited {
  color: #808080;
}

div.cc-select .cc-state-hover a,
div.cc-select .cc-state-selected a,
div.cc-select .cc-state-selected-hover a {
  color: black;
}

/* optionor layer */

div.cc-select .cc-options li.cc-option {
  color: #000000;
  transition: color 0.3s linear; /* ie10+, fx16+, opera12.1+ */
}

div.cc-select .cc-options li.cc-option-hover {
  color: #606060;
}

div.cc-select .cc-options li.cc-option span {
  height: 24px;
  line-height: 24px;
  padding: 0 4px;
  cursor: pointer;
}