html{width: 100%; min-height: 100%; background: linear-gradient(to bottom, #777 0%,#222 100%);}
body{text-align: center; padding: 20px; margin: 0; font-family: 'Source Sans Pro', sans-serif; font-size: 15px;}
hr{border: none; border-top: 1px solid rgba(0,0,0,0.3); margin: 30px 0;}

.wrapper{position: relative; padding: 20px; margin: auto; max-width: 800px; background: linear-gradient(to bottom, #f7fbfc 0%,#DBF0F5 100%); border: 1px solid #f7fbfc; border-radius: 3px; box-shadow: 0 5px 20px rgba(0,0,0,0.6);}
.version{position: absolute; right: 5px; top: 0; font-size: 11px; color: #999;}
.alert, .tip, .error{width: auto; max-width: 300px; margin: 10px auto; padding: 10px; text-align: center; background: #FFEA81; border: 1px solid #FFAA00; border-radius: 10px;}
.tip{background: #E3FFB2; border: 1px solid #B4FF3B;}
.error{background: #FF9D5F; border: 1px solid #FF7117;}
.small{font-size: 11px;}

input{font-family: inherit;}
input[type="text"]{border: none; border-bottom: 1px dashed #888; background: transparent; font-size: 17px; text-align: center;}
input.modulename{font-size: 25px;}
input.moduletitle{font-size: 17px;}
input.moduledescription{font-size: 12px; width: 90%;}
input.moduleversion,
input.moduleauthor{font-size: 12px;}
input.myhooks{font-size: 12px; width: 90%;}
button.download{font-size: 19px; padding: 10px 30px; color: #fff; text-shadow: 0 1px 3px rgba(0,0,0,0.6); background: linear-gradient(to bottom, #b9fc7b 0%,#28a515 100%); border: 1px solid #28a515; border-radius: 10px; box-shadow: 0 3px 8px rgba(0,0,0,0.4)}

.step{}
.column_2{display: inline-block; width: calc(50% - 40px); padding: 0; margin: 0; vertical-align: top;}
.align_center_left{display: inline-block; margin: 0 auto; text-align: left;}

.section{}
.s_level_1{}
.section_header{border-bottom: 1px solid rgba(0,0,0,0.3);}
.section_header_1{font-size: 110%; font-weight: bold; margin: 10px 0;}
.section_header_2{}
.columns{column-count: 3; column-gap: 30px; column-rule: 1px solid rgba(0,0,0,0.1);}

.hook{padding: 1px 0; margin: 1px 0;}
.hook label{font-size: 12px;}
.hook label.disabled{color: #666;}
.hook.selected{background: linear-gradient(to bottom, rgba(234, 178, 0, 0.5) 0%, rgba(234, 139, 0, 0.5) 100%)}

label.radio_label{display: inline-block; padding: 4px; margin: 2px; border-radius: 3px; vertical-align: top;}
label.radio_label.selected{background: linear-gradient(to bottom, rgba(234, 178, 0, 0.5) 0%, rgba(234, 139, 0, 0.5) 100%)}
label.radio_label *{vertical-align: middle;}
label.radio_label input{display: block; margin: 0 auto;}

.remove_ico{display: inline-block; background: #DB3B3B; border-radius: 2px; padding: 1px 3px; margin-top: 3px; font-size: 11px; color: #fff;}
.ajax-upload-dragdrop{margin: 0 auto; border: none; text-align: center; color: #666;}
.ajax-file-upload-container{margin-top: 0;}
.ajax-file-upload-statusbar{margin: 0 auto; border: none;}
.ajax-file-upload-filename{width: auto;}

.contactme{margin-top: 30px; padding: 15px; color: #fff; text-shadow: 0 1px 2px rgba(0,0,0,0.6); background: linear-gradient(to bottom, #FF9334 0%,#E36C00 100%); border: 1px solid #E36C00; border-radius: 2px;}
.copyrights{padding-top: 10px; font-size: 12px; text-align: center; color: #888;}