﻿
*{
	margin:0;
	padding:0;
}

.tzSelect{
	
	/* This is the container of the new select element 
		color:#eee;
	font:15px Calibri,Arial,sans-serif;

*/	height:18px;
	display:inline-block;
	min-width:180px;
	position:relative;
	
	/* Preloading the background image for the dropdown 
	background:url("dropdown_slice.png") no-repeat -99999px;*/
}

.tzSelect .selectBox{
border: thin solid;
position: absolute;
height: 18px;
width: 160px;
font: 10pt Arial, Helvetica, sans-serif;
text-align: center;
color: #000000;
cursor: pointer;
	
/*
	text-shadow:1px 1px 0 #EEEEEE;
	background:url('select_slice.png') repeat-x #ddd;
	background-image:url('select_slice.png'),url('select_slice.png'),url('select_slice.png'),url('select_slice.png');
	background-position:0 -136px, right -204px, 50% -68px, 0 0;
	background-repeat: no-repeat, no-repeat, no-repeat, repeat-x;
		-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;*/
}

.tzSelect .selectBox:hover,
.tzSelect .selectBox.expanded{
	border: thin solid;
	position: absolute;
	height: 18px;
	width: 160px;
	font: 10pt Arial, Helvetica, sans-serif;
	text-align: center;
	color: #FF0000;
	cursor: pointer;

	
	/*background-position:0 -170px, right -238px, 50% -102px, 0 -34px;
	color:#2c5667;
	text-shadow:1px 1px 0 #9bc2d0;*/
	
}

.tzSelect .dropDown{
/*
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-box-shadow: 0 0 4px #111;
	-webkit-box-shadow: 0 0 4px #111;
	box-shadow: 0 0 4px #111;
		*/
    background-color: #FFFFFF;
	position: absolute;
	left: 0;
	height: 100%;
	width: 100%;
	border: 1px solid #32333b;
	border-width: 0 1px 1px;
      list-style: none;
	z-index: 9999;
}


.tzSelect li{
	height: 63px;
	width: 100%;
	cursor: pointer;
	position: relative;
	background-color: #FFFFFF;
	border: thin #C0C0C0 solid;
	border-width: 0 1px 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	white-space: nowrap;
    
}

.tzSelect li:hover{
background-position: 50% -0px, 0 -85px, 0 0;
background-color: #EFEFEF;
}

.tzSelect li span{
	left:80px;
	position:absolute;
	top:22px;
}

.tzSelect li i{
	font-size: 10px;
	font: 100% Arial, Helvetica, sans-serif;
	color: #000000;
	display: block;
	font-weight: bold;
}

.tzSelect li img{
	left:5px;
	position:absolute;
	top:5px;
}