body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;} table{ border-collapse:collapse; border-spacing:0;} fieldset,img{ border:0;} address,caption,cite,code,dfn,th,var{ font-style:normal; font-weight:normal;} ol,ul{ list-style:none;} caption,th{ text-align:left;} h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;} q:before,q:after{ content:'';} abbr,acronym{ border:0;} html { overflow:-moz-scrollbars-vertical; } body{ background:#eee; color:#333; font-family:Arial,sans-serif; font-size:12px; line-height:16px; text-shadow:0 1px 0 #fff; } a{ color:#333; text-decoration:underline; } form{ background:#f7f7f7; background:-moz-linear-gradient(90deg, #ccc, #fff); background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); border:1px solid #aaa; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 0 15px #aaa; -webkit-box-shadow:0 0 15px #aaa; margin:60px auto 0; padding:20px; width:440px; } .clear{ width:100%; height:20px; clear:both; visibility:hidden; } h1{ border-bottom:1px solid #ccc; font-size:11px; font-weight:bold; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase; } form p{ margin-bottom:20px; clear:both; position:relative; } form p:last-child{ margin-bottom:0; } label{ cursor:pointer; display:block; float:left; font-size:13px; font-weight:bold; line-height:13px; margin-bottom:5px; padding-top:8px; width:190px; } form p:hover label{ color:#0459b7; } form p:hover label:after{ content:" »"; } input[type=text] { width:180px; margin: 0 5px; height:20px; font-weight: bold; color: #464545; font-size: 12px; text-shadow: 0 1px 0 #eee; } #finish{ background:rgba(65, 166, 42, 0.2); border:2px solid #41a62a; -moz-border-radius:3px; -webkit-border-radius:3px; display:none; padding:5px 10px; } #finish:target{ display:block; } #credits{ font-size:11px; margin-top:20px; text-align:center; } .prev, .next { background-color:#b0232a; padding:5px 10px; color:#fff; text-decoration:none;} .prev:hover, .next:hover {text-decoration:none;} .prev { float:left;} .next { float:right;} #steps { list-style:none; width:100%; overflow:hidden; margin:0px; padding:0px;} #steps li {font-size:24px; float:left; padding:10px; color:#b0b1b3;} #steps li span {font-size:11px; display:block;} #steps li.current { color:#000;} #makeWizard { background-color:#b0232a; color:#fff; padding:5px 10px; text-decoration:none; font-size:18px;} #makeWizard:hover { background-color:#000;} .OK{ background-color: #0C0; } .KO{ background-color: #C00; } .na{ background-color: #F80; } .press-button { background: #207cca url(data:image/png;base64,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) 0 0 repeat; color: #e6e6e6; display: block; font-family: sans-serif; font-weight: bold; padding: 11px 30px 14px 30px; position: relative; text-decoration: none; text-shadow: 0 -1px 1px hsla(0,0%,0%,.5); text-transform: uppercase; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25), inset 0 -30px 30px -10px hsla(0,0%,0%,.15), inset 0 10px 50px 50px hsla(0,0%,0%,.25), 0 1px 5px hsla(0,0%,0%,.25); -moz-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25), inset 0 -30px 30px -10px hsla(0,0%,0%,.15), inset 0 10px 50px 50px hsla(0,0%,0%,.25), 0 1px 5px hsla(0,0%,0%,.25); box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.25), inset 0 -30px 30px -10px hsla(0,0%,0%,.15), inset 0 10px 50px 50px hsla(0,0%,0%,.25), 0 1px 5px hsla(0,0%,0%,.25); } .press-button:hover, .press-button:focus { color: #f0f0f0; -webkit-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.2), inset 0 -30px 40px -10px hsla(0,0%,0%,.15), inset 0 5px 30px 10px hsla(0,0%,0%,.25), 0 1px 5px hsla(0,0%,0%,.25); -moz-box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.2), inset 0 -30px 40px -10px hsla(0,0%,0%,.15), inset 0 5px 30px 10px hsla(0,0%,0%,.25), 0 1px 5px hsla(0,0%,0%,.25); box-shadow: inset 0 -5px 0 hsla(0,0%,0%,.2), inset 0 -30px 40px -10px hsla(0,0%,0%,.15), inset 0 5px 30px 10px hsla(0,0%,0%,.25), 0 1px 5px hsla(0,0%,0%,.25); } .press-button:active { padding-bottom: 12px; top: 2px; -webkit-box-shadow: inset 0 -3px 0 hsla(0,0%,0%,.25), inset 0 -60px 30px -10px hsla(0,0%,0%,.1), inset 0 10px 50px 50px hsla(0,0%,0%,.25), 0 1px 3px hsla(0,0%,0%,.25); -moz-box-shadow: inset 0 -3px 0 hsla(0,0%,0%,.25), inset 0 -60px 30px -10px hsla(0,0%,0%,.1), inset 0 10px 50px 50px hsla(0,0%,0%,.25), 0 1px 3px hsla(0,0%,0%,.25); box-shadow: inset 0 -3px 0 hsla(0,0%,0%,.25), inset 0 -60px 30px -10px hsla(0,0%,0%,.1), inset 0 10px 50px 50px hsla(0,0%,0%,.25), 0 1px 3px hsla(0,0%,0%,.25); } #LaunchForm{ position:relative; } .tips { position:absolute; left:400px; top:8px; /*vertical-align : middle;*/ }