/* open array */
.container-array {

    border-top: 0;
    height: 558px;
    width: 720px;
    overflow: hidden;
}

.container-array-list.openarray {
    height: 530px;
}

.minimap-container {
    border-left: 1px solid #595D69;
    height: 101px;
}
.minimap {
    padding-top: 9px;
    padding-top: 17px; 
    margin-left: 10px;
    width: 250px;
    height: 66px;
}

.details-subarray {
    background: #f5f5f5;
    padding: 10px;
    margin-top: 28px;
    height: 376px;
    width:200px;
    font-size: 16px;
}
.details-subarray .table {
    background: transparent;
    margin-bottom: 0;
}
.plate-layout .details-subarray .table th,
.plate-layout .details-subarray .table td {
    border: 0;
    border-bottom: 1px solid #ddd;
    font-weight: normal;
    padding: 10px;
    text-align: left;
}
.details-subarray tr:last-child th,
.details-subarray tr:last-child td { border: 0 }
.plate-layout .details-subarray span {
    display:inline;
    position:static;
    width:auto;
    height:auto;
}
.details-subarray .filled {
    color:#468847;
}
.details-subarray .invalid {
    color:#b94a48;
}
.details-subarray .empty {
    color:#f89406;
}

.tray-openarray {
    background: #464A55;
    box-shadow: inset 0 8px 8px rgba(0,0,0,.2);
    height: 101px;
}
.tray-openarray .span3 { margin-left: 0 }

.nav-tabs.nav-subarray {
	padding:5px;
    border-bottom: 0;
    border-right: 1px solid #343740;
}
.nav-tabs.nav-subarray li {
    border-right: 1px solid #343740;
    border-left: 1px solid #595D69;
    padding-left: 10px;
    padding-top:5px;
    padding-right: 10px;
    margin-top: 0px;
    width:85px;
}
.nav-tabs.nav-subarray li:first-child {
    border-left: 0;
    padding-left: 12px;
}
.nav-tabs.nav-subarray li:last-child {
    border-right: 0;
}
.nav-subarray li a,
.nav-subarray li a:hover {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%,#e8e8e8 100%); /* W3C */
    border: none;
    border-radius:4px;
    display:block;
    margin-top: 8px;
    padding: 0;
    overflow:hidden;
    width: 78px;
    height: 80px;
}

.nav-subarray li a .position-subarray { display:none; position:static; }

.nav-subarray li.active a,
.nav-subarray li.active a:hover {
    border: 0;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    color: #464A55;
    font-weight: bold;
    font-size: 45px;
    margin-top: -1px;
    padding: 8px 12px;
    width: auto;
    height: auto;
    height: 73px;
    line-height: 73px;
    text-shadow: 0 1px 0 #fff;
}

.nav-subarray li.active a .minimap-subarray { display:none }
.nav-subarray li.active a .position-subarray { display: block }