/* 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: #A3536D; 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: 100%; }
.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; }
.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: #D0BD9F; 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: #759B24; }
.vxJS_calendar .disabled	{ color: #808080; background-color:#DDDDDD; cursor: default; }
.dateCell div				{ font-size: 65%; text-align: center; background: #ffa; }

/* selectInput */
.vxJS_selectInput input		{ border: solid 2px #c0c0c0; background: #ffe; font-weight: bold; }

/* dualSelect */
.vxJS_dualSelect_container	{ font-size: 80%; }
.vxJS_dualSelect_src,
.vxJS_dualSelect_dest		{ float: left; width: 12em; border: solid 1px #000; height: 10em; overflow: auto; background: #fff; }
.vxJS_dualSelect_buttons	{ float: left; width: 4em; }
.vxJS_dualSelect_src div,
.vxJS_dualSelect_dest div	{ padding: 0.125em 0.25em; overflow: hidden; border-bottom: dotted 1px; cursor: default; } 

.vxJS_dualSelect_buttons input	{ font-size: 100%; display: block; border: solid 1px #808080; background: #c0c0c0; padding: 0em; width: 1.5em; margin: 0.5em auto 0.5em auto; }

/* XhrTree */
.xhrTree		{ list-style-type: none; margin: 0; padding: 0; font-size: 100%; }
.xhrTree table	{ border-collapse: collapse; margin: 0; width: 100%; }
.xhrTree li		{ margin: 0; padding: 0; }
.xhrTree td		{ vertical-align: middle !important; padding: 0 4px; }

.xhrTree .withTrail,
.xhrTree .withoutTrail		{ padding: 0; width: 24px; }
.xhrTree .withTrail			{ background: url(../js/tree_guide.gif) repeat-y 0% 0%; }
.xhrTree .checkbox			{ width: 20px; }
.xhrTree .marked			{ font-weight: bold; color: #c00; }
.xhrTree .text				{ cursor: pointer; }
.xhrTree .disabled			{ opacity: 0.5; }

/* scoreBar */
.vxJS_scoreBar				{ width: 240px; height: 20px; margin: 4px 0; }
.vxJS_scoreBar div			{ float: left; width: 20px; height: 20px; margin: 0 2px; }
.vxJS_scoreBar .off			{ background: url(../js/assets/scorebar_off.png) no-repeat; }
.vxJS_scoreBar .on			{ background: url(../js/assets/scorebar_on.png) no-repeat; }
.vxJS_scoreBar .hover		{ background: url(../js/assets/scorebar_hilite.png) no-repeat; }

.otherVersion .vxJS_scoreBar { width: 480px; }
.otherVersion .vxJS_scoreBar .off,
.otherVersion .vxJS_scoreBar .on,
.otherVersion .vxJS_scoreBar .hover	{ background: none; }

/* slider */
.vxJS_slider			{ width: 300px; height: 20px; background: url(../img/site/slider_bg.png) no-repeat; overflow: hidden; }
.vxJS_slider .theLeft	{ height: 100%; background: url(../img/site/slider_left.png) no-repeat; }
.vxJS_slider .handle	{ width: 10px; height: 100%; background: url(../img/site/slider_handle.png) 0 1px no-repeat; }

.alternativeSlider .vxJS_slider	{ margin: 16px 0; width: 300px; height: 4px; border: solid 1px; border-color: #ccc #777 #777 #ccc; background: #aaa; overflow: visible; }
.alternativeSlider .theLeft		{ background: #53A462; }
.alternativeSlider .handle		{ width: 10px; height: 30px; margin: -14px 0 0 -6px; background-image: none; background: #ff6600; border: solid 1px; border-color: #ffc299 #BF5813 #BF5813 #ffc299; } 

.pixSlider .vxJS_slider	{ width: 512px; height: 120px; background: url(../img/site/slider_bw.jpg) no-repeat; overflow: hidden; }
.pixSlider .theLeft		{ height: 100%; background: url(../img/site/slider_rgb.jpg) no-repeat; }
.pixSlider .handle		{ width: 9px; height: 100%; background: url(../img/site/slider_indicator.png) 0 0 repeat-y; margin-left: -5px; } 


/* Slideshow */
.galleryImage      { border: solid 1px #404040; width: 720px; height: 480px; padding: 1px; }
.galleryImage img  { vertical-align: bottom; }

#stage            { position: relative; width: 100%; height: 100%; }
#stage div        { position: absolute; }
#stage .title     { width: 100%; bottom: 0; background: url(../js/assets/gallery_title_bg.png) repeat-y top left; }
#stage p          { text-align: left; padding: 4px 8px 6px 8px; margin: 0; color: #606060; text-transform: uppercase; font-size: 80%; }

.activityLayer     { width: 100%; height: 100%; background: url(../js/assets/xhr_activity_large.gif) no-repeat 50% 50%; }
.galleryControls   { margin-top: 8px; border: solid 1px #404040; width: 720px; height: 12px; padding: 1px; }

.galleryControls .vxJS_slider	{ width: 720px; height: 12px; background: #404040; cursor: pointer; }
.galleryControls .theLeft		{ height: 12px; background: #c0c0c0; }
.galleryControls .handle	    { width: 0; height: 10px; line-height: 0; } 

/* Misc */
.City	{ font-weight: bold; }
.Zip	{ font-size: 80%; color: #808080; }
.current .Zip	{ color: #FFC2D6; }

.icon	{ vertical-align: middle; padding-right: 8px; }
.dragBar { width: auto !important; width: 100%; }
#boundingBox p,
#draglayer2 p	{ font-size: 80%; }

.sortList		{ margin-left: 2em; padding: 0em; list-style-type: none; width: 30em; border: solid 2px; }
.sortList li	{ position: relative; border: dotted 1px #808080; padding: 0.5em; background: #eee; }
.sortList li img{ }
.sortList li table	{ position: relative; border-collapse: collapse; }

.sortSelect		{ margin-left: 2em; width: 20em; }
.sortSelect option	{ position: relative; }

.bbToolbar		{ }
.bbPreview		{ width: 30em; height: 10em; overflow: auto; background: #cfc; color: #808080; margin-top: 1em; }

.bbToolbar input	{ font-family: serif; border: solid 1px #808080; background: #e0e0e0; margin: 0.125em; padding: 0.125em; }
.bbToolbar .button0	{ font-weight: bold; }
.bbToolbar .button1	{ font-style: italic; }

.ddTree				{ width: 12em; display: block; margin: 0 0 0.5em 0; }
option.vxJS_ddt_initOption { font-weight: bold; border-bottom: dotted 1px #808080; }
option.vxJS_ddt_level_0	{ font-weight: bold; }
option.vxJS_ddt_level_1	{ font-style: italic; }
option.vxJS_ddt_level_2	{ font-size: 80%; }

#error_general		{ border: solid 2px #f00; padding: 2em; font-weight: bold; color: #f00; margin: 1em 0em; }
.ajaxForm .error	{ color: #f00; }