/* list */
ul.vxJS_list					{ margin: 0; padding: 0;  list-style-type: none; }
.vxJS_list li					{ cursor: pointer; }
.vxJS_list .selected			{ background: #2c4; color: #fff; }
.vxJS_list .current				{ background: #3377dd; color: #fff; }

/* autoSuggest */
.vxJS_autoSuggest				{ color: #fff; position: absolute; }
.vxJS_autoSuggest ul			{ background: #404040; border: 1px solid #808080; border-top: none; margin: 0; padding: 0;  list-style-type: none; }
.vxJS_autoSuggest li			{ cursor: pointer; margin: 0; padding: 0.25em 0.5em; font-size: 80%; }
.vxJS_autoSuggest li span		{ padding: 0 0.5em; }

/* Query Popup */
.vxJS_queryPopup				{ width: 20em; background: #404040; -moz-box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; font-size: 80%; color: #fff; }
.vxJS_queryPopupHeader			{ background: #536EA3; }
.vxJS_queryPopupHeader div		{ padding: 8px 8px 4px 8px; }
.vxJS_queryPopupCloser			{ position: absolute; right: 4px; top: 4px; }
.vxJS_queryPopupSearchInput		{ width: 14em; }
.vxJS_queryPopupSearchSubmit	{ color: #ff6600; }
.vxJS_queryPopupInfo			{ font-size: 80%; padding: 0.5em 0.25em; background: #c0c0c0; color: #7d4054; font-weight: bold; }
.vxJS_queryPopup .vxJS_list		{ height: 15em; overflow: auto; }
.vxJS_queryPopup ul             { border: solid 1px #808080; }
.vxJS_queryPopup li				{ padding: 0.25em 0.5em; font-size: 90%; margin: 0; }

/* Popup Calendar */
.vxJS_calendar			{ background: #536EA3; color: #000; border: solid 1px #6C7EA3; -moz-box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; }
.vxJS_calendar div		{ padding: 2px; }
.vxJS_calendar table	{ font-size: 80%; border-spacing: 2px; border-collapse: separate; }
.vxJS_calendar th		{ padding: 0.125em 0.25em; text-align: center; background: #909090; color: #fff; vertical-align: middle; width: 1.75em; }
.vxJS_calendar td		{ padding: 0 0.125em; text-align: center; background: #d0d0d0; vertical-align: middle; }
.vxJS_calendar input	{ width: 2.5em; font-size: 100%; background: #909090; border: solid 1px; border-color: #445 #ccd #ccd #445; color: #fff; padding: 0 0.25em; }
.vxJS_calendar .dateCell	{ cursor: pointer; background: #fff; height: 2.5em; }
.vxJS_calendar .weekCell	{ cursor: pointer; background: #99A5BD; }
.vxJS_calendar .prevYear,
.vxJS_calendar .nextYear,
.vxJS_calendar .prevMon,
.vxJS_calendar .nextMon	{ width: 0.7em; font-size: 150%; cursor: pointer; }
.vxJS_calendar .vxJS_dragBar	{ border-collapse: collapse; width: 100%; color: #fff; }
.vxJS_calendar .vxJS_dragBar td	{ background: none; vertical-align: middle; text-align: center; }
.vxJS_calendar .mon,
.vxJS_calendar .year		{ width: 3em; }
.vxJS_calendar .today		{ background: #f08080; }
.vxJS_calendar .marked		{ background-color: #80ff80; }
.vxJS_calendar .disabled	{ color: #808080; cursor: default; }
.dateCell div				{ font-size: 65%; text-align: center; background: #ffa; }

/* dualSelect */
.vxJS_dualSelectBox         { font-size: 100%; }
.vxJS_dualSelectBox_buttons	{ float: left; width: 4em; }
.vxJS_dualSelectBox_buttons img	{ cursor: pointer; display: block; margin: 0.5em auto; }