/* Dropdown sign of the zodiac (long) */

.dropdownlistlong
{
	BACKGROUND-COLOR: white;
	height:312px;
	color:#5aa831;
}

.dropdownlistlong .dropdowncontainer
{
	BORDER-RIGHT: #5aa831 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #5aa831 1px solid;
	DISPLAY: none;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #5aa831 1px solid;
	PADDING-TOP: 5px; 
	BORDER-BOTTOM: #5aa831 1px solid; 
	HEIGHT: 100px; 
	width:180px;
	BACKGROUND-COLOR: white;
	position:absolute;
	z-index:1;
}

.dropdownlistlong .dropdownscrollbarbutton
{	
	BACKGROUND-IMAGE: url('../images/MakolabControls/scrollerGreenWhite.png');
	WIDTH: 15px; 
	BACKGROUND-REPEAT: no-repeat; 
	POSITION: relative; 
	HEIGHT: 15px
}


.dropdownlistlong .dropdownscrollbar
{
	FLOAT: right; 
	BACKGROUND-IMAGE: url('../images/MakolabControls/scrollerbackgroundGreenWhite.png'); 
	WIDTH: 15px; 
	BACKGROUND-REPEAT: repeat-y; 
	HEIGHT: 100%;
	position:static;
}

.dropdownlistlong .dropdowncontent
{
	FLOAT: left; 
	OVERFLOW: hidden; 
	WIDTH: 165px; 
	POSITION: relative; 
	HEIGHT: 100%; 
	BACKGROUND-COLOR: white;
}

.dropdownlistlong .dropdownplaceholder
{
	OVERFLOW: hidden;
	POSITION: relative;
	color:white;
	padding-left:10px;
}


.dropdownlistlong .droplisttext
{
	background-image:url('../images/MakolabControls/arrowbackgroundgreenwhite.png');
	background-repeat:repeat-x;
	color: #5aa831;
	float:left;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	border-bottom-style: none;
	border-width:0px;
	width:160px;
	height:29px;
	position:relative;
	padding-left:10px;
}



.dropdownlistlong .droplistbutton
{
	background: #5aa831;
	color: white;
	float:right;
	background-image:url('../images/MakolabControls/arrowgreenwhite.png');
	width:36px;
	height:31px;
	float:left;
	position:relative;
}


.dropdownlistlong .dropdownitem
{
	background: white;
	color: #5aa831;
}

.dropdownlistlong .dropdownitem:hover
{
	background: #5aa831;
	color: white;
}