/* 
 * This is a sample CSS file for FancySelect.
 * You can easily change styles such as colors, backgrounds, borders, font 
 * and dimensions to customize FancySelect look, but be careful about the
 * layout properties - some of them are essential to make FancySelect works
 * as expected. 
 */

/* The following rules set style for the <select> replacement 
 * Select is replaced by an inline <div class="customSelect"> */

select {
  visibility: hidden;
}
 
div.customSelect {
	display: inline-block; /* Needed to behave like a select element */
	*display: inline; /* IE7 fix */
	*zoom: 1; /* IE7 fix */
	vertical-align: middle;
	margin: 2px 0;
	/*overflow: hidden; /* For float clearing */
	cursor: pointer;
	padding: 0;
	color: #333333;
	background-color: #fff;
	border: 1px solid #dfe0e2;
	font-weight: regular;
	position: relative;
	z-index: 0;
}

div.customSelectActive {
  z-index: 11;
}


/* This is the arrow on the right side. The triangle is 
 * rendered using a base64 encoded PNG :)
 * See the magic here: http://ptrn.it/x0Hdzg */

div.customSelect .arrow {
	display: block;
	float: left;
	height: 23px;
	width: 25px;
	margin: 0;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAXCAIAAABxgXNEAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowMTgwMTE3NDA3MjA2ODExOTJCMEM4MTlDMjA4QTc4OCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5RkZEODkyQTI1NjkxMUUzODMxNjlFRUI0NjFFOTZGQSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5RkZEODkyOTI1NjkxMUUzODMxNjlFRUI0NjFFOTZGQSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6Rjc3RjExNzQwNzIwNjgxMThBNkQ5OEEwQjIyQzQzNUYiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MDE4MDExNzQwNzIwNjgxMTkyQjBDODE5QzIwOEE3ODgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4SmdiRAAAAbUlEQVR42mJ8/vwFA5UACwPDf2qZxcRAPcDy////QWoWw2AM+0EcXnQxa8GSVZiCCTFhONPqf9wgPjoUTTVQBI96fGYBQVxUCNwgIBu/YgJmAUFsZDDQICBJUCXjnTt3hnuaGCFlzrAPL4AAAwBvceoBv8sdHwAAAABJRU5ErkJggg==);
	background-position: 0 0;
	background-repeat: no-repeat;
  position: absolute;
  right: 0;
}

div.customSelect.customSelectDisabled .arrow { 
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAfCAIAAAAJNFjbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIE1hY2ludG9zaCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo5MkYwMzRGOTEwODUxMUU3OUZCQjk4MTU4QTIzQzAwNCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo5MkYwMzRGQTEwODUxMUU3OUZCQjk4MTU4QTIzQzAwNCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkyRjAzNEY3MTA4NTExRTc5RkJCOTgxNThBMjNDMDA0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjkyRjAzNEY4MTA4NTExRTc5RkJCOTgxNThBMjNDMDA0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+ZkRyWwAAAcdJREFUeNrsVltuwkAMXG9yiZIEAvT+J6rUXqBV/2E99WOz5IONtFJRVYkVhEfM2DNju6XPr+/wyBPDg08P4H8zeEr09wx6qtwAsb4wiLr8jV1X8WxPRNIqqZXB8hNi5hijhykQFaglALzFoHoHSXAFnSIhpGDQBg5Poynjqm7ENgYCIejSBQQn0Wky8uBoPyIVqCQjtHWRoasTHJJeFULUkHRqBtQdzSIGSYD70eiBlQmmj/c3UUbkyur71R2RJ/NhfoVxuc8AtRMS4yqlzcdT9pOyC9FeXJlxPgIaWYOpDxrLPSLjfpjPmmOpMXdUCNN0VNUCx0DVSZb89x8hsjmguEjjNGOlphgwDBPCxYiaNxWcKgNrDG8b9tBpfxLFPYeiW//EYE28sYuqFpC2CdsxyTmlyzDu5auX3ZgnLOW7Gx7UdxFCGaUrp05qFSqM3TDpWHQiG7vrrD1c3Wj9Bjm12CQRJZh1sN1bUuMEuXOq8pmW1dS0TW89c1sRGm3Dtnx0BhaANgZWORNssMRkHWBYN6oijqtLUPPBeFHjJFNSSEYRbL1KvepllKgMRwODvLtKXVo9FRnKe6qP2PNv8vMfr986PwIMANQ58VgZSkKNAAAAAElFTkSuQmCC');    
}

/* The following rule set style for the dropdown list,
 * which is a <ul class="customSelect"> */

ul.customSelect {
	margin: 0;
	padding: 0;
  z-index: 10;
	height: 234px;
	overflow-x: hidden;
	overflow-y: auto;
	
}

ul.customSelect li {
	margin: 0;
	padding: 1px;
  padding-right: 10px;
	list-style-type: none; /* We do not need bullets */
	border: 1px solid #dfe0e2;
	background-color: #fff;
	overflow: hidden; /* For float clearing */
	border-top: none; /* Avoid double-borders */
	cursor: pointer;
  color: #000;
	*width: 150px; /* IE7 fix, we HAVE TO se fixed with :( */
	*margin-bottom: -3px; /* IE7 fix */
}

ul.customSelect li:hover {
	background-color: #f6f6f6;
}

/* This is for the currently selected option */

ul.customSelect li.selected {
	background-color: #ddeeff;
	font-weight: normal;
}

/* This is for the disabled options */

ul.customSelect li.disabled {
	background-color: #eeeeee;
	color: #b8b8b8;
	cursor: default;
}

/* The following rules set style for inner content of the <select> 
 * replacement and the dropdown list. Just an image and a text left-floated */

.customSelect .image {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
}

.customSelect .text {
	display: block;
	float: left;
	height: 23px;
	line-height: 23px;
	padding: 0 5px;
  width: 200px;
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

div.customSelect.customSelectDisabled .text {
    color: #CCC;
}

ul.customSelect .text {
  max-width: 500px;
  width: auto;
}

/* Some rules to have bigger images for "customSelect-big" class */

ul.customSelect-big li .image {
	display: block;
	float: left;
	width: 64px;
	height: 64px;
}

ul.customSelect-big li {
	*width: 64px; /* IE7 fix, we HAVE TO se fixed with :( */
}

		 
ul.customSelect li.disabled { 
    display: none; 
}


/** fullsize version new */

div.customSelectFull {
  width: 100%;
  max-width: 100%;
  border-color: #cacccf;
  float: left;
  height: 32px;
  margin: 0;
}

div.customSelectFull .text {
  height: 30px;
  padding-right: 34px !important;
  padding-left: 10px !important;
  line-height: 32px;
}

div.customSelectFull .arrow {
  border-right: 1px solid #cacccf;
  margin-right: -1px;
  line-height: 32px;
  width: 32px;
  height: 30px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/4QNvaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjUtYzAxNCA3OS4xNTE0ODEsIDIwMTMvMDMvMTMtMTI6MDk6MTUgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6MzlDRjM0NDMxRjIwNjgxMTg4QzZBMjEwRTAxMURCRTciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTNBNzc2RDNCRTcwMTFFNDg1NEZFMTAwQjJEMkYzNTUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTNBNzc2RDJCRTcwMTFFNDg1NEZFMTAwQjJEMkYzNTUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNCBNYWNpbnRvc2giPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODdGMTE3NDA3MjA2ODExOTEwOTlDMEI4M0VENkFFNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozOUNGMzQ0MzFGMjA2ODExODhDNkEyMTBFMDExREJFNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/uAA5BZG9iZQBkwAAAAAH/2wCEAAEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAgICAgICAgICAgMDAwMDAwMDAwMBAQEBAQEBAgEBAgICAQICAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDA//AABEIAB8AIAMBEQACEQEDEQH/xABuAAADAAMAAAAAAAAAAAAAAAAABQYHCAoBAQEBAQAAAAAAAAAAAAAAAAABAwIQAAEDAgQHAQEAAAAAAAAAAAMCBAUBBgASUgdhodGSshMUCBURAAMAAgMAAwAAAAAAAAAAAAABAhED8CExYYES/9oADAMBAAIRAxEAPwDtl99NXjjUyD301eOAD301eOAD301eOAJ/6+NefXEKYG3o/Rlu7F/yXF22lf0lDzWYLS4rajYJ/Cjk0e5aoV6d/csU6ZSimoanGkgUjcCzVCslQnSLTXrrZ1LWefBxdqPU8CHZ/wDV1ob33A5gbLs3chCI9rV5MT0xE240t+FEtJqM0SL1rdj5xR1JnCoTYAQmOWqVryUCIxR29Va1mmufRJ2K3hJmy/18a8+uMjQmfr405dcQCG54KAvSAlbWumMaTUBNNVNJKNeJrURxVUkg1oWNYztnTY40FAcS0HbnQgoloIhKqVU5eU+yNJrD8EO29g2ntRacfZtmsKMotlmM4cGqMslMSZkDS8mpl2gYvtlHvqTnVRKBjGhAhIGAYhIt27r9U+yTKlYRefXxpy645OhHnLpX2rxyAzl0r7V4AM5dK+1eADOXSvtXgD//2Q==);
  
}

/* special */

.eventsSearch .customSelect .text {
  width: 300px;
  z-index: 10;
}


.ie  select {
	height: 25px;
	margin-top: 5px;
	visibility: visible;
  padding: 0 0 0 5px !important;
	border: 1px solid #dfe0e2;
  font-size: 12px;
}

.ie  option  {
  font-size: 13px;
}