/************** Skin 1 *********************/
.dd {
/*display:inline-block !important;*/
  text-align       : left;
  background-color : #fff;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
  float            : left;
}

.dd .ddTitle {
  background       : #fff;
  border           : 1px solid #c3c3c3;
  padding          : 3px;
  text-indent      : 0;
  cursor           : default;
  overflow         : hidden;
  height           : 16px;
}

.dd .ddTitle span.arrow {
  background       : url(/system/image/dd_arrow.gif) no-repeat 0 0;
  float            : right;
  display          : inline-block;
  width            : 16px;
  height           : 16px;
  cursor           : pointer;
}

.dd .ddTitle span.ddTitleText {
  text-indent      : 1px;
  overflow         : hidden;
  line-height      : 16px;
}

.dd .ddTitle span.ddTitleText img {
  text-align       : left;
  padding          : 0 2px 0 0
}

.dd .ddTitle img.selected {
  padding          : 0 3px 0 0;
  vertical-align   : top;
}

.dd .ddChild {
  position         : absolute;
  border           : 1px solid #c3c3c3;
  border-top       : none;
  display          : none;
  margin           : 0;
  width            : auto;
  overflow         : auto;
  overflow-x       : hidden !important;
  background-color : #ffffff;
  max-height       : 300px;
}

.dd .ddChild .opta a, .dd .ddChild .opta a:visited {
  padding-left     : 10px
}

.dd .ddChild a {
  display          : block;
  padding          : 2px 0 2px 3px;
  text-decoration  : none;
  color            : #000;
  overflow         : hidden;
  white-space      : nowrap;
  cursor           : pointer;
}

.dd .ddChild a:hover {
  background-color : #66CCFF;
}

.dd .ddChild a img, .dd .ddTitle span img {
  border           : 0;
  padding          : 0 2px 0 0;
  vertical-align   : middle;
  height           : 16px;
  margin-top       : -2px;
  margin-right     : -1px;
}

.dd .ddChild a.selected {
  background-color : #66CCFF;

}

.hidden {
  display          : none;
}