/*
 * $Id: layout.css 349 2011-10-17 02:26:52Z imooreyahoo@gmail.com $
 */

html,body,#vboxIndex {
   	  background: #e9e9e9;
      border:0px solid transparent;
   	  margin:0px;
   	  padding: 0px;
   	  color: #000;
}
#vboxIndex { 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,#vboxIndex,#vboxTableMain {
	height: 100%;
	margin: 0px;
	padding: 0px;
}
body { overflow-y: hidden; } /* avoid scrollbars */
/* left-margins */
div.vboxMenuBar { padding-left: 4px; }
#vboxPaneToolbar { margin-left: 4px; }

/* Common */
#vboxIndex table, div.vboxDialogContent table { width: 100%; }
#vboxIndex img, div.vboxDialogContent img { vertical-align: middle; border: 0px; }
#vboxIndex textarea, div.vboxDialogContent textarea { width: 100%; }
#vboxIndex input, div.vboxDialogContent input { vertical-align: middle; }
#vboxIndex input.vboxCheckbox, div.vboxDialogContent input.vboxCheckbox,
	#vboxIndex input.vboxRadio, div.vboxDialogContent input.vboxRadio { vertical-align: middle; }
input.vboxRadio, input.vboxCheckbox { padding: 0px; margin: 1px 1px 3px 2px; display: inline }
#vboxIndex th, div.vboxDialogContent th { white-space: nowrap; }
#vboxIndex .vboxDisabled, div.vboxDialogContent .vboxDisabled { color: #999; cursor: default; }
#vboxIndex img.vboxDisabled {
	opacity: .5;
	filter:alpha(opacity=50);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}	
#vboxIndex a, div.vboxDialogContent a,
	#vboxIndex a:visited, div.vboxDialogContent a:visited { text-decoration: none; }
#vboxIndex hr, div.vboxDialogContent hr { padding: 1px; margin: 0px; border: 0px; }
#vboxIndex .vboxSeperatorLine, div.vboxDialogContent .vboxSeperatorLine { 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; }
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-button { background: #e9e9e9; color: #000; }
div.ui-dialog .disabled { color: #aaa; }
div.ui-dialog div.ui-dialog-buttonpane button {
	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='#c9c9c9');
	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-tabs ul.ui-tabs-nav { margin: 0px; padding: 0px; border: 0px;}

/* sliders and slider Scales */
div.slider { margin-left: 8px; margin-right: 8px; }
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, #vboxIndex 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;
}
#vboxIndex span.vboxTableLabel+div.vboxBordered, div.vboxDialogContent span.vboxTableLabel+div.vboxBordered {
	border: 1px solid #aaaaaa;
 	border-radius: 4px;
	-moz-border-radius: 4px;
	padding-top: 8px;
	background: #fff;
}


/* 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; }
.vboxListItemSelected, .vboxListItemSelected a, a.vboxListItemSelected { background-color: #69F !important; cursor: default !important; color: #fff !important; }
.vboxListItemTitle { font-weight: bold; }

ul.vboxHover li {
	border: 1px solid transparent;
}

ul.vboxHoverBorderless li {
	border-width: 0px;
}
ul.vboxHover li.vboxHover {
	background-color: #f0f8ff;
	border-color: #aaaaaa;	
}

ul.vboxHover li table {
	border: 1px solid transparent;
}
ul.vboxHover li table.vboxHover {
	background-color: #f0f8ff;
	border-color: #aaaaaa;	
}
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: #f0f8ff;
	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 */
#vboxIndex 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 {
	background: -o-linear-gradient(top,  #e9e9e9, #d9d9d9);
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e9e9), to(#d9d9d9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #e9e9e9, #d9d9d9); /* for firefox 3.6+ */
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='images/monitor_glossy.png', sizingMethod='scale');
}

.vboxToolbarGrad .vboxToolbarButtonDown {
	padding: 5px 3px 3px 5px;
	border-color: #777;
	background: -webkit-gradient(linear, left top, left bottom, from(#a9a9a9), to(#e9e9e9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #a9a9a9, #e9e9e9); /* for firefox 3.6+ */
	background: -o-linear-gradient(top,  #a9a9a9, #e9e9e9);
	
	
}

/* 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 */
#vboxLoaderDialog { text-align: center; width: auto; }
#vboxLoaderDialog table { width: 150px; }
#vboxLoaderDialog td.vboxLoaderSpinner { width: auto; }
#vboxLoaderDialog td.vboxLoaderSpinner img { vertical-align: middle; }
#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*/
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%; }

/* main toolbar */
.vboxToolbarGrad {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9d9d9', endColorstr='#e9e9e9'); /* for IE */
	background: -o-linear-gradient(top, #d9d9d9, #e9e9e9);
	background: -moz-linear-gradient(top, #d9d9d9, #e9e9e9); /* for firefox 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, from(#d9d9d9), to(#e9e9e9)); /* for webkit browsers */
}

/* Required textboxes */
input.vboxRequired, div.vboxRequired { border-color: #f00; }

/* Snapshots */
#vboxSnapshotList, #vboxSnapshotList table { height: 100%; }
#vboxSnapshotList { background: #fff; width: 100%; }
#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 {
	padding: 0px;
	margin: 0px;
	background: #e9e9e9;
}

#vboxVirtualMediaManager .ui-tabs { background: #e9e9e9; margin: 0px 6px 0px 6px;}
#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 { border: 0px; padding: 0px; margin: 0px; }
div.vboxWizard h3 { margin: 2px 0px 18px 0px; font-size: 16px; }
div.vboxWizard table.vboxOptions { margin-top: 4px; }
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: 6px; padding-right: 8px;} /* less left to account for resize bar */
#vboxTabsList { float: right; text-align: right; white-space: nowrap;}
#vboxPaneTabContent { width: 100%; }
#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 { margin-right: 4px; }
#tablistMain li a, #tablistMain li a:visited { color: #000; }
#tablistMain li.vboxDisabled a, #tablistMain li.vboxDisabled a:visited { color: #aaa; cursor: default; }
#tablistMain li { border: 2px solid transparent; list-style: none; text-align: right; margin: 10px; display: inline; padding: 8px; padding-right: 10px;} 
#tablistMain li.hover { border: 2px solid #aaa; cursor: pointer; background: #e2e2f2; }
#tablistMain li.selected { border: 2px solid #999; cursor: pointer; background: #d0d0e0; }


/* Menu bars */
div.vboxMenuBar { 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d9d9d9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#d9d9d9)); /* for webkit browsers */
	background: -moz-linear-gradient(top, #ffffff, #d9d9d9); /* for firefox 3.6+ */
	background: -o-linear-gradient(top, #ffffff, #d9d9d9);
		
}

ul.vboxMenuBar li {
	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 */	
}

#vboxIndex div.vboxMenuBar, div.vboxDialogContent div.vboxMenuBar { border-bottom: 1px solid #aaa; padding-top: 2px; padding-bottom: 2px; margin-top: 0px; height: 100%; }
#vboxIndex 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}*/;
}
#vboxIndex div.vboxMenuBar span.vboxBordered, div.vboxDialogContent div.vboxMenuBar span.vboxBordered { border: 1px solid #aaa; }
#vboxIndex ul.vboxMenuBar, div.vboxDialogContent ul.vboxMenuBar { background: #e9e9e9; border: 2px solid #aaa; margin: 0px; padding: 0px; }
#vboxIndex 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 }



/* Virtual Machine List and Top Toolbar*/
#vboxPaneVMList { background: #fff;  border: 2px solid #aaa; border-right: 2px solid #bbb; border-bottom: 2px solid #bbb; }
#vboxPaneVMList span.vboxServerLink { text-decoration: underline; cursor: pointer; }
#vboxVMList { width: 300px; overflow: scroll; } /* Initial Width */
#vboxVMList table, #vboxVMList div { width: 100%; }
#vboxVMList table.vboxVMListVM { border: 1px solid transparent; }
#vboxVMList table.vboxHover {
	background-color: #f0f8ff;
	border: 1px solid #aaaaaa;
}
#vboxPaneVMList td.vboxVMTitle { width: 100% }
#vboxVMList table.vboxVMListVM { margin-bottom: 4px; vertical-align: top; }
#vboxVMList table.vboxVMListVM td { padding: 0px; white-space: nowrap; }
#vboxVMList table.vboxVMListVM span.vboxVMName { font-weight: bold; }
#vboxVMList table.vboxVMListVM span.vboxVMState { font-size: 0.9em; }
#vboxVMList table.vboxVMListVM td.vboxVMSessionOpen { font-style: italic; }
#vboxPaneVMList img.vboxHostIcon { border: 1px solid #999; }
#vboxPaneVMList img.vboxVMIcon { height: 32px; width: 32px; margin: 4px; margin-left: 6px; }

/* Minimal sizes */
#vboxVMList table.vboxVMListMinimal img { height: 16px; width: 16px; padding: 0px; margin: 2px; margin-left: 2px; }

/* 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 */
#vboxTabVMDetails { font-size: 90%; }
/* menus have normal font size */
#vboxTabVMDetails ul.contextMenu { font-size: 110%; }
#vboxTabVMDetails .vboxDetailsNone { font-style: italic; }
#vboxDetailsWelcome { background: #fff; }
table.vboxDetailsTable { width: auto; }
table.vboxDetailsTableBox tr.vboxDetailsHead th { white-space: nowrap; }
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; margin-top: 10px }
table.vboxDetailsTable tr th.vboxDetailName { text-align: left; white-space: nowrap; padding-left: 20px; font-weight: normal; }
table.vboxDetailsTable tr th.vboxDetailNameIndent { text-align: left; white-space: nowrap; padding-left: 35px; font-weight: normal;}
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; }
/* Details table boxes */
table.vboxDetailsTableBox { background: #fff; margin-bottom: 10px; width: 100%; border-collapse: collapse; border-spacing: 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}*/;
}
/* Safari / Chrome "fix" */
table.vboxDetailsTableBox img::selection { color: transparent; }

table.vboxDetailsTableBox tr.vboxDetailsHead {
	-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}*/;
}
table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection {
	-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}*/;
	padding: 1px;
	margin: 0px;
	background-color: #cccccc;
}
table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSection div {
	-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}*/;
	background-image: url(../images/header_grad.png);
	background-color: #cccccc;
	padding: 3px 3px 3px 6px;
	margin: 0px;
	height: 16px;
}
table.vboxDetailsTableBox tr.vboxDetailsHead th.vboxDetailsSectionCollapsed {
	-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}*/;
}

table.vboxDetailsTableBox tr.vboxDetailsHead a, table.vboxDetailsTableBox tr.vboxDetailsHead th.hover div.vboxNoLinks a {
	color: #000;
	cursor: default;
}
table.vboxDetailsTableBox tr.vboxDetailsHead th.hover a {
	color: #0000ff;
	cursor: pointer;
}

table.vboxDetailsTableBox tr.vboxDetailsHead th span.vboxDetailsUpDnImgSpan { display: none; }
table.vboxDetailsTableBox tr.vboxDetailsHead th.hover span.vboxDetailsUpDnImgSpan { display: inline; cursor: pointer; }

table.vboxDetailsTableBox tr.vboxDetailsHead th { padding: 4px; padding-left: 8px; }
table.vboxDetailsTableBox tr.vboxDetailsHead img { padding-right: 4px; }
/* same as th.vboxDetailName */
table.vboxDetailsTable td.vboxDetailDescriptionCell { padding-left: 20px; }

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

/* preview box */
#vboxDetailsTableBoxPreviewSpacer { padding: 4px; }
#vboxDetailsTableBoxPreview { text-align: center; }
#vboxDetailsTableBoxPreview table, #vboxDetailsTableBoxPreview td, #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 mem 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; }


/* Description tab */
#vboxTabVMDescription input { margin: 8px; }
#vboxTabVMDescription textarea { width: 100%; display: block; }

/* Settings Dialogs */
#vboxSettingsDialog, div.vboxSettingsDialog div.ui-dialog-buttonpane { 
	background: #e9e9e9;	
}
div.vboxSettingsDialog div.ui-dialog-buttonpane {
	padding: 0px;
	margin: 0px;
	border-top: 1px solid #aaaaaa;
	border-bottom: 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-selected,
	#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: 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: 20px; }
#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 Controllers */
#vboxSettingsStorageTree td.vboxSettingsControllerIDEExpanded {background: url(../images/vbox/ide_collapse_16px.png) 0px 1px no-repeat; }
#vboxSettingsStorageTree td.vboxSettingsControllerSATAExpanded {background: url(../images/vbox/sata_collapse_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerSCSIExpanded {background: url(../images/vbox/scsi_collapse_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerFloppyExpanded {background: url(../images/vbox/floppy_collapse_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerSASExpanded {background: url(../images/vbox/sata_collapse_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerIDE {background: url(../images/vbox/ide_expand_16px.png) 0px 1px no-repeat; }
#vboxSettingsStorageTree td.vboxSettingsControllerSATA {background: url(../images/vbox/sata_expand_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerSCSI {background: url(../images/vbox/scsi_expand_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerFloppy {background: url(../images/vbox/floppy_expand_16px.png) 0px 1px no-repeat;}
#vboxSettingsStorageTree td.vboxSettingsControllerSAS {background: url(../images/vbox/sata_expand_16px.png) 0px 1px no-repeat;}

/* 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/new_16px.png); background-position: 0px 0px; background-repeat: no-repeat; padding-left: 18px; }
#vboxSettingsStorageTree td.vboxMediumReadOnly { background-image: url(../images/vbox/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; }
