.block {
	margin-bottom: 1.3em;
}

#main, #sidebar { margin-top: 3em}

#forge-header { padding-bottom: 1.5em; margin-bottom: 1.5em; }
#forge-header h2 { margin-bottom: 0.5em; }
#forge-header p a { font-size: 1em; padding-bottom: 0.5em; }

h2.green { color: #78ba91; }
h3.blue { color: #6b7b95; font-weight: bold; }
.breadcrumb { margin-bottom: 5px; font-size: 11px; }

label { font-weight: normal; }
.required label { font-weight: bold; }

dl.table dd { display: block; float: left; clear: right; margin: 0 0 10px 0; width: 65%; }
dl.table dt { float: left; display: block; width: 35%; margin: 0; }

.input_submit input, .button { display: inline-block; background: #c0c0c0  -webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#C1C1C1)); border: 1px solid #999; color: #333 !important; text-shadow: 0 1px 0 #fff; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; text-transform: uppercase; font-weight: bold; padding: 5px 8px; cursor: pointer; }
.input_submit input:hover, .button:hover { background: #ccc; }
.input_submit input:active, .button:active { background: #fff; }

.input_submit input[type], .button[type] { line-height: 15px; padding: 3px 8px;  }

.input_submit input.input_submit_disabled { cursor: default; background: #E3E3E3; color: #B6B6B6 !important; text-shadow: 0 1px 0 #fff; border-color: #D6D6D6; }

#project h1, #project h2, #project h3, #project h4, #project h5, #project h6 { font-weight: bold; margin-bottom: 0.5em; }
#project h2 .version { font-size: 80%; float: right; font-weight: normal; }
#project ul, #project ol { padding-left: 1.5em; }
#project-desc #thumb { float: right; margin-left: 15px; }
#project-desc p { margin-bottom: 15px; }

#login-other-twitter { margin-bottom: 5px; margin-top: 10px; }

.link-boxes { text-align: center; }
.link-boxes a { font-family: Arial Rounded, Helvetica, Tahoma; background: #c0c0c0; border: 1px solid #999; color: #333; text-shadow: 0 1px 0 #fff; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; text-transform: uppercase; font-weight: bold; padding: 5px 8px; cursor: pointer; text-decoration: none; display: inline-block; width: 110px; text-align: center; font-size: 14px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 8px; margin: 0 10px; height: 20px; }
.link-boxes a:hover { color: #666; }

.link-boxes a.button_disabled { color: #999; background: #ccc; cursor: default; }

#plugin-links { position: relative; }
#plugin-links .loader { top: 8px; }

.project_thumb { display: block; width: 187px; height: 80px; border: 1px solid #999; background-color: #dfddda; }
.project_thumb img { padding: 1px; background: #fff; margin: 0; }

.projects { overflow: hidden; zoom: 1; }
.projects li { list-style-type: none; position: relative; width: 190px; margin-right: 52px; float: left; margin-bottom: 15px; }
.projects li a { text-decoration: none; }
.projects li .name { font-weight: bold; color: #464646; display: block; margin-bottom: 5px; }
.projects li .name img { vertical-align: middle; }
.projects li .downloads { font-size: 11px; top: 3px; right: 0; position: absolute; }

.projects li a:hover .name { color: #e79d35; }

#ZoomCapDiv td, #ZoomCapDiv th { padding: 0; border: 0; }

#home-recent-active { position: relative; }
#home-recent-active .meta { position: absolute; font-size: 11px; top: 5px; right: 10px; }

.avatar { display: block; width: 50px; height: 50px; border: 1px solid #999; overflow: hidden; }
.avatar img { border: 1px solid #fff; }

.badge { position: absolute; width: 17px; height: 17px; display: block; text-align: center; vertical-align: middle; line-height: 17px; background: url('/National_Library/20181105034639oe_/https://mootools.net/forge/images/user-badge.png') no-repeat top; color: #333; font-size: 9px; text-shadow: 0 1px 0 #fff; }

.authors { margin: 8px; }
.authors li { list-style-type: none; display: inline-block; vertical-align: top; position: relative; }
.authors li a { text-decoration: none; display: inline-block; width: 90px; text-align: center; font-size: 11px; margin-bottom: 10px; }
.authors li .avatar, .authors li .name { display: block; margin-bottom: 5px; }
.authors li .avatar { display: block; width: 50px; height: 50px; margin-left: auto; margin-right: auto; border: 1px solid #999; }
.authors li .name { display: block; font-weight: bold; color: #464646; }
.authors li a:hover .name { color: #e79d35; }
.authors li .badge { top: -8px; right: 15px; }
.authors li:hover .badge { background-position: bottom; color: #fff; text-shadow: 0 1px 0 #074E99; }

.tags-list, #project .tags-list { overflow: hidden; zoom: 1; margin: 0; padding: 0; }
.tags-list li { list-style-type: none; }
.tags-list li a { float: left; display: block; color: #464646; background: #DAE0EA; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-right: 5px; margin-bottom: 5px; font-size: 11px; padding: 3px 8px 2px; text-decoration: none; font-weight: bold; }
.tags-list li a:hover { background: #CBD0D8; }

.versions-list li, .versions-list li a { display: inline-block; }
.versions-list li a {
	display: inline-block;
	min-width: 62px;
	color: #464646;
	background: #D8D8D8; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin-right: 5px; margin-bottom: 5px; font-size: 11px; padding: 3px 8px 2px; text-decoration: none; font-weight: bold;
	text-align: center;
}
.versions-list li a:hover {
	background: #C6C6C6;
}

.notice { background: #fffbcc; border: 1px solid #e6db55; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; font-weight: bold; padding: 5px 8px; margin-bottom: 15px; }

.howto-steps li { margin-bottom: 10px; }
.howto-steps li .code { margin-top: 10px; }

.error_list { margin-left: 0; }
.error_list li { list-style-type: none; background: rgb(193, 120, 120); color: #fff; font-size: 11px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 3px 8px; margin-left: 0; margin-bottom: 10px; }

.vertical-form .block { overflow: hidden; }
.vertical-form label { display: block; float: left; width: 150px; padding-top: 6px; }
.vertical-form .input_text input { width: 300px; font-size: 13px; padding: 4px; background: #eee; border: 1px solid #ccc; }
.vertical-form .input_textarea textarea { width: 350px; height: 80px; background: #eee; border: 1px solid #ccc; }
.vertical-form .input_submit { text-align: right; }
.vertical-form .error_list { margin-left: 150px; margin-bottom: 0; margin-top: 10px; }

.inputs_password .again { margin-top: 10px; }
#signup_twitter_id, #settings_twitter_id { width: 100px; }

.progress-bar { background: url('/National_Library/20181105034639oe_/https://mootools.net/forge/images/progress-sprite.png') no-repeat top; width: 170px; height: 17px; padding: 1px; }
.progress-bar_error { background-position: left -22px; }
.progress-bar-bit { background: url('/National_Library/20181105034639oe_/https://mootools.net/forge/images/progress-bar.gif') repeat-x; padding: 5px 0; height: 7px; width: 0%; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.progress-bar-error .progress-bar-bit { background: url('/National_Library/20181105034639oe_/https://mootools.net/forge/images/progress-bar-fixed.gif'); }

#login-form { }
#login-form li { overflow: hidden; }
#login-form label { }
#login-form input.text { width: 121px; display: block; }
#login-form .input_submit { float: right; margin-top: -24px; }
#login-form .input_submit input { font-size: 9px; padding: 3px 8px; line-height: 10px; }

#sidebar h4 {margin-top:1em;}
#sidebar ul {margin-left:1em;}
#sidebar .required label { font-weight: normal; }

#q { width: 121px; }
#search_field, #search_submit { display: inline; }

#search-form { overflow: hidden; zoom: 1; }

#add-plugin-form .input_text label { padding-top: 6px; }
#add-plugin-form .input_text input { width: 400px; font-size: 16px; }
#add-plugin-form .input_submit { overflow: hidden; zoom: 1; }
#add-plugin-form .input_submit input { float: right; }

#add-plugin-form .github-request-report { float: right; padding-right: 35px; padding-top: 4px; }
#add-plugin-form .github-request-report .progress-bar, #add-plugin-form .github-request-report .status, #add-plugin-form .github-request-report .errors { float: left; }
#add-plugin-form .github-request-report .progress-bar { margin-left: 15px; }

.github-request-report .status { font-weight: bold; font-size: 11px; padding-top: 2px; }
.github-request-report .errors { margin: 0 !important; padding: 0; }
.github-request-report .errors li { font-size: 11px; font-weight: bold; color: #4E0005; list-style-type: none; margin: 0; padding: 2px 0 0 0; }

#add-plugin-form .github-request-report .errors li { width: 400px; text-align: right; }

#update-form { display: none; text-align: center; }
#update-form .progress-bar { margin: 5px auto 0; }

.github-request-report-complete .progress-bar .progress-bar-bit { background: url('/National_Library/20181105034639oe_/https://mootools.net/forge/images/progress-bar-fixed.gif'); }

.loader { color: #666; font-weight: bold; position: absolute; visibility: hidden; }

.input_submit { position: relative; } 
.input_submit .loader { top: 7px; left: 0; }

.horizontal-form ul { margin-bottom: 1.5em; }
.horizontal-form li { margin: 0; display: inline; padding-right: 20px; line-height: 30px; vertical-align: middle; }
.horizontal-form #search { float: none; margin-left: 0; }
.horizontal-form .input_text input { width: 80px; }

.screenshots-list li { float: left; list-style: none; }
.screenshots-list li a { display: block; width: 120px; height: 85px; border: 1px solid rgb(153, 153, 153); background: #fff; margin-right: 15px; margin-bottom: 10px; float: left; padding: 1px; }

div.code { width: 680px; border: 1px solid #999; overflow: auto; padding: 0 10px; background: #fff; }
div.code pre { font-family: Monaco, Monospace, 'andale mono', 'lucida console'; }

#user-profile { position: relative; }
#user-profile .avatar { position: absolute; top: 0; right: 0; }

.numbers-paginator { overflow: hidden; margin-left: 0; }
.numbers-paginator li { float: left; list-style-type: none; margin-right: 5px; }
.numbers-paginator li a, .numbers-paginator li em, .numbers-paginator li span { float: left; padding: 1px 7px; display: block; border: 1px solid #999; text-decoration: none; font-size: 11px; }
.numbers-paginator li em { font-weight: bold; background: #999; color: #fff; }
.numbers-paginator li a:hover {  }

.section p { margin-bottom: 15px; }
.section ol { margin-bottom: 1.3em !important; list-style-type: decimal !important; }

dd#plugin-tags { margin-bottom: 5px; }

a.twitter_button { width: 150px; height: 22px; background: url('/National_Library/20181105034639oe_/https://mootools.net/forge/images/twitter-signin.png') no-repeat top; display: block; text-indent: -500em; overflow: hidden; }
a.twitter_button:hover { background-position: 0 -22px; }
a.twitter_button:active { background-position: bottom; }

.search_results b { background: #F2ECB4; }

form .note { font-size: 11px; margin-top: -10px; margin-bottom: 10px; margin-left: 150px; color: #666; }
form .note-warning { color: #cc0000; }

/* CSS patch for new NodeJS website */

#main, #sidebar {
    padding-top: 4em !important;
    padding-bottom: 1em !important;
    text-shadow: none !important;
}
#main input, #sidebar input, #main select, #sidebar select {
    text-transform: none !important;
    font-weight: 200 !important;
    line-height: 1em !important;
    font-size: 1.1em !important;
    max-width: 8em;
}
#main .horizontal-form li, #sidebar .horizontal-form li {
    padding-right: 0.5em !important;
}
#main .horizontal-form li #submit_filter, #sidebar .horizontal-form li #submit_filter {
    margin-right: 0.5em;
}
#main {
    width: 69% !important;
}
#main h2, #main h3 {
    font-size: 2em !important;
    padding-bottom: 0.5em !important;
    color: #7d8aa5 !important;
    font-weight: 200 !important;
}
#main p a {
    color: #7d8aa5 !important;
}
#sidebar {
    float: right !important;
    width: 25% !important;
}
#sidebar input[type="text"], #sidebar input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
}
#sidebar h4 {
    background: #5a5d60;
    border-radius: 5px;
    margin: 2em 0 0.5em;
    padding: 0.5em;
    color: #fff !important;
}
a, color: #e5e8ed, input[type="text"], input[type="password"], select {
    background-color: #fff !important;
}
#search {
    width: 12em !important;
    font-size: 0.85em !important;
}
#main input[type="checkbox"] {
    box-sizing: border-box;
    padding: 0;
    width: 0.7em;
    height: 0.7em;
    margin: 0.15em;
    border-radius: 3px;
}
#main input[type="checkbox"]: checked {
    background: #777571;
}
#login_submit, #search_submit input, #submit_filter {
    background: #e5e8ed !important;
    border-radius: 5px !important;
    color: #7d8aa3 !important;
    display: block !important;
    position: relative !important;
    font-size: 1.1em !important;
    cursor: pointer !important;
    border-radius: 3px !important;
    padding: 0.35em !important;
    border: none !important;
}
#login_submit: active, #search_submit input: active, #submit_filter: active, #login_submit: focus, #search_submit input: focus, #submit_filter: focus {
    background-color: #777571 !important;
}
#submit_filter {
    display: inline-block !important;
}
#login-form, #login-other, #sidebar ul {
    margin-left: 0px !important;
}
#login-form div.input_submit {
    float: left !important;
    margin: 0.5em 0 !important;
}
#search_submit input {
    margin-top: 0.5em !important;
}
.tags-list a {
    background: #f4f1ed !important;
    color: #777571 !important;
    border-radius: 3px !important;
    display: inline !important;
    padding: 0 0.5em !important;
}
.features {
    text-align: left;
}
.features section {
    width: 50%;
}