.ui-selecting,
.ui-selected {
  background: #f39814;
  color: white;
}
#content2 td {
  padding: 1px;
}
#drawing-table {
  border-collapse: collapse;
  width: 100%;
  margin: 1px auto;
}
#drawing-table td {
  border: 1px solid #fff;
  text-align: center;
  padding: 0;
}
#content1 {
  width: 100%;
  box-shadow: 0 1px 2px #bbb;
  margin-bottom: 15px;
  background: #000c1c;
}
p.sig {
  margin: 0 auto;
  width: 680px;
  padding: 1em 0;
}
form {
  margin: 1em 0;
  padding: 0.2em 20px;
  background: #eee;
}
table,
td {
  font: 11px/150% arial, helvetica, sans-serif;
}
table {
  width: 100%;
}
th,
td {
  padding: 1px;
}
th {
  background: #000c1c url() repeat-x;
  color: #fff;
}
td {
  color: #fff;
  font-size: 12px;
}
td.hari {
  background: rgb(174,0,0);
}
tr.even td {
  background: #e5f1f4;
}
tr.odd td {
  background: #f8fbfc;
}
th.over,
tr.even th.over,
tr.odd th.over {
  background: #4a98af;
}
th.down,
tr.even th.down,
tr.odd th.down {
  background: #bce774;
}
th.selected,
tr.even th.selected,
tr.odd th.selected {
}
td.over,
tr.even td.over,
tr.odd td.over {
  background: #ecfbd4;
}
td.down,
tr.even td.down,
tr.odd td.down {
  background: #bce774;
  color: #fff;
}
td.selected,
tr.even td.selected,
tr.odd td.selected {
  background: #bce774;
  color: #555;
}
td.empty,
tr.odd td.empty,
tr.even td.empty {
  background: #fff;
}
.table-best-top-caption {
  background: url("") repeat scroll -10px 0 transparent;
  border-top: 1px solid #ccc;
  margin: 0 auto;
  width: 550px;
  color: #191919;
  display: block;
  font: 11px arial, helvetica, sans-serif;
  height: 15px;
  padding: 10px 8px;
  text-decoration: none;
  text-shadow: 0 1px 1px #fff;
  text-transform: none;
  text-align: center;
}
.fotter a {
  font-weight: 700;
  font-size: 14px;
  color: #f60;
}
.beda {
  background: #454545;
}
.bedas {
  background: #09f;
}
.tombol {
  -moz-box-shadow: inset 0 1px 0 0 #f5978e;
  -webkit-box-shadow: inset 0 1px 0 0 #f5978e;
  box-shadow: inset 0 1px 0 0 #f5978e;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #f24537),
    color-stop(1, #c62d1f)
  );
  background: -moz-linear-gradient(center top, #f24537 5%, #c62d1f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537',endColorstr='#c62d1f');
  background-color: #f24537;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  text-indent: 0;
  border: 1px solid #d02718;
  display: inline-block;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 25px;
  line-height: 22px;
  width: 100%;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #810e05;
}
.tombol:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #c62d1f),
    color-stop(1, #f24537)
  );
  background: -moz-linear-gradient(center top, #c62d1f 5%, #f24537 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f',endColorstr='#f24537');
  background-color: #c62d1f;
}
.tombol:active {
  position: relative;
  top: 1px;
}
.tooltip {
  position: absolute;
  width: 200px;
  background-image: url(tip-bg.png);
  background-position: left center;
  background-repeat: no-repeat;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
}
#imagcon {
  overflow: hidden;
  float: left;
  height: 20px;
  width: 50px;
  margin: 10px;
  border: 1px solid red;
  background: #000;
  color: #fff;
}
.angka {
  -moz-box-shadow: inset 0 1px 0 0 #97c4fe;
  -webkit-box-shadow: inset 0 1px 0 0 #97c4fe;
  box-shadow: inset 0 1px 0 0 #97c4fe;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #3d94f6),
    color-stop(1, #1e62d0)
  );
  background: -moz-linear-gradient(center top, #3d94f6 5%, #1e62d0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6',endColorstr='#1e62d0');
  background-color: #3d94f6;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  text-indent: 0;
  border: 1px solid #337fed;
  display: inline-block;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  width: 100%;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #1570cd;
}
.angka:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #1e62d0),
    color-stop(1, #3d94f6)
  );
  background: -moz-linear-gradient(center top, #1e62d0 5%, #3d94f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0',endColorstr='#3d94f6');
  background-color: #1e62d0;
}
.angka:active {
  position: relative;
  top: 1px;
}
.devshio {
  -moz-box-shadow: inset 0 1px 0 0 #f9eca0;
  -webkit-box-shadow: inset 0 1px 0 0 #f9eca0;
  box-shadow: inset 0 1px 0 0 #f9eca0;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #f0c911),
    color-stop(1, #f2ab1e)
  );
  background: -moz-linear-gradient(center top, #f0c911 5%, #f2ab1e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0c911',endColorstr='#f2ab1e');
  background-color: #f0c911;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  text-indent: 0;
  border: 1px solid #e65f44;
  display: inline-block;
  color: #c92200;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  width: 100%;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #ded17c;
}
.devshio:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #f2ab1e),
    color-stop(1, #f0c911)
  );
  background: -moz-linear-gradient(center top, #f2ab1e 5%, #f0c911 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2ab1e',endColorstr='#f0c911');
  background-color: #f2ab1e;
}
.devshio:active {
  position: relative;
  top: 1px;
}
.reset {
  -moz-box-shadow: inset 0 1px 0 0 #c1ed9c;
  -webkit-box-shadow: inset 0 1px 0 0 #c1ed9c;
  box-shadow: inset 0 1px 0 0 #c1ed9c;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #9dce2c),
    color-stop(1, #8cb82b)
  );
  background: -moz-linear-gradient(center top, #9dce2c 5%, #8cb82b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c',endColorstr='#8cb82b');
  background-color: #9dce2c;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  text-indent: 0;
  border: 1px solid #83c41a;
  display: inline-block;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 50px;
  line-height: 25px;
  width: 100%;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #689324;
}
.reset:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #8cb82b),
    color-stop(1, #9dce2c)
  );
  background: -moz-linear-gradient(center top, #8cb82b 5%, #9dce2c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b',endColorstr='#9dce2c');
  background-color: #8cb82b;
}
.reset:active {
  position: relative;
  top: 1px;
}
.spesial {
  -moz-box-shadow: inset 0 1px 0 0 #e6cafc;
  -webkit-box-shadow: inset 0 1px 0 0 #e6cafc;
  box-shadow: inset 0 1px 0 0 #e6cafc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #c579ff),
    color-stop(1, #a341ee)
  );
  background: -moz-linear-gradient(center top, #c579ff 5%, #a341ee 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c579ff',endColorstr='#a341ee');
  background-color: #c579ff;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  text-indent: 0;
  border: 1px solid #a946f5;
  display: inline-block;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  width: 100%;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #8628ce;
}
.spesial:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #a341ee),
    color-stop(1, #c579ff)
  );
  background: -moz-linear-gradient(center top, #a341ee 5%, #c579ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee',endColorstr='#c579ff');
  background-color: #a341ee;
}
.spesial:active {
  position: relative;
  top: 1px;
}
ul.menubawah {
  height: 40px;
  border-left: 1px solid rgba(0, 0, 0, 0.3);
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  float: left;
}
ul.menubawah li {
  list-style: none;
  float: left;
  height: 39px;
  text-align: center;
  background: -webkit-gradient(
    radial,
    50% 100%,
    10,
    50% 50%,
    90,
    from(rgba(31, 169, 244, 1)),
    to(rgba(0, 28, 78, 1))
  );
  background: -moz-radial-gradient(
    center 40px 45deg,
    circle cover,
    rgba(31, 169, 244, 1) 0%,
    rgba(0, 28, 78, 1) 100%
  );
  width: 188.9px;
}
li.menubawah a {
  display: block;
  padding: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 39px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgb(168, 168, 168)),
    to(rgb(69, 69, 69))
  );
  background: -moz-linear-gradient(top, rgb(168, 168, 168), rgb(69, 69, 69));
  -webkit-transition-property: background;
  -webkit-transition-duration: 700ms;
  -moz-transition-property: background;
  -moz-transition-duration: 700ms;
  color: #262626;
  font-family: Arial;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
  color: #0234a4;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  text-transform: uppercase;
}
.kelompok {
  -moz-box-shadow: inset 0 1px 0 0 #fed897;
  -webkit-box-shadow: inset 0 1px 0 0 #fed897;
  box-shadow: inset 0 1px 0 0 #fed897;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #f6b33d),
    color-stop(1, #d29105)
  );
  background: -moz-linear-gradient(center top, #f6b33d 5%, #d29105 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d',endColorstr='#d29105');
  background-color: #f6b33d;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  border-top-left-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-right-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-left-radius: 0;
  text-indent: 0;
  border: 1px solid #eda933;
  display: inline-block;
  color: #fff;
  font-family: Arial;
  font-size: 12px;
  font-weight: 700;
  font-style: normal;
  height: 25px;
  line-height: 25px;
  width: 100px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0 #cd8a15;
}
.kelompok:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #d29105),
    color-stop(1, #f6b33d)
  );
  background: -moz-linear-gradient(center top, #d29105 5%, #f6b33d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105',endColorstr='#f6b33d');
  background-color: #d29105;
}
.kelompok:active {
  position: relative;
  top: 1px;
}
.reset2 a{
    color: white;
    display: block;
}
.reset2 {
    background: rgb(174,0,0);
    border-bottom:1px solid #fff;
    box-shadow: 0 5px 7px -5px #222;
    font-weight: 700;
    font-style: normal;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-decoration: none;
    text-align: center;
}
.reset2:hover {
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0.05, #a341ee),
    color-stop(1, #c579ff)
  );
  background: -moz-linear-gradient(center top, #a341ee 5%, #c579ff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee',endColorstr='#c579ff');
  background-color: #a341ee;
}
.reset2:active {
  position: relative;
  top: 1px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #000;
  background: #e8e8e8 url() 50% 50% repeat-x;
  font-weight: 600;
  color: #555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #555;
  text-decoration: none;
}