Move source tree up one level

4 files changed, 2629 insertions, 0 deletions

diff --git a/css/jquery-ui.css b/css/jquery-ui.css
new file mode 100644
index 0000000..4340740
--- /dev/null
+++ b/css/jquery-ui.css
@@ -0,0 +1,1189 @@
+/*! jQuery UI - v1.10.3 - 2013-05-03

+* http://jqueryui.com

+* Includes: jquery.ui.core.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css

+* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

+/* Layout helpers

+----------------------------------*/

+.ui-helper-hidden {

+	display: none;

+}

+.ui-helper-hidden-accessible {

+	border: 0;

+	clip: rect(0 0 0 0);

+	height: 1px;

+	margin: -1px;

+	overflow: hidden;

+	padding: 0;

+	position: absolute;

+	width: 1px;

+}

+.ui-helper-reset {

+	margin: 0;

+	padding: 0;

+	border: 0;

+	outline: 0;

+	line-height: 1.3;

+	text-decoration: none;

+	font-size: 100%;

+	list-style: none;

+}

+.ui-helper-clearfix:before,

+.ui-helper-clearfix:after {

+	content: "";

+	display: table;

+	border-collapse: collapse;

+}

+.ui-helper-clearfix:after {

+	clear: both;

+}

+.ui-helper-clearfix {

+	min-height: 0; /* support: IE7 */

+}

+.ui-helper-zfix {

+	width: 100%;

+	height: 100%;

+	top: 0;

+	left: 0;

+	position: absolute;

+	opacity: 0;

+	filter:Alpha(Opacity=0);

+}

+

+.ui-front {

+	z-index: 100;

+}

+

+

+/* Interaction Cues

+----------------------------------*/

+.ui-state-disabled {

+	cursor: default !important;

+}

+

+

+/* Icons

+----------------------------------*/

+

+/* states and images */

+.ui-icon {

+	display: block;

+	text-indent: -99999px;

+	overflow: hidden;

+	background-repeat: no-repeat;

+}

+

+

+/* Misc visuals

+----------------------------------*/

+

+/* Overlays */

+.ui-widget-overlay {

+	position: fixed;

+	top: 0;

+	left: 0;

+	width: 100%;

+	height: 100%;

+}

+

+.ui-accordion .ui-accordion-header {

+	display: block;

+	cursor: pointer;

+	position: relative;

+	margin-top: 2px;

+	padding: .5em .5em .5em .7em;

+	min-height: 0; /* support: IE7 */

+}

+.ui-accordion .ui-accordion-icons {

+	padding-left: 2.2em;

+}

+.ui-accordion .ui-accordion-noicons {

+	padding-left: .7em;

+}

+.ui-accordion .ui-accordion-icons .ui-accordion-icons {

+	padding-left: 2.2em;

+}

+.ui-accordion .ui-accordion-header .ui-accordion-header-icon {

+	position: absolute;

+	left: .5em;

+	top: 50%;

+	margin-top: -8px;

+}

+.ui-accordion .ui-accordion-content {

+	padding: 1em 2.2em;

+	border-top: 0;

+	overflow: auto;

+}

+

+.ui-autocomplete {

+	position: absolute;

+	top: 0;

+	left: 0;

+	cursor: default;

+}

+

+.ui-button {

+	display: inline-block;

+	position: relative;

+	padding: 0;

+	line-height: normal;

+	margin-right: .1em;

+	cursor: pointer;

+	vertical-align: middle;

+	text-align: center;

+	overflow: visible; /* removes extra width in IE */

+}

+.ui-button,

+.ui-button:link,

+.ui-button:visited,

+.ui-button:hover,

+.ui-button:active {

+	text-decoration: none;

+}

+/* to make room for the icon, a width needs to be set here */

+.ui-button-icon-only {

+	width: 2.2em;

+}

+/* button elements seem to need a little more width */

+button.ui-button-icon-only {

+	width: 2.4em;

+}

+.ui-button-icons-only {

+	width: 3.4em;

+}

+button.ui-button-icons-only {

+	width: 3.7em;

+}

+

+/* button text element */

+.ui-button .ui-button-text {

+	display: block;

+	line-height: normal;

+}

+.ui-button-text-only .ui-button-text {

+	padding: .4em 1em;

+}

+.ui-button-icon-only .ui-button-text,

+.ui-button-icons-only .ui-button-text {

+	padding: .4em;

+	text-indent: -9999999px;

+}

+.ui-button-text-icon-primary .ui-button-text,

+.ui-button-text-icons .ui-button-text {

+	padding: .4em 1em .4em 2.1em;

+}

+.ui-button-text-icon-secondary .ui-button-text,

+.ui-button-text-icons .ui-button-text {

+	padding: .4em 2.1em .4em 1em;

+}

+.ui-button-text-icons .ui-button-text {

+	padding-left: 2.1em;

+	padding-right: 2.1em;

+}

+/* no icon support for input elements, provide padding by default */

+input.ui-button {

+	padding: .4em 1em;

+}

+

+/* button icon element(s) */

+.ui-button-icon-only .ui-icon,

+.ui-button-text-icon-primary .ui-icon,

+.ui-button-text-icon-secondary .ui-icon,

+.ui-button-text-icons .ui-icon,

+.ui-button-icons-only .ui-icon {

+	position: absolute;

+	top: 50%;

+	margin-top: -8px;

+}

+.ui-button-icon-only .ui-icon {

+	left: 50%;

+	margin-left: -8px;

+}

+.ui-button-text-icon-primary .ui-button-icon-primary,

+.ui-button-text-icons .ui-button-icon-primary,

+.ui-button-icons-only .ui-button-icon-primary {

+	left: .5em;

+}

+.ui-button-text-icon-secondary .ui-button-icon-secondary,

+.ui-button-text-icons .ui-button-icon-secondary,

+.ui-button-icons-only .ui-button-icon-secondary {

+	right: .5em;

+}

+

+/* button sets */

+.ui-buttonset {

+	margin-right: 7px;

+}

+.ui-buttonset .ui-button {

+	margin-left: 0;

+	margin-right: -.3em;

+}

+

+/* workarounds */

+/* reset extra padding in Firefox, see h5bp.com/l */

+input.ui-button::-moz-focus-inner,

+button.ui-button::-moz-focus-inner {

+	border: 0;

+	padding: 0;

+}

+

+.ui-datepicker {

+	width: 17em;

+	padding: .2em .2em 0;

+	display: none;

+}

+.ui-datepicker .ui-datepicker-header {

+	position: relative;

+	padding: .2em 0;

+}

+.ui-datepicker .ui-datepicker-prev,

+.ui-datepicker .ui-datepicker-next {

+	position: absolute;

+	top: 2px;

+	width: 1.8em;

+	height: 1.8em;

+}

+.ui-datepicker .ui-datepicker-prev-hover,

+.ui-datepicker .ui-datepicker-next-hover {

+	top: 1px;

+}

+.ui-datepicker .ui-datepicker-prev {

+	left: 2px;

+}

+.ui-datepicker .ui-datepicker-next {

+	right: 2px;

+}

+.ui-datepicker .ui-datepicker-prev-hover {

+	left: 1px;

+}

+.ui-datepicker .ui-datepicker-next-hover {

+	right: 1px;

+}

+.ui-datepicker .ui-datepicker-prev span,

+.ui-datepicker .ui-datepicker-next span {

+	display: block;

+	position: absolute;

+	left: 50%;

+	margin-left: -8px;

+	top: 50%;

+	margin-top: -8px;

+}

+.ui-datepicker .ui-datepicker-title {

+	margin: 0 2.3em;

+	line-height: 1.8em;

+	text-align: center;

+}

+.ui-datepicker .ui-datepicker-title select {

+	font-size: 1em;

+	margin: 1px 0;

+}

+.ui-datepicker select.ui-datepicker-month-year {

+	width: 100%;

+}

+.ui-datepicker select.ui-datepicker-month,

+.ui-datepicker select.ui-datepicker-year {

+	width: 49%;

+}

+.ui-datepicker table {

+	width: 100%;

+	font-size: .9em;

+	border-collapse: collapse;

+	margin: 0 0 .4em;

+}

+.ui-datepicker th {

+	padding: .7em .3em;

+	text-align: center;

+	font-weight: bold;

+	border: 0;

+}

+.ui-datepicker td {

+	border: 0;

+	padding: 1px;

+}

+.ui-datepicker td span,

+.ui-datepicker td a {

+	display: block;

+	padding: .2em;

+	text-align: right;

+	text-decoration: none;

+}

+.ui-datepicker .ui-datepicker-buttonpane {

+	background-image: none;

+	margin: .7em 0 0 0;

+	padding: 0 .2em;

+	border-left: 0;

+	border-right: 0;

+	border-bottom: 0;

+}

+.ui-datepicker .ui-datepicker-buttonpane button {

+	float: right;

+	margin: .5em .2em .4em;

+	cursor: pointer;

+	padding: .2em .6em .3em .6em;

+	width: auto;

+	overflow: visible;

+}

+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {

+	float: left;

+}

+

+/* with multiple calendars */

+.ui-datepicker.ui-datepicker-multi {

+	width: auto;

+}

+.ui-datepicker-multi .ui-datepicker-group {

+	float: left;

+}

+.ui-datepicker-multi .ui-datepicker-group table {

+	width: 95%;

+	margin: 0 auto .4em;

+}

+.ui-datepicker-multi-2 .ui-datepicker-group {

+	width: 50%;

+}

+.ui-datepicker-multi-3 .ui-datepicker-group {

+	width: 33.3%;

+}

+.ui-datepicker-multi-4 .ui-datepicker-group {

+	width: 25%;

+}

+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,

+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {

+	border-left-width: 0;

+}

+.ui-datepicker-multi .ui-datepicker-buttonpane {

+	clear: left;

+}

+.ui-datepicker-row-break {

+	clear: both;

+	width: 100%;

+	font-size: 0;

+}

+

+/* RTL support */

+.ui-datepicker-rtl {

+	direction: rtl;

+}

+.ui-datepicker-rtl .ui-datepicker-prev {

+	right: 2px;

+	left: auto;

+}

+.ui-datepicker-rtl .ui-datepicker-next {

+	left: 2px;

+	right: auto;

+}

+.ui-datepicker-rtl .ui-datepicker-prev:hover {

+	right: 1px;

+	left: auto;

+}

+.ui-datepicker-rtl .ui-datepicker-next:hover {

+	left: 1px;

+	right: auto;

+}

+.ui-datepicker-rtl .ui-datepicker-buttonpane {

+	clear: right;

+}

+.ui-datepicker-rtl .ui-datepicker-buttonpane button {

+	float: left;

+}

+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,

+.ui-datepicker-rtl .ui-datepicker-group {

+	float: right;

+}

+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,

+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {

+	border-right-width: 0;

+	border-left-width: 1px;

+}

+

+.ui-dialog {

+	position: absolute;

+	top: 0;

+	left: 0;

+	padding: .2em;

+	outline: 0;

+}

+.ui-dialog .ui-dialog-titlebar {

+	padding: .4em 1em;

+	position: relative;

+}

+.ui-dialog .ui-dialog-title {

+	float: left;

+	margin: .1em 0;

+	white-space: nowrap;

+	width: 90%;

+	overflow: hidden;

+	text-overflow: ellipsis;

+}

+.ui-dialog .ui-dialog-titlebar-close {

+	position: absolute;

+	right: .3em;

+	top: 50%;

+	width: 21px;

+	margin: -10px 0 0 0;

+	padding: 1px;

+	height: 20px;

+}

+.ui-dialog .ui-dialog-content {

+	position: relative;

+	border: 0;

+	padding: .5em 1em;

+	background: none;

+	overflow: auto;

+}

+.ui-dialog .ui-dialog-buttonpane {

+	text-align: left;

+	border-width: 1px 0 0 0;

+	background-image: none;

+	margin-top: .5em;

+	padding: .3em 1em .5em .4em;

+}

+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {

+	float: right;

+}

+.ui-dialog .ui-dialog-buttonpane button {

+	margin: .5em .4em .5em 0;

+	cursor: pointer;

+}

+.ui-dialog .ui-resizable-se {

+	width: 12px;

+	height: 12px;

+	right: -5px;

+	bottom: -5px;

+	background-position: 16px 16px;

+}

+.ui-draggable .ui-dialog-titlebar {

+	cursor: move;

+}

+

+.ui-menu {

+	list-style: none;

+	padding: 2px;

+	margin: 0;

+	display: block;

+	outline: none;

+}

+.ui-menu .ui-menu {

+	margin-top: -3px;

+	position: absolute;

+}

+.ui-menu .ui-menu-item {

+	margin: 0;

+	padding: 0;

+	width: 100%;

+	/* support: IE10, see #8844 */

+	list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);

+}

+.ui-menu .ui-menu-divider {

+	margin: 5px -2px 5px -2px;

+	height: 0;

+	font-size: 0;

+	line-height: 0;

+	border-width: 1px 0 0 0;

+}

+.ui-menu .ui-menu-item a {

+	text-decoration: none;

+	display: block;

+	padding: 2px .4em;

+	line-height: 1.5;

+	min-height: 0; /* support: IE7 */

+	font-weight: normal;

+}

+.ui-menu .ui-menu-item a.ui-state-focus,

+.ui-menu .ui-menu-item a.ui-state-active {

+	font-weight: normal;

+	margin: -1px;

+}

+

+.ui-menu .ui-state-disabled {

+	font-weight: normal;

+	margin: .4em 0 .2em;

+	line-height: 1.5;

+}

+.ui-menu .ui-state-disabled a {

+	cursor: default;

+}

+

+/* icon support */

+.ui-menu-icons {

+	position: relative;

+}

+.ui-menu-icons .ui-menu-item a {

+	position: relative;

+	padding-left: 2em;

+}

+

+/* left-aligned */

+.ui-menu .ui-icon {

+	position: absolute;

+	top: .2em;

+	left: .2em;

+}

+

+/* right-aligned */

+.ui-menu .ui-menu-icon {

+	position: static;

+	float: right;

+}

+

+.ui-progressbar {

+	height: 2em;

+	text-align: left;

+	overflow: hidden;

+}

+.ui-progressbar .ui-progressbar-value {

+	margin: -1px;

+	height: 100%;

+}

+.ui-progressbar .ui-progressbar-overlay {

+	background: url("../images/jquery-ui/animated-overlay.gif");

+	height: 100%;

+	filter: alpha(opacity=25);

+	opacity: 0.25;

+}

+.ui-progressbar-indeterminate .ui-progressbar-value {

+	background-image: none;

+}

+

+.ui-resizable {

+	position: relative;

+}

+.ui-resizable-handle {

+	position: absolute;

+	font-size: 0.1px;

+	display: block;

+}

+.ui-resizable-disabled .ui-resizable-handle,

+.ui-resizable-autohide .ui-resizable-handle {

+	display: none;

+}

+.ui-resizable-n {

+	cursor: n-resize;

+	height: 7px;

+	width: 100%;

+	top: -5px;

+	left: 0;

+}

+.ui-resizable-s {

+	cursor: s-resize;

+	height: 7px;

+	width: 100%;

+	bottom: -5px;

+	left: 0;

+}

+.ui-resizable-e {

+	cursor: e-resize;

+	width: 7px;

+	right: -5px;

+	top: 0;

+	height: 100%;

+}

+.ui-resizable-w {

+	cursor: w-resize;

+	width: 7px;

+	left: -5px;

+	top: 0;

+	height: 100%;

+}

+.ui-resizable-se {

+	cursor: se-resize;

+	width: 12px;

+	height: 12px;

+	right: 1px;

+	bottom: 1px;

+}

+.ui-resizable-sw {

+	cursor: sw-resize;

+	width: 9px;

+	height: 9px;

+	left: -5px;

+	bottom: -5px;

+}

+.ui-resizable-nw {

+	cursor: nw-resize;

+	width: 9px;

+	height: 9px;

+	left: -5px;

+	top: -5px;

+}

+.ui-resizable-ne {

+	cursor: ne-resize;

+	width: 9px;

+	height: 9px;

+	right: -5px;

+	top: -5px;

+}

+

+.ui-selectable-helper {

+	position: absolute;

+	z-index: 100;

+	border: 1px dotted black;

+}

+

+.ui-slider {

+	position: relative;

+	text-align: left;

+}

+.ui-slider .ui-slider-handle {

+	position: absolute;

+	z-index: 2;

+	width: 1.2em;

+	height: 1.2em;

+	cursor: default;

+}

+.ui-slider .ui-slider-range {

+	position: absolute;

+	z-index: 1;

+	font-size: .7em;

+	display: block;

+	border: 0;

+	background-position: 0 0;

+}

+

+/* For IE8 - See #6727 */

+.ui-slider.ui-state-disabled .ui-slider-handle,

+.ui-slider.ui-state-disabled .ui-slider-range {

+	filter: inherit;

+}

+

+.ui-slider-horizontal {

+	height: .8em;

+}

+.ui-slider-horizontal .ui-slider-handle {

+	top: -.3em;

+	margin-left: -.6em;

+}

+.ui-slider-horizontal .ui-slider-range {

+	top: 0;

+	height: 100%;

+}

+.ui-slider-horizontal .ui-slider-range-min {

+	left: 0;

+}

+.ui-slider-horizontal .ui-slider-range-max {

+	right: 0;

+}

+

+.ui-slider-vertical {

+	width: .8em;

+	height: 100px;

+}

+.ui-slider-vertical .ui-slider-handle {

+	left: -.3em;

+	margin-left: 0;

+	margin-bottom: -.6em;

+}

+.ui-slider-vertical .ui-slider-range {

+	left: 0;

+	width: 100%;

+}

+.ui-slider-vertical .ui-slider-range-min {

+	bottom: 0;

+}

+.ui-slider-vertical .ui-slider-range-max {

+	top: 0;

+}

+

+.ui-spinner {

+	position: relative;

+	display: inline-block;

+	overflow: hidden;

+	padding: 0;

+	vertical-align: middle;

+}

+.ui-spinner-input {

+	border: none;

+	background: none;

+	color: inherit;

+	padding: 0;

+	margin: .2em 0;

+	vertical-align: middle;

+	margin-left: .4em;

+	margin-right: 22px;

+}

+.ui-spinner-button {

+	width: 16px;

+	height: 50%;

+	font-size: .5em;

+	padding: 0;

+	margin: 0;

+	text-align: center;

+	position: absolute;

+	cursor: default;

+	display: block;

+	overflow: hidden;

+	right: 0;

+}

+/* more specificity required here to overide default borders */

+.ui-spinner a.ui-spinner-button {

+	border-top: none;

+	border-bottom: none;

+	border-right: none;

+}

+/* vertical centre icon */

+.ui-spinner .ui-icon {

+	position: absolute;

+	margin-top: -8px;

+	top: 50%;

+	left: 0;

+}

+.ui-spinner-up {

+	top: 0;

+}

+.ui-spinner-down {

+	bottom: 0;

+}

+

+/* TR overrides */

+.ui-spinner .ui-icon-triangle-1-s {

+	/* need to fix icons sprite */

+	background-position: -65px -16px;

+}

+

+.ui-tabs {

+	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

+	padding: .2em;

+}

+.ui-tabs .ui-tabs-nav {

+	margin: 0;

+	padding: .2em .2em 0;

+}

+.ui-tabs .ui-tabs-nav li {

+	list-style: none;

+	float: left;

+	position: relative;

+	top: 0;

+	margin: 1px .2em 0 0;

+	border-bottom-width: 0;

+	padding: 0;

+	white-space: nowrap;

+}

+.ui-tabs .ui-tabs-nav li a {

+	float: left;

+	padding: .5em 1em;

+	text-decoration: none;

+}

+.ui-tabs .ui-tabs-nav li.ui-tabs-active {

+	margin-bottom: -1px;

+	padding-bottom: 1px;

+}

+.ui-tabs .ui-tabs-nav li.ui-tabs-active a,

+.ui-tabs .ui-tabs-nav li.ui-state-disabled a,

+.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {

+	cursor: text;

+}

+.ui-tabs .ui-tabs-nav li a, /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {

+	cursor: pointer;

+}

+.ui-tabs .ui-tabs-panel {

+	display: block;

+	border-width: 0;

+	padding: 1em 1.4em;

+	background: none;

+}

+

+.ui-tooltip {

+	padding: 8px;

+	position: absolute;

+	z-index: 9999;

+	max-width: 300px;

+	-webkit-box-shadow: 0 0 5px #aaa;

+	box-shadow: 0 0 5px #aaa;

+}

+body .ui-tooltip {

+	border-width: 2px;

+}

+

+/* Component containers

+----------------------------------*/

+.ui-widget {

+	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;

+	font-size: 1.1em/*{fsDefault}*/;

+}

+.ui-widget .ui-widget {

+	font-size: 1em;

+}

+.ui-widget input,

+.ui-widget select,

+.ui-widget textarea,

+.ui-widget button {

+	font-family: Verdana,Arial,sans-serif/*{ffDefault}*/;

+	font-size: 1em;

+}

+.ui-widget-content {

+	border: 1px solid #aaaaaa/*{borderColorContent}*/;

+	background: #ffffff/*{bgColorContent}*/ url(../images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/;

+	color: #222222/*{fcContent}*/;

+}

+.ui-widget-content a {

+	color: #222222/*{fcContent}*/;

+}

+.ui-widget-header {

+	border: 1px solid #aaaaaa/*{borderColorHeader}*/;

+	background: #cccccc/*{bgColorHeader}*/ url(../images/jquery-ui/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/;

+	color: #222222/*{fcHeader}*/;

+	font-weight: bold;

+}

+.ui-widget-header a {

+	color: #222222/*{fcHeader}*/;

+}

+

+/* Interaction states

+----------------------------------*/

+.ui-state-default,

+.ui-widget-content .ui-state-default,

+.ui-widget-header .ui-state-default {

+	border: 1px solid #d3d3d3/*{borderColorDefault}*/;

+	background: #e6e6e6/*{bgColorDefault}*/ url(../images/jquery-ui/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/;

+	font-weight: normal/*{fwDefault}*/;

+	color: #555555/*{fcDefault}*/;

+}

+.ui-state-default a,

+.ui-state-default a:link,

+.ui-state-default a:visited {

+	color: #555555/*{fcDefault}*/;

+	text-decoration: none;

+}

+.ui-state-hover,

+.ui-widget-content .ui-state-hover,

+.ui-widget-header .ui-state-hover,

+.ui-state-focus,

+.ui-widget-content .ui-state-focus,

+.ui-widget-header .ui-state-focus {

+	border: 1px solid #999999/*{borderColorHover}*/;

+	background: #dadada/*{bgColorHover}*/ url(../images/jquery-ui/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/;

+	font-weight: normal/*{fwDefault}*/;

+	color: #212121/*{fcHover}*/;

+}

+.ui-state-hover a,

+.ui-state-hover a:hover,

+.ui-state-hover a:link,

+.ui-state-hover a:visited {

+	color: #212121/*{fcHover}*/;

+	text-decoration: none;

+}

+.ui-state-active,

+.ui-widget-content .ui-state-active,

+.ui-widget-header .ui-state-active {

+	border: 1px solid #aaaaaa/*{borderColorActive}*/;

+	background: #ffffff/*{bgColorActive}*/ url(../images/jquery-ui/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/;

+	font-weight: normal/*{fwDefault}*/;

+	color: #212121/*{fcActive}*/;

+}

+.ui-state-active a,

+.ui-state-active a:link,

+.ui-state-active a:visited {

+	color: #212121/*{fcActive}*/;

+	text-decoration: none;

+}

+

+/* Interaction Cues

+----------------------------------*/

+.ui-state-highlight,

+.ui-widget-content .ui-state-highlight,

+.ui-widget-header .ui-state-highlight {

+	border: 1px solid #fcefa1/*{borderColorHighlight}*/;

+	background: #fbf9ee/*{bgColorHighlight}*/ url(../images/jquery-ui/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/;

+	color: #363636/*{fcHighlight}*/;

+}

+.ui-state-highlight a,

+.ui-widget-content .ui-state-highlight a,

+.ui-widget-header .ui-state-highlight a {

+	color: #363636/*{fcHighlight}*/;

+}

+.ui-state-error,

+.ui-widget-content .ui-state-error,

+.ui-widget-header .ui-state-error {

+	border: 1px solid #cd0a0a/*{borderColorError}*/;

+	background: #fef1ec/*{bgColorError}*/ url(../images/jquery-ui/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/;

+	color: #cd0a0a/*{fcError}*/;

+}

+.ui-state-error a,

+.ui-widget-content .ui-state-error a,

+.ui-widget-header .ui-state-error a {

+	color: #cd0a0a/*{fcError}*/;

+}

+.ui-state-error-text,

+.ui-widget-content .ui-state-error-text,

+.ui-widget-header .ui-state-error-text {

+	color: #cd0a0a/*{fcError}*/;

+}

+.ui-priority-primary,

+.ui-widget-content .ui-priority-primary,

+.ui-widget-header .ui-priority-primary {

+	font-weight: bold;

+}

+.ui-priority-secondary,

+.ui-widget-content .ui-priority-secondary,

+.ui-widget-header .ui-priority-secondary {

+	opacity: .7;

+	filter:Alpha(Opacity=70);

+	font-weight: normal;

+}

+.ui-state-disabled,

+.ui-widget-content .ui-state-disabled,

+.ui-widget-header .ui-state-disabled {

+	opacity: .35;

+	filter:Alpha(Opacity=35);

+	background-image: none;

+}

+.ui-state-disabled .ui-icon {

+	filter:Alpha(Opacity=35); /* For IE8 - See #6059 */

+}

+

+/* Icons

+----------------------------------*/

+

+/* states and images */

+.ui-icon {

+	width: 16px;

+	height: 16px;

+}

+.ui-icon,

+.ui-widget-content .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_222222_256x240.png)/*{iconsContent}*/;

+}

+.ui-widget-header .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_222222_256x240.png)/*{iconsHeader}*/;

+}

+.ui-state-default .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_888888_256x240.png)/*{iconsDefault}*/;

+}

+.ui-state-hover .ui-icon,

+.ui-state-focus .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png)/*{iconsHover}*/;

+}

+.ui-state-active .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png)/*{iconsActive}*/;

+}

+.ui-state-highlight .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/;

+}

+.ui-state-error .ui-icon,

+.ui-state-error-text .ui-icon {

+	background-image: url(../images/jquery-ui/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;

+}

+

+/* positioning */

+.ui-icon-blank { background-position: 16px 16px; }

+.ui-icon-carat-1-n { background-position: 0 0; }

+.ui-icon-carat-1-ne { background-position: -16px 0; }

+.ui-icon-carat-1-e { background-position: -32px 0; }

+.ui-icon-carat-1-se { background-position: -48px 0; }

+.ui-icon-carat-1-s { background-position: -64px 0; }

+.ui-icon-carat-1-sw { background-position: -80px 0; }

+.ui-icon-carat-1-w { background-position: -96px 0; }

+.ui-icon-carat-1-nw { background-position: -112px 0; }

+.ui-icon-carat-2-n-s { background-position: -128px 0; }

+.ui-icon-carat-2-e-w { background-position: -144px 0; }

+.ui-icon-triangle-1-n { background-position: 0 -16px; }

+.ui-icon-triangle-1-ne { background-position: -16px -16px; }

+.ui-icon-triangle-1-e { background-position: -32px -16px; }

+.ui-icon-triangle-1-se { background-position: -48px -16px; }

+.ui-icon-triangle-1-s { background-position: -64px -16px; }

+.ui-icon-triangle-1-sw { background-position: -80px -16px; }

+.ui-icon-triangle-1-w { background-position: -96px -16px; }

+.ui-icon-triangle-1-nw { background-position: -112px -16px; }

+.ui-icon-triangle-2-n-s { background-position: -128px -16px; }

+.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

+.ui-icon-arrow-1-n { background-position: 0 -32px; }

+.ui-icon-arrow-1-ne { background-position: -16px -32px; }

+.ui-icon-arrow-1-e { background-position: -32px -32px; }

+.ui-icon-arrow-1-se { background-position: -48px -32px; }

+.ui-icon-arrow-1-s { background-position: -64px -32px; }

+.ui-icon-arrow-1-sw { background-position: -80px -32px; }

+.ui-icon-arrow-1-w { background-position: -96px -32px; }

+.ui-icon-arrow-1-nw { background-position: -112px -32px; }

+.ui-icon-arrow-2-n-s { background-position: -128px -32px; }

+.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }

+.ui-icon-arrow-2-e-w { background-position: -160px -32px; }

+.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }

+.ui-icon-arrowstop-1-n { background-position: -192px -32px; }

+.ui-icon-arrowstop-1-e { background-position: -208px -32px; }

+.ui-icon-arrowstop-1-s { background-position: -224px -32px; }

+.ui-icon-arrowstop-1-w { background-position: -240px -32px; }

+.ui-icon-arrowthick-1-n { background-position: 0 -48px; }

+.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }

+.ui-icon-arrowthick-1-e { background-position: -32px -48px; }

+.ui-icon-arrowthick-1-se { background-position: -48px -48px; }

+.ui-icon-arrowthick-1-s { background-position: -64px -48px; }

+.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }

+.ui-icon-arrowthick-1-w { background-position: -96px -48px; }

+.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }

+.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }

+.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }

+.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }

+.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }

+.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }

+.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }

+.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }

+.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }

+.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }

+.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }

+.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }

+.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }

+.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }

+.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }

+.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }

+.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }

+.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }

+.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }

+.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }

+.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }

+.ui-icon-arrow-4 { background-position: 0 -80px; }

+.ui-icon-arrow-4-diag { background-position: -16px -80px; }

+.ui-icon-extlink { background-position: -32px -80px; }

+.ui-icon-newwin { background-position: -48px -80px; }

+.ui-icon-refresh { background-position: -64px -80px; }

+.ui-icon-shuffle { background-position: -80px -80px; }

+.ui-icon-transfer-e-w { background-position: -96px -80px; }

+.ui-icon-transferthick-e-w { background-position: -112px -80px; }

+.ui-icon-folder-collapsed { background-position: 0 -96px; }

+.ui-icon-folder-open { background-position: -16px -96px; }

+.ui-icon-document { background-position: -32px -96px; }

+.ui-icon-document-b { background-position: -48px -96px; }

+.ui-icon-note { background-position: -64px -96px; }

+.ui-icon-mail-closed { background-position: -80px -96px; }

+.ui-icon-mail-open { background-position: -96px -96px; }

+.ui-icon-suitcase { background-position: -112px -96px; }

+.ui-icon-comment { background-position: -128px -96px; }

+.ui-icon-person { background-position: -144px -96px; }

+.ui-icon-print { background-position: -160px -96px; }

+.ui-icon-trash { background-position: -176px -96px; }

+.ui-icon-locked { background-position: -192px -96px; }

+.ui-icon-unlocked { background-position: -208px -96px; }

+.ui-icon-bookmark { background-position: -224px -96px; }

+.ui-icon-tag { background-position: -240px -96px; }

+.ui-icon-home { background-position: 0 -112px; }

+.ui-icon-flag { background-position: -16px -112px; }

+.ui-icon-calendar { background-position: -32px -112px; }

+.ui-icon-cart { background-position: -48px -112px; }

+.ui-icon-pencil { background-position: -64px -112px; }

+.ui-icon-clock { background-position: -80px -112px; }

+.ui-icon-disk { background-position: -96px -112px; }

+.ui-icon-calculator { background-position: -112px -112px; }

+.ui-icon-zoomin { background-position: -128px -112px; }

+.ui-icon-zoomout { background-position: -144px -112px; }

+.ui-icon-search { background-position: -160px -112px; }

+.ui-icon-wrench { background-position: -176px -112px; }

+.ui-icon-gear { background-position: -192px -112px; }

+.ui-icon-heart { background-position: -208px -112px; }

+.ui-icon-star { background-position: -224px -112px; }

+.ui-icon-link { background-position: -240px -112px; }

+.ui-icon-cancel { background-position: 0 -128px; }

+.ui-icon-plus { background-position: -16px -128px; }

+.ui-icon-plusthick { background-position: -32px -128px; }

+.ui-icon-minus { background-position: -48px -128px; }

+.ui-icon-minusthick { background-position: -64px -128px; }

+.ui-icon-close { background-position: -80px -128px; }

+.ui-icon-closethick { background-position: -96px -128px; }

+.ui-icon-key { background-position: -112px -128px; }

+.ui-icon-lightbulb { background-position: -128px -128px; }

+.ui-icon-scissors { background-position: -144px -128px; }

+.ui-icon-clipboard { background-position: -160px -128px; }

+.ui-icon-copy { background-position: -176px -128px; }

+.ui-icon-contact { background-position: -192px -128px; }

+.ui-icon-image { background-position: -208px -128px; }

+.ui-icon-video { background-position: -224px -128px; }

+.ui-icon-script { background-position: -240px -128px; }

+.ui-icon-alert { background-position: 0 -144px; }

+.ui-icon-info { background-position: -16px -144px; }

+.ui-icon-notice { background-position: -32px -144px; }

+.ui-icon-help { background-position: -48px -144px; }

+.ui-icon-check { background-position: -64px -144px; }

+.ui-icon-bullet { background-position: -80px -144px; }

+.ui-icon-radio-on { background-position: -96px -144px; }

+.ui-icon-radio-off { background-position: -112px -144px; }

+.ui-icon-pin-w { background-position: -128px -144px; }

+.ui-icon-pin-s { background-position: -144px -144px; }

+.ui-icon-play { background-position: 0 -160px; }

+.ui-icon-pause { background-position: -16px -160px; }

+.ui-icon-seek-next { background-position: -32px -160px; }

+.ui-icon-seek-prev { background-position: -48px -160px; }

+.ui-icon-seek-end { background-position: -64px -160px; }

+.ui-icon-seek-start { background-position: -80px -160px; }

+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */

+.ui-icon-seek-first { background-position: -80px -160px; }

+.ui-icon-stop { background-position: -96px -160px; }

+.ui-icon-eject { background-position: -112px -160px; }

+.ui-icon-volume-off { background-position: -128px -160px; }

+.ui-icon-volume-on { background-position: -144px -160px; }

+.ui-icon-power { background-position: 0 -176px; }

+.ui-icon-signal-diag { background-position: -16px -176px; }

+.ui-icon-signal { background-position: -32px -176px; }

+.ui-icon-battery-0 { background-position: -48px -176px; }

+.ui-icon-battery-1 { background-position: -64px -176px; }

+.ui-icon-battery-2 { background-position: -80px -176px; }

+.ui-icon-battery-3 { background-position: -96px -176px; }

+.ui-icon-circle-plus { background-position: 0 -192px; }

+.ui-icon-circle-minus { background-position: -16px -192px; }

+.ui-icon-circle-close { background-position: -32px -192px; }

+.ui-icon-circle-triangle-e { background-position: -48px -192px; }

+.ui-icon-circle-triangle-s { background-position: -64px -192px; }

+.ui-icon-circle-triangle-w { background-position: -80px -192px; }

+.ui-icon-circle-triangle-n { background-position: -96px -192px; }

+.ui-icon-circle-arrow-e { background-position: -112px -192px; }

+.ui-icon-circle-arrow-s { background-position: -128px -192px; }

+.ui-icon-circle-arrow-w { background-position: -144px -192px; }

+.ui-icon-circle-arrow-n { background-position: -160px -192px; }

+.ui-icon-circle-zoomin { background-position: -176px -192px; }

+.ui-icon-circle-zoomout { background-position: -192px -192px; }

+.ui-icon-circle-check { background-position: -208px -192px; }

+.ui-icon-circlesmall-plus { background-position: 0 -208px; }

+.ui-icon-circlesmall-minus { background-position: -16px -208px; }

+.ui-icon-circlesmall-close { background-position: -32px -208px; }

+.ui-icon-squaresmall-plus { background-position: -48px -208px; }

+.ui-icon-squaresmall-minus { background-position: -64px -208px; }

+.ui-icon-squaresmall-close { background-position: -80px -208px; }

+.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }

+.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }

+.ui-icon-grip-solid-vertical { background-position: -32px -224px; }

+.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }

+.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

+.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

+

+

+/* Misc visuals

+----------------------------------*/

+

+/* Corner radius */

+.ui-corner-all,

+.ui-corner-top,

+.ui-corner-left,

+.ui-corner-tl {

+	border-top-left-radius: 4px/*{cornerRadius}*/;

+}

+.ui-corner-all,

+.ui-corner-top,

+.ui-corner-right,

+.ui-corner-tr {

+	border-top-right-radius: 4px/*{cornerRadius}*/;

+}

+.ui-corner-all,

+.ui-corner-bottom,

+.ui-corner-left,

+.ui-corner-bl {

+	border-bottom-left-radius: 4px/*{cornerRadius}*/;

+}

+.ui-corner-all,

+.ui-corner-bottom,

+.ui-corner-right,

+.ui-corner-br {

+	border-bottom-right-radius: 4px/*{cornerRadius}*/;

+}

+

+/* Overlays */

+.ui-widget-overlay {

+	background: #aaaaaa/*{bgColorOverlay}*/ url(../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/;

+	opacity: .3/*{opacityOverlay}*/;

+	filter: Alpha(Opacity=30)/*{opacityFilterOverlay}*/;

+}

+.ui-widget-shadow {

+	margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/;

+	padding: 8px/*{thicknessShadow}*/;

+	background: #aaaaaa/*{bgColorShadow}*/ url(../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/;

+	opacity: .3/*{opacityShadow}*/;

+	filter: Alpha(Opacity=30)/*{opacityFilterShadow}*/;

+	border-radius: 8px/*{cornerRadiusShadow}*/;

+}

+

diff --git a/css/jquery.projectPlugins.css b/css/jquery.projectPlugins.css
new file mode 100644
index 0000000..b9f5710
--- /dev/null
+++ b/css/jquery.projectPlugins.css
@@ -0,0 +1,261 @@
+/**
+ * CSS for jquery plugins contained in js/jquery.projectPlugins.js
+ *
+ * $Id: jquery.projectPlugins.css 592 2015-04-12 19:53:44Z imoore76 $
+ *
+ */
+
+/*
+ * Medium select plugin CSS
+ */
+
+div.vboxMediumSelect {
+	background-color: #fff;
+	color: #000;
+	padding: 2px;
+	height: 16px;
+	cursor: pointer;
+	overflow: hidden;
+	margin: 0px;
+	width: 100%;
+	
+}
+
+
+div.vboxMediumSelectReadOnly {
+	padding-left: 20px;
+	background-position: 2px 2px;
+}
+
+div.vboxMediumSelectDiv { border: 1px solid transparent; }
+div.vboxMediumSelectHover {
+	background-color: #f0f8ff;
+	border: 1px solid #aaaaaa;	
+}
+
+div.vboxMediumSelectImg {
+	height: 16px;
+	padding: 2px;
+	width: 16px;
+	background-color: #fff;
+	margin: 0px;
+	background-position: 2px 6px;
+	background-repeat: no-repeat;
+}
+
+table.vboxDisabled div.vboxMediumSelect, table.vboxDisabled div.vboxMediumSelectImg {
+	background-color: #efefef;
+	border-color: #aaa;
+	color: #aaa;
+	background-position: -20px -20px;
+	cursor: default;
+}
+
+table.vboxMediumSelect td.vboxMediumSelectTableLeft {
+	border: 1px solid #000;
+	border-right: 0px;
+	cursor: pointer;
+}
+table.vboxMediumSelect td.vboxMediumSelectTableRight {
+	border: 1px solid #000;
+	border-left: 0px;
+	cursor: pointer;
+}
+
+table.vboxDisabled td.vboxMediumSelectTableLeft, table.vboxDisabled td.vboxMediumSelectTableRight {
+	border-color: #aaa;
+}
+
+ul.vboxMediumSelect {
+	list-style: none;
+	position: absolute;
+	background-color: #fff;
+	color: #000;
+	z-index: 9999;
+	padding-left: 2px;
+	margin: 0px;
+	cursor: pointer;
+	border: 1px solid #000;
+	border-top: 1px solid #99ccff;
+	border-left: 1px solid #99ccff;
+}
+
+ul.vboxMediumSelect ul { padding: 0px; margin-left: 8px; list-style: none; }
+ul.vboxMediumSelect li { padding: 0px 2px 0px 0px; margin: 0px; white-space: nowrap; }
+ul.vboxMediumSelect div { height: 16px; white-space: nowrap; padding: 1px 2px 1px 4px; }
+ul.vboxMediumSelect li.vboxMediumReadOnly { background-image: none; }
+ul.vboxMediumSelect li.vboxMediumReadOnly ul { padding: 0px 0px 0px 14px; background-image: none; }
+ul.vboxMediumSelect div.vboxMediumReadOnly { padding-left: 18px; background-position: 0px 0px; }
+
+
+/**
+ * Context menu plugin CSS
+ */
+.contextMenu {
+	position: absolute;
+	z-index: 9999999;
+	border: 1px solid #CCC;
+	padding: 0px;
+	margin: 0px;
+	display: none;
+	background-color: #e9e9e9;
+	background-repeat: no-repeat;
+}
+
+.contextMenu span.vboxMenuItemChecked {
+	display: none;
+	background: #ccc;
+	border: 1px solid #999;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+	width: 20px;
+	height: 18px;
+	margin: 0px;
+	padding: 0px;
+	position: relative;
+	top: 1px;
+	left: 3px;
+}
+ul.contextMenu {
+	/* From #ffffff to #d9d9d9 */
+	background-color: #e9e9e9;
+	background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#d9d9d9)); /* for webkit browsers */
+	background: -moz-linear-gradient(left,  #ffffff, #d9d9d9); /* for firefox 3.6+ */
+	background: -o-linear-gradient(left,  #ffffff, #d9d9d9);
+	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#ffffff', endColorstr='#d9d9d9'); /* for IE */
+}
+
+ul.contextMenu li {
+	list-style: none;
+	padding: 0px;
+	margin: 0px;
+	white-space: nowrap;
+	border: 1px solid transparent;
+	position: relative;
+}
+
+ul.contextMenu li a.vboxCheckMark {
+	padding-left: 12px;
+}
+ul.contextMenu li a.vboxCheckMark > span.vboxCheckMark {
+	display: inline-block;
+	position: relative;
+	left: -6px;
+	padding: 0px;
+	margin: 0px;
+	width: 16px;
+	text-align: center;
+}
+ul.contextMenu li.vboxMenuItemChecked > span.vboxMenuItemChecked {
+	display: inline-block;
+}
+ul.contextMenu li.vboxMenuItemChecked > a {
+	position: absolute;
+	top: 0px;
+}
+.contextMenu LI input {
+	padding-left: 2px;
+}
+.contextMenu a, .contextMenu SPAN {
+	color: #333;
+	text-decoration: none;
+	display: block;
+	line-height: 20px;
+	height: 20px;
+	background-position: 6px center;
+	background-repeat: no-repeat;
+	outline: none;
+	padding: 1px 5px;
+	padding-left: 28px;
+	border: 0px solid transparent;
+	cursor: pointer;
+	white-space: nowrap;
+}
+
+ul.contextMenuNoBG li {
+	cursor: pointer;
+	border: 1px solid transparent;
+}
+ul.contextMenuNoBG li.disabled {
+	cursor: default;
+}
+ul.contextMenuNoBG SPAN {
+	display: inline;
+	padding-left: 2px;
+}
+ul.contextMenuNoBG A {
+	padding-left: 2px;
+}
+
+ul.contextMenu LI.vboxHover {
+	background-color: #f0f8ff;
+	border: 1px solid #aaaaaa;
+}
+ 
+.contextMenu LI.disabled img {
+	display: none;
+}
+
+.contextMenu LI.vboxHover.disabled, .contextMenu LI.disabled A, .contextMenu LI.disabled SPAN {
+	color: #AAA;
+	cursor: default;
+}
+
+.contextMenu LI.vboxHover.disabled, .contextMenu LI.vboxHover.disabled A {
+	background-color: transparent;
+}
+
+.contextMenu LI.separator {
+	border-top: 1px solid #CCC;
+}
+
+.contextMenu LI:first {
+	border-top: 1px solid transparent;
+}
+
+
+
+/**
+ * Filetree plugin css
+ */
+ul.jqueryFileTree {
+	font-family: Verdana, sans-serif;
+	font-size: 11px;
+	line-height: 18px;
+	padding: 0px;
+	margin: 0px;
+	display: block;
+}
+
+UL.jqueryFileTree LI {
+	list-style: none;
+	padding: 0px;
+	padding-left: 20px;
+	margin: 0px;
+	white-space: nowrap;
+	display: block;
+}
+
+UL.jqueryFileTree A {
+	text-decoration: none;
+	display: block;
+	padding: 0px 2px;
+}
+
+
+/* Core Styles */
+.jqueryFileTree LI.folder { background: url(../images/jqueryFileTree/directory.png) left top no-repeat; }
+.jqueryFileTree LI.expanded { background: url(../images/jqueryFileTree/folder_open.png) left top no-repeat; }
+.jqueryFileTree LI.file { background: url(../images/jqueryFileTree/file.png) left top no-repeat; }
+.jqueryFileTree LI.wait { background: url(../images/jqueryFileTree/spinner.gif) left top no-repeat; }
+.jqueryFileTree LI.file_vmdk { background: url(../images/vbox/virtualbox-vmdk.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_vdi  { background: url(../images/vbox/virtualbox-vdi.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_vhd  { background: url(../images/vbox/virtualbox-vhd.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_hdd { background: url(../images/vbox/virtualbox-hdd.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_ovf { background: url(../images/vbox/virtualbox-ovf.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_ova { background: url(../images/vbox/virtualbox-ova.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_iso, .jqueryFileTree LI.file_cdr, .jqueryFileTree LI.file_dmg { background: url(../images/vbox/cd_16px.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_img, .jqueryFileTree LI.file_ima, .jqueryFileTree LI.file_dsk, .jqueryFileTree LI.file_vfd { background: url(../images/vbox/fd_16px.png) 0px 1px no-repeat; }
+.jqueryFileTree LI.file_vbox, .jqueryFileTree LI.file_xml { background: url(../images/vbox/virtualbox-vbox.png) 0px 1px no-repeat; }
+
diff --git a/css/layout.css b/css/layout.css
new file mode 100644
index 0000000..3b01465
--- /dev/null
+++ b/css/layout.css
@@ -0,0 +1,1136 @@
+/**
+ * $Id: layout.css 593 2015-04-13 03:45:10Z imoore76 $
+ *
+ * Thanks to gradient generator at:
+ * http://www.colorzilla.com/gradient-editor/
+ *
+ * Thanks to SVG gradient generator at:
+ * http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/default.html
+ *
+ */
+
+html,body,#vboxPane {
+   	  background: #dedbde;
+      border:0px solid transparent;
+   	  margin:0px;
+   	  padding: 0px;
+   	  color: #000;
+}
+#vboxPane { padding-left: 4px;  padding-right: 4px;}
+
+html,body,input,select,.ui-widget, .ui-tabs, .ui-widget-content,textarea {
+	  font: 12px Tahoma,"Trebuchet MS",Verdana,Arial,Sans-serif;
+}
+
+/* 
+	Height Layout
+*/
+html,body,#vboxPane,#vboxTableMain {
+	height: 100%;
+	margin: 0px;
+	padding: 0px;
+}
+body { overflow-y: hidden; } /* avoid scroll bars */
+/* left-margins */
+div.vboxMenuBar { padding-left: 4px; }
+#vboxPaneToolbar { margin-left: 4px; }
+
+/* Common */
+#vboxPane table, div.vboxDialogContent table { width: 100%; }
+#vboxPane img, div.vboxDialogContent img { vertical-align: middle; border: 0px; }
+#vboxPane textarea, div.vboxDialogContent textarea { width: 100%; }
+#vboxPane input, div.vboxDialogContent input { vertical-align: middle; }
+#vboxPane input.vboxCheckbox, div.vboxDialogContent input.vboxCheckbox,
+	#vboxPane input.vboxRadio, div.vboxDialogContent input.vboxRadio { vertical-align: middle; }
+input.vboxRadio, input.vboxCheckbox { padding: 0px; margin: 1px 1px 3px 2px; display: inline }
+#vboxPane th, div.vboxDialogContent th { white-space: nowrap; }
+#vboxPane .vboxDisabled, div.vboxDialogContent .vboxDisabled { color: #999; cursor: default; }
+#vboxPane img.vboxDisabled, div.vboxDialogContent img.vboxDisabled {
+	opacity: .5;
+	filter:alpha(opacity=50);
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+}	
+#vboxPane a, div.vboxDialogContent a,
+	#vboxPane a:visited, div.vboxDialogContent a:visited { text-decoration: none; }
+#vboxPane hr, div.vboxDialogContent hr { padding: 1px; margin: 0px; border: 0px; }
+#vboxPane .vboxSeparatorLine, div.vboxDialogContent .vboxSeparatorLine { background: #aaa; }
+
+/* jQuery UI Components */
+.ui-widget-content div.vboxDialogContent, div.ui-dialog div.ui-dialog-content, div.ui-dialog div.ui-dialog-buttonpane { background: #fff; } 
+div.ui-dialog div.ui-dialog-buttonpane { padding: 4px; margin: 0px; text-align: center; border-width: 0px; }
+div.ui-dialog div.ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }
+div.ui-dialog div.ui-dialog-titlebar { color: #fff; background: #369; }
+div.ui-dialog div.ui-dialog-titlebar img { height: 16px; width: 16px; }
+div.ui-dialog .ui-dialog-titlebar-close { display: none; }
+div.ui-dialog .ui-button { background: #e9e9e9; color: #000; }
+div.ui-dialog .disabled { color: #aaa; }
+div.ui-dialog div.ui-dialog-buttonpane button {
+	padding: 4px;
+	margin-top: 2px;
+	margin-bottom: 2px;
+	text-align: center; display: inline; float: none;
+	border: 1px solid #f9f9f9;
+	background-color: #f9f9f9;
+	border-radius: 4px;
+	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#d0d0d0');
+	box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9;
+	-o-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9;
+	-webkit-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9;
+	-moz-box-shadow: inset 0 1px 3px #fff, inset 0 -15px #e9e9e9, 0 0 3px #a9a9a9;
+}
+div.ui-dialog div.ui-dialog-buttonpane button.disabled {
+	border-color: #fff;
+	cursor: default;
+}
+div.ui-dialog div.ui-dialog-buttonpane .ui-state-hover {
+	border-color: #a9a9a9;
+}
+div.ui-dialog .ui-button .ui-button-text { display: block; line-height: 1;  }
+div.ui-dialog .ui-button-text-only .ui-button-text { padding: 4px; }
+div.ui-dialog .ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0px; }
+div.ui-dialog div.vboxDialogContent th { width: auto; white-space: nowrap; text-align: right;}
+div.ui-dialog div.vboxDialogContent td { width: 100%; white-space: nowrap; text-align: left; }
+div.ui-progressbar div.ui-progressbar-value { background: #00CD00 }
+div.ui-widget-overlay { padding: 0px; margin: 0px; border: 0px; width: 100%; height: 100%; position:fixed ;top:0px;left:0px;}
+div.ui-dialog .vboxDialogTitleIcon { height: 16px; width: 16px; }
+
+/* Tabs */
+div.ui-tabs { border: 0px; }
+div.ui-tabs ul.ui-tabs-nav { margin: 0px; padding: 0px; border: 0px; background: #aaa; }
+div.ui-tabs ul.ui-tabs-nav li { border: 0px; margin-left: 2px; }
+div.ui-tabs ul.ui-tabs-nav li:first-child { margin-left: 0px; }
+div.ui-tabs ul.ui-tabs-nav a img { margin-right:4px; }
+/* tabs within tabs */
+div.ui-tabs .ui-tabs-panel div.ui-tabs { background: #aaa; }
+
+/* sliders and slider Scales */
+div.slider { margin-left: 8px; margin-right: 8px; background: #aaa; }
+div.slider .ui-state-default { background: #ff8; border: 1px solid #000; }
+input.sliderValue { margin: 0px; padding: 2px; text-align: right; }
+div.sliderScale {  margin: 0px; padding-top: 10px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }
+div.sliderScale table { width: 100%; margin: 0px; padding: 0px; border: 0px; border-spacing: 0px; }
+div.sliderScale tr { padding: 0px; margin: 0px; }
+div.sliderScale td { height: 8px; border-right: 1px solid #000; }
+div.sliderScale td:first-child { height: 8px; border-left: 1px solid #000; }
+
+input.vboxImgButton { 
+	border:none;
+	padding:0px;
+	vertical-align:middle;
+	margin: 0px 2px 2px 2px;
+	height:20px;
+	width:20px;
+	background-position:2px 2px;
+	background-repeat:no-repeat;
+	background-color:transparent;
+} 
+
+/* bordered items */
+.vboxBordered { border: 2px solid #999; }
+
+/* bordered sections with labels */
+div.vboxDialogContent span.vboxTableLabel, #vboxPane span.vboxTableLabel {
+	color: #555555; font-size: 87.5%; position: relative; top: 7px; font-weight: bold; background: #fff; left: 8px; padding-left: 2px; padding-right: 2px;
+ 	border-radius: 4px;
+	-moz-border-radius: 4px;	
+}
+
+/* Lists and ListItems */
+.vboxList ul, ul.vboxList { list-style: none; margin: 0px; padding: 0px ; background: #fff; }
+.vboxList li { padding: 2px; }
+.vboxList li input { vertical-align: middle; }
+ul.vboxList li, ul.vboxList li table { line-height: 18px; }
+ul.vboxList li table { height: 18px; }
+ul.vboxList li table tr { vertical-align: middle; }
+ul.vboxList li img { vertical-align: middle; }
+
+.vboxListItem, a.vboxListItem, .vboxListItem a { cursor: pointer; color: #000; background: #fff; }
+#vboxChooserSpinner { height: 100%; position: relative;  background: #fff; width: 100%; vertical-align: middle; text-align: center; }
+#vboxChooserSpinner > div { width: 100%; height: 100%; background: #fff; text-align: center; }
+#vboxChooserSpinner > div img {position: relative; top: 50%; }
+#vboxChooserPane table.vboxChooserVM.vboxListItemSelected.vboxHover,
+#vboxChooserPane table.vboxChooserVM.vboxListItemSelected,
+.vboxListItemSelected.vboxHover,
+.vboxHover.vboxListItemSelected,
+.vboxListItemSelected,
+.vboxListItemSelected a,
+a.vboxListItemSelected {
+	border-color: #69F ! important;
+	background-color: #7aF !important;
+	cursor: default !important;
+	color: #fff !important;
+	/* From #85C2FF to #6699FF */
+	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiM4NUMyRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiM2Njk5RkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cxMTkpIiAvPgo8L3N2Zz4=);
+}
+.vboxListItemTitle { font-weight: bold; }
+
+ul.vboxHover li {
+	border: 1px solid transparent;
+}
+
+ul.vboxHoverBorderless li {
+	border-width: 0px;
+}
+ul.vboxHover li.vboxHover, ul.vboxHover li table.vboxHover {
+	color: #000 ! important;
+	background-color: #eefffF;
+	border-color: #99CcfF;
+	/* #F0FFFF to #CFDFFF */
+	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMEZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDRkRGRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MTkpIiAvPgo8L3N2Zz4=);
+}
+
+ul.vboxHover li table {
+	border: 1px solid transparent;
+}
+tbody.vboxHover td {
+	border: 1px solid transparent;
+}
+tbody.vboxHover td.vboxHoverFirst {
+	border-top: 1px solid transparent;
+	border-left: 1px solid transparent;
+	border-right: 0px solid transparent;
+	border-bottom: 1px solid transparent;
+}
+tbody.vboxHover td.vboxHoverLast {
+	border-top: 1px solid transparent;
+	border-left: 0px solid transparent;
+	border-right: 1px solid transparent;
+	border-bottom: 1px solid transparent;
+}
+tbody.vboxHover td.vboxHoverMid {
+	border-top: 1px solid transparent;
+	border-left: 0px solid transparent;
+	border-right: 0px solid transparent;
+	border-bottom: 1px solid transparent;
+}
+tbody.vboxHover tr.vboxHover td {
+	border-color: #aaaaaa;
+	background: #e0e8ff;
+	color: #000;
+}
+/* Tables */
+table.vboxVertical, table.vboxHorizontal { border: 0px; border-spacing: 0px; width: 100%; }
+table.vboxHorizontal th, table.vboxHorizontal td { white-space: nowrap; }
+table.vboxVertical tr { vertical-align: middle; }
+table.vboxVertical th { white-space: nowrap; text-align: right; font-weight: bold; width: auto; padding: 4px; }
+table.vboxVertical td { text-align: left; width: 100%; white-space: nowrap; padding: 4px; }
+table.vboxHorizontal th { border-bottom: 1px solid #666; background: #ccc; padding: 2px; white-space: nowrap; text-align: left; font-weight: bold; }
+table.vboxVertical input.vboxText, table.vboxVertical select { width: 100%; }
+table.vboxInvisible, table.vboxInvisible td { padding: 0px; margin: 0px; border: 0px; border-spacing: 0px; }
+.vboxOddRow { background-color: #efefef; }
+
+
+/* File / Folder select tables */
+table tr td.vboxFileFolderInput { white-space: nowrap; }
+table tr td.vboxFileFolderInput input.vboxText { width: 95%; }
+table tr td.vboxFileFolderInput input.vboxImgButton { width: 20px; margin-left: 2px;}
+
+/* Buttons and Toolbars */
+#vboxPane table.vboxToolbar, div.vboxDialogContent table.vboxToolbar { width: auto; }
+.vboxToolbarButton { 
+	border: 1px solid transparent;
+	text-align: center;
+	padding: 4px;
+}
+
+.vboxToolbarButtonHover {
+	border-bottom: 1px solid #777;
+	border-right: 1px solid #777;
+	border-left: 1px solid #aaa;
+	border-top: 1px solid #aaa;
+	cursor: pointer;
+}
+
+.vboxToolbarGrad .vboxToolbarButtonHover {
+	/* From E9E9E9 to D9D9D9 */
+	background: #e9e9e9; /* Old browsers */
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q5RDlEOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc4NikiIC8+Cjwvc3ZnPg==);
+}
+
+.vboxToolbarGrad .vboxToolbarButtonDown {
+	/* from a9a9a9 to e9e9e9 */
+	padding: 5px 3px 3px 5px;
+	border-color: #777;
+	background: #a9a9a9; /* Old browsers */
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcxMDEiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0E5QTlBOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzEwMSkiIC8+Cjwvc3ZnPg==);
+}
+
+/* Small Toolbar buttons */
+input.vboxToolbarSmallButton, .vboxButtonMenu td.vboxToolbarSmallButton { border: 1px solid transparent; }
+input.vboxToolbarSmallButtonHover, .vboxButtonMenu td.vboxToolbarSmallButtonHover {
+	border-bottom: 1px solid #aaa;
+	border-right: 1px solid #aaa;
+	border-left: 1px solid #999;
+	border-top: 1px solid #999;
+	cursor: pointer;
+}
+table.vboxToolbar tr { vertical-align: bottom; }
+table.vboxToolbar .vboxToolbarSeparator { background: #aaa; margin: 0px; padding: 0px; border: 0px; width: 1px; }
+
+/* Menu buttons */
+td.vboxButtonMenuButton { background-repeat: no-repeat; background-position: 2px 3px; }
+.vboxButtonMenu td.vboxButtonMenuButtonDown {
+	border-color: #aaa; background-position: 3px 4px;
+	border-top-color: #000;
+	border-left-color: #000;
+	opacity: .40;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
+	filter:alpha(opacity=40);
+	background-color: #555;
+	
+} 
+
+/* Loading screen */
+div.vboxLoaderDialog { text-align: center; width: auto; }
+div.vboxLoaderDialog table { width: 150px; }
+div.vboxLoaderDialog td.vboxLoaderSpinner { width: auto; }
+div.vboxLoaderDialog td.vboxLoaderSpinner img { vertical-align: middle; }
+div.vboxLoaderDialog td.vboxLoaderText { width: 100%; text-align: left; }
+div.vboxLoaderDialog div.ui-dialog-buttonpane, div.vboxLoaderDialog div.ui-dialog-titlebar { display: none; }
+
+
+/* VM Logs and Ajax error text boxes*/
+#vboxVMLogContainer .ui-tabs {
+	background: #aaa;
+	border: 0px;
+	-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/;	
+}
+
+#vboxVMLog { background: #aaa; }
+div.vboxVMLog form, div.vboxAlert form { height: 100%; margin: 0px; padding: 0px; border: 0px; display: block; }
+div.vboxVMLog form textarea, div.vboxAlert form textarea {
+	font-family: courier, monospace;
+	font-size: 12px;
+	background: #fff;
+	color: #000;
+	margin: 0px;
+	padding: 0px;
+	display: block;
+}
+
+div.vboxAlert form textarea { height: 100%; }
+
+/* Gradient Toolbars */
+.vboxToolbarGrad {
+	
+	/* #efefef to #e7e7e7 */
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc4MjQiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFRkVGRUYiIG9mZnNldD0iMC41Ii8+PHN0b3Agc3RvcC1jb2xvcj0iI0U3RTdFNyIgb2Zmc2V0PSIwLjUiLz48c3RvcCBzdG9wLWNvbG9yPSIjRTdFN0U3IiBvZmZzZXQ9IjEiLz4KPC9saW5lYXJHcmFkaWVudD4KPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNnODI0KSIgLz4KPC9zdmc+);
+	
+	border-bottom: 1px solid #c0c0c0;
+}
+
+/* Required textboxes */
+input.vboxRequired, div.vboxRequired { border-color: #f00; }
+
+/* Spans that contain our arrow images */
+span.vboxArrowImage {
+	height: 18px;
+	width: 18px;
+	background-repeat: no-repeat;
+	margin: 0px;
+	padding: 0px;
+}
+/* Snapshots */
+#vboxSnapshotList, #vboxSnapshotList table { height: 100%; }
+#vboxSnapshotList { background: #fff; width: 100%; }
+#vboxSnapshotList li.vboxSnapshotCurrent > div { font-weight: bold; }
+#vboxSnapshotList img { padding-right: 4px; }
+#vboxSnapshotDetails table.vboxDetailsTable tr th.vboxDetailName,
+	#vboxSnapshotDetails table.vboxDetailsTable tr th.vboxDetailNameIndent { width: auto; padding-right: 20px; }
+#vboxSnapshotDetails tr { vertical-align: top; }
+#vboxSnapshotDetails table.vboxVertical td { white-space: normal; }
+#vboxSnapshotDetails td.vboxSnapshotDetailsMachine { height: 300px; }
+	
+/* Virtual Media Manager */
+#vboxVMMDialog { background: #e9e9e9; padding: 0px; margin: 0px; }
+div.vboxVMMDialog div.ui-dialog-buttonpane {
+	background: #e9e9e9;
+}
+
+#vboxVirtualMediaManager .ui-tabs {
+	background: #aaa;
+	margin: 2px 2px 2px 2px;
+}
+#vboxVMMContainerTop {
+	-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/;	
+}
+#vboxVMMTabs {
+	-moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/;
+}
+
+#vboxVirtualMediaManager .ui-tabs-panel { background: #fff; }
+.vboxVMMSpacer { width: 12px; height: 1px; margin: 0px; padding: 0px; }
+#vboxVirtualMediaManager table.vboxVMMList { font-size: 0.9em; }
+#vboxVirtualMediaManager tr { vertical-align: middle; }
+#vboxVirtualMediaManager table td input.vboxVMMMediaExpand { background-position:left center;height:16px;width:10px;margin:0px 2px 0px 0px;padding: 0px; border: 0px; }
+#vboxVirtualMediaManager .vboxListTable td,
+	#vboxVirtualMediaManager .vboxListTable th { white-space: nowrap; padding: 2px; }
+#vboxVirtualMediaManager table.vboxVMMList tr > th, #vboxVirtualMediaManager table.vboxVMMList tr > td { padding-left: 12px; }
+#vboxVirtualMediaManager table.vboxVMMList tr,
+	#vboxVirtualMediaManager table.vboxVMMList span { vertical-align: middle; height: 16px; background-position: 0px 0px; }
+#vboxVirtualMediaManager table.vboxVMMList span { display: inline-block; } 
+#vboxVirtualMediaManager div.vboxVMMMediumInfo { font-size: 0.9em; }
+#vboxVirtualMediaManager .vboxVMMMediumInfo input { padding: 0px; margin: 0px; background: transparent; color: #000000; }
+#vboxVirtualMediaManager .vboxVMMMediumInfo table { padding;0px; border: 1px solid #000; border-spacing:0px; margin-top: 12px; width: 100%; background: #fafafa; }
+#vboxVirtualMediaManager .vboxVMMMediumInfo th { padding:2px; padding-left: 18px; text-align: right; width: auto; white-space: nowrap; }
+#vboxVirtualMediaManager .vboxVMMMediumInfo td { padding:0px; padding-left: 10px; text-align: left; width: 100%; }
+#vboxVirtualMediaManager .vboxVMMSortImgFaded img {
+	opacity: .30;
+	filter:alpha(opacity=30);
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
+}
+
+/* Wizards */
+table.vboxWizard { margin: 0px; padding: 4px; border-spacing: 0px; }
+div.vboxWizard table.vboxWizard tr { vertical-align: top; }
+div.vboxWizard td.vboxWizardContent { padding: 0px 8px 0px 8px; }
+div.vboxWizard td.vboxWizardContent div.vboxOptions {
+	border: 1px solid #aaaaaa;
+ 	border-radius: 4px;
+	-moz-border-radius: 4px;
+	background: url(../images/30white.png) repeat;
+	padding: 4px;
+}
+div.vboxWizard { border: 0px; padding: 0px; margin: 0px; }
+div.vboxWizard h3 { margin: 2px 0px 18px 0px; font-size: 16px; }
+div.vboxWizard table.vboxOptions th { text-align: right; }
+div.vboxWizard table.vboxOptions { margin-top: 4px; }
+div.vboxWizard table.vboxOptions tr { vertical-align:middle; }
+div.vboxWizard table.vboxOptions td { padding: 4px; }
+div.vboxWizard div.ui-dialog-buttonpane { background: #e9e9e9; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; text-align: right; padding-right: 20px; }
+div.vboxWizard {border: 1px solid #aaaaaa; border-bottom: 0px solid transparent; }
+
+/* Export Appliance */
+#vboxExportAppVMList li.vboxDisabled img { 
+	opacity: .5;
+	filter:alpha(opacity=50);
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+}	
+#vboxExportProps tr,#vboxExportProps td, #vboxExportProps td div { vertical-align: middle; height: 22px; line-height: 22px;} 
+#vboxExportProps td.vboxHideOverflow, #vboxExportProps td.vboxHideOverflow div { text-wrap: unrestricted !important; word-wrap: break-word !important; overflow: hidden !important; white-space: wrap !important;}
+
+/* Import Appliance */
+#vboxImportProps tr td.vboxHeader { font-weight: bold; }
+#vboxImportProps td img.vboxSpacer { width: 16px; visibility: hidden; }
+#vboxImportProps td.vboxHardDiskImage img.vboxSpacer { width: 32px; }
+
+#vboxImportProps tr,
+#vboxImportProps td,
+#vboxImportProps td div { vertical-align: middle; height: 22px; line-height: 22px;} 
+
+#vboxImportProps td.vboxHideOverflow,
+#vboxImportProps td.vboxHideOverflow div
+{ text-wrap: unrestricted !important; word-wrap: break-word !important; overflow: hidden !important; white-space: wrap !important;}
+
+div.vboxWizard table td.vboxApplianceHeader { border-style: solid; border-color: #666; border-width: 1px 0px 1px 0px; background: #f0f0f8; padding: 2px; white-space: nowrap; text-align: left; font-weight: bold; }
+
+/* Import / export appliance wizards' lists */
+#vboxImportPropsContainer, #vboxExportAppVMListContainer, #vboxExportPropsContainer {
+	
+	/* Fallback for web browsers that doesn't support RGBa */
+	 background: #fff transparent;
+
+	/* RGBa with 0.6 opacity */
+	background: rgba(255, 255, 255, 0.80);
+
+	/* For IE 8*/
+	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#bbffffff, endColorstr=#bbffffff)";
+	
+}
+
+/* Main Tabs */
+#tabMainContent  {padding-left: 4px; padding-right: 2px; padding-top: 2px; }
+#vboxTabsList { float: right; text-align: right; white-space: nowrap;}
+#vboxPaneTabContent { width: 100%; background: #f7f3f7;}
+#vboxPaneTabContent div.vboxTabLoading { text-align: center; vertical-align: middle; height: 100%; background: #fff; }
+#vboxPaneTabContent div.vboxTabLoading img { text-align: center; margin: 20px; position: relative; top: 30%; }
+#tablistMain { margin-right: 20px; margin-top: 22px; }
+#tablistMain li img { float: left; position: relative; left:-4px;}
+#tablistMain li a, #tablistMain li a:visited { color: #000; }
+#tablistMain li.vboxDisabled a, #tablistMain li.vboxDisabled a:visited { color: #aaa; cursor: default; outline: none; border: none; }
+#tablistMain li {
+	border: 1px solid transparent;
+	list-style: none;
+	text-align: right;
+	margin: 0px 4px 0px 0px;
+	display: inline-block;
+	padding: 3px 12px 3px 8px;
+} 
+#tablistMain li.vboxHover {
+	border: 1px solid #aaa; 
+	cursor: pointer;
+	background: #e9e9e9; /* Old browsers */
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3ODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjEwMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0U5RTlFOSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0Q5RDlEOSIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzc4NikiIC8+Cjwvc3ZnPg==);
+}
+#tablistMain li.selected {
+	border: 1px solid #000;
+	cursor: default;
+	padding: 4px 12px 2px 8px;
+	background-color: #d0d0e0;
+	background-size: 100% 100%;
+	background-repeat: no-repeat;
+	/* start A9A9A9 end E9E9E9 at 0.35 */
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MjYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNBOUE5QTkiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNFOUU5RTkiIG9mZnNldD0iMC4zNSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MjYpIiAvPgo8L3N2Zz4=);
+	
+}
+
+
+/* Menu bars */
+div.vboxMenuBar { 
+	/* From #ffffff to #d9d9d9 */
+	background: #d9d9d9;
+	background: -moz-linear-gradient(top, #ffffff 0%, #d9d9d9 100%, #d9d9d9 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(top, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(top, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(top, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* IE10+ */
+	background: linear-gradient(to bottom, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=0 ); /* IE6-9 */
+}
+
+ul.vboxMenuBar li {
+	/* From #ffffff to #d9d9d9 */
+	background: #d9d9d9;
+	background: -moz-linear-gradient(left, #ffffff 0%, #d9d9d9 100%, #d9d9d9 100%); /* FF3.6+ */
+	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#d9d9d9), color-stop(100%,#d9d9d9)); /* Chrome,Safari4+ */
+	background: -webkit-linear-gradient(left, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Chrome10+,Safari5.1+ */
+	background: -o-linear-gradient(left, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* Opera 11.10+ */
+	background: -ms-linear-gradient(left, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* IE10+ */
+	background: linear-gradient(to right, #ffffff 0%,#d9d9d9 100%,#d9d9d9 100%); /* W3C */
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9d9d9',GradientType=1 ); /* IE6-9 */
+}
+
+#vboxPane div.vboxMenuBar, div.vboxDialogContent div.vboxMenuBar { border-bottom: 1px solid #aaa; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; height: 100%; }
+#vboxPane div.vboxMenuBar span, div.vboxDialogContent div.vboxMenuBar span {
+	padding: 1px 8px 1px 4px; border: 1px solid transparent; cursor: default;
+	-moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/;
+}
+#vboxPane div.vboxMenuBar span.vboxBordered, div.vboxDialogContent div.vboxMenuBar span.vboxBordered { border: 1px solid #aaa; }
+#vboxPane ul.vboxMenuBar, div.vboxDialogContent ul.vboxMenuBar { background: #e9e9e9; border: 2px solid #aaa; margin: 0px; padding: 0px; }
+#vboxPane ul.vboxMenuBar a,div.vboxDialogContent ul.vboxMenuBar a { padding: 2px 18px 2px 28px; }
+
+/* Tree Views */
+.vboxTreeView, .vboxTreeView ul { padding: 0; margin: 0; list-style: none; }
+.vboxTreeView img { vertical-align: middle; padding-right: 6px; padding-left: 2px; }
+.vboxTreeView .hitarea {
+	height: 16px;
+	width: 18px;
+	margin-left: -18px;
+	float: left;
+}
+
+* html .hitarea { display: inline; float:none;}
+.vboxTreeView li { margin: 0; padding: 3px 0pt 0px 16px; }
+.vboxTreeView li { background: url(../images/treeview-default-line.gif) 0 0 no-repeat; }
+.vboxTreeView li.last, .vboxTreeView li.lastCollapsable, .vboxTreeView li.lastExpandable { background-position: 0 -1764px }
+.vboxTreeView li.last .hitarea { background-position: 0; }
+.vboxTreeView div.lastCollapsable-hitarea, .vboxTreeView div.lastExpandable-hitarea,
+.vboxTreeView div.collapsable-hitarea, .vboxTreeView div.expandable-hitarea { background: url(../images/treeview-default.gif) 0 0 no-repeat; }  
+.vboxTreeView div.lastCollapsable-hitarea { background-position: 2px -112px }
+.vboxTreeView div.lastExpandable-hitarea { background-position: -30px -68px }
+.vboxTreeView div.collapsable-hitarea { background-position: -62px -25px }
+.vboxTreeView div.expandable-hitarea { background-position: -78px -3px }
+
+/* Progress operation list */
+#vboxProgressOps { background: #fff;  border: 2px solid #bbb; margin: 0px 2px 2px 2px;}
+#vboxProgressOps div.vboxProgressOpElement { width: 100%; }
+#vboxProgressOps div.vboxProgressOpElement > div { display: inline-block; margin: auto; margin-right: 4px; vertical-align: middle; }
+#vboxProgressOps div.vboxProgressOpCancel { float: right; }
+#vboxProgressOps div.vboxProgressOpText { margin-left: 4px; }
+#vboxProgressOps div.vboxProgressOpElement div.vboxProgressBarContainer {
+	margin-left:4px;
+	text-align:'center';
+	padding:'2px';
+	width:'220px';
+	height: 100%;
+}
+#vboxProgressOps div.vboxProgressOpTitle {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow:ellipsis;	
+}
+#vboxProgressOps div.vboxProgressOpElement > * { display: inline-block; margin: auto; }
+#vboxProgressOps img { margin-right: 2px; height: 22px; width: 22px; }
+#vboxProgressOps div.ui-progressbar { height: 16px; width: 200px; }
+#vboxProgressOps div.vboxProgressOpElement {
+	border-bottom: 1px solid #000;
+}
+#vboxProgressOps div.vboxProgressRunning {
+	border: 1px dashed #f00;
+}
+#vboxProgressOps div.vboxProgressComplete {
+	background: #f9f9f9;	
+}
+
+/* Virtual Machine List and Top Toolbar*/
+/* So that resizing is consistent */
+#vboxChooserPane { background: #fff; padding-top: 2px; }
+#vboxChooserPane * { margin: 0px; padding: 0px;}
+#vboxChooserPane span.vboxServerLink { text-decoration: underline; cursor: pointer; }
+#vboxChooserPane > div { width: 300px; } /* Initial Width */
+#vboxChooserPane .vboxChooserDropTarget { height: 4px !important; padding: 0px; margin: 0px; background: transparent; }
+#vboxChooserPane div.vboxChooserGroupHeader div.vboxChooserDropTarget {
+	position: relative; left: -4px;
+}
+div.vboxChooserGroup > div.vboxChooserDropTargetBottom {
+	position: absolute;
+	height: 4px;
+}
+
+/* host */
+#vboxChooserVMHost { margin-top: 2px; };
+#vboxChooserPane .vboxChooserDropTargetHover { background: #999; }
+#vboxChooserPane td.vboxChooserDropTarget { height: 4px; }
+#vboxChooserPane .vboxChooserDropTargetHover
+	{ background: #999; }
+#vboxChooserPane table.vboxChooserVM img { float: left; }
+#vboxChooserPane table.vboxChooserVM {
+	border: 2px solid transparent;
+	margin-bottom: 2px;
+	vertical-align: top;
+	border-collapse: collapse;
+	cursor: default;
+}
+#vboxChooserPane table.vboxHover,
+#vboxChooserPane table.vboxChooserVM.vboxHover {
+	color: #000 ! important;
+	border: 2px solid #99CcfF ! important;
+	background-color: #eefffF;
+	/* #F0FFFF to #CFDFFF */
+	/* SVG as background image (IE9/Chrome/Safari/Opera) */ 
+	background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc3MTkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGMEZGRkYiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNDRkRGRkYiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c3MTkpIiAvPgo8L3N2Zz4=);	
+}
+#vboxChooserDiv { margin: 0px; margin-right: 2px; padding: 0px; border:0px; background: #fff; }
+#vboxChooserDiv table.vboxChooserVM td,
+#vboxChooserDiv table.vboxChooserVM span { white-space: nowrap; border: 0px; text-align: left;}
+#vboxChooserDiv table.vboxChooserVM span.vboxVMName { font-weight: bold; }
+#vboxChooserDiv table.vboxChooserVM span.vboxVMState { font-size: 0.9em; margin-left: 2px; }
+#vboxChooserDiv table.vboxChooserVM td.vboxVMSessionOpen { font-style: italic; }
+#vboxChooserDiv table.vboxChooserVM td.vboxVMTitle { width: 100%; }
+#vboxChooserPane img.vboxHostIcon { border: 1px solid #999; }
+#vboxChooserPane img.vboxVMIcon { height: 32px; width: 32px; margin: 0px 4px 0px 4px; padding: 0px; }
+#vboxChooserPane div.vboxChooserMini img.vboxVMIcon { height: 16px; width: 16px; margin: 0px 2px 0px 2px; padding: 0px; }
+#vboxChooserPane div.vboxChooserGroup {
+	border-radius: 8px;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	border: 2px solid #bbb;
+	margin: 2px;
+}
+#vboxChooserPane div.vboxChooserGroupRootLevel > div.vboxChooserGroup,
+#vboxChooserPane div.vboxChooserGroupRootLevel > div.vboxChooserGroup.vboxVMGroupCollapsed {
+	background: #fff;
+}
+#vboxChooserPane div.vboxChooserGroupRoot {
+	border: 0px;
+	margin: 0px;
+}
+
+#vboxChooserPane div.vboxChooserGroupHeader {
+	
+	-moz-border-radius-topleft: 6px/*{cornerRadius}*/;
+	-webkit-border-top-left-radius: 6px/*{cornerRadius}*/;
+	border-top-left-radius: 6px/*{cornerRadius}*/;
+	
+	-moz-border-radius-topright: 6px/*{cornerRadius}*/;
+	-webkit-border-top-right-radius: 6px/*{cornerRadius}*/;
+	border-top-right-radius: 6px/*{cornerRadius}*/;
+
+	background-image: url(../images/header_grad.png);
+	background-color: #cccccc;
+	padding: 0px 0px 8px 8px;
+	margin: 0px;
+	height: 16px;
+	overflow: hidden;
+}
+#vboxChooserPane div.vboxVMGroupCollapsed > div.vboxChooserGroupHeader {
+	height: 14px;
+}
+#vboxChooserPane div.vboxChooserGroupHeader span {
+	cursor: default;
+	vertical-align: top;
+}
+#vboxChooserPane div.vboxVMGroupSelected {
+	border-color: #2992F7;
+}
+#vboxChooserPane div.vboxVMGroupSelected > div.vboxChooserGroupHeader {
+	background: #2992F7 !important;
+	color: #fff !important;
+}
+
+/* Text control */
+#vboxChooserPane .vboxFitToContainer, div.vboxFitToContainer {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow:ellipsis;
+	display: inline-block;
+	padding: 0px;
+	margin: 0px;
+	border: 0px;
+}
+
+
+/* Arrows on left side of header */
+#vboxChooserPane div.vboxChooserGroupHeader .vboxChooserGroupNameArrowLeft {
+	display: inline-block;
+	position: relative;
+	left: -5px;
+	top: -2px;
+	vertical-align: top;
+	cursor: pointer;
+	width: 18px;
+	height: 18px;
+	background-repeat: no-repeat;
+}
+
+/* Show only this group images and colors */
+#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupShowOnly {
+	margin-top: 1px;
+	background-image: url(../images/vbox/expanding_collapsing_16px.png);
+}
+
+/* "Go back" images and colors */
+#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupShowOnlyBack {
+	margin-top: 1px;
+	transform: rotate(180deg);
+	-moz-transform: rotate(180deg);
+	-webkit-transform: rotate(180deg);
+	-o-transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+  	background-image: url(../images/vbox/expanding_collapsing_16px.png);
+}
+
+/* Collapse arrow colors when canvas is not supproted */
+#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse {
+	margin-top: 1px;
+	transform: rotate(90deg);
+	-moz-transform: rotate(90deg);
+	-webkit-transform: rotate(90deg);
+	-o-transform: rotate(90deg);
+	-ms-transform: rotate(90deg);
+	background-image: url(../images/vbox/expanding_collapsing_16px.png);
+}
+
+#vboxChooserPane div.vboxVMGroupCollapsed > div.vboxChooserGroupHeader  span.vboxChooserGroupNameArrowCollapse {
+	transform: rotate(0deg);
+	-moz-transform: rotate(0deg);
+	-webkit-transform: rotate(0deg);
+	-o-transform: rotate(0deg);
+	-ms-transform: rotate(0deg);
+}
+#vboxChooserPane div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse {
+	background-image: url(../images/vbox/expanding_collapsing_16px.png);
+}
+#vboxChooserPane div.vboxVMGroupCollapsed > div.vboxChooserGroupHeader span.vboxChooserGroupNameArrowCollapse {
+	background-image: url(../images/vbox/expanding_collapsing_16px.png);	
+}
+
+#vboxChooserPane div.vboxVMGroupCollapsed.vboxVMGroupSelected,
+#vboxChooserPane div.vboxVMGroupSelected.vboxVMGroupCollapsed {
+	background: #69F;
+}
+
+#vboxChooserPane div.vboxChooserGroupShowOnly.vboxVMGroupCollapsed {
+	background: transparent;
+}
+
+#vboxChooserPane div.vboxChooserGroupVMs { padding: 2px 2px 0px 2px; }
+#vboxChooserPane div.vboxChooserGroup span.vboxChooserGroupName { font-weight: bold; display: inline-block; }
+#vboxChooserPane div.vboxChooserGroup span.vboxChooserGroupInfo { float: right; display: none; position: relative; top: -1px; }
+#vboxChooserPane div.vboxChooserGroup span.vboxChooserGroupCounts > span { margin: 0px; padding: 0px; margin-left:2px; margin-right:2px; display:inline-block; width:16px; height:16px;}
+#vboxChooserPane div.vboxChooserGroup div.vboxHover span.vboxChooserGroupInfo { display: inline; }
+#vboxChooserPane div.vboxChooserGroupHeader div.vboxChooserDropTargetBottom { display: none; }
+
+
+#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroup,
+#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroupVMs,
+#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserDropTargetBottom
+{ display: none; }
+#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroupHeader div.vboxChooserDropTargetBottom
+{ display: block; }
+
+#vboxChooserPane div.vboxVMGroupCollapsed div.vboxChooserGroupHeader {
+	-webkit-border-radius: 6px;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+}
+
+
+/* Hide / show only 1 group */
+#vboxChooserPane div.vboxChooserGroupHide {
+	border: 0px;
+	margin: 0px;
+	padding: 0px;
+}
+
+#vboxChooserPane div.vboxChooserGroupRootLevel {}
+#vboxChooserPane div.vboxChooserGroupHide > div, /* all children of hidden elements are hidden */
+#vboxChooserPane div.vboxChooserGroupHide div.vboxChooserGroupHeader, /* all headers are hidden */
+#vboxChooserPane div.vboxChooserGroupHide div.vboxChooserGroupVMs, /* VM lists are hidden */
+#vboxChooserPane div.vboxChooserGroupHideShowContainer div.vboxChooserGroupShowOnly ~ div, /* siblings of only group shown are hidden */
+#vboxChooserPane div.vboxChooserGroupHideShowContainer ~ div /* siblings of parent containers are hidden */
+{
+	display: none;
+}
+
+#vboxChooserPane div.vboxChooserGroupHideShowContainer > div.vboxChooserGroup, /* each parent container group list must be shown */
+#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxChooserGroup, /* sub-groups are shown */
+#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxChooserGroupHeader, /* headers shown */
+#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxChooserGroupVMs /* vm lists are shown */
+{ 
+	display: block;
+}
+/* except for collapsed ones */
+#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxVMGroupCollapsed div.vboxChooserGroup,
+#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxVMGroupCollapsed div.vboxChooserGroupVMs,
+#vboxChooserPane div.vboxChooserGroupShowOnly div.vboxVMGroupCollapsed div.vboxChooserDropTargetBottom
+{ display: none; }
+
+#vboxChooserPane div.vboxChooserGroupHideShowContainer > div.vboxChooserGroup {
+	margin: 0px;
+	padding: 0px;
+}
+#vboxChooserPane div.vboxChooserGroupShowOnly {
+	margin: 2px;
+	display: block;
+	border: 0px;
+}
+
+#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader {
+	-moz-border-radius-bottomleft: 8px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/; border-bottom-left-radius: 8px/*{cornerRadius}*/; -moz-border-radius-bottomright: 8px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/; border-bottom-right-radius: 8px/*{cornerRadius}*/;	
+	-moz-border-radius-topleft: 0px/*{cornerRadius}*/; -webkit-border-top-left-radius: 0px/*{cornerRadius}*/; border-top-left-radius: 0px/*{cornerRadius}*/; -moz-border-radius-topright: 0px/*{cornerRadius}*/; -webkit-border-top-right-radius: 0px/*{cornerRadius}*/; border-top-right-radius: 0px/*{cornerRadius}*/;
+	display: block;
+	margin-left: 2px;
+	margin-right: 2px;
+}
+
+#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader > span.vboxChooserGroupInfo {
+	margin-right: 2px;
+}
+#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader > span > .vboxChooserGroupShowOnly,
+#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader .vboxChooserGroupNameArrowCollapse {
+	display: none;
+}
+#vboxChooserPane div.vboxChooserGroupShowOnly > div.vboxChooserGroupHeader .vboxChooserGroupShowOnlyBack {
+	display: inline-block;
+}
+#vboxChooserPane div.vboxChooserGroupHeader .vboxChooserGroupShowOnlyBack {
+	display: none;
+}
+#vboxChooserPane div.vboxChooserGroupHeader > span > .vboxChooserGroupShowOnly {
+	position: relative;
+	top: -1px;
+	display: inline-block;
+	margin: 0px;
+	margin-left: 2px;
+	margin-right: 2px;
+	padding: 0px;
+	cursor: pointer;
+	width: 18px;
+	height: 18px;
+	vertical-align: top;
+}
+
+/* Toolbar above vm list */
+#vboxPaneToolbar { float: left; }
+#vboxPaneToolbar table td { margin-right: 10px; }
+table.vboxToolbar td.vboxEnabled { cursor: pointer; }
+table.vboxToolbar td.vboxDisabled { color: #999; }
+
+/* Details Tab and Table */
+#vboxDetailsWelcome { background: #fff; } /* "Welcome" screen */
+#vboxTabVMDetails { font-size: 90%; }
+/* menus have normal font size */
+#vboxTabVMDetails ul.contextMenu { font-size: 110%; }
+#vboxTabVMDetails .vboxDetailsNone { font-style: italic; }
+table.vboxDetailsTable { width: auto; background: #fff; }
+table.vboxDetailsTable td { padding: 2px;}
+table.vboxDetailsTable a, table.vboxDetailsTable a:visited { color: #0000FF; }
+table.vboxDetailsTable tr th.vboxDetailsSection { text-align: left; font-weight: bold; }
+table.vboxDetailsTable tr th.vboxDetailName { text-align: left; white-space: nowrap; padding-left: 20px; font-weight: normal; }
+table.vboxDetailsTable tr th.vboxDetailNameIndent { padding-left: 35px; }
+table.vboxDetailsTable tr td.vboxDetailsValue { text-align: left; white-space: normal; width: 100%; padding-left: 35px; }
+
+table.vboxDetailsTableError { background: #eee; margin-top: 8px;; border: 2px solid #aaa; }
+table.vboxDetailsTableError tr { vertical-align: top; }
+
+table.vboxDetailsTableBox tr.vboxDetailsHead th { white-space: nowrap; }
+/* Details table boxes */
+table.vboxDetailsTableBox {
+	background: #fff;
+	margin: 0px;
+	width: 100%;
+	border: 0px solid transparent;
+	border-spacing: 0px;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+	-webkit-border-radius: 6px;
+}
+/* Safari / Chrome "fix" */
+table.vboxDetailsTableBox img::selection { color: transparent; }
+
+table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection {
+	padding: 0px;
+	margin: 0px;
+	background-color: #cccccc;
+}
+table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection div {
+	-moz-border-radius-topleft: 8px/*{cornerRadius}*/; -webkit-border-top-left-radius: 8px/*{cornerRadius}*/; border-top-left-radius: 8px/*{cornerRadius}*/; -moz-border-radius-topright: 8px/*{cornerRadius}*/; -webkit-border-top-right-radius: 8px/*{cornerRadius}*/; border-top-right-radius: 8px/*{cornerRadius}*/;
+	background-image: url(../images/header_grad.png);
+	background-color: #cccccc;
+	padding: 4px 4px 4px 8px;
+	margin: 0px;
+	height: 16px;
+}
+#vboxTabVMDetails div.vboxDetailsBorder {
+	border-radius: 8px;
+	-moz-border-radius: 8px;
+	-webkit-border-radius: 8px;
+	border: 2px solid #bbb;
+	margin-bottom: 2px;
+}
+#vboxTabVMDetails div.vboxDetailsBorder table, #vboxTabVMDetails div.vboxDetailsBorder tbody, #vboxTabVMDetails div.vboxDetailsBorder tbody::last-child, #vboxTabVMDetails div.vboxDetailsBorder tbody::last-child td {
+	-moz-border-radius-bottomleft: 8px/*{cornerRadius}*/;
+	-webkit-border-bottom-left-radius: 8px/*{cornerRadius}*/;
+	border-bottom-left-radius: 8px/*{cornerRadius}*/;
+	-moz-border-radius-bottomright: 8px/*{cornerRadius}*/;
+	-webkit-border-bottom-right-radius: 8px/*{cornerRadius}*/;
+	border-bottom-right-radius: 8px/*{cornerRadius}*/;
+	border: 0px;
+	border-collapse: collapse;
+	border-spacing: 0px;
+	
+}
+
+
+/**
+ * 
+ * Collapsed details sections
+ */
+#vboxTabVMDetails div.vboxDetailsSectionCollapsed tbody { display: none; }
+div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox,
+div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox thead
+div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox tr.vboxDetailsHead,
+div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox tr.vboxDetailsHead th,
+div.vboxDetailsSectionCollapsed table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection div { 
+	-webkit-border-radius: 6px;
+	border-radius: 6px;
+	-moz-border-radius: 6px;
+}
+
+/**
+ * Show link colors on hover?
+ *
+ */
+#vboxTabVMDetails div.vboxHover table.vboxDetailsTableBox tr.vboxDetailsHead span.vboxDetailsSectionLink {
+	color: #0000ff;
+	cursor: pointer;
+}
+
+/**
+ * Image span for showing / hiding a details section
+ */
+
+#vboxTabVMDetails .vboxArrowImage {
+	display: none;
+ 	float:right;
+	position: relative;
+	top: -1px;
+	left: 2px;
+}
+#vboxTabVMDetails span.vboxArrowImage {
+	transform: rotate(90deg);
+	-moz-transform: rotate(90deg);
+	-webkit-transform: rotate(90deg);
+	-o-transform: rotate(90deg);
+	-ms-transform: rotate(90deg);
+	background-image: url(../images/vbox/expanding_collapsing_16px.png);
+}
+#vboxTabVMDetails div.vboxDetailsSectionCollapsed span.vboxArrowImage {
+	transform: rotate(180deg);
+	-moz-transform: rotate(180deg);
+	-webkit-transform: rotate(180deg);
+	-o-transform: rotate(180deg);
+	-ms-transform: rotate(180deg);
+}
+#vboxTabVMDetails div.vboxHover .vboxArrowImage
+{ display: inline-block; cursor: pointer; }
+
+
+/* misc ??? */
+table.vboxDetailsTableBox tr.vboxDetailsHead th { padding: 6px; padding-left: 8px; }
+table.vboxDetailsTableBox tr.vboxDetailsHead img { padding-right: 4px; }
+/* same as th.vboxDetailName */
+table.vboxDetailsTable td.vboxDetailDescriptionCell { padding-left: 20px; white-space: pre-wrap; }
+
+/* menus */
+#vboxDetailsShowMenu li, #vboxDetailsShowMenu li span { cursor: default; }
+#vboxDetailsShowMenu li input, #vboxDetailsPreviewMenu li input { display: inline; padding: 0px; margin: 0px; margin-right: 4px; margin-left: 4px;}
+
+/**
+ * Details preview box
+ */
+#vboxVMDetails table div.vboxVMDetailsBoxpreview { margin-left: 2px; }
+#vboxTabVMDetails table.vboxPreviewTable td { padding: 0px; margin: 0px; border: 0px; }
+#vboxTabVMDetails .vboxDetailsTableBoxPreview { text-align: center; }
+#vboxTabVMDetails .vboxDetailsTableBoxPreview div,
+#vboxTabVMDetails .vboxDetailsTableBoxPreview span { padding: 0px; margin: 0px; border: 0px; }
+#vboxTabVMDetails .vboxDetailsTableBoxPreview table, #vboxTabVMDetails .vboxDetailsTableBoxPreview td, #vboxTabVMDetails .vboxDetailsTableBoxPreview img { padding: 0px; margin: 0px; border: 0px; }
+div.vboxPreviewSaved {
+	background-color:#000;
+}
+div.vboxPreviewSaved img {
+	opacity: .75;
+	filter:alpha(opacity=75);
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
+	
+}
+
+/**
+ *
+ * Host meory used
+ *
+ */
+#vboxHostMemUsed {
+	border: 1px solid #aaaaaa;
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	background-color:#3a3;
+	width:200px;
+	height:14px;
+	overflow:hidden;
+	margin:0px;
+	padding:0px;
+	display:inline-block;
+	height:14px;
+}
+#vboxHostMemUsed span { background-color:transparent; padding-left: 2px; padding-right: 2px; padding-top: 0px; padding-bottom: 0px; margin: 0px; color: #ffffff; white-space: nowrap;}
+#vboxHostMemUsed div { padding:0px; margin: 0px; height: 14px; width: 1px; }
+
+
+/**
+ *
+ * Settings Dialogs
+ *
+ */
+#vboxSettingsDialog, div.vboxSettingsDialog div.ui-dialog-buttonpane { 
+	background: #e9e9e9;	
+}
+div.vboxSettingsDialog div.ui-dialog-buttonpane {
+	border-top: 1px solid #aaaaaa;
+}
+#vboxSettingsDialog tr { vertical-align: top; }
+#vboxSettingsPane { width: 100%; }
+
+/* Settings menu list (left hand list of sections) */
+#vboxSettingsMenu { text-align: left; background: #fff; width: auto; white-space: nowrap; border: 1px solid #000; }
+#vboxSettingsMenu img { margin: 0px; padding: 0px; }
+#vboxSettingsMenu ul { list-style: none; padding: 0px; margin: 0px; white-space: nowrap;}
+#vboxSettingsMenu li { white-space: nowrap; padding: 4px 10px 4px 2px; margin: 0px; cursor: pointer;}
+#vboxSettingsMenu div { white-space: nowrap; display: inline; padding: 0px; margin: 0px; }
+
+/* Settings section title */
+#vboxSettingsTitle { margin-top: 0px; border: 1px solid #000; background: #fff; display: block; text-align: left; padding: 6px; font-weight: bold; }
+
+/* Settings main section surrounding div */
+/*#vboxSettingsList { padding: 2px; margin-top: 8px; }*/
+
+/* Global Network Settings */
+#vboxSettingsGlobalNetList { background: #fff; height: 280px; padding: 0px; overflow: auto; }
+#vboxSettingsGlobalNetList li { padding-left: 4px; list-style: none; }
+#vboxSettingsGlobalNetEditAdapter th { text-align: right; width: auto; white-space: nowrap;}
+#vboxSettingsGlobalNetEditAdapter td, #vboxSettingsGlobalNetEditAdapter td input { text-align: left; width: 100%; white-space: nowrap;}
+#vboxSettingsGlobalNetEditDialog { background: #e9e9e9; }
+#vboxSettingsGlobalNetEditDialog .ui-tabs { background: #e9e9e9; margin: 0px 6px 0px 6px;}
+#vboxSettingsGlobalNetEditDialog .ui-tabs-panel { background: #fff; }
+
+/* User Settings */
+#vboxSettingsUserList { background: #fff; height: 310px; padding: 0px; overflow: auto;}
+#vboxSettingsUserList li { padding-left: 4px; }
+
+/* Language Settings */
+#vboxLanguageList {  height: 300px; width: 400px; overflow: auto; }
+
+/* settings general tabs and panes */
+#vboxSettingsPane .vboxSettingsPaneSection { background: #999; }
+#vboxSettingsPane .vboxSettingsPaneSection .ui-state-default { background: #c1c1c1; }
+#vboxSettingsPane .vboxSettingsPaneSection .ui-tabs-active,
+	#vboxSettingsPane .vboxNonTabbed,
+	#vboxSettingsPane .vboxSettingsPaneSection .ui-tabs-panel { background: #eee; }
+#vboxSettingsPane .vboxSettingsPaneSection .vboxNonTabbed .vboxNonTabbed { background: #aaa; }
+#vboxSettingsPane div.slider .ui-state-default { background: #ff8; border: 1px solid #000; }
+#vboxSettingsPane .vboxTabbed { border: 0px solid #999; padding: 2px; margin: 0px; }
+#vboxSettingsPane .vboxNonTabbed { border: 2px solid #999; padding: 6px; }
+
+/* Storage Settings */
+#vboxSettingsStorageTree { background: #fff; padding: 4px 0px 2px 6px; overflow-x: hidden; overflow-y: auto; }
+#vboxSettingsControllersButtons { text-align: right; }
+#vboxSettingsControllersButtons { width: 100%; text-align: right; }
+
+#vboxSettingsStorageTree table { width: 100%; margin: 0px; padding: 0px; }
+#vboxSettingsStorageTree table td { height: 20px; white-space: nowrap; border: 0px; padding: 0px; margin: 0px; width: auto; }
+#vboxSettingsStorageTree table td.vboxSettingsStorageTypeIcon img { width: 20px; height: 20px; padding: 0px; margin:0px; vspace: 0px; hspace: 0px; }
+#vboxSettingsStorageTree table td.vboxSettingsStorageTypeIcon {
+	width: 22px;
+	background-position: 0px 1px;
+	background-repeat: no-repeat;
+}
+#vboxSettingsStorageTree table tr { vertical-align: middle; }
+	
+#vboxSettingsStorageTree input { display: inline; }
+#vboxSettingsStorageTree ul, #vboxSettingsStorageTree ul li { margin: 0px; padding: 0px; list-style: none; }
+#vboxSettingsStorageTree ul ul li { margin: 0px; padding: 0px 0px 0px 20px; background: url(../images/treeview-default-line.gif) 2px 0px no-repeat; }
+#vboxSettingsStorageTree ul ul li.last { background-position: 2px -1762px }
+#vboxSettingsStorageTree li .vboxListItem .vboxToolbarSmall { display: none; }
+#vboxSettingsStorageTree li input.vboxToolbarSmallButton,
+	#vboxSettingsStorageTree li input.vboxImgButton { border: 0px; padding: 0px; margin: 0px; height: 20px; }
+
+
+/* Storage Disks */
+#vboxSettingsStorageTree td.vboxSettingsMediaType { background: url(../images/vbox/attachment_16px.png) 0px 1px no-repeat; }
+#vboxSettingsStorageTree td.vboxSettingsMediaTypeHardDisk { background: url(../images/vbox/hd_16px.png) 0px 1px no-repeat; }
+#vboxSettingsStorageTree td.vboxSettingsMediaTypeFloppy { background: url(../images/vbox/fd_16px.png) 0px 1px no-repeat; }
+#vboxSettingsStorageTree td.vboxSettingsMediaTypeDVD { background: url(../images/vbox/cd_16px.png) 0px 1px no-repeat; }
+
+.vboxMediumInaccessible { background-image: url(../images/vbox/state_aborted_16px.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 20px; }
+.vboxMediumReadOnly { background-image: url(../images/vbox/vm_new_16px.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 18px; }
+#vboxSettingsStorageTree td.vboxMediumReadOnly { background-image: url(../images/vbox/vm_new_16px.png); }
+
+#vboxSettingsMediaInfo table th { text-align: right; white-space: nowrap; width: auto; }
+#vboxSettingsMediaInfo table td { text-align: left; width: 100%; white-space: normal; } 
+	
+/* Shared folder settings */
+#vboxSettingsSharedFoldersTable { background: #eee; }
+#vboxSettingsSharedFolders { background: #fff; }
+#vboxSettingsSharedFolders td, #vboxSettingsSharedFolders th { padding-left: 8px; padding-right: 8px; }
+#vboxSettingsSharedFoldersList tbody tr:first-child { font-weight: bold; }
+#vboxSettingsSharedFoldersList td { white-space: nowrap; }
+#vboxSettingsSharedFoldersList td.vboxSettingsSFPathCell { width: 100%; }
+#vboxSettingsSharedFoldersList td.vboxSettingsSFNameCell { width: auto; }
+#vboxSettingsSharedFoldersList td.vboxSettingsSFROCell { width: auto; }
+
+/* USB Settings */
+#vboxSettingsUSBFilters { background: #fff; }
+#vboxSettingsUSBFilters ul li { margin: 0px; padding: 2px 0px 2px 0px; }
+#vboxSettingsUSBFilters ul { list-style: none; padding: 0px;}
+#vboxSettingsUSBFilters ul input { vertical-align: bottom; }
+
+/* USB Devices */
+#vboxSettingsUSBDevicesList .vboxListItem { cursor: default;}
+#vboxSettingsUSBDevicesList .vboxListItemDisabled { background: #aaa; }
+
+/* Port Forwarding */
+#vboxSettingsPortForwarding {background: #e9e9e9; }
+#vboxSettingsPortForwarding th { width: 16%; text-align: center; border-left: 1px solid #000; border-right: 1px solid #000; }
+#vboxSettingsPortForwardingList td { padding: 4px; }
+#vboxSettingsPortForwardingList td.vboxProto { text-align: center; }
+#vboxSettingsPortForwardingList td.vboxPort { text-align: center; }
+
diff --git a/css/tipped.css b/css/tipped.css
new file mode 100644
index 0000000..bbd8446
--- /dev/null
+++ b/css/tipped.css
@@ -0,0 +1,43 @@
+#tipped {

+	/* position & display are necessary */

+	position:absolute;

+	display:none;

+	

+	/* The rest are just to make it look good & can be changed as you want */

+	border: 1px solid #404040;

+	color: #404040;

+	

+	border-radius:5px;

+	padding:3px;

+	z-index: 99999;

+	font-size: 0.9em;

+	max-width: 50%;

+	

+	background: #f0f0f0;

+	background: -moz-linear-gradient(top, #ffffff 0%, #e0e0e0 100%); /* FF3.6+ */

+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */

+	background: -webkit-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */

+	background: -o-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* Opera 11.10+ */

+	background: -ms-linear-gradient(top, #ffffff 0%,#e0e0e0 100%); /* IE10+ */

+	background: linear-gradient(to bottom, #ffffff 0%,#e0e0e0 100%); /* W3C */

+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */

+	

+	overflow: hidden;

+}

+

+/* The tip content gets inserted into this element */

+#tipped-content p, #tipped p { padding: 2px; margin: 0px; padding-bottom:0px; } 

+

+/* This is the <div> that holds the close button/link.  No styling is required, but you'll likely want some. */

+#tipped-closer-wrapper {

+	display:none;

+	text-align:center;

+	margin: 0px;

+}

+

+/* The <span> that is the close button/link.  No styling is required, but you'll likely want some. */

+#tipped-closer {

+	display:none;

+	border:2px outset #999;

+	background-color:#CCC;

+}