/*************
Roboshrub Inc.
*************/

html {
  background-color:transparent;
  font-family:sans-serif;
}
body {
  cursor:default;
  color:#000;
  overflow:auto;
}
textarea {
  border:0px;
  margin:0px;
  margin-top:10px;
  padding:3px;
  text-align:left;
  font-family:monospace;
  width:260px;
  height:130px;
  border:2px #000 solid;
}
textarea:focus, textarea:active {
  border-color:#fff9c0;
}
form {
  margin:auto;
  margin-top:2em;
  text-align:center;
}
fieldset {
  width:670px;
  margin:auto;
  background-image:url('Backgrounds/atlantic.png');
  background-position:top left;
  border:3px ridge;
  text-align:center;
}
fieldset.notMainFieldset {
  width:auto;
  background:none;
  border:0px;
}
legend {
  border:0px;
  border-left:3px ridge;
  border-right:3px ridge;
}
table {
  margin:auto;
}
a img {
  border:0px;
}
a:link {
  color:rgb(0,0,160);
  text-decoration:none;
}
a:visited {
  color:rgb(128,0,64);
  text-decoration:none;
}
a:hover {
  color:rgb(0,128,192);
  text-decoration:underline;
}
button {
  padding:0px;
}
input[type="text"], input[type="password"]{
  border:1px solid #000;
  padding:.15em;
}
input[type="image"] {
  background-color:#ddd;
}
input#passEnter[disabled="true"] {
  color:#000;
  background:#ccc;
}
#mainwin {
  opacity:1;
}
#lineRow, #configRow, #buttonRow, #b64Enable, #traEnable, #polEnable, #wnEnable, #diagBack, #skinBack {
  display:none;
}
#configRow2 td {
  padding-top:.5em;
  padding-bottom:.5em;
}
#writin {
  border:.1em dashed black;
}
#saveWindow, #loadWindow, #delWindow, #skinWindow {
  text-align:center;
  display:none;
  border-collapse:collapse;
  opacity:0;
  margin:20px 0px auto;
}
#saveWindow tr td, #loadWindow tr td, #delWindow tr td, #skinWindow tr td {
  padding:1em;
}
#buttonColors tr td {
  padding:0px;
}
#skinWindow th {
  padding:0px 2em;
}
#saveWindow tr td h3, #loadWindow tr td h3, #delWindow tr td h3, #skinWindow tr td h3 {
  margin:0em;
}
#loadContainer, #delContainer {
  width:320px;
  height:120px;
  overflow:auto;
  text-align:left;
  margin:auto;
}
#delPrompt, #loadPrompt, #savePrompt {
  width:220px;
  height:10em;
  overflow:auto;
  background:#fff url('Backgrounds/content_back.png');
  border:5px ridge;
  padding:5px;
}
#footer {
  text-align:center;
  background:url('Backgrounds/atlantic.png');
  border:3px ridge;
  width:350px;
  display:none;
  margin:auto;
  margin-top:1em;
  padding:5px;
}
#boxes {
  display:block;
  text-align:right;
  margin-top:-1.5em;
}
#boxes input[type="image"], #filter, #maxBox {
  width:16px;
  height:16px;
  border:0px;
  cursor:pointer;
  opacity:.6;
  background:transparent;
}
#boxes input[type="image"]:hover, #boxes input[type="image"]:focus, #boxes input[type="image"]:active, .menuButtons input:focus, .menuButtons input:focus, #filter:focus, #filter:active, #filter:hover, #maxBox:hover, #maxBox:active, #maxBox:focus {
  opacity:1;
}
#sloganArea {
  background:#fff url('Backgrounds/content_back.png');
  border:1px solid #000;
  margin-right:5px;
  padding:5px;
  display:none;
}
#skinBacks {
  width:600px;
  overflow:auto;
  margin:1em auto;
  padding:.5em;
}
#skinBacks tr td table tr td {
  padding:3px;
}
#skinBacks table {
  border-collapse:collapse;
  text-align:center;
}
#clubs {
  background-color:rgb(0,128,255);
  width:50px;
  height:50px;
  border:1px #000 solid;
}
#loader {
  display:block;
  margin:.3em auto;
}
#minBox {
  width:225px;
  display:none;
  padding-bottom:8px;
}
#maxBox {
  display:block;
  margin:auto;
  font-weight:bold;
  font-size:150%;
  color:#fff;
  text-shadow:#000 0px 0px 5px;
}
#maxBox:hover:before, #maxBox:hover:after {
  content:" ↓ ";
}
#buttonRow {
  text-align:center;
}
#buttonRow td input {
  margin:auto .5em;
}
.buttons {
  margin:.3em;
  cursor:pointer;
  width:100px;
  height:35px;
  text-align:center;
  font-weight:bold;
  opacity:.75;
}
.miniButton {
  cursor:pointer;
  font-weight:bold;
  opacity:.75;
}
.buttons:hover, .buttons:active, .buttons:focus, .miniButton:hover, .miniButton:active, .miniButton:focus, .menuButtons:hover {
  opacity:1;
}
.menuButtons:active {
  border-style:inset;
}
.containerTop {
  border-style:ridge;
  border-width:5px 5px 0px 5px;
  background:#fff url('Backgrounds/content_back.png');
}
.containerBottom {
  border-style:ridge;
  border-width:0px 5px 5px 5px;
  background:#fff url('Backgrounds/content_back.png');
}
.nofile {
  text-align:center;
  font-style:italic;
  padding-top:1em;
}
.menuButtons {
  background:rgb(221,221,221);
  border:3px outset;
  cursor:pointer;
  opacity:.75;
  width:32px;
  height:32px;
}
.configLabels label {
  background:#eee url('Backgrounds/content_back.png');
  border:1px solid #000;
  font-family:sans-serif;
  padding:3px;
}
.skinMiniBox {
  background:#fff url('Backgrounds/content_back.png');
  padding:5px;
  border:3px ridge;
  margin:1em auto;
  line-height:30px;
  width:175px;
}
.backgroundTablePart {
  background:#fff url('Backgrounds/content_back.png');
  border-width:3px;
  border-style:ridge;
  padding-top:5px;
}
.red {
  background:#f00 !important;
  color:#fff !important;
}
.green {
  background:#0f0 !important;
  color:#000 !important;
}
.blue {
  background:#00f !important;
  color:#fff !important;
}
.backFieldset {
  width:150px;
  background:none;
  border:3px ridge;
  margin:.5em auto;
}
.backFieldset legend {
  border-width:0px 3px;
}
