html {
    color: #A8A8A8;
    height: 100%;
    background-image: linear-gradient(bottom, #383738 8%, #1F1F1F 22%, #000000 77%);
    background-image: -o-linear-gradient(bottom,  #383738 8%, #1F1F1F 22%,  #000000 77%);
    background-image: -moz-linear-gradient(bottom,  #383738 8%,  #1F1F1F 22%,  #000000 77%);
    background-image: -webkit-linear-gradient(bottom,  #383738 8%,  #1F1F1F 22%,  #000000 77%);
    background-image: -ms-linear-gradient(bottom,  #383738 8%,  #1F1F1F 22%,  #000000 77%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.08,  #383738), color-stop(0.22,  #1F1F1F), color-stop(0.77,  #000000));
}

body {
    height: 100%;
    width: 100%;
    display: table;
    margin: 0;
    font-family: Arial, 'Helvetica Neue', Helvetica, 'Liberation Sans', sans-serif;
	text-align: center;
}

.cjbutton {
   color: #FFFF99;
   background-color: #3C3C3C;
   min-width:80px;
   border: 1px #C3C3C3;
   border-right-color: black;
   border-bottom-color: black;
   padding: 0 4px 0 4px;
   margin-left:2px;
   margin-right:2px;
   cursor: pointer;
   border-radius: 3px;
   outline:none;
   height:22px;

   background-image: -o-linear-gradient(top, #989898 0%, #3E3E3E 100%);
   background-image: -moz-linear-gradient(top, #989898 0%, #3E3E3E 100%);
   background-image: -webkit-linear-gradient(top, #989898 0%, #3E3E3E 100%);
   background-image: -ms-linear-gradient(top, #989898 0%, #3E3E3E 100%);
   background-image: linear-gradient(top, #989898 0%, #3E3E3E 100%);
   background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #989898), color-stop(1, #3E3E3E) );
   filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#989898', endColorstr='#3E3E3E');
}

.cjbutton:hover {
   color:#FFFF00;
}

.cjbutton:disabled, .cjbutton[disabled] {
   color:#BBBBBB;
}

.logo {
    padding-bottom: 1px;
}

#outer {
    display: table-cell;
    vertical-align: middle;
}

#title {
    text-align: center;
    margin: 20px;
}

#title .version, .simulator {
    color: #ffffff;
    font-size: 20px;
}

@viewport {
    width: extend-to-zoom;
    min-zoom: 1;
    max-zoom: 2;
}

#sysinfo {
    text-align: center;
}

#sysinfo div {
    padding-bottom: 3px;
}

.message {
    text-align: center;
    font-size: 1.5em;
    color: red;
}

#sysinfo .system span {
    margin-left: 5px;
    margin-right: 5px;
}

#changeSystemButton .ui-button-text {
    padding: 0.3em 0;
    font-size: 0.8em;
}

#resetSystemButton span {
    padding: 0;
}

#start {
    margin-top: 30px;
    text-align: center;
}

#sysModified {
    font-size: 0.7em;
    margin-left: 20px;
}

.menu-button + .ui-selectmenu-button{
   vertical-align : middle;
}

#hwsimerr {
    padding-left: 20px;
    text-decoration: underline;
    cursor: pointer;
}

#statustable {
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
}

.status-unknown {
    color: #666666;
}

.status-error {
    color: red;
}

.status-inprogress {
    color: white;
}

.status-good {
    color: #A8A8A8;
}

.no-close .ui-dialog-titlebar-close {
    display: none;
}

#optionsDiv {
    padding-top: 10px;
}

#crcDiv {
    white-space: nowrap;
}

#crcpasswordDiv {
    padding-left: 15px;
}

.splash-button {
    background-color: #3C3C3C;
    outline:none;
    color: white;
    font-size: 20px;
}
.splash-button:hover {
    background-color: #ff8c00;
    outline: 1em;
}
.splash-button img {
    max-height: 500px;
    width: auto;
}