html {color: #000;background: #FFF;}
table td {padding: .25em;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #fff;
    border-left-color: #fff;border-right-color: #fff;
}
th, td {border: 1px solid #000;padding: .5em;}
/* td[Attributes Style] {background-color: rgb(255, 255, 255); border: 1px solid #000;} */
table {font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: .93em;
    margin: 25px auto;width: 97%;
    text-align: center;
    border-collapse: collapse;
    table-layout: auto;
}
.prodName{
    text-align: left;
}
td, th {display: table-cell;vertical-align: inherit;}
a {outline: none;  text-decoration: none;  padding: 2px 1px 0;}
a:link {  color: blue; border-bottom: 1px solid;}
a:visited {  color: rgb(136, 41, 224);}
a:focus {  border-bottom: 1px solid;  background: gray;}
a:hover {  border-bottom: 1px solid;       background: gray;}
a:active {  background: #265301;  color: #CDFEAA;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
body {font: 13px/1.231 arial,helvetica,clean,sans-serif;}
body {background: url(/inc/bar-bg-tile.png) left 157px repeat-x #f2f2f2;font-family: arial,Helvetica,Verdana,sans-serif;
}
div {display: block;}
h1, h2, h3, h4, h5, h6, strong, dt {font-weight: bold;}
h4, h5, h6 {font-size: 100%;font-weight: normal;}
h1 {font-size: 24px;}
h2 {font-size: 18px;}
h3 {font-size: 15px;}
.clear-block {
    display: block;
}
#bg-shadow {width: 100%;background: url(/inc/banner-shadow.png) center 157px no-repeat;z-index: 100;background-position: center 139px;}
#top-hat div.wrapper4 {
    margin-left:120px;
    width: 974px;
    text-align: center;
    border-left:lightblue 1px dashed;
}


#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 {
    margin: auto;text-align: left; width: 57.69em;}
#doc4 {width: 75%;}

#sidebar {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 120px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 5px;
    
}

/* The navigation menu links */
#sidebar a {
    padding: 9px 8px 6px 16px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
}

/* When you mouse over the navigation links, change their color */
#sidebar a:hover {
    color: #f1f1f1;
}

/* Style page content */
#main {
    margin-left: 160px; /* Same as the width of the sidebar */
    padding: 0px 10px;
}


ul.menu, ul.menu li {
    list-style-type: none;
    list-style-image: none;
    margin-left: 0;
    padding-left: 0;
}

ul li {
    list-style: disc outside;
}
ul.menu {
    list-style: none;
    border: none;
    text-align: left;
}
ul, menu, dir {
    display: block;
    list-style-type: disc;
}
#top-hat{
    width: 100%;
    height: 99px;
    background: black;
    text-align: center;
    word-spacing: 3px;
}
ul li {
    list-style-type: disc;
    display: inline;
}

ul li a {
  color: orange;
}

.title{
    font-size: 16px;
    padding: 10px 10px;
}

form label {
    float: left;
    grid-template-columns: max-content max-content;
    grid-gap:5px;
    width: 200px;
    padding-right: 24px;
    text-align: right;
}

#componentTable{
    float: left;
    margin-left: 400;
}

.nested {
    padding: 1px;
    border-style: double;
    border-color: purple;
    text-align: center;
    font-size: .88em;
}

.nestedRow {
    padding: 1px;
    background-color: white;
}

div.BPC, div.BPO {
    display:grid;
    grid-template-columns: max-content max-content;
    grid-gap:5px;
}
.BPC label  { text-align:right; }
.BPO label  { text-align:right; }
label:after { content: ":"; }
.bold-option{font-weight: bolder;}

.inlineWithSelect{
    display : inline;
}

.inlineButton{
    display : inline;
}

.playerTable{
    padding:40px;
    background-color:lightblue;
    border: 1px solid black;
}
.playerTableTH{
    width:100px
}
.playerTable td{
    width: 25%;
    border: 2px inset;
}

.midTableButton{
    padding: 5px; 
    border-radius: 5px;
    border: 1px solid black;
    margin-left: 5px;
    margin-right: 5px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    background-color: coral;
}

.midTableButton:hover{
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border: 2px solid black;
    padding:4px;
}

.page{
    margin-left: 150px;
}
.topHeader{
    margin-left:120px;
    background-color: coral;
    padding: 10px;
    padding-left: 30px;
}

.sidebarForm select{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 5px;
    border: 1px solid lightblue;
    border-radius: 5px;
    margin-left: 5px;
    margin-right: 5px;
    /* color: coral; */
    background-color: coral;
    width: 90%;
}

.sidebarForm input{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 5px;
    border: 1px solid lightblue;
    border-radius: 4px;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: coral;
    width: 75%;
}

#sidebar label{
    color: lightblue;
    text-align: left;
}

.instructions{
    text-align: left;
    text-indent: 25px;
    width: 600px;
    text-align: justify;
}

.sidebarFormDiv{
    margin-top: 2px;
    padding-bottom: 10px;
    padding-top: 5px;
    border-bottom: lightblue double 2px;
    border-top: lightblue solid 1px;
}

#sidebar h3{
    color: White;
    text-align:center;
    padding-bottom: 10px;
    padding-top: 5px;
    margin-bottom: 10px;
}

.cargoSpaceRow{
    width: auto;
}

.cargoSpaceRow .CSR-labelColumn{
    text-align:left;
}
.cargoSpaceRow .CSR-label{
    text-align: center;
}
.operationsButton{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 5px;
    border: 1px solid black;
    border-radius: 4px;
    margin-top: 4px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: red;
    width: auto;
    min-width:80px;
}
.operationsButton:hover{
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    border: 2px double black;
    padding:4px;
}
.ShipView, .StationView{
    border:2px black inset;
    background-color: lightblue;
}

.auxiliaryFunctions{
    display:inline-block;
    padding: 20px;
    border: inset 3px coral;
}
.operationsForm{
    min-width:80px;
    max-width:100%;
    display:inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-right: 10px;
}
.operationsForm input{
    background-color: coral;
}

.operationsForm select{
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    padding: 5px;
    border: 1px solid lightblue;
    border-radius: 5px;
    /* color: coral; */
    background-color: coral;
    width: 90%;
}
#unpackageButton{
    background-color: coral;
}
#badButton{
    background-color: red;
}
#badButton:hover{
    background-color: darkred;
}