/*
  custom css files are loaded after core css files. Simply use the same selector to override a style.
  Example:
      #editbar LI {border:1px solid #000;}
    overrides
      #editbar LI {border:1px solid #d5d5d5;}
    from pad.css
*/

/* attribution: pad.riseup.net */ 
* {
    margin: 0;
    padding: 0;
}
body {
    background: url("/static/custom/blackboard.png") no-repeat scroll left top #2F4F4F;
    background-size: contain;
    opacity: 0.9;
    color: #333333;
    font: 18px bold ubuntu,helvetica,sans-serif;
    overflow-x: hidden;
}
#wrapper {
    border-top: 1px solid #999999;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
    margin-top: 160px;
    padding: 14px;
}
#container {
    background-color: rgba(255, 255, 255, 0.1);
    margin-top: 250px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
}
#inner {
    margin: 0 auto;
    width: 420px;
}
.big {
    font-size: 28px;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    text-align: center;
    width: 370px;
}
.button {
    background: linear-gradient(#F6F6F6, #999999) repeat scroll 0 0 transparent;
    border: medium none;
    border-radius: 4px 4px 4px 4px;
}
.button:hover {
    background: linear-gradient(#FFFFFF, #AAAAAA) repeat scroll 0 0 transparent;
    cursor: pointer;
}
.button:active {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.9) inset;
}
input {
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
}
#input_border {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    margin: 0 auto;
    width: 360px;
}
input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    margin: 2px;
    height: 90%;
    outline: medium none;
    width: 360px;
}
input[type="submit"] {
    margin: 4px;
    padding: 4px;
    width: 45px;
}
input[type="submit"]::-moz-focus-inner {
    border: 0 none;
}
input[type="submit"] {
    padding: 7px;
}
.label {
    color: black;
    line-height: 1.8em;
    margin: 2px auto 0;
    text-align: left;
    width: 400px;
/*   opacity: 0.5; */
    background: rgba(76, 175, 80, 0.8);
    border-radius: 10px;
    padding: 10px;
}
.label p {
    margin-bottom: 0.5em;
}
#allmendalogo {
    background: url("https://fairkom.net/groupoffice/index.php?r=files/file/download&id=97529&random_code=9T1yt8jgfeA&inline=false&security_token=2tyP8MGIxUekgsEj4Bc7") transparent;
    height: 165px;
    width: 400px;
    display: block;
    margin: 2px auto 0;
    background-size: contain;
}
.label a {
    color: white;
}