﻿.borderRadius {-moz-border-radius:5px; border-radius:5px; }
.borderRadiusTp {-moz-border-radius:5px; border-radius:5px;}
.borderRadiusBtm {-moz-border-radius:5px; border-radius:5px;}


.ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
.ddcommon ul {padding:0;margin:0;}
.ddcommon ul li {list-style-type:none;}

.borderRadiusTp ul li:last-child {-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;border-bottom:0 none #e8e8e8; }
.borderRadiusBtm ul li:first-child {-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0 ;border-bottom:1px solid #e8e8e8; }


.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll {
opacity: .5; /* standard: ff gt 1.5, opera, safari */
-ms-filter:"alpha(opacity=50)"; /* ie 8 */
filter:alpha(opacity=50); /* ie lt 7 */
-khtml-opacity:.5; /* safari 1.x */
-moz-opacity:.5; /* ff lt 1.5, netscape */
color:#999999;
}
.ddcommon .clear {clear:both}
.ddcommon .shadow {-moz-box-shadow:2px 2px 2px -2px #888888;-webkit-box-shadow:2px 2px 2px -2px #888888;box-shadow: 2px 2px 2px -2px #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:2px 2px 2px -2px #888888;-webkit-box-shadow:2px 2px 2px -2px #888888;box-shadow: 2px 2px 2px -2px #888888;}
.borderRadiusBtm .shadow {-moz-box-shadow:-2px -2px 2px -2px #888888;-webkit-box-shadow:-2px -2px 2px -2px #888888;box-shadow: -2px -2px 2px -2px #888888}
.borderRadiusTp .border, .borderRadius .border {-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
.borderRadiusBtm .border {-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}


img.fnone {float:none !important}
.ddcommon .divider {width:0; height:100%; position:absolute;}
.ddcommon .arrow {display:inline-flex; position:absolute; top:50%; right:4px; align-items:center; justify-content:center; background:none;}
.ddcommon .arrow::before {content:""; width:0; height:0; border-left:5px solid transparent; border-right:5px solid transparent; border-top:6px solid currentColor;}
.ddcommon .ddTitle {padding:0; position:relative; display:inline-block; width:100%}
.ddcommon .ddTitle .ddTitleText {display:block;}
.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:900}
.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; font-weight:bold; font-style:italic}
.ddcommon .ddChild li.optgroup ul li {padding:5px 5px 5px 15px}
.ddcommon .noBorderTop {border-top:none 0  !important; padding:0; margin:0;}


/*************** default theme ********************* width 80 */
.dd .divider {width:0; height:100%; position:absolute;}
.dd .arrow {width:16px;height:16px; margin:-7px 3px 0 0; color:#ffffff;}
.dd .ddTitle {color:#ffffff;background: #9a0b7d;width: 80px;height: 40px; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;}
.dd .ddTitle .ddTitleText {padding:10px 0 5px 10px;}
.dd .ddTitle .ddTitleText .ddTitleText {padding:0;}
.dd .ddTitle .description {font-size:12px; color:#555}
.dd .ddTitle .ddTitleText img {padding-right:5px;}
.dd .ddChild {border:1px solid #9a0b7d; background-color:#fff;width: 78px;margin-top:0;}
.dd .ddChild li {padding:0px; background-color:#9a0b7d; border-bottom:1px solid #9a0b7d;width: 80px; height: 40px}
.dd .ddChild li .description {color:#555;}
.dd .ddChild li .ddlabel {float:left;color:#ffffff; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;margin:10px 0 5px 15px;}
.dd .ddChild li.hover {background-color:#7bceed;cursor:pointer;}
.dd .ddChild li img {padding:0 6px 0 0;}
.dd .ddChild li.optgroup {padding:0;}
.dd .ddChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic}
.dd .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px;}
.dd .ddChild li.selected {background-color:#7bceef; color:#000;}

.dd2b .divider {width:0; height:100%; position:absolute;}
.dd2b .arrow {width:16px;height:16px; margin:-7px 3px 0 0; color:#ffffff;}
.dd2b .ddTitle {color:#ffffff;background: #7bceed;width: 220px;height: 40px; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;}
.dd2b .ddTitle .ddTitleText {padding:10px 0 5px 10px;}
.dd2b .ddTitle .ddTitleText .ddTitleText {padding:0;}
.dd2b .ddTitle .description {font-size:12px; color:#555}
.dd2b .ddTitle .ddTitleText img {padding-right:5px;}
.dd2b .ddChild {border:1px solid #7bceed; background-color:#fff;width: 218px;margin-top:0;}
.dd2b .ddChild li {padding:0px; background-color:#7bceed; border-bottom:1px solid #7bceed;width: 220px; height: 40px}
.dd2b .ddChild li .description {color:#555;}
.dd2b .ddChild li .ddlabel {float:left;color:#ffffff; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;margin:10px 0 5px 15px;}
.dd2b .ddChild li.hover {background-color:#9a0b7d;cursor:pointer;}
.dd2b .ddChild li img {padding:0 6px 0 0;}
.dd2b .ddChild li.optgroup {padding:0;}
.dd2b .ddChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic}
.dd2b .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px;}
.dd2b .ddChild li.selected {background-color:#9a0b7d; color:#000;}


/*************** Gray ********************* width 50 open */
.dd2g .divider {width:0; height:100%; position:absolute;}
.dd2g .arrow {width:16px;height:16px; margin:-7px 3px 0 0; color:#555;}
.dd2g .ddTitle {color:#555;background: #e8e8e8;width: 224px;height: 40px; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;}
.dd2g .ddTitle .ddTitleText {padding:10px 0 5px 10px;}
.dd2g .ddTitle .ddTitleText .ddTitleText {padding:0;}
.dd2g .ddTitle .description {font-size:12px; color:#555}
.dd2g .ddTitle .ddTitleText img {padding-right:5px;}
.dd2g .ddChild {border:1px solid #e8e8e8; background-color:#fff;width: 224px;margin-top:0;}
.dd2g .ddChild li {padding:0px; background-color:#e8e8e8; border-bottom:1px solid #e8e8e8;width: 226px; height: 40px}
.dd2g .ddChild li .description {color:#555;}
.dd2g .ddChild li .ddlabel {float:left;color:#555; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;margin:10px 0 5px 15px;}
.dd2g .ddChild li.hover {background-color:#7bceed;cursor:pointer;}
.dd2g .ddChild li img {padding:0 6px 0 0;}
.dd2g .ddChild li.optgroup {padding:0;}
.dd2g .ddChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic}
.dd2g .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px;}
.dd2g .ddChild li.selected {background-color:#7bceed; color:#000;}

/*************** default theme ********************* width 150 open */
.dd3 .divider {width:0; height:100%; position:absolute;}
.dd3 .arrow {width:20px;height:20px; margin:-7px 3px 0 0; color:#555;}
.dd3 .ddTitle {color:#555;background: transparent;width: 150px;height: 37px; font-weight:400;font-family: "proxima-nova", sans-serif;font-size: 15px;}
.dd3 .ddTitle .ddTitleText {padding:10px 0 5px 10px;}
.dd3 .ddTitle .ddTitleText .ddTitleText {padding:0;}
.dd3 .ddTitle .description {font-size:12px; color:#555}
.dd3 .ddTitle .ddTitleText img {padding-right:5px;}
.dd3 .ddChild {border:none; background-color:#fff;width: 148px;margin-top:0;}
.dd3 .ddChild li {padding:0px; background-color:transparent; border-bottom:1px solid #e8e8e8;width: 150px; height: 40px}
.dd3 .ddChild li .description {color:#555;}
.dd3 .ddChild li .ddlabel {float:left;color:#555; font-weight:400;font-family: "proxima-nova", sans-serif;font-size: 15px;margin:10px 0 5px 15px;}
.dd3 .ddChild li.hover {background-color:#7bceed; cursor:pointer;}
.dd3 .ddChild li img {padding:0 6px 0 0;}
.dd3 .ddChild li.optgroup {padding:0;}
.dd3 .ddChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic}
.dd3 .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px;}
.dd3 .ddChild li.selected {background-color:#7bceed; color:#000;}

/*************** default theme ********************* width 50 open */
.dd4 .divider {width:0; height:100%; position:absolute;}
.dd4 .arrow {width:20px;height:20px; margin:-7px 3px 0 0; color:#555;}
.dd4 .ddTitle {color:#555;background: transparent;width: 60px;height: 37px; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;}
.dd4 .ddTitle .ddTitleText {padding:11px 0 5px 10px;}
.dd4 .ddTitle .ddTitleText .ddTitleText {padding:0;}
.dd4 .ddTitle .description {font-size:12px; color:#555}
.dd4 .ddTitle .ddTitleText img {padding-right:5px;}
.dd4 .ddChild {border:none; background-color:#fff;width: 69px;margin-top:0;}
.dd4 .ddChild li {padding:0px; background-color:transparent; border-bottom:1px solid #e8e8e8;width: 70px; height: 40px;}
.dd4 .ddChild li .description {color:#555;}
.dd4 .ddChild li .ddlabel {float:left;color:#555; font-weight:400;font-family: "proxima-nova", sans-serif;font-size: 15px;margin:10px 0 0 -5px;width:100%;text-align:center;}
.dd4 .ddChild li.hover {background-color:#7bceed; cursor:pointer;}
.dd4 .ddChild li img {padding:0 6px 0 0;}
.dd4 .ddChild li.optgroup {padding:0;}
.dd4 .ddChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic}
.dd4 .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px;}
.dd4 .ddChild li.selected {background-color:#7bceed; color:#000;}
/*************** default theme IE********************* width 50 open */
.dd4i .divider {width:0; height:100%; position:absolute;}
.dd4i .arrow {width:20px;height:20px; margin:-7px 3px 0 0; color:#555;}
.dd4i .ddTitle {color:#555;background: transparent;width: 95px;height: 37px; font-weight:600;font-family: "proxima-nova", sans-serif;font-size: 15px;}
.dd4i .ddTitle .ddTitleText {padding:10px 0 5px 10px;}
.dd4i .ddTitle .ddTitleText .ddTitleText {padding:0;}
.dd4i .ddTitle .description {font-size:12px; color:#555}
.dd4i .ddTitle .ddTitleText img {padding-right:5px;}
.dd4i .ddChild {border:none; background-color:#fff;width: 69px;margin-top:0;}
.dd4i .ddChild li {padding:0px; background-color:transparent; border-bottom:1px solid #e8e8e8;width: 70px; height: 40px}
.dd4i .ddChild li .description {color:#555;}
.dd4i .ddChild li .ddlabel {float:left;color:#555; font-weight:400;font-family: "proxima-nova", sans-serif;font-size: 15px;margin:10px 0 5px 15px;}
.dd4i .ddChild li.hover {background-color:#7bceed;cursor:pointer;}
.dd4i .ddChild li img {padding:0 6px 0 0;}
.dd4i .ddChild li.optgroup {padding:0;}
.dd4i .ddChild li.optgroup .optgroupTitle {padding:0 5px; font-weight:bold; font-style:italic}
.dd4i .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px;}
.dd4i .ddChild li.selected {background-color:#7bceed; color:#000;}
