.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 { border-bottom: 0 none #c3c3c3; }
.borderRadiusBtm ul li:first-child { border-bottom: 1px solid #c3c3c3; }

.ddcommon .disabled img, .ddcommon .disabled span, .ddcommon.disabledAll { opacity: .5; -ms-filter: "alpha(opacity=50)"; filter: alpha(opacity=50); -khtml-opacity: .5; -moz-opacity: .5; color: #505050; }

.ddcommon .clear { clear: both }
.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: #505050; padding: 0 0 0 0; position: absolute; background-color: #fff; display: block; width: 98%; height: 98%; left: 2px; top: 0; border: none; }
.ddOutOfVision { position: relative; overflow: hidden; text-wrap: none; }
/*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 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: fixed; display: none; }
.ddcommon .ddArrow { display: inline-block; position: absolute; top: 50%; right: 4px; }
.ddcommon .ddArrow:hover { background-position: 0 100%; }
.ddcommon .ddTitle { padding: 2px 0 2px 0; position: relative; overflow: hidden; width: 100%; }
/*display:inline-block;*/
.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: scroll; 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; 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 **********************/
.dd { border: 2px solid #E8E8E8; background-color: #fff; text-align: left; width: 100%; margin-bottom: -4px; }
.dd .divider { border-left: 1px solid #c3c3c3; border-right: 1px solid #fff; right: 24px; }
.dd .ddArrow { width: 16px; height: 16px; margin-top: -8px; background: url( https://cloud.mohawkmedbuy.ca/_Images/Icons/DropDownArrow.gif) no-repeat; }
.dd .ddArrow:hover { background-position: 0 100%; }
.dd .ddTitle { color: #505050; font-size: 15px; background-color: #fff; overflow: hidden; text-wrap: none; }
.dd .ddTitle .ddTitleText { padding: 6px 20px 7px 5px; }
.dd .ddTitle .ddTitleText .ddTitleText { padding: 0; }
.dd .ddTitle .description { font-size: 15px; color: #505050 }
.dd .ddTitle .ddTitleText img { padding-right: 5px; }

.dd .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }
.dd .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #EEE; }
.dd .ddChild li .description { color: #505050; }
.dd .ddChild li .ddlabel { color: #505050; }
.dd .ddChild li.hover { background-color: #fff }
.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: #F0F8ED; color: #000; }



.dd-error { border: 2px solid #FF6666; background-color: #fff; text-align: left; margin-bottom: -4px; }
.dd-error .divider { border-left: 1px solid #c3c3c3; border-right: 1px solid #fff; right: 24px; }
    .dd-error .ddArrow { width: 16px; height: 16px; margin-top: -8px; background: url( https://cloud.mohawkmedbuy.ca/_Images/Icons/DropDownArrow.gif) no-repeat; }
.dd-error .ddArrow:hover { background-position: 0 100%; }
.dd-error .ddTitle { color: #505050; font-size: 15px; background: #fff; overflow: hidden; text-wrap: none; }
.dd-error .ddTitle .ddTitleText { padding: 6px 20px 7px 5px; }
.dd-error .ddTitle .ddTitleText .ddTitleText { padding: 0; }
.dd-error .ddTitle .description { font-size: 15px; color: #505050 }
.dd-error .ddTitle .ddTitleText img { padding-right: 5px; }

.dd-error .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }
.dd-error .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #EEE; }
.dd-error .ddChild li .description { color: #505050; }
.dd-error .ddChild li .ddlabel { color: #505050; }
.dd-error .ddChild li.hover { background-color: #fff }
.dd-error .ddChild li img { padding: 0 6px 0 0; }
.dd-error .ddChild li.optgroup { padding: 0; }
.dd-error .ddChild li.optgroup .optgroupTitle { padding: 0 5px; font-weight: bold; font-style: italic }
.dd-error .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px }
.dd-error .ddChild li.selected { background-color: #F0F8ED; color: #000; }