body{font-family:Arial;margin-top:20px}input:focus{outline:none}.nav_button{padding:20px;border:1px solid #666;background-color:#eae0b4;font-size:18px;font-weight:bold;float:left;border-radius:5px;color:#666;display:inline-block}.tag_wrapper{width:100%;text-align:center;margin-top:30px}.tag_body{display:inline-block;margin:0 auto}.tag_list{float:left;border:1px solid #666;width:300px;height:400px;overflow-y:auto;padding:10px}.tag_item{display:block;padding-bottom:5px;padding:3px 0 3px 3px;color:#4d4d4d}.tag_item:hover{font-weight:bold;font-size:17px;color:#000}.existing_tag{display:inline-block;float:left}.tag_option{float:left;margin-left:20px;text-align:left}.tag_delete{padding:5px;background-color:red;color:#fff;font-size:12px;font-weight:bold;float:right;display:inline-block;border-radius:2px;cursor:pointer}.section_wrapper{width:100%;padding:30px 20px}.image_search{padding:10px;background-color:#0681d3;color:#fff;display:inline-block;border-radius:5px;cursor:pointer}.image_search:hover{background-color:#035d99}.image_upload,.tag_upload{padding:10px;background-color:#05c601;color:#fff;display:inline-block;border-radius:5px;cursor:pointer}.image_upload:hover{background-color:#028e00}.tag_upload:hover{background-color:#028e00}.image_update{padding:10px;background-color:#05c601;color:#fff;display:inline-block;border-radius:5px;cursor:pointer}.image_update:hover{background-color:#028e00}.image_delete{padding:10px;background-color:#db0202;color:#fff;display:inline-block;border-radius:5px;cursor:pointer}.image_delete:hover{background-color:#8e0000}.leftside{display:inline-block;width:250px;float:left}.header{padding:20px 0;text-align:center;font-size:25px;font-weight:bold;display:block}.option{padding:10px 0;text-align:center;font-size:20px;font-weight:bold;color:#fff;background-color:#cecece;opacity:.6;margin-bottom:10px;display:block}.option:hover{opacity:1;cursor:pointer}.content{height:800px;display:inline-block;float:left;margin-left:30px}.content::after{clear:both}.listheader{width:100%;padding:15px 10px 15px 10px;background-color:#dedede;font-size:15px;font-weight:bold}.submit_btn{padding:15px;font-size:25px;font-weight:bold;margin-top:40px;color:#fff;opacity:.6;background-color:#00abd6;display:none}.submit_btn:hover{cursor:pointer;opacity:1}.imagelist{float:left;width:300px;text-align:left;font-size:12px;display:inline-block}.metalist{float:left;width:400px;text-align:left;margin-left:30px;font-size:12px;display:inline-block}.taglist{float:left;width:250px;text-align:left;font-size:12px;margin-left:30px;display:inline-block}.imagename{width:100%;padding:15px 0 15px 10px}.imagename:hover{cursor:pointer;background-color:#d6f6ff}.meta{font-size:12px;padding:10px 0}.meta:hover{cursor:pointer;background-color:#cecece}.metaname{width:100px;display:inline-block;float:left;font-weight:bold}.metavalue{width:280px;margin-left:20px;display:inline-block;float:left}.tag{width:100%;padding:10px 0}.tag:hover{cursor:pointer;background-color:#cecece}.update_btn{display:block;padding:10px 0;width:100%;text-align:center;background-color:#34d970;color:#fff;opacity:.6}.update_btn:hover{cursor:pointer;opacity:1}.green{background-color:#34d970}.red{background-color:#d93434}.grey{background-color:#adadad}.add_new{float:right;font-size:25px;line-height:15px}.add_new:hover{cursor:pointer;color:#34d970}.imageview{display:none;float:left;margin-left:30px}.imageview img{max-width:250px}