﻿@charset "utf-8";

/* CSS Document */

.borderRadius{ /*-moz-border-radius: 5px;border-radius: 5px;*/ }
.borderRadiusTp{ /*--moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;*/ }
.borderRadiusBtm{ /*-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 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 #c3c3c3; */ }

.borderRadiusBtm ul li:first-child { -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-bottom: 1px solid #c3c3c3; }

.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: 5px 5px 5px -5px #888888; -webkit-box-shadow: 5px 5px 5px -5px #888888; box-shadow: 5px 5px 5px -5px #888888; }

.ddcommon input.text { color: #444444; padding: 0 0 0 0; position: absolute; background: #fff; display: block; width: 98%; height: 98%; left: 2px; top: 0; outline: none; border: #d3d2d2 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; font-size: 0.9em; }

.ddOutOfVision { position: relative; display: -moz-inline-stack; display: inline-block; zoom: 1; *display:inline;
line-height: 20px !important }

.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: absolute; }

.ddcommon .ddArrow { display: inline-block; position: absolute; top: 50%; right: 4px; }

.ddcommon .ddArrow:hover { background-position: 0 100%; }

.ddcommon .ddTitle {padding: 0;position: relative;display: inline-block;width: 100%;line-height: 25px !important;}

.ddcommon .ddTitle .ddTitleText { /*display: block;*/ display: initial; }

.ddcommon .ddTitle .ddTitleText .ddTitleText { padding: 0; }

.ddcommon .ddTitle .description { display: block; }

.ddcommon .ddTitle .ddTitleText img { position: relative; vertical-align: middle; float: left; }

#ddlCountryImageWithTextCopy .ddcommon .ddTitle .ddTitleText img { position: relative; vertical-align: middle; float: left; width: 20px; height: 20px; }

.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; }

#ddlCountryImageWithTextCopy .ddcommon .ddChild li img { border: 0 none; position: relative; vertical-align: middle; float: left; width: 20px; height: 20px; }

.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: 1px solid #c3c3c3; }

.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(../images/dd_arrow.gif) no-repeat; }

.dd .ddArrow:hover { background-position: 0 100%; }

.dd .ddTitle { color: #000; background: #e2e2e4; /*url(../images/title-bg.gif) repeat-x left top;*/ }

.dd .ddTitle .ddTitleText { padding: 5px 20px 5px 5px; }

.dd .ddTitle .ddTitleText .ddTitleText { padding: 0; }

.dd .ddTitle .description { font-size: 12px; color: #666 }

.dd .ddTitle .ddTitleText img { padding-right: 5px; }

#ddlCountryImageWithTextCopy .dd .ddTitle .ddTitleText img { padding-right: 5px; width: 20px; height: 20px; }

.dd .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }

.dd .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #c3c3c3; }

.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; }

#ddlCountryImageWithTextCopy .dd .ddChild li img { padding: 0 6px 0 0; width: 20px; height: 20px; }

.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: #d5d5d5; color: #000; }

/*.frminput_wide { width: 95%;*/ /*margin: 0px; padding: 0px;*/ /*border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.input_default { outline: none; border: #d3d2d2 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding-left: 2px; background: #FFFFFF; color: #444444; font-size: 0.9em; }

input.input_default { min-height: 20px; }

.input_default:hover { border: #003366 1px solid; }

.input_default_100p { outline: none; border: #d3d2d2 1px solid; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding-left: 2px; background: #FFFFFF; width: 100px; }

.txtgray { color: #808080; }*/

/*smaller one**/
.dd1 { border: 1px solid #c3c3c3; }

.dd1 .divider { border-left: 1px solid #c3c3c3; border-right: 1px solid #fff; ; right: 24px; }

.dd1 .ddArrow { width: 16px; height: 16px; margin-top: -8px; background: url(../imagesdd_arrow.gif) no-repeat; }

.dd1 .ddArrow:hover { background-position: 0 100%; }

.dd1 .ddTitle { color: #000; background: #e2e2e4; /*url(../images/title-bg.gif) repeat-x left top;*/ }

.dd1 .ddTitle .ddTitleText { padding: 5px 20px 5px 5px; }

.dd1 .ddTitle .ddTitleText .ddTitleText { padding: 0; }

.dd1 .ddTitle .description { font-size: 12px; color: #666 }

.dd1 .ddTitle .ddTitleText img { padding-right: 5px; width: 20px; height: 20px; }

.dd1 .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }

.dd1 .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #c3c3c3; }

.dd1 .ddChild li .description { color: #666; }

.dd1 .ddChild li .ddlabel { color: #333; }

.dd1 .ddChild li.hover { background-color: #f2f2f2 }

.dd1 .ddChild li img { padding: 0 6px 0 0; width: 20px; height: 20px; }

.dd1 .ddChild li.optgroup { padding: 0; }

.dd1 .ddChild li.optgroup .optgroupTitle { padding: 0 5px; font-weight: bold; font-style: italic }

.dd1 .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px }

.dd1 .ddChild li.selected { background-color: #d5d5d5; color: #000; }

/*flag propotional*/
.dd2 { border: 1px solid #c3c3c3; }

.dd2 .divider { border-left: 1px solid #c3c3c3; border-right: 1px solid #fff; ; right: 24px; }

.dd2 .ddArrow { width: 16px; height: 16px; margin-top: -8px; background: url(../imagesdd_arrow.gif) no-repeat; }

.dd2 .ddArrow:hover { background-position: 0 100%; }

.dd2 .ddTitle { color: #000; background: #e2e2e4; /*url(../images/title-bg.gif) repeat-x left top;*/ }

.dd2 .ddTitle .ddTitleText { padding: 5px 20px 5px 5px; }

.dd2 .ddTitle .ddTitleText .ddTitleText { padding: 0; }

.dd2 .ddTitle .description { font-size: 12px; color: #666 }

.dd2 .ddTitle .ddTitleText img { padding-right: 5px; width: 15px; height: 10px; }

.dd2 .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }

.dd2 .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #c3c3c3; }

.dd2 .ddChild li .description { color: #666; }

.dd2 .ddChild li .ddlabel { color: #333; }

.dd2 .ddChild li.hover { background-color: #f2f2f2 }

.dd2 .ddChild li img { padding: 0 6px 0 0; width: 15px; height: 10px; }

.dd2 .ddChild li.optgroup { padding: 0; }

.dd2 .ddChild li.optgroup .optgroupTitle { padding: 0 5px; font-weight: bold; font-style: italic }

.dd2 .ddChild li.optgroup ul li { padding: 5px 5px 5px 15px }

.dd2 .ddChild li.selected { background-color: #d5d5d5; color: #000; }

/*no arrow */
.dd3 { border: 1px solid #c3c3c3; }

.dd3 .ddTitle { color: #000; background: #e2e2e4; /*url(../images/title-bg.gif) repeat-x left top;*/ }

.dd3 .ddTitle .ddTitleText { padding: 5px 20px 5px 5px; }

.dd3 .ddTitle .ddTitleText .ddTitleText { padding: 0; }

.dd3 .ddTitle .description { font-size: 12px; color: #666 }

.dd3 .ddTitle .ddTitleText img { padding-right: 5px; width: 15px; height: 10px; }

.dd3 .ddChild { border: 1px solid #c3c3c3; background-color: #fff; left: -1px; }

.dd3 .ddChild li { padding: 5px; background-color: #fff; border-bottom: 1px solid #c3c3c3; }

.dd3 .ddChild li .description { color: #666; }

.dd3 .ddChild li .ddlabel { color: #333; }

.dd3 .ddChild li.hover { background-color: #f2f2f2 }

.dd3 .ddChild li img { padding: 0 6px 0 0; width: 15px; height: 10px; }

.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: #d5d5d5; color: #000; }




.dd4 .ddTitle { color: #fff; background: #333333; /*url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;*/ cursor: pointer; margin-top: 10px; }

.dd4 .ddTitle:hover { color: #fff; background: #333333; /*url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;*/ cursor: pointer; }

.dd4 .ddTitle .ddTitleText { padding: 1px 5px 1px 5px; }

.dd4 .ddTitle .ddTitleText .ddTitleText { padding: 0; }

.dd4 .ddTitle .description { font-size: 12px; color: #666 }

.dd4 .ddTitle .ddTitleText img { padding-right: 4px; width: 19px; height: 10px !important; }

.dd4 .ddTitle .ddTitleText .ddlabel {
	margin-left: 5px;
	margin-right: 5px;
}

.dd4 .ddChild {/*border: 1px solid #333333;*/background-color: #fff;/*left: -1px;*/height: auto !important;} /*** Added by H.P.T. 24-April-2019 ***/

.dd4 .ddChild li { padding: 8px 4px 8px 5px; background-color: #545454; cursor: pointer; border-bottom: 1px solid #545454;line-height: 5px !important; }

.dd4 .ddChild li .description { color: #666; }

.dd4 .ddChild li .ddlabel {
	color: #ffffff;
	margin-left: 5px;
	margin-right: 5px;
}

.dd4 .ddChild li.hover { background-color: #333333; }

.dd4 .ddChild li img { /*padding: 0 6px 0 0;*/ /*padding:5px 6px 5px 0px;*/ width: 15px; height: 10px !important; }

.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: #333333;color: #fff;}


