body{text-align:center;font-family:open sans,Arial,sans-serif;color:#5b5b5b;border:2px solid #eee;padding:10px;padding-bottom:20px;overflow-y:hidden}@media screen and (-webkit-min-device-pixel-ratio:0){::i-block-chrome,body{font-family:Arial,sans-serif!important}}#mainDiv{width:950px;margin:0 auto;padding:0;background-color:#fff;text-align:left;overflow:hidden}#header_img{width:986px;margin:0 auto}.full_row{width:100%;font-size:12px;font-weight:700;float:left;border-bottom:1px solid #ddd}.full_row_layout{width:100%;font-size:12px;font-weight:700;float:left;border-bottom:1px solid #ddd}.full_row_function{width:100%;font-size:12px;font-weight:700;float:left;padding-bottom:30px;border-bottom:1px solid #ddd}.full_row_os{width:100%;font-size:12px;font-weight:700;float:left;padding-bottom:30px}.title_row{width:100%;font-size:15px;font-weight:700;float:left;padding-bottom:10px;padding-top:10px}#status_msg{border:1px solid #fff042;background-color:#ffffcd;margin-bottom:10px;border-radius:5px;padding:5px;width:940px;float:left;display:none}.title_row .button_panel{float:right}.title_row .button_panel button{margin-left:10px;float:right;min-width:100px}.preview_div{float:left;width:376px;height:153px;margin-left:20px}button{font-size:15px;font-weight:700;border:1px solid #ddd;padding:12px;color:#666;cursor:pointer;background-color:#fff}button:hover{font-size:15px;font-weight:700;border:1px solid #f55;color:#000;cursor:pointer;background-color:#f8f8f8}#keyboard_cont{width:100%;position:absolute;float:left;margin-bottom:20px}#kbd_cont_row{position:relative}#keyboard_bg{position:absolute}#keyboard_img{position:absolute;z-index:10}.keyboard_hotspot{position:absolute;z-index:5;background-color:#1a1a1a;display:block;border-radius:3px}.keyboard_hotspot_duplicate{position:absolute;z-index:20;display:block;cursor:pointer;background-color:#fff}#keyboard_layout{position:absolute;z-index:15;display:block;cursor:pointer}#os_key{position:absolute;z-index:14;display:block;cursor:pointer}#function_keys{position:absolute;z-index:14;display:block;cursor:pointer}#colours{float:left;width:44%;padding:10px 0;margin-bottom:12px}#groups{float:left;width:0;padding:0 50px 10px}.colors_title{font-size:15px;font-weight:700;float:left;height:20px;margin-right:10px;padding-top:2px;padding-bottom:10px}.keygroups_title{width:100px;font-size:15px;font-weight:700;float:left;height:20px;margin-right:10px;padding-top:10px}.colors_desc{font-size:16px;float:left;height:19px;margin-right:10px;padding-top:3px;margin-left:30px}.colors_pallet{float:left;width:22px;height:22px;border:2px solid #d4d4d4;cursor:pointer;margin-right:5px;margin-bottom:5px}.colors_pallet_selected{border:2px solid red!important}.group_button{cursor:pointer;float:left;border:1px solid #ddd;padding:12px;margin-right:15px}.group_button:hover{border:1px solid #f55;background-color:#f8f8f8;padding:12px;color:#000}#group_container{width:450px}#preview_loaded_name{float:left;margin-bottom:5px;width:100%}#preview_loaded_image{float:left;width:350px}#choose_layout{width:732px;max-height:550px;overflow-y:scroll;overflow-x:hidden}.choose_layout_row{width:700px;float:left;cursor:pointer;padding:5px;border:1px solid #d4d4d4;margin-bottom:10px}.choose_layout_name{width:100%;text-align:left;font-size:12px;font-weight:700;margin-bottom:5px;color:#5b5b5b}.choose_layout_img{width:100%;text-align:left}#preview_loaded_image{float:left;width:350px}.kbd_input_desc{width:100%;float:left;margin-bottom:10px}.kbd_input_input{width:100%;float:left}#file_name{margin:0;padding:3px;border-radius:3px;border:1px solid #adadad;width:264px;color:#3a3a3a;outline:0}#load_dlg a{width:98%;float:left;cursor:pointer;padding:5px;border:1px solid #d4d4d4;margin-bottom:10px;text-decoration:none;outline:0;margin-bottom:5px}#load_dlg a:hover{border:1px solid #000}#load_dlg a div{width:32%;float:left;margin-right:1.3%;overflow:hidden}.key_img_btn_os{border:1px solid #ddd;padding:12px}.key_img_btn_os:hover{border:1px solid #f55;background-color:#f8f8f8;padding:12px;color:#000}.key_img_btn{border:1px solid #ddd;padding:12px;width:150px}.key_img_btn:hover{border:1px solid #f55;background-color:#f8f8f8;padding:12px;color:#000;width:150px}.os_key_selector{cursor:pointer;float:left;margin:7px}.hidden_info{display:none}#login_dialog{overflow:hidden;width:auto;height:auto}#login_dialog .row{float:left;height:20px;width:100%;margin:5px 0}#login_dialog .line{float:left;height:0;width:100%;margin:8px 0;border:1px #5b5b5b solid}#login_dialog .row _button{float:left;height:25px;width:100%;margin:5px 0;border:1px #5b5b5b solid}#login_dialog .label{float:left;height:100%;width:25%;margin-top:5px}#login_dialog .value{float:left;height:100%;width:75%}#login_dialog .value button{float:right;width:20%}#login_dialog .value input{float:left;height:100%;width:100%}.read_only_show{display:none}.designer_hr{width:98%;border:0;height:1px;color:#ddd;background-color:#ddd}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,sans-serif;font-size:1em;padding:1px}.btn{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;color:#fff;font-size:14px;background:#a0a0a0;padding:13px 34px;text-decoration:none;float:left}.btn:hover{background:red!important;text-decoration:none;color:#fff!important}