@import url("jquery-ui-1.8.2.designer.css");
/* base */
.mtdesigner h1 a,.mtdesigner h2 a,.mtdesigner h3 a,.mtdesigner h4 a,.mtdesigner h5 a{  text-align: center;  font-weight: bold;  margin: 0;}
.mtdesigner label {  font-weight: normal;}
.mtdesigner input {  text-align: right;  padding: 0;  margin: 0;}
.mtdesigner input[type=checkbox], .mtdesigner input[type=radio] {  margin: 0 0.5em;}
.mtdesigner input[disabled] {  color: #000;}
.mtdesigner .info {  margin: 0 1em;  float: right;}
.mtdesigner .center {  text-align: center;  padding: 0;}
.mtdesigner .fixed {  margin: 0 auto;  width: 100%;  text-align: left;}
.mtdesigner .table {  position: relative;  clear: both;  float: left;  width: 100%;  overflow: hidden;}
.mtdesigner .row {  clear: both;  padding: 0.5em 0;}
.mtdesigner .column-pre-1,.mtdesigner .column-pre-2,.mtdesigner .column-pre-3,.mtdesigner .column-pre-4,.mtdesigner .column-pre-5,.mtdesigner .column-pre-6,.mtdesigner .column-pre-7 {  float: left;  width: 100%;  position: relative;}
.mtdesigner .column-1,.mtdesigner .column-2,.mtdesigner .column-3,.mtdesigner .column-4,.mtdesigner .column-5,.mtdesigner .column-6,.mtdesigner .column-7 {  float: left;  position: relative;  overflow: visible;}
/* overrides */.mtdesigner .panel .ui-accordion-content {  padding: 1em;}
.mtdesigner .panel .ui-state-highlight {  border: none;  background: none;}
.mtdesigner .panel .ui-state-active {  font-weight: bold;}
/* main table */
.mtdesigner .table-main .column-pre-1 {  right: 62.5%;}
.mtdesigner .table-main .column-1 {  width: 62.5%;  left: 62.5%;}
.mtdesigner .table-main .column-2 {  width: 37.5%;  left: 62.5%;}
/* dimensions panel */
.mtdesigner .panel-dimensions .fixed {  width: 34em;}
.mtdesigner .tile-selector {  width: 32em;  height: 24em;/*  outline: 1px solid black;*/  position: relative;}
.mtdesigner .tile-array {  position: absolute;  overflow: hidden;/*  outline: black 1px solid; */  border-right: 1px solid black;  border-bottom: 1px solid black;}
.mtdesigner .tile-background {  position: absolute;  top: 0;  left: 0;}
.mtdesigner .tile-background img {  width: 32em;  height: 24em;}
.mtdesigner .tile {  float: left;  position: absolute;  overflow: hidden;}
.mtdesigner .tile-visible {  background-image: url('images/designer/nearly-transparent.gif');  border-top: 1px solid black;  border-left: 1px solid black;}
.mtdesigner .tile-hidden {  background-color: white;  border-top: 1px solid black;  border-left: 1px solid black;}
/* tiles table */
.mtdesigner .table-tiles .column-pre-1 {  right: 32em;}
.mtdesigner .table-tiles .column-1 {  width: 32em;  left: 32em;  overflow: visible;}
.mtdesigner .table-tiles .column-2 {  width: 2em;  left: 32em;  overflow: visible;}
.mtdesigner .vertical-slider-container {  margin: 1em 0.5em;}
.mtdesigner .microtiles-vertical-slider {  height: 22em;}
.mtdesigner .horizontal-slider-container {  margin: 0.5em 1em;}
.mtdesigner .microtiles-horizontal-slider {  width: 30em;}
/* dimensions table */.mtdesigner .table-dimensions {  font-size:70%;}
.mtdesigner .table-dimensions .column-pre-6 {  right: 6em;}
.mtdesigner .table-dimensions .column-pre-5 {  right: 10em;}
.mtdesigner .table-dimensions .column-pre-4 {  right: 6em;}
.mtdesigner .table-dimensions .column-pre-3 {  right: 1em;}
.mtdesigner .table-dimensions .column-pre-2 {  right: 5em;}
.mtdesigner .table-dimensions .column-pre-1 {  right: 14em;}
.mtdesigner .table-dimensions .column-1 {  width: 14em;  left: 42em;}
.mtdesigner .table-dimensions .column-2 {  width: 6em;  left: 42em;  text-align: center;}
.mtdesigner .table-dimensions .column-3 {  width: 1em;  left: 42em;  text-align: center;}
.mtdesigner .table-dimensions .column-4 {  width: 6em;  left: 42em;  text-align: center;}
.mtdesigner .table-dimensions .column-5 {  width: 10em;  left: 42em;  text-align: center;}
.mtdesigner .table-dimensions .column-6 {  width: 5em;  left: 42em;  text-align: center;}
.mtdesigner .table-dimensions .column-7 {  width: 6em;  left: 42em;}
/* weight panel  */
.mtdesigner .panel-weight .fixed {  width: 19em;}
/* weight table */
.mtdesigner .table-weight .column-pre-2 {  right: 7em;}
.mtdesigner .table-weight .column-pre-1 {  right: 8em;}
.mtdesigner .table-weight .column-1 {  width: 8em;  left: 15em;}
.mtdesigner .table-weight .column-2 {  width: 7em;  left: 15em;  text-align: center;}
.mtdesigner .table-weight .column-3 {  width: 4em;  left: 15em;}
/* energy panel */
.mtdesigner .panel-energy .fixed {  width: 19em;}
/* energy table */
.mtdesigner .table-energy .column-pre-2 {  right: 8em;}
.mtdesigner .table-energy .column-pre-1 {  right: 7em;}
.mtdesigner .table-energy .column-1 {  width: 8em;  left: 15em;}
.mtdesigner .table-energy .column-2 {  width: 7em;  left: 15em;  text-align: center;}
.mtdesigner .table-energy .column-3 {  width: 4em;  left: 15em;}
/* ecu panel */
.mtdesigner .panel-ecus .fixed {  width: 19em;}
/* ecu table */
.mtdesigner .table-ecus .column-pre-1 {  right: 11em;}
.mtdesigner .table-ecus .column-1 {  width: 8em;  left: 11em;}
.mtdesigner .table-ecus .column-2 {  width: 11em;  left: 11em;}
/* units panel */
.mtdesigner .panel-units .fixed {  width: 19em;}
/* bom panel */
.mtdesigner .panel-bom .fixed {  width: 55em;}
/* bom table */
.mtdesigner .table-bom .row {  padding: 0;}
.mtdesigner .table-bom .column-pre-4 {  right: 11em;}
.mtdesigner .table-bom .column-pre-3 {  right: 13em;}
.mtdesigner .table-bom .column-pre-2 {  right: 3em;}
.mtdesigner .table-bom .column-pre-1 {  right: 23em;}
.mtdesigner .table-bom .column-1 {  background-color: inherit;  vertical-align: middle;  padding-top: 0.5em;  height: 2em;  width: 23em;  left: 50em;}
.mtdesigner .table-bom .column-2 {  background-color: inherit;  vertical-align: middle;  padding-top: 0.5em;  height: 2em;  width: 3em;  left: 50em;}
.mtdesigner .table-bom .column-3 {  background-color: inherit;  vertical-align: middle;  padding-top: 0.5em;  height: 2em;  width: 13em;  left: 50em;}
.mtdesigner .table-bom .column-4 {  background-color: inherit;  vertical-align: middle;  padding-top: 0.5em;  height: 2em;  width: 11em;  left: 50em;}
.mtdesigner .table-bom .column-5 {  background-color: inherit;  vertical-align: middle;  padding-top: 0.5em;  height: 2em;  width: 5em;  left: 50em;}