

#app .ddcommon {position:relative;display:-moz-inline-stack; zoom:1; display:inline-block; *display:inline; cursor:default;}
#app .ddcommon ul{padding:0;margin:0;}
#app .ddcommon ul li{list-style-type:none;}
#app .borderRadiusTp ul li:last-child{ }
#app .borderRadiusBtm ul li:first-child{ }

#app .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;
}
#app .ddcommon .clear{clear:both}
#app .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;}
#app .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;}
#app .ddOutOfVision{position:relative; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline;}
#app .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;}
#app .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}
#app .borderRadiusTp .border, .borderRadius .border{-moz-border-radius:0 0 5px 5px ; border-radius:0 0 5px 5px;}
#app .borderRadiusBtm .border{-moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
#app 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%}
.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: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 **********************/









#app .dd .ddTitle{color:#000;background:#e2e2e4 url(../../images/msdropdown/skin1/title-bg.gif) repeat-x left top;}
#app .dd .ddTitle .ddTitleText{
	display: table;
	padding: 0;
}
#app .dd .ddTitle .ddTitleText .ddTitleText{padding:0;}
#app .dd .ddTitle .description{font-size:12px; color:#666}
#app .dd .ddTitle .ddTitleText img{ padding-right:10px;} 






#app .dd .divider,
#app .dd .ddArrow { display: none; }

#app .dd.ddcommon:focus { outline: 0; }


#app .dd .ddTitle {
	background: #FFF; /* Old browsers */
	background: RGBA(255,255,255,0.75);
	background: -webkit-linear-gradient(top,
				RGBA(255,255,255,0.75) 40%,
				RGBA(238,238,238,0.75) 100%); /* Chrome10+,Safari5.1+ */
	border: 1px solid #AAA;
	color: #333;
	cursor: pointer;
	font-family: 'helvetica-6';
	font-size: 16px;
	padding: 10px;
	text-shadow: 0 1px 0 RGBA(255,255,255,0.75);
	text-transform: uppercase;
}

#app .dd:focus .ddTitle,
#app .dd:hover .ddTitle {
	background: #69C; /* Old browsers */
	background: RGBA(102,153,204,0.75);
	background: -webkit-linear-gradient(top,
				RGBA(102,153,204,0.75) 40%,
				RGBA(85,119,153,0.75) 100%); /* Chrome10+,Safari5.1+ */
	border: 1px solid #666;
	color: #222;
	outline: 0;
	text-shadow: 0 1px 0 RGBA(255,255,255,0.25);
}

#app .dd:active .ddTitle {
	background: #357; /* Old browsers */
	background: RGBA(51,81,119,0.75);
	background: -webkit-linear-gradient(top,
				RGBA(51,85,119,0.75) 40%,
				RGBA(0,51,85,0.75) 100%); /* Chrome10+,Safari5.1+ */
	border: 1px solid #333;
	color: #000;
	text-shadow: 0 1px 0 RGBA(255,255,255,0.25);	
}


#app .dd .ddChild{
	width: 950px;
	/*width: 100%;*/
	position: absolute;
	top: 0;
	left: 0;
	height: auto;


	background-color: #FFF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	border-radius: 7px;
	
	padding: 20px;
	-webkit-box-shadow: 0px 0px 70px 5px rgba(0, 0, 0, 0.6);
	box-shadow: 0px 0px 70px 5px rgba(0, 0, 0, 0.6);

	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	z-index: 1000;
}

/*.dd .ddChild:after {
	content: "";
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(90,0,0,0.8);
	z-index: -1;
	pointer-events: none;
}*/

#app .dd .ddChild ul:before,
#app .dd .ddChild ul:after {
    content: " ";
    display: table;
}

#app .dd .ddChild ul:after { clear: both; }



#app .dd .ddChild li {
	background: #FFF;
	background: -moz-linear-gradient(top,
				rgba(255,255,255,0.75) 40%,
				rgba(238,238,238,0.75) 100%);
	background: -webkit-linear-gradient(top,
				rgba(255,255,255,0.75) 40%,
				rgba(238,238,238,0.75) 100%);
	background: -o-linear-gradient(top,
				rgba(255,255,255,0.75) 40%,
				rgba(238,238,238,0.75) 100%);
	background: -ms-linear-gradient(top,
				rgba(255,255,255,0.75) 40%,
				rgba(238,238,238,0.75) 100%);
	background: linear-gradient(to bottom,
				rgba(255,255,255,0.75) 40%,
				rgba(238,238,238,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
				startColorstr='#bfffffff',
				endColorstr='#bfeeeeee',GradientType=0 );
	border: 1px solid #AAA;
	/*border-bottom: 1px solid #AAA;
	border-top: 1px solid #AAA;*/
	/*box-shadow: inset 1px 0px 0px 0px #AAA;*/
	color: #333;
	clear: none;
	cursor: pointer;
	float: left;
	margin: 0;
	position: relative;
	text-shadow: 0 1px RGBA(255,255,255,0.4);
	margin-bottom: -1px;
	width: 25%;
	z-index: 1001;
	height: 150px;margin-left: -1px;
}

#app .dd #ddlApplicationSkewed_child li,
#app .dd #ddlApplicationSloped_child li,
#app .dd #ddlApplicationTFOption_child li,
#app .dd #ddlApplicationTFSlopedDown_child li,
#app .dd #ddlApplicationTFOffest_child li {
	width: 33.4%;
}

/*.dd #ddlHeaderMember_child li:nth-child(9),
.dd #ddlHeaderMember_child li:nth-child(10),
.dd #ddlHeaderMember_child li:nth-child(11) {
	width: 33.3%;
}*/

#app .dd .ddChild li + li {
	
}


#app .dd .ddChild li:focus,
#app .dd .ddChild li:hover,
#app .dd .ddChild li.nonSelected:focus,
#app .dd .ddChild li.nonSelected:hover {
	background: #69C;
	background: -moz-linear-gradient(top,
				rgba(102,153,204,0.75) 40%,
				rgba(85,119,153,0.75) 100%);
	background: -webkit-linear-gradient(top,
				rgba(102,153,204,0.75) 40%,
				rgba(85,119,153,0.75) 100%);
	background: -o-linear-gradient(top,
				rgba(102,153,204,0.75) 40%,
				rgba(85,119,153,0.75) 100%);
	background: -ms-linear-gradient(top,
				rgba(102,153,204,0.75) 40%,
				rgba(85,119,153,0.75) 100%);
	background: linear-gradient(to bottom,
				rgba(102,153,204,0.75) 40%,
				rgba(85,119,153,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
				startColorstr='#bf6699cc',
				endColorstr='#bf557799',GradientType=0 );
/*	border-bottom: 1px solid #666;
	border-top: 1px solid #666;
	
	box-shadow: inset 1px 0px 0px 0px #666;*/
	color: #222;
	outline: 0;	
	z-index: 6;
}

#app .dd .ddChild li:active,
#app .dd .ddChild li.selected {
	background: #69C;
	background: -moz-linear-gradient(top,
				rgba(102,153,204,0.35) 40%,
				rgba(85,119,153,0.35) 100%);
	background: -webkit-linear-gradient(top,  
				rgba(102,153,204,0.35) 40%,
				rgba(85,119,153,0.35) 100%);
	background: -o-linear-gradient(top,  
				rgba(102,153,204,0.35) 40%,
				rgba(85,119,153,0.35) 100%);
	background: -ms-linear-gradient(top, 
				rgba(102,153,204,0.35) 40%,
				rgba(85,119,153,0.35) 100%);
	background: linear-gradient(to bottom,
				rgba(102,153,204,0.35) 40%,
				rgba(85,119,153,0.35) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(
				startColorstr='#596699cc',
				endColorstr='#59557799',GradientType=0 );
	/*border-bottom: 1px solid #333;
	border-top: 1px solid #333;
	box-shadow: inset 0 0 0 1px #333;
	border: 1px solid #333;*/

	box-shadow: inset 0 0 0 1px #333;

	color: #000;
	font-family: 'helvetica-5';
	z-index: 6;
}


#app ._msddli_ {
	font-family: 'helvetica-5';
	font-size: 14px;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
}

#app .ddTitleText .ddlabel {
	display: table-cell;
	vertical-align: middle;
}	

#app li span.ddlabel {
	display: block;
	margin-top: 10px;
	
}




#app .dd.ddcommon.borderRadius,
#app .dd.ddcommon.borderRadiusBtm,
#app .dd.ddcommon.borderRadiusTp {
	width: 100% !important;
}






#app .dd .ddChild li .description{color:#666;}
#app .dd .ddChild li .ddlabel{color:#333;}
#app .dd .ddChild li.hover{background-color:#f2f2f2}




#app .dd .ddChild li img{padding:0 6px 0 0;}
#app .dd .ddChild li.optgroup{padding:0;}
#app .dd .ddChild li.optgroup .optgroupTitle{padding:0 5px; font-weight:bold; font-style:italic}
#app .dd .ddChild li.optgroup ul li{padding:5px 5px 5px 15px}

