/* Forms */
label { font-weight: bold; color: #33dd33;}
.aligned label {
    width: 10em;
    display: block;
    float: left;
}
.submit-row { text-align: center; }
input { margin-bottom: 4px;}
input[type=text], textarea {
    background: #ccc;
    border: solid 2px;
    border-color: #aaa;
}
input[type=text]:focus, textarea:focus {
    background: #eee;
}
.form-row {
    position: relative;
    padding: 8px 0;
}
.errornote, .errorlist { color: #f44; font-weight: bold; }
.errorlist { margin: 0; list-style: none;}
.form-row .errorlist { 
    position: absolute;
    top: 10px; right: -8em;
}
.form-row .required { padding-left: 4px; color: #0f0;}

#feedback-form {
    width: 40em;
    margin: 20px auto;
}
#feedback-message { margin: 30px 0px; color: #0f0; font-weight: bold;}

/* Member Login Stuff */
.login, .member-tools { border: solid 1px #383; padding: 10px; width: 20em; margin: 0 auto;}
.login { text-align: center;  }
#content-main .login table { margin: 0 auto; width: 20em;}
#content-main .login { padding: 20px 50px;}
#content-main .member-login .errors { width: 34em; margin: 0 auto; }

#header .login, #header .member-tools {
    position: absolute; top: 12px; right: 32px; z-index: 100;
    padding: 4px 10px 4px 10px; width: 18em;
    font-size: 11px;
}
#header .login { width: 17.5em; }
#header .login input { font-size: 11px; border: none;}
#header .login input.text,
#header .login input.password { width: 12em; }
#header .login table { margin: 0; width: 100%;}
#header .login form { margin: 0; }
#header .login td { padding: 0px 3px;}
#header .login td a { color: #0f0;}
#header .login table.submit td { text-align: right; vertical-align: middle;}
#header .login table.submit input { 
   background: #000; cursor: pointer;
   color: #0f0; border: solid 1px #0a0;
}
#header .login tr.submit input:hover { border-color: #0c0; }

/* Member Toolbox */
#header .member-tools {
    text-align: right; padding: 6px 10px 6px 0px; 
    width: 15em; overflow: hidden;
}
#header .member-tools .highlight { color: yellow; }
#header .member-tools a { color: #eee; font-weight: bold; }
#header .member-tools ul.tools { margin: 0; list-style: disc; }

#home #header .login, #home #header .member-tools {
    top: 34px; right: 198px; 
}
#home #header .member-tools { right: 220px; }

/* Member Profile Forms */
.member .edit table { width: 100%; }
.member .edit table td { padding-bottom: 20px; }
.member .edit table th { width: 120px; }
.member .edit textarea {
    width: 100%;
}
.member .edit td a img { border: solid 1px #aaa; }

form.join ul { list-style: none; margin: 0;}
form.join td { padding-bottom: 10px; }
form.join th { width: 10em; }

.messages-app form table {width: 90%; }
.messages-app label { color: #ccc; }


/* Sortables */
ul.sortable-images {
}
li.sortable-image {
    float: left;
    margin: 5px;
    padding: 5px;
    list-style: none;
    width: 160px;
    height: 160px;
    text-align: center;
    cursor: move;
}
.sortable-tools {
    width: 90%;
    cursor: default;
}
.sortable-tools a {
    margin-left: 10px;
}

.sortable-image .message { padding: 20px 0; }
.sortable-image .error { padding: 10px 0; }

.messages { 
    margin: 0 20px 14px 30px; padding: 5px; 
    width: 80%;
    background: #222; border: dashed 1px #070;
}

/* Upload Progress */
.upload-progress {
    background: #222;
    width: 180px;
    float: right;
}
.upload-progress .progress-container {
    position: relative;
    height: 14px; width: 180px;
    border: solid 1px #0c0;
}
.upload-progress .progress-bar {
    background: #0f0;
    height: 14px; width: 0;
}
.upload-progress .progress-info {
    width: 100%; position: absolute; 
    text-align: center; font-size: 12px;
    color: #fff; font-weight: bold;
}

/* MD Editor */
.markdownSimple .markItUpHeader { width: 290px !important; }