/* ===================
the drop down itself 
=================== */

.adlSelectDropDownWrap
	{
	display:block;	
	float:left;
	position:relative;
	width:100%;
	height:0px;
	background-color:transparent;
	}

.adlSelectDropDown
	{
	display:block;
	position:absolute;
	float:left;

	width:100%;
	/*height:16em; /* 1 row = 1.6em */

	/* height:223px!IMPORTANT; */
	/* 1 row = 22.3px */

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;

	background-color:cyan;

	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f4f4f4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f4f4f4));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f4f4f4 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f4f4f4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4f4f4',GradientType=0 );

	overflow:auto;

	/*
	border-style:solid;
	border-width:1px;
	border-color:#404040;
	*/

	/*
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.49);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.49);
	*/

	-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.49);
	-moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.49);
	box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.49);

	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;

	z-index:10;
	}



.adlSelectDropDown.show
	{
	visibility:visible;
	}

.adlSelectDropDown.hide
	{
	visibility:hidden;
	}

/* ===================
the drop down items
=================== */


.adlSelectDropDownItem
	{
	display:block;	
	float:left;
	position:relative;
	width:100%;
	clear:both;

/*
	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;
*/
	/*
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ffffff;
	border-top-color:blue;

	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#ffffff;
	border-bottom-color:magenta;
	*/

	vertical-align:middle;

	background-color:#F0F0F0;
	background-color:transparent;
	/*background-color:#66CCFF;*/

	padding-left:3px;
	padding-right:3px;

	cursor:pointer;
	}

.adlSelectDropDownItem:nth-child(2n+0)
	{
	/*background-color:pink;*/
	}

.adlSelectDropDownItem.highlight
	{
	background-color:#404040; /* dark gray */
	background-color:#3c6ca4; /* blue */

	background: #3b679e;
	background: -moz-linear-gradient(top,  #3b679e 0%, #49a1e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3b679e), color-stop(100%,#49a1e5));
	background: -webkit-linear-gradient(top,  #3b679e 0%,#49a1e5 100%);
	background: -o-linear-gradient(top,  #3b679e 0%,#49a1e5 100%);
	background: -ms-linear-gradient(top,  #3b679e 0%,#49a1e5 100%);
	background: linear-gradient(to bottom,  #3b679e 0%,#49a1e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b679e', endColorstr='#49a1e5',GradientType=0 );
	
	color:#ffffff;
	}




