/* 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: #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; vertical-align: middle !important; }
.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; }

.calendarSkin			{ background: #fff; color: #e80; -moz-box-shadow: 1px 1px 10px #000; -webkit-box-shadow: 1px 1px 10px #000; box-shadow: 1px 1px 10px #000; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.calendarSkin div		{ padding: 4px; }
.calendarSkin table	    { font-size: 80%; }
.calendarSkin th		{ padding: 0.125em 0.25em; text-align: center; color: #fff; vertical-align: middle; width: 1.75em; background: #c0c0c0; }
.calendarSkin td		{ padding: 0.125em 0.25em; text-align: center; vertical-align: middle; }
.calendarSkin input	{ width: 2.5em; font-size: 100%; background: #909090; border: solid 1px; border-color: #445 #ccd #ccd #445; color: #fff; padding: 0 0.25em; }
.calendarSkin .dateCell	{ cursor: pointer; background: #fff; height: 2.5em; }
.calendarSkin .weekCell	{ cursor: pointer; background: #99A5BD; }
.calendarSkin .prevYear,
.calendarSkin .nextYear,
.calendarSkin .prevMon,
.calendarSkin .nextMon	{ width: 0.7em; font-size: 150%; cursor: pointer; }
.calendarSkin .vxJS_dragBar	{ width: 100%; }
.calendarSkin .vxJS_dragBar td	{ background: none; vertical-align: middle; text-align: center; vertical-align: middle !important; }
.calendarSkin .mon,
.calendarSkin .year		    { width: 3em; }
.calendarSkin .today		{ background: #c0c0c0; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.calendarSkin .marked		{ background-color: #e80; color: #fff; -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; }
.calendarSkin .disabled     { color: #808080; cursor: default; }

/* 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 */
.vxJS_tree		         { list-style-type: none; margin: 0; padding: 0; font-size: 100%; }
.vxJS_tree li            { padding: 0; margin: 0 0 0 32px; background: url(../js/assets/tree_guide.gif) repeat-y 0% 0%; }
.vxJS_tree li.lastBranch { background-image: none; }

.vxJS_tree li img,
.vxJS_tree li span { vertical-align: middle; }

.vxJS_tree .leafNode,
.vxJS_tree .subTreeExpanded,
.vxJS_tree .subTreeCollapsed,
.vxJS_tree .checked,
.vxJS_tree .unChecked,
.vxJS_tree .partChecked      { display: inline-block; width: 24px; height: 24px; background: url(../js/assets/tree_plus.gif) no-repeat 50% 50%; } 
.vxJS_tree .leafNode         { background-image: url(../js/assets/leaf_node.gif); }  
.vxJS_tree .subTreeExpanded  { background-image: url(../js/assets/tree_minus.gif); }  
.vxJS_tree .checked          { background-image: url(../js/assets/checked.gif); }
.vxJS_tree .unChecked        { background-image: url(../js/assets/un_checked.gif); }
.vxJS_tree .partChecked      { background-image: url(../js/assets/part_checked.gif); }

.vxJS_tree div.__label__     { display: inline; }
.vxJS_tree .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; }

.vertBar .vxJS_scoreBar { position: relative; width: 24px; height: 46px; margin: 1em 0; }

.vertBar .vxJS_scoreBar div  { float: none; position: absolute; left: 0; height: 6px; width: 100%; }

.vertBar .vxJS_scoreBar .on,
.vertBar .vxJS_scoreBar .off      { background: #c0c0c0; }

.vertBar .bar_1_on .on  { background: #c00; }
.vertBar .bar_2_on .on  { background: #f40; }
.vertBar .bar_3_on .on  { background: #cc0; }
.vertBar .bar_4_on .on  { background: #af0; }
.vertBar .bar_5_on .on  { background: #0a0; }

.vertBar .bar_1_hover .hover  { background: #c00 !important; }
.vertBar .bar_2_hover .hover  { background: #f40 !important; }
.vertBar .bar_3_hover .hover  { background: #cc0 !important; }
.vertBar .bar_4_hover .hover  { background: #af0 !important; }
.vertBar .bar_5_hover .hover  { background: #0a0 !important; }

.vertBar .vxJS_scoreBar .ndx_on_0,
.vertBar .vxJS_scoreBar .ndx_off_0 { bottom: 0px; background: none !important; }
.vertBar .vxJS_scoreBar .ndx_on_1,
.vertBar .vxJS_scoreBar .ndx_off_1 { bottom: 8px; }
.vertBar .vxJS_scoreBar .ndx_on_2,
.vertBar .vxJS_scoreBar .ndx_off_2 { bottom: 16px; }
.vertBar .vxJS_scoreBar .ndx_on_3,
.vertBar .vxJS_scoreBar .ndx_off_3 { bottom: 24px; }
.vertBar .vxJS_scoreBar .ndx_on_4,
.vertBar .vxJS_scoreBar .ndx_off_4 { bottom: 32px; }
.vertBar .vxJS_scoreBar .ndx_on_5,
.vertBar .vxJS_scoreBar .ndx_off_5 { bottom: 40px; }

/* 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: 510px; height: 6px; 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; position: relative; }
.control           { position: absolute; width: 24px; height: 24px; bottom: 4px; right: 4px; z-index: 1000; cursor: pointer; }
.pause             { background: url(../js/assets/play_button.png) no-repeat 50% 50%; }
.play              { background: url(../js/assets/pause_button.png) no-repeat 50% 50%; }

.galleryImage img  {display: block; }

#stage            { position: relative; width: 100%; height: 100%; }
#stage div        { position: absolute; }
#stage .title     { position: relative; width: 100%; margin-top: -1.75em; height: 1.75em; 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: #fff; text-transform: uppercase; font-size: 80%; text-shadow: 0 0 5px #000; }

.activityLayer     { width: 100%; height: 100%; background: url(../js/assets/xhr_activity_large.gif) no-repeat 50% 50%; }
.galleryControls   { }

.galleryControls .vxJS_slider	{ width: 724px; height: 8px; background: url(../img/site/gallery_slider_bg.png); cursor: pointer; overflow: visible; margin: 4px 0 0 0; }
.galleryControls .theLeft		{ height: 100%; background: url(../img/site/gallery_slider_left.png); }
.galleryControls .handle	    { width: 67px; height: 36px; background: url(../img/site/gallery_slider_handle_3.png) no-repeat; margin-left: -33px; margin-top: -14px; background-position: 0 0; } 
.galleryControls .active        { background-position: 0 -36px; }

/* apcDialog */
.apcDialog          { width: 400px; padding: 1em; }
.apcDialog .infoBox { font-size: 70%; text-align: center; margin-bottom: 1em; } 
.apcDialog .progressBar { width: 400px; height: 10px; background: #808080; }
.apcDialog .progressBar div { height: 100%; background: #4c0; }

/* ddList */
ul.ddList    { position: relative; width: 500px; margin: 0; padding: 0; list-style-type: none; }
.ddList li   { margin: 0; padding: 0; border-top: solid 1px #808080; border-bottom: solid 1px #202020; background: #404040; position: relative; }

/* 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; }