/* msdropdown: http://www.marghoobsuleman.com/mywork/jcomponents/image-dropdown/samples/index.html  */

.ddcommon {position:relative;/*display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline;*/ cursor:pointer; background-color:White}
.ddcommon ul{padding:0;margin:0;}
.ddcommon ul li{list-style-type:none;}
.borderRadiusTp ul li:last-child{-moz-border-radius:0 0 2px 2px ; border-radius:0 0 2px 2px;border-bottom:0 none #90a4ae; }
.borderRadiusBtm ul li:first-child{-moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0 ;border-bottom:1px solid #90a4ae; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll{
color:#545454;
background: #ebebe4;
}

.ddcommon.disabledAll .arrow
{
    width:0px !important;
    background:none !important;
}

.ddcommon.disabledAll .ddTitleText/*, .ddcommon.disabledAll .ddTitle*/
{
    padding: 0px 0px 5px 12px !important;
}


.ddcommon .clear{clear:both;padding:0;margin:0;}
/*.ddcommon .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}*/
.ddcommon input.text{color:#7e7e7e;padding:0 0 0 0; position:absolute; background:#fff; display:block; width:98%; height:98%; left:2px; top:0; border:none;}
.ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
/*.borderRadius .shadow{-moz-box-shadow:5px 5px 5px -5px #888888;-webkit-box-shadow:5px 5px 5px -5px #888888;box-shadow: 5px 5px 5px -5px #888888;}
.borderRadiusBtm .shadow{-moz-box-shadow:-5px -5px 5px -5px #888888;-webkit-box-shadow:-5px -5px 5px -5px #888888;box-shadow: -5px -5px 5px -5px #888888}*/
.borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 2px 2px ; border-radius:0 0 2px 2px;}
.borderRadiusBtm .border{-moz-border-radius:2px 2px 0 0; border-radius:2px 2px 0 0;}
img.fnone{float:none !important}
.ddcommon .divider{width:0; height:100%; position:absolute;}
.ddcommon .arrow{display:inline-block; position:absolute; top:0px; right:0px;}
.ddcommon .ddTitle {padding: 0; position: relative; width: 100%; height: 46px; overflow: hidden;}
.ddcommon .ddTitle .ddTitleText{display:table-cell; height:46px;}
.ddcommon .ddTitle .ddTitleText .ddTitleText{padding:0;}
.ddcommon .ddTitle .description{display:block;}
.ddcommon .ddTitle .ddTitleText img{position:relative; vertical-align:middle; float:left}
.ddcommon .ddChild{position:absolute;display:none;width:100%;overflow-y:auto; overflow-x:hidden; zoom:1; z-index:9999;}
.ddcommon .ddChild li{clear:both;}
.ddcommon .ddChild li .description{display:block;}
.ddcommon .ddChild li img{border:0 none; position:relative;vertical-align:middle;float:left}
.ddcommon .ddChild li.optgroup{padding:0;}
.ddcommon .ddChild li.optgroup .optgroupTitle{padding:0 5px;}
.ddcommon .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddcommon .noBorderTop{border-top:none 0  !important; padding:0; margin:0;}
.ddChild, .ddChild ul {height:auto !important; max-height: 183px !important;}

/*************** default theme **********************/
.dd{/*vertical-align:middle;*/ border-radius:2px;border:solid 1px #90a4ae;}
/*.dd .divider{border-left:0px solid #90a4ae; border-right:1px solid #fff; right:41px;}*/
.dd .arrow{top: 5px; right: 5px; width: 36px; height: 36px; background:url('../Images/dropdownlist.png') no-repeat;}
.dd .ddTitle .ddTitleText{padding:0px 25px 5px 12px; overflow:hidden; line-height:46px;}
/*.dd .ddTitle .ddTitleText .ddTitleText{padding:0; height:25px;}*/
.dd .ddTitle .description{ color:#666}
.dd .ddTitle .ddTitleText img{padding-right:5px;}
.dd .ddChild{border:1px solid #90a4ae; background-color:#fff; left:-1px;}
.dd .ddChild li{padding: 15px 5px 15px 12px; background-color:#fff; border-bottom:1px solid #90a4ae;}
.dd .ddChild li .description{color:#666;}
.dd .ddChild li .ddlabel{color:#333;}
.dd .ddChild li.hover{background-color:#f2f2f2}
.dd .ddChild li img{padding:0 6px 0 0;}
.dd .ddChild li.optgroup{padding:0;}
.dd .ddChild li.optgroup .optgroupTitle{padding:0 5px;}
.dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.dd .ddChild li.selected{background-color:#d5d5d5; color:#000;}

/*************** default theme **********************/
.ddVoorrangsregels{/*vertical-align:middle;*/ border-radius:2px;border:solid 1px #90a4ae;}
/*.ddVoorrangsregels .divider{border-left:0px solid #90a4ae; border-right:1px solid #fff; right:41px;}*/
.ddVoorrangsregels .arrow{top: 5px; right: 5px; width: 36px; height: 36px; background:url('../Images/dropdownlist.png') no-repeat;}
.ddVoorrangsregels .ddTitle .ddTitleText{padding:0px 25px 5px 12px; overflow:hidden; line-height:46px;}
/*.ddVoorrangsregels .ddTitle .ddTitleText .ddTitleText{padding:0; height:25px;}*/
.ddVoorrangsregels .ddTitle .description{ color:#666}
.ddVoorrangsregels .ddTitle .ddTitleText img{padding-right:5px;}
.ddVoorrangsregels .ddChild{border:1px solid #90a4ae; background-color:#fff; left:-1px;}
.ddVoorrangsregels .ddChild li{padding: 15px 5px 15px 12px; background-color:#fff; border-bottom:1px solid #90a4ae;}
.ddVoorrangsregels .ddChild li .description{color:#666;}
.ddVoorrangsregels .ddChild li .ddlabel{color:#333;}
.ddVoorrangsregels .ddChild li.hover{background-color:#f2f2f2}
.ddVoorrangsregels .ddChild li img{padding:0 6px 0 0;}
.ddVoorrangsregels .ddChild li.optgroup{padding:0;}
.ddVoorrangsregels .ddChild li.optgroup .optgroupTitle{padding:0 5px;}
.ddVoorrangsregels .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddVoorrangsregels .ddChild li.selected{background-color:#d5d5d5; color:#000;}
.ddVoorrangsregels .ddChild ul li:nth-child(2) { background-color: #26c6da !important; color: white !important; }

/***************** theme small **************************/
.ddSmall {border-radius:2px;border:solid 1px #90a4ae;font-size:10px;}
/*.ddSmall .divider{border-left:0px solid #90a4ae; border-right:1px solid #fff; right:41px;}*/
.ddSmall .arrow{top: 5px; right: 5px; width: 36px; height: 36px; background:url('../Images/dropdownlist.png') no-repeat;}
.ddSmall .ddTitle .ddTitleText{padding:0px 25px 5px 12px; overflow:hidden; line-height:46px;}
/*.ddSmall .ddTitle .ddTitleText .ddTitleText{padding:0; height:25px;}*/
.ddSmall .ddTitle .description{ color:#666}
.ddSmall .ddTitle .ddTitleText img{padding-right:5px;}
.ddSmall .ddChild{border:1px solid #90a4ae; background-color:#fff; left:-1px;}
.ddSmall .ddChild li{padding: 15px 5px 15px 12px; background-color:#fff; border-bottom:1px solid #90a4ae;}
.ddSmall .ddChild li .description{color:#666;}
.ddSmall .ddChild li .ddlabel{color:#333;}
.ddSmall .ddChild li.hover{background-color:#f2f2f2}
.ddSmall .ddChild li img{padding:0 6px 0 0;}
.ddSmall .ddChild li.optgroup{padding:0;}
.ddSmall .ddChild li.optgroup .optgroupTitle{padding:0 5px;}
.ddSmall .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddSmall .ddChild li.selected{background-color:#d5d5d5; color:#000;}

/***************** theme red **************************/
.ddRed{border-radius:2px;border:solid 1px #90a4ae; background-color:#ffcccc;}
/*.ddRed .divider{border-left:0px solid #90a4ae; border-right:1px solid #fff; right:41px;}*/
.ddRed .arrow{top: 5px; right: 5px; width: 36px; height: 36px; background:url('../Images/dropdownlist.png') no-repeat;}
.ddRed .ddTitle .ddTitleText{padding:0px 25px 5px 12px; overflow:hidden; line-height:46px;}
/*.ddRed .ddTitle .ddTitleText .ddTitleText{padding:0; height:25px;}*/
.ddRed .ddTitle .description{ color:#666}
.ddRed .ddTitle .ddTitleText img{padding-right:5px;}
.ddRed .ddChild{border:1px solid #90a4ae; background-color:#fff; left:-1px;}
.ddRed .ddChild li{padding: 15px 5px 15px 12px; background-color:#fff; border-bottom:1px solid #90a4ae;}
.ddRed .ddChild li .description{color:#666;}
.ddRed .ddChild li .ddlabel{color:#333;}
.ddRed .ddChild li.hover{background-color:#f2f2f2}
.ddRed .ddChild li img{padding:0 6px 0 0;}
.ddRed .ddChild li.optgroup{padding:0;}
.ddRed .ddChild li.optgroup .optgroupTitle{padding:0 5px;}
.ddRed .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}
.ddRed .ddChild li.selected{background-color:#d5d5d5; color:#000;}