#Vinput { width:150px; height:30px; margin-left:1px; margin-top:1px; border:none; padding-left:2px; padding-right:1px; color:#eee; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* We use the CSS3 multiple backgrounds for the input field: The magnifier image and the gradient background */ background-image: url("../images/magnifier.png"), -webkit-gradient(linear, left bottom, left top, color-stop(0, #747474), color-stop(0.5, #6E6E6E), color-stop(0.51, #7E7E7E), color-stop(1, #8D8D8D)); background-image: url("../images/magnifier.png"), -moz-linear-gradient(center bottom, #747474 0%, #6E6E6E 50%, #7E7E7E 51%, #8D8D8D 100%); background-repeat: no-repeat; background-color:#6E6E6E; /* Fallback */ -moz-box-shadow: inset 0 2px 1px 1px #363636; -webkit-box-shadow: inset 0 2px 1px 1px #363636; box-shadow: inset 0 2px 1px 1px #363636; } #sort { background: none; border: yellow; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font: italic 13px Georgia, "Times New Roman", Times, serif; c outline: none; padding: 5px; width: 80px; display : inline; } #sort:hover { cursor: pointer; border: red; background: orange; } /* Authetincation Form */ form#authentication { background: #9cbc2c; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; counter-reset: fieldsets; padding: 20px; width: 400px; position: fixed; left: 25%; top: 25%; } form#authentication fieldset { border: none; margin-bottom: 10px; } form#authentication fieldset:last-of-type { margin-bottom: 0; } form#authentication legend { color: #384313; font-size: 16px; font-weight: bold; padding-bottom: 10px; text-shadow: 0 1px 1px #c0d576; } form#authentication fieldset fieldset legend { color: #111111; font-size: 13px; font-weight: normal; padding-bottom: 0; } form#authentication ol li { background: #b9cf6a; background: rgba(255,255,255,.3); border-color: #e3ebc3; border-color: rgba(255,255,255,.6); border-style: solid; border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; line-height: 30px; list-style: none; padding: 5px 10px; margin-bottom: 2px; } form#authentication ol ol li { background: none; border: none; float: left; } form#authentication label { float: left; font-size: 13px; width: 110px; } form#authentication fieldset fieldset label { background:none no-repeat left 50%; line-height: 20px; padding: 0 0 0 30px; width: auto; } form#authentication fieldset fieldset label:hover { cursor: pointer; } form#authentication input:not([type=submit]):focus, form#authentication textarea:focus { background: #eaeaea; } form#authentication button { background: #384313; border: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; color: #ffffff; display: block; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin: auto; padding: 7px 25px; text-shadow: 0 1px 1px #000000; text-transform: uppercase; } form#authentication button:hover { background: #1e2506; cursor: pointer; } /****** Form Apllication Judo */ form#AppliJudo { background: #d1d1d1; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; counter-reset: fieldsets; width:50%; float:left; text-align:center; } form#AppliJudo fieldset { border: none; margin-bottom: 5px; } form#AppliJudo fieldset:last-of-type { margin-bottom: 0; } form#AppliJudo legend { color: #384313; font-size: 16px; font-weight: bold; padding-bottom: 10px; text-shadow: 0 1px 1px #c0d576; } form#AppliJudo > fieldset > legend:before { content: "Step " counter(fieldsets) ": "; counter-increment: fieldsets; } form#AppliJudo fieldset fieldset legend { color: #111111; font-size: 13px; font-weight: normal; padding-bottom: 0; } form#AppliJudo ol li { background: #b9cf6a; background: rgba(255,255,255,.3); border-color: #e3ebc3; border-color: rgba(255,255,255,.6); border-style: solid; border-width: 2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; line-height: 30px; list-style: none; padding: 5px 10px; margin-bottom: 2px; } form#AppliJudo ol ol li { background: none; border: none; float: left; } form#AppliJudo label { float: left; font-size: 13px; width: 110px; } form#AppliJudo fieldset fieldset label { background:none no-repeat left 50%; line-height: 20px; padding: 0 0 0 30px; width: auto; } form#AppliJudo label[for=visa] { background-image: url(visa.gif); } form#AppliJudo label[for=amex] { background-image: url(amex.gif); } form#AppliJudo label[for=mastercard] { background-image: url(mastercard.gif); } form#AppliJudo fieldset fieldset label:hover { cursor: pointer; } form#AppliJudo input:not([type=radio]), form#AppliJudo textarea { background: #ffffff; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font: italic 13px Georgia, "Times New Roman", Times, serif; outline: none; padding: 5px; width: 200px; } form#AppliJudo input:not([type=submit]):focus, form#AppliJudo textarea:focus { background: #eaeaea; } form#AppliJudo input[type=radio] { float: left; margin-right: 5px; } form#AppliJudo input:required{ border:1px slid blue; } form#AppliJudo input:invalid{ background:#FDD; } form#AppliJudo input:valid{ background:blue; } form#AppliJudo button { background: #384313; border: none; -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; color: #ffffff; display: block; font: 18px Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; margin: auto; padding: 7px 25px; text-shadow: 0 1px 1px #000000; text-transform: uppercase; } form#AppliJudo button:hover { background: #1e2506; cursor: pointer; } form#AppliJudo select { background: #ffffff; border: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font: italic 13px Georgia, "Times New Roman", Times, serif; outline: none; padding: 5px; width: 200px; } input #inputT {background: #fff url(ico_validation.png) 260px 24px no-repeat;display: block;width: 10px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} input #inputN {background: #fff url(ico_validation.png) 260px 24px no-repeat;display: block;width: 10px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} /* Form for Belts */ option.blanche{ background-color: white; } option.blanchel1{ background-color: white; } option.blanchel2{ background-color: #white; } option.blanchejaune{ background-color: white; } option.jaune{ background-color: yellow; } option.jauneorange{ background-color: yellow; } option.orange{ background-color: orange; } option.orangeverte{ background-image: -moz-radial-gradient(orange, green); background-image: -webkit-gradient(radial, center center, 0, center center, 220, from(orange), to(green)); /* old */ background-image: -webkit-radial-gradient(orange, green); /* new syntax */ background-image: radial-gradient(orange, green); } option.verte{ background-color: green; } option.bleue{ background-color: blue; } option.marron{ background-color: brown; } option.noire{ background-color: black; color:white } #competitionFilterS {background: #6E6E6E; border:none; width:150px; margin: 0 0 4px; float:left; padding:5px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} #competitionFilterS:hover{background: blue; border:red;} #competitionFilterT {background: #6E6E6E; border:none; width:200px; margin: 0 0 4px; float:left; padding:5px; border-radius:5px; color:#FEFEFE; font: normal 11px Georgia, "Times New Roman", Times, serif; cursor:pointer;display : inline;} #competitionFilterT:hover{background: blue; border:red;} #Competitor form{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 540px;} #Competitor img { border: none; } #Competitor p{margin: 0 0 1em 0;} #Competitor h2 { font-size: 14px; margin: 0 0 12px; } #competitor{margin: 20px auto;width: 500px;background: red;} #Competitor fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #Competitor ol{list-style-type: none;padding: 0;margin: 0;} #Competitor li{margin: 0 0 12px;position: relative;} #Competitor label{width: 150px;display: inline-block;vertical-align: top;} #Competitor legend{ color:#00C492;} #Competitor fieldset input,#Competitor fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #Competitor fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #Competitor fieldset input[type="checkbox"]{width:40px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #Competitor fieldset input[type="radio"]{width:20px;} #Competitor fieldset select{ width: 280px; padding: 3px; } #Competitor fieldset #postcode{ padding: 3px; width: 270px; } #Competitor input::-webkit-input-placeholder,#Competitor input:-moz-placeholder input:placeholder{color: #f2f2f2;} #Competitor .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #Competitor input:focus + .validation01{ display: block; } #Competitor input:focus:required:invalid + .validation01 .valid,#Competitor input.error:focus + .validation01 .valid,#Competitor input.required:focus + .validation01 .valid,#Competitor input:focus + .validation01 .valid{ display: none; } #Competitor input:focus:required:valid + .validation01,#Competitor input.valid:focus + .validation01{ background: green; } #Competitor input:focus:required:valid + .validation01 .invalid,#Competitor input.valid:focus + .validation01 .invalid{ display: none; } #Competitor input:focus:required:valid + .validation01 .valid,#Competitor input.valid:focus + .validation01 .valid{ display: block; } #Competitor fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #Competitor input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #Competitor input.required{background-color: #fff; background-position: 260px -30px;} #Competitor input.valid { background-color: #fff;background-position: 260px -61px;} #Competitor input.error::-webkit-input-placeholder,#Competitor inputerror :-moz-placeholder {color: #f2f2f2;} #Competitor input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #Competitor input[type="submit"]:hover{background: #33D0A8; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:15px; color:#fff; font-weight:bold; cursor:pointer;} #Competitor input[type="submit"]:active{position:relative;top:2px;} #Competitor input[type="reset"]{background: #00C492; border:none; width:200px; margin:auto; float:left; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #Competitor input[type="reset"]:active{background: #33D0A8; border:none; width:200px; margin:auto; float:left; padding:5px; border-radius:15px; color:#fff; font-weight:bold; cursor:pointer;} #Competitor input[type="reset"]:hover {position:relative;top:2px;} #SUBSCRIBE form{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;width: 540px;visibility: hidden;} #SUBSCRIBE img { border: none; } #SUBSCRIBE p{margin: 0 0 1em 0;} #SUBSCRIBE h2 { font-size: 14px; margin: 0 0 12px; } #SUBSCRIBE{margin: 20px auto;width: 500px;background: red;visibility: hidden;} #SUBSCRIBE fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #SUBSCRIBE ol{list-style-type: none;padding: 0;margin: 0;} #SUBSCRIBE li{margin: 0 0 12px;position: relative;} #SUBSCRIBE label{width: 150px;display: inline-block;vertical-align: top;} #SUBSCRIBE legend{ color:#00C492;} #SUBSCRIBE fieldset input,#SUBSCRIBE fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #SUBSCRIBE fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #SUBSCRIBE fieldset input[type="checkbox"]{width:40px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #SUBSCRIBE fieldset input[type="radio"]{width:20px;} #SUBSCRIBE fieldset select{ width: 280px; padding: 3px; } #SUBSCRIBE fieldset #postcode{ padding: 3px; width: 270px; } #SUBSCRIBE input::-webkit-input-placeholder,#SUBSCRIBE input:-moz-placeholder input:placeholder{color: #f2f2f2;} #SUBSCRIBE .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #SUBSCRIBE input:focus + .validation01{ display: block; } #SUBSCRIBE input:focus:required:invalid + .validation01 .valid,#SUBSCRIBE input.error:focus + .validation01 .valid,#SUBSCRIBE input.required:focus + .validation01 .valid,#SUBSCRIBE input:focus + .validation01 .valid{ display: none; } #SUBSCRIBE input:focus:required:valid + .validation01,#SUBSCRIBE input.valid:focus + .validation01{ background: green; } #SUBSCRIBE input:focus:required:valid + .validation01 .invalid,#SUBSCRIBE input.valid:focus + .validation01 .invalid{ display: none; } #SUBSCRIBE input:focus:required:valid + .validation01 .valid,#SUBSCRIBE input.valid:focus + .validation01 .valid{ display: block; } #SUBSCRIBE fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #SUBSCRIBE input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #SUBSCRIBE input.required{background-color: #fff; background-position: 260px -30px;} #SUBSCRIBE input.valid { background-color: #fff;background-position: 260px -61px;} #SUBSCRIBE input.error::-webkit-input-placeholder,#SUBSCRIBE inputerror :-moz-placeholder {color: #f2f2f2;} #SUBSCRIBE input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #SUBSCRIBE input[type="submit"]:hover{background: #33D0A8; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:15px; color:#fff; font-weight:bold; cursor:pointer;} #SUBSCRIBE input[type="submit"]:active{position:relative;top:2px;} #SUBSCRIBE input[type="reset"]{background: #00C492; border:none; width:200px; margin:auto; float:left; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #SUBSCRIBE input[type="reset"]:active{background: #33D0A8; border:none; width:200px; margin:auto; float:left; padding:5px; border-radius:15px; color:#fff; font-weight:bold; cursor:pointer;} #SUBSCRIBE input[type="reset"]:hover {position:relative;top:2px;} #competitionNew form{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #competitionNew p{margin: 0 0 1em 0;} #competitionNew h2 { font-size: 14px; margin: 0 0 12px; } #competitionNew{margin: 20px auto;width: 500px;} #competitionNew fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #competitionNew ol{list-style-type: none;padding: 0;margin: 0;} #competitionNew li{margin: 0 0 12px;position: relative;} #competitionNew label{width: 150px;display: inline-block;vertical-align: top;} #competitionNew legend{ color:#00C492;} #competitionNew fieldset input,#competitionNew fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #competitionNew fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #competitionNew fieldset input[type="checkbox"]{width:20px;} #competitionNew fieldset input[type="radio"]{width:20px;} #competitionNew fieldset select{ width: 280px; padding: 3px; } #competitionNew fieldset #postcode{ padding: 3px; width: 270px; } #competitionNew input::-webkit-input-placeholder,#competitionNew input:-moz-placeholder input:placeholder{color: #f2f2f2;} #competitionNew .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #competitionNew input:focus + .validation01{ display: block; } #competitionNew input:focus:required:invalid + .validation01 .valid,#competitionNew input.error:focus + .validation01 .valid,#competitionNew input.required:focus + .validation01 .valid,#competitionNew input:focus + .validation01 .valid{ display: none; } #competitionNew input:focus:required:valid + .validation01,#competitionNew input.valid:focus + .validation01{ background: green; } #competitionNew input:focus:required:valid + .validation01 .invalid,#competitionNew input.valid:focus + .validation01 .invalid{ display: none; } #competitionNew input:focus:required:valid + .validation01 .valid,#competitionNew input.valid:focus + .validation01 .valid{ display: block; } #competitionNew fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #competitionNew input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #competitionNew input.required{background-color: #fff; background-position: 260px -30px;} #competitionNew input.valid { background-color: #fff;background-position: 260px -61px;} #competitionNew input.error::-webkit-input-placeholder,#competitionNew inputerror :-moz-placeholder {color: #f2f2f2;} #competitionNew input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #competitionNew img { border: none; } #competitionNew input[type="range"] { position: relative; margin-left: 1em;} #competitionNew input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #competitionNew input[type="range"]:before {left:0em; content: attr(min);} #competitionNew input[type="range"]:after {right: 0em;content: attr(max);} #competitionNew output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #competitionNew input[type="reset"]{background: #00C492; border:none; width:200px; margin:auto; float:left; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliJudoNew form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliJudoNew p{margin: 0 0 1em 0;} #AppliJudoNew h2 { font-size: 14px; margin: 0 0 12px; } #AppliJudoNew{float:left; } #AppliJudoNew fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliJudoNew ol{list-style-type: none;padding: 0;margin: 0;} #AppliJudoNew li{margin: 0 0 12px;position: relative;} #AppliJudoNew label{width: 150px;display: inline-block;vertical-align: top;} #AppliJudoNew legend{ color:#00C492;} #AppliJudoNew fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliJudoNew fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliJudoNew fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliJudoNew fieldset input[type="checkbox"]{width:20px;} #AppliJudoNew fieldset input[type="radio"]{width:20px;} #AppliJudoNew fieldset select{ width: 280px; padding: 3px; } #AppliJudoNew fieldset #postcode{ padding: 3px; width: 270px; } #AppliJudoNew input::-webkit-input-placeholder,#AppliJudoNew input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliJudoNew .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliJudoNew input:focus + .validation01{ display: block; } #AppliJudoNew input:focus:required:invalid + .validation01 .valid,#AppliJudoNew input.error:focus + .validation01 .valid,#AppliJudoNew input.required:focus + .validation01 .valid,#AppliJudoNew input:focus + .validation01 .valid{ display: none; } #AppliJudoNew input:focus:required:valid + .validation01,#AppliJudoNew input.valid:focus + .validation01{ background: green; } #AppliJudoNew input:focus:required:valid + .validation01 .invalid,#AppliJudoNew input.valid:focus + .validation01 .invalid{ display: none; } #AppliJudoNew input:focus:required:valid + .validation01 .valid,#AppliJudoNew input.valid:focus + .validation01 .valid{ display: block; } #AppliJudoNew fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliJudoNew input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliJudoNew input.required{background-color: #fff; background-position: 260px -30px;} #AppliJudoNew input.valid { background-color: #fff;background-position: 260px -61px;} #AppliJudoNew input.error::-webkit-input-placeholder,#AppliJudoNew inputerror :-moz-placeholder {color: #f2f2f2;} #AppliJudoNew input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliJudoNew img { border: none; } #AppliJudoNew input[type="range"] { position: relative; margin-left: 1em;} #AppliJudoNew input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliJudoNew input[type="range"]:before {left:0em; content: attr(min);} #AppliJudoNew input[type="range"]:after {right: 0em;content: attr(max);} #AppliJudoNew output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliBelt form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliBelt p{margin: 0 0 1em 0;} #AppliBelt h2 { font-size: 14px; margin: 0 0 12px; } #AppliBelt{float:left;background:#EFEFEF; } #AppliBelt fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliBelt ol{list-style-type: none;padding: 0;margin: 0;} #AppliBelt li{margin: 0 0 12px;position: relative;} #AppliBelt label{width: 150px;display: inline-block;vertical-align: top;} #AppliBelt legend{ color:#00C492;} #AppliBelt fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliBelt fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliBelt fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliBelt fieldset input[type="checkbox"]{width:20px;} #AppliBelt fieldset input[type="radio"]{width:20px;} #AppliBelt .inputT{ width:120px; } #AppliBelt .inputN{ width:40px; } #AppliBelt fieldset select{ width: 280px; padding: 3px; } #AppliBelt fieldset #postcode{ padding: 3px; width: 270px; } #AppliBelt input::-webkit-input-placeholder,#AppliBelt input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliBelt .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliBelt input:focus + .validation01{ display: block; } #AppliBelt input:focus:required:invalid + .validation01 .valid,#AppliBelt input.error:focus + .validation01 .valid,#AppliBelt input.required:focus + .validation01 .valid,#AppliBelt input:focus + .validation01 .valid{ display: none; } #AppliBelt input:focus:required:valid + .validation01,#AppliBelt input.valid:focus + .validation01{ background: green; } #AppliBelt input:focus:required:valid + .validation01 .invalid,#AppliBelt input.valid:focus + .validation01 .invalid{ display: none; } #AppliBelt input:focus:required:valid + .validation01 .valid,#AppliBelt input.valid:focus + .validation01 .valid{ display: block; } #AppliBelt fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliBelt input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliBelt input.required{background-color: #fff; background-position: 260px -30px;} #AppliBelt input.valid { background-color: #fff;background-position: 260px -61px;} #AppliBelt input.error::-webkit-input-placeholder,#AppliBelt inputerror :-moz-placeholder {color: #f2f2f2;} #AppliBelt input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliBelt img { border: none; } #AppliBelt input[type="range"] { position: relative; margin-left: 1em;} #AppliBelt input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliBelt input[type="range"]:before {left:0em; content: attr(min);} #AppliBelt input[type="range"]:after {right: 0em;content: attr(max);} #AppliBelt output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliUser form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliUser p{margin: 0 0 1em 0;} #AppliUser h2 { font-size: 14px; margin: 0 0 12px; } #AppliUser{float:left;background:#EFEFEF; } #AppliUser fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliUser ol{list-style-type: none;padding: 0;margin: 0;} #AppliUser li{margin: 0 0 12px;position: relative;} #AppliUser label{width: 150px;display: inline-block;vertical-align: top;} #AppliUser legend{ color:#00C492;} #AppliUser fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliUser fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliUser fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliUser fieldset input[type="checkbox"]{width:20px;} #AppliUser fieldset input[type="radio"]{width:20px;} #AppliUser fieldset select{ width: 280px; padding: 3px; } #AppliUser fieldset #postcode{ padding: 3px; width: 270px; } #AppliUser input::-webkit-input-placeholder,#AppliUser input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliUser .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliUser input:focus + .validation01{ display: block; } #AppliUser input:focus:required:invalid + .validation01 .valid,#AppliUser input.error:focus + .validation01 .valid,#AppliUser input.required:focus + .validation01 .valid,#AppliUser input:focus + .validation01 .valid{ display: none; } #AppliUser input:focus:required:valid + .validation01,#AppliUser input.valid:focus + .validation01{ background: green; } #AppliUser input:focus:required:valid + .validation01 .invalid,#AppliUser input.valid:focus + .validation01 .invalid{ display: none; } #AppliUser input:focus:required:valid + .validation01 .valid,#AppliUser input.valid:focus + .validation01 .valid{ display: block; } #AppliUser fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliUser input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliUser input.required{background-color: #fff; background-position: 260px -30px;} #AppliUser input.valid { background-color: #fff;background-position: 260px -61px;} #AppliUser input.error::-webkit-input-placeholder,#AppliUser inputerror :-moz-placeholder {color: #f2f2f2;} #AppliUser input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliUser img { border: none; } #AppliUser input[type="range"] { position: relative; margin-left: 1em;} #AppliUser input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliUser input[type="range"]:before {left:0em; content: attr(min);} #AppliUser input[type="range"]:after {right: 0em;content: attr(max);} #AppliUser output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliClub form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliClub p{margin: 0 0 1em 0;} #AppliClub h2 { font-size: 14px; margin: 0 0 12px; } #AppliClub{float:left;background:#EFEFEF; } #AppliClub fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliClub ol{list-style-type: none;padding: 0;margin: 0;} #AppliClub li{margin: 0 0 12px;position: relative;} #AppliClub label{width: 150px;display: inline-block;vertical-align: top;} #AppliClub legend{ color:#00C492;} #AppliClub fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliClub fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliClub fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliClub fieldset input[type="checkbox"]{width:20px;} #AppliClub fieldset input[type="radio"]{width:20px;} #AppliClub fieldset select{ width: 280px; padding: 3px; } #AppliClub fieldset #postcode{ padding: 3px; width: 270px; } #AppliClub input::-webkit-input-placeholder,#AppliClub input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliClub .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliClub input:focus + .validation01{ display: block; } #AppliClub input:focus:required:invalid + .validation01 .valid,#AppliClub input.error:focus + .validation01 .valid,#AppliClub input.required:focus + .validation01 .valid,#AppliClub input:focus + .validation01 .valid{ display: none; } #AppliClub input:focus:required:valid + .validation01,#AppliClub input.valid:focus + .validation01{ background: green; } #AppliClub input:focus:required:valid + .validation01 .invalid,#AppliClub input.valid:focus + .validation01 .invalid{ display: none; } #AppliClub input:focus:required:valid + .validation01 .valid,#AppliClub input.valid:focus + .validation01 .valid{ display: block; } #AppliClub fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliClub input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliClub input.required{background-color: #fff; background-position: 260px -30px;} #AppliClub input.valid { background-color: #fff;background-position: 260px -61px;} #AppliClub input.error::-webkit-input-placeholder,#AppliClub inputerror :-moz-placeholder {color: #f2f2f2;} #AppliClub input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliClub img { border: none; } #AppliClub input[type="range"] { position: relative; margin-left: 1em;} #AppliClub input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliClub input[type="range"]:before {left:0em; content: attr(min);} #AppliClub input[type="range"]:after {right: 0em;content: attr(max);} #AppliClub output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliCateg form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliCateg p{margin: 0 0 1em 0;} #AppliCateg h2 { font-size: 14px; margin: 0 0 12px; } #AppliCateg{float:left;background:#EFEFEF; } #AppliCateg fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliCateg ol{list-style-type: none;padding: 0;margin: 0;} #AppliCateg li{margin: 0 0 12px;position: relative;} #AppliCateg label{width: 150px;display: inline-block;vertical-align: top;} #AppliCateg legend{ color:#00C492;} #AppliCateg fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliCateg fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliCateg fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliCateg fieldset input[type="checkbox"]{width:20px;} #AppliCateg fieldset input[type="radio"]{width:20px;} #AppliCateg fieldset select{ width: 280px; padding: 3px; } #AppliCateg fieldset #postcode{ padding: 3px; width: 270px; } #AppliCateg input::-webkit-input-placeholder,#AppliCateg input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliCateg .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliCateg input:focus + .validation01{ display: block; } #AppliCateg input:focus:required:invalid + .validation01 .valid,#AppliCateg input.error:focus + .validation01 .valid,#AppliCateg input.required:focus + .validation01 .valid,#AppliCateg input:focus + .validation01 .valid{ display: none; } #AppliCateg input:focus:required:valid + .validation01,#AppliCateg input.valid:focus + .validation01{ background: green; } #AppliCateg input:focus:required:valid + .validation01 .invalid,#AppliCateg input.valid:focus + .validation01 .invalid{ display: none; } #AppliCateg input:focus:required:valid + .validation01 .valid,#AppliCateg input.valid:focus + .validation01 .valid{ display: block; } #AppliCateg fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliCateg input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliCateg input.required{background-color: #fff; background-position: 260px -30px;} #AppliCateg input.valid { background-color: #fff;background-position: 260px -61px;} #AppliCateg input.error::-webkit-input-placeholder,#AppliCateg inputerror :-moz-placeholder {color: #f2f2f2;} #AppliCateg input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliCateg img { border: none; } #AppliCateg input[type="range"] { position: relative; margin-left: 1em;} #AppliCateg input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliCateg input[type="range"]:before {left:0em; content: attr(min);} #AppliCateg input[type="range"]:after {right: 0em;content: attr(max);} #AppliCateg output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliDisc form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliDisc p{margin: 0 0 1em 0;} #AppliDisc h2 { font-size: 14px; margin: 0 0 12px; } #AppliDisc{float:left;background:#EFEFEF; } #AppliDisc fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliDisc ol{list-style-type: none;padding: 0;margin: 0;} #AppliDisc li{margin: 0 0 12px;position: relative;} #AppliDisc label{width: 150px;display: inline-block;vertical-align: top;} #AppliDisc legend{ color:#00C492;} #AppliDisc fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliDisc fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliDisc fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliDisc fieldset input[type="checkbox"]{width:20px;} #AppliDisc fieldset input[type="radio"]{width:20px;} #AppliDisc fieldset select{ width: 280px; padding: 3px; } #AppliDisc fieldset #postcode{ padding: 3px; width: 270px; } #AppliDisc input::-webkit-input-placeholder,#AppliDisc input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliDisc .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliDisc input:focus + .validation01{ display: block; } #AppliDisc input:focus:required:invalid + .validation01 .valid,#AppliDisc input.error:focus + .validation01 .valid,#AppliDisc input.required:focus + .validation01 .valid,#AppliDisc input:focus + .validation01 .valid{ display: none; } #AppliDisc input:focus:required:valid + .validation01,#AppliDisc input.valid:focus + .validation01{ background: green; } #AppliDisc input:focus:required:valid + .validation01 .invalid,#AppliDisc input.valid:focus + .validation01 .invalid{ display: none; } #AppliDisc input:focus:required:valid + .validation01 .valid,#AppliDisc input.valid:focus + .validation01 .valid{ display: block; } #AppliDisc fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliDisc input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliDisc input.required{background-color: #fff; background-position: 260px -30px;} #AppliDisc input.valid { background-color: #fff;background-position: 260px -61px;} #AppliDisc input.error::-webkit-input-placeholder,#AppliDisc inputerror :-moz-placeholder {color: #f2f2f2;} #AppliDisc input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliDisc img { border: none; } #AppliDisc input[type="range"] { position: relative; margin-left: 1em;} #AppliDisc input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliDisc input[type="range"]:before {left:0em; content: attr(min);} #AppliDisc input[type="range"]:after {right: 0em;content: attr(max);} #AppliDisc output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliPlan form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliPlan p{margin: 0 0 1em 0;} #AppliPlan h2 { font-size: 14px; margin: 0 0 12px; } #AppliPlan{float:left;background:#EFEFEF; } #AppliPlan fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan ol{list-style-type: none;padding: 0;margin: 0;} #AppliPlan li{margin: 0 0 12px;position: relative;} #AppliPlan label{width: 150px;display: inline-block;vertical-align: top;} #AppliPlan legend{ color:#00C492;} #AppliPlan fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliPlan fieldset input[type="checkbox"]{width:20px;} #AppliPlan fieldset input[type="radio"]{width:20px;} #AppliPlan fieldset select{ width: 280px; padding: 3px; } #AppliPlan fieldset #postcode{ padding: 3px; width: 270px; } #AppliPlan input::-webkit-input-placeholder,#AppliPlan input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliPlan .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan input:focus + .validation01{ display: block; } #AppliPlan input:focus:required:invalid + .validation01 .valid,#AppliPlan input.error:focus + .validation01 .valid,#AppliPlan input.required:focus + .validation01 .valid,#AppliPlan input:focus + .validation01 .valid{ display: none; } #AppliPlan input:focus:required:valid + .validation01,#AppliPlan input.valid:focus + .validation01{ background: green; } #AppliPlan input:focus:required:valid + .validation01 .invalid,#AppliPlan input.valid:focus + .validation01 .invalid{ display: none; } #AppliPlan input:focus:required:valid + .validation01 .valid,#AppliPlan input.valid:focus + .validation01 .valid{ display: block; } #AppliPlan fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliPlan input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliPlan input.required{background-color: #fff; background-position: 260px -30px;} #AppliPlan input.valid { background-color: #fff;background-position: 260px -61px;} #AppliPlan input.error::-webkit-input-placeholder,#AppliPlan inputerror :-moz-placeholder {color: #f2f2f2;} #AppliPlan input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliPlan img { border: none; } #AppliPlan input[type="range"] { position: relative; margin-left: 1em;} #AppliPlan input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliPlan input[type="range"]:before {left:0em; content: attr(min);} #AppliPlan input[type="range"]:after {right: 0em;content: attr(max);} #AppliPlan2 form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliPlan2 p{margin: 0 0 1em 0;} #AppliPlan2 h2 { font-size: 14px; margin: 0 0 12px; } #AppliPlan2{float:left;background:#EFEFEF; width:100%; } #AppliPlan2 fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan2 ol{list-style-type: none;padding: 0;margin: 0;} #AppliPlan2 li{margin: 0 0 12px;position: relative;} #AppliPlan2 label{width: 150px;display: block;vertical-align: top;} #AppliPlan2 legend{ color:#00C492;} #AppliPlan2 fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan2 fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan2 fieldset textarea{display: inline-block;height:65px; width: 350px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliPlan2 fieldset input[type="checkbox"]{width:20px;} #AppliPlan2 fieldset input[type="radio"]{width:20px;} #AppliPlan2 fieldset select{ width: 280px; padding: 3px; } #AppliPlan2 fieldset #postcode{ padding: 3px; width: 270px; } #AppliPlan2 input::-webkit-input-placeholder,#AppliPlan2 input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliPlan2 .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPlan2 input:focus + .validation01{ display: block; } #AppliPlan2 input:focus:required:invalid + .validation01 .valid,#AppliPlan2 input.error:focus + .validation01 .valid,#AppliPlan2 input.required:focus + .validation01 .valid,#AppliPlan2 input:focus + .validation01 .valid{ display: none; } #AppliPlan2 input:focus:required:valid + .validation01,#AppliPlan2 input.valid:focus + .validation01{ background: green; } #AppliPlan2 input:focus:required:valid + .validation01 .invalid,#AppliPlan2 input.valid:focus + .validation01 .invalid{ display: none; } #AppliPlan2 input:focus:required:valid + .validation01 .valid,#AppliPlan2 input.valid:focus + .validation01 .valid{ display: block; } #AppliPlan2 fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliPlan2 input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliPlan2 input.required{background-color: #fff; background-position: 260px -30px;} #AppliPlan2 input.valid { background-color: #fff;background-position: 260px -61px;} #AppliPlan2 input.error::-webkit-input-placeholder,#AppliPlan2 inputerror :-moz-placeholder {color: #f2f2f2;} #AppliPlan2 input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliPlan2 img { border: none; } #AppliPlan2 input[type="range"] { position: relative; margin-left: 1em;} #AppliPlan2 input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliPlan2 input[type="range"]:before {left:0em; content: attr(min);} #AppliPlan2 input[type="range"]:after {right: 0em;content: attr(max);} #AppliPlan2 .AppliSPAN {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:100px; } #AppliPlan2 .AppliSPANTra {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; } #AppliPlan2 .AppliSPANSel {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:120px; } #AppliPlan2 .AppliSPANRad {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:40px; } #AppliPlan2 .AppliSPANDisc {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:400px; } #AppliPlan2 .AppliSPANMult {border: 0px solid #00C492;clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:300px; } #AppliPlan2 .AppliLABEL {clear:both; color:green; display:block; font-size:11px; line-height:9px; margin:4px; padding-top:3px; } #AppliPlan2 .AppliLABEL3 {clear:both; color:green; display:block; font-size:11px; line-height:9px; margin:4px; padding-top:3px;width:280px; } #AppliPlan2 .AppliPlanT{ width:50px; display:block; } #AppliPlan2 .AppliPlanH{ width:60px; display:block; } #AppliPlan2 .AppliPlanS{ width:120px; display:block; } #AppliPlan2 .AppliPlanP{ width:60px; display:block; } #AppliPlan2 .AppliPlanS2{ width:220px; display:block; } #AppliPlan2 .AppliPlanS3{ width:280px; display:block; height:75px;} #AppliPlan2 .cmd1{background: #6E6E6E; border:blue; width:110px; margin: 0 0 4px; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;} #AppliPlan2 .cmd1:hover{background: blue; border:red; width:110px; margin: 0 0 4px; padding:7px; border-radius:15px; font-weight:bold; cursor:pointer;} #AppliPlan2 .cmd1:active{position:relative;top:2px;} #AppliSea form{ ; margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliSea p{margin: 0 0 1em 0;} #AppliSea h2 { font-size: 14px; margin: 0 0 12px; } #AppliSea{float:left;background:#EFEFEF; width:100%; } #AppliSea fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliSea ol{list-style-type: none;padding: 0;margin: 0;} #AppliSea li{margin: 0 0 12px;position: relative;} #AppliSea label{width: 150px;display: block;vertical-align: top;} #AppliSea legend{ color:#00C492;} #AppliSea fieldset input{ display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; background-image: url(images/name.svg); background-size: 30px 30px;background-position: 11px 8px; background-repeat: no-repeat;} #AppliSea fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliSea fieldset textarea{display: inline-block;width: 400px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliSea fieldset input[type="checkbox"]{width:20px;} #AppliSea fieldset input[type="radio"]{width:20px;} #AppliSea fieldset select{ width: 280px; padding: 3px; } #AppliSea fieldset #postcode{ padding: 3px; width: 270px; } #AppliSea input::-webkit-input-placeholder,#AppliSea input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliSea .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliSea input:focus + .validation01{ display: block; } #AppliSea input:focus:required:invalid + .validation01 .valid,#AppliSea input.error:focus + .validation01 .valid,#AppliSea input.required:focus + .validation01 .valid,#AppliSea input:focus + .validation01 .valid{ display: none; } #AppliSea input:focus:required:valid + .validation01,#AppliSea input.valid:focus + .validation01{ background: green; } #AppliSea input:focus:required:valid + .validation01 .invalid,#AppliSea input.valid:focus + .validation01 .invalid{ display: none; } #AppliSea input:focus:required:valid + .validation01 .valid,#AppliSea input.valid:focus + .validation01 .valid{ display: block; } #AppliSea fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliSea input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliSea input.required{background-color: #fff; background-position: 260px -30px;} #AppliSea input.valid { background-color: #fff;background-position: 260px -61px;} #AppliSea input.error::-webkit-input-placeholder,#AppliSea inputerror :-moz-placeholder {color: #f2f2f2;} #AppliSea input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliSea img { border: none; } #AppliSea input[type="range"] { position: relative; margin-left: 1em;} #AppliSea input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliSea input[type="range"]:before {left:0em; content: attr(min);} #AppliSea input[type="range"]:after {right: 0em;content: attr(max);} #AppliSea .AppliSPAN {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:100px; } #AppliSea .AppliSPANTra {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; } #AppliSea .AppliSPANSel {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:120px; } #AppliSea .AppliSPANRad {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:40px; } #AppliSea .AppliLABEL {clear:both; color:green; display:block; font-size:11px; line-height:9px; margin:4px; padding-top:3px; } #AppliSea .AppliPlanT{ width:50px; display:block; } #AppliSea .AppliPlanH{ width:60px; display:block; } #AppliSea .AppliPlanS{ width:120px; display:block; } #AppliSea .AppliPlanP{ width:60px; display:block; } #AppliSea .cmd1{background: #6E6E6E; border:blue; width:110px; margin: 0 0 4px; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;} #AppliSea .cmd1:hover{background: blue; border:red; width:110px; margin: 0 0 4px; padding:7px; border-radius:15px; font-weight:bold; cursor:pointer;} #AppliSea .cmd1:active{position:relative;top:2px;} #AppliPSR form{ ; margin: 0 0 0px;padding: 0px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliPers form{ margin: 0 0 20px;padding: 20px;border-style: solid; border-color: black; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; } #AppliPers p{margin: 0 0 1em 0;} #AppliPers{float:left;background:#EFEFEF; width:100%; } #AppliPers fieldset{margin: 2px 2px 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPers ol{list-style-type: none;padding: 0;margin: 0;} #AppliPers li{margin: 0 0 12px;position: relative;background:silver;} #AppliPers label{width: 150px;display: block;vertical-align: top;} #AppliPers legend{ color:#00C492;} #AppliPers fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPers fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPers fieldset textarea{display: inline-block;width: 400px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliPers fieldset input[type="checkbox"]{width:20px;} #AppliPers fieldset input[type="radio"]{width:20px;} #AppliPers fieldset select{ width: 280px; padding: 3px; } #AppliPers fieldset #postcode{ padding: 3px; width: 270px; } #AppliPers input::-webkit-input-placeholder,#AppliPers input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliPers .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliPers input:focus + .validation01{ display: block; } #AppliPers input:focus:required:invalid + .validation01 .valid,#AppliPers input.error:focus + .validation01 .valid,#AppliPers input.required:focus + .validation01 .valid,#AppliPers input:focus + .validation01 .valid{ display: none; } #AppliPers input:focus:required:valid + .validation01,#AppliPers input.valid:focus + .validation01{ background: green; } #AppliPers input:focus:required:valid + .validation01 .invalid,#AppliPers input.valid:focus + .validation01 .invalid{ display: none; } #AppliPers input:focus:required:valid + .validation01 .valid,#AppliPers input.valid:focus + .validation01 .valid{ display: block; } #AppliPers fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliPers input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliPers input.required{background-color: #fff; background-position: 260px -30px;} #AppliPers input.valid { background-color: #fff;background-position: 260px -61px;} #AppliPers input.error::-webkit-input-placeholder,#AppliPers inputerror :-moz-placeholder {color: #f2f2f2;} #AppliPers input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliPers img { border: none; } #AppliPers input[type="range"] { position: relative; margin-left: 1em;} #AppliPers input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliPers input[type="range"]:before {left:0em; content: attr(min);} #AppliPers input[type="range"]:after {right: 0em;content: attr(max);} #AppliPers .AppliSPANTra {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; } #AppliPers .SPAN15 {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding: 4px 4px ; width:60px; } #AppliPers .SPAN25 {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding: 4px 4px ; width:200px; } #AppliPers .SPAN25M {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding: 4px 4px ; width:300px; } #AppliPers .SPAN40 {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding: 4px 4px ; width:300px; } #AppliPers .SPAN80 {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding: 4px 4px ; width:600px; } #AppliPers .LASTNAME{background-image: url(images/name.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .LASTNAME:focus{background-image: url(images/name.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .FIRSTNAME{background-image: url(images/name.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .FIRSTNAME:focus{background-image: url(images/name.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .LICENSE{background-image: url(images/judo.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .LICENSE:focus{background-image: url(images/judo.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 90%;height: 21px;display:block;} #AppliPers .BIRTHDAY{background-image: url(images/birthday.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .BIRTHDAY:focus{background-image: url(images/birthday.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .PRICE{font-size: 12px;padding: 0px 4px ;width: 70px;height: 21px;display:block;} #AppliPers .PRICE:focus{font-size: 12px;padding: 0px 4px ;width: 70px;height: 21px;display:block;} #AppliPers .GENRE {background-image: url(images/genders.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 190px;height: 24px;display:block;} #AppliPers .GENRE option {background-image: url(images/genders.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 190px;height: 24px;display:block;} #AppliPers .GENRE:focus {background-image: url(images/genders.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 190px;height: 24px;display:block;} #AppliPers .GENRESHORT {background-image: url(images/genders.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 90px;height: 24px;display:block;} #AppliPers .GENRESHORT option {background-image: url(images/genders.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 90px;height: 24px;display:block;} #AppliPers .GENRESHORT:focus {background-image: url(images/genders.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 90px;height: 24px;display:block;} #AppliPers .BELT { color:green; font-size: 12px ; width : 190px;height: 24px;display:block;} #AppliPers .BELT option{ color:green; font-size: 12px; width : 190px;height: 24px;display:block;} #AppliPers .BELT:focus { color:green; font-size: 12px ; width : 190px;height: 24px;display:block;} #AppliPers .PRACTICE { color:green; font-size: 12px ; width : 90px;display:block;} #AppliPers .PRACTICE option{ color:green; font-size: 12px ; width : 90px;display:block;} #AppliPers .PRACTICE:focus { color:green; font-size: 12px ; width : 90px;display:block;} #AppliPers .CONTACT { color:green; font-size: 12px ; width : 190px;height: 24px;display:block;} #AppliPers .CONTACT option{ color:green; font-size: 12px; width : 190px;height: 24px;display:block;} #AppliPers .CONTACT:focus { color:green; font-size: 12px ; width : 190px;height: 24px;display:block;} #AppliPers .ADRESSEL{background-image: url(images/homeblack.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 545px;height: 21px;display:block;} #AppliPers .ADRESSEL:focus{background-image: url(images/homeblack.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 545px;height: 21px;display:block;} #AppliPers .ADRESSES{background-image: url(images/homeblack.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ; width: 240px;height: 21px;display:block;} #AppliPers .ADRESSES:focus{background-image: url(images/homeblack.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 240px;height: 21px;display:block;} #AppliPers .TELDOM{background-image: url(images/old-typical-phone.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .TELDOM:focus{background-image: url(images/old-typical-phone.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .TELMOB{background-image: url(images/smartphone.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .TELMOB:focus{background-image: url(images/smartphone.svg);background-size: 20px 20px;background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .EMAIL{background-image: url(images/email.svg); background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 140px;height: 21px;display:block;} #AppliPers .EMAIL:focus{background-image: url(images/email.svg);background-size: 20px 20px; background-position: 2px 2px;background-repeat: no-repeat;font-size: 12px;padding: 0px 24px ;width: 90%;height: 21px;display:block;} #AppliPers .AppliSPAN {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:100px; } #AppliPers .AppliSPANTra {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; } #AppliPers .AppliSPANSel {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:120px; } #AppliPers .AppliSPANRad {clear:both; color:green; display:inline-block; font-size:11px; line-height:9px; margin:0; padding-top:3px; width:40px; } #AppliPers .AppliLABEL {clear:both; color:green; display:block; font-size:11px; line-height:9px; margin:4px; padding-top:3px; } #AppliPers .AppliPlanT{ width:50px; display:block; } #AppliPers .AppliPlanH{ width:60px; display:block; } #AppliPers .AppliPlanS{ width:120px; display:block; } #AppliPers .AppliPlanP{ width:60px; display:block; } #AppliPers .AppliPlanS2{ width:220px; display:block; } #AppliPers .cmd1{background: #6E6E6E; border:blue; width:170px; height: 21px; margin: 0 0 4px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;} #AppliPers .cmd1:hover{background: red; border:red; width:170px; height: 21px; margin: 0 0 4px; border-radius:15px; font-weight:bold; cursor:pointer;} #AppliPers .TextDisplay{ text-align:left; font-weight:normal; color: blue; font: 10px 'BlackJackRegular'; } .VERIFY p{margin: 0 0 1em 0;} .VERIFY h2 { font-size: 14px; margin: 0 0 1px; } .VERIFY{float:left;border: 0px solid #00C492;margin: 0 0 0 0;padding: none;} .VERIFY{margin: 0 0 1px;padding: 0;width: auto;background: none;} .VERIFY fieldset{margin: 0 0 1px;border-style: none;padding: 1px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .VERIFY ol{list-style-type: none;padding: 0;margin: 0;} .VERIFY li{margin: 0 0 12px;position: relative;} .VERIFY label{width: 150px;display: inline-block;vertical-align: top;} .VERIFY legend{ color:#00C492;} .VERIFY fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .VERIFY fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .VERIFY fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } .VERIFY fieldset input[type="checkbox"]{width:20px;} .VERIFY fieldset input[type="radio"]{width:20px;} .VERIFY .VERIFYP{ width:100px; } .VERIFY .VERIFYD{ width:120px; } .VERIFY .VERIFYN{ width:45px; } .VERIFY fieldset select{ width: 280px; padding: 3px; } .VERIFY fieldset #postcode{ padding: 3px; width: 270px; } .VERIFY input::-webkit-input-placeholder,.VERIFY input:-moz-placeholder input:placeholder{color: #f2f2f2;} .VERIFY .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .VERIFY input:focus + .validation01{ display: block; } .VERIFY input:focus:required:invalid + .validation01 .valid,.VERIFY input.error:focus + .validation01 .valid,.VERIFY input.required:focus + .validation01 .valid,.VERIFY input:focus + .validation01 .valid{ display: none; } .VERIFY input:focus:required:valid + .validation01,.VERIFY input.valid:focus + .validation01{ background: green; } .VERIFY input:focus:required:valid + .validation01 .invalid,.VERIFY input.valid:focus + .validation01 .invalid{ display: none; } .VERIFY input:focus:required:valid + .validation01 .valid,.VERIFY input.valid:focus + .validation01 .valid{ display: block; } .VERIFY fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} .VERIFY input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } .VERIFY input.required{background-color: #fff; background-position: 260px -30px;} .VERIFY input.valid { background-color: #fff;background-position: 260px -61px;} .VERIFY input.error::-webkit-input-placeholder,.VERIFY inputerror :-moz-placeholder {color: #f2f2f2;} .VERIFY input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} .VERIFY img { border: none; } .VERIFY input[type="range"] { position: relative; margin-left: 1em;} .VERIFY input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} .VERIFY input[type="range"]:before {left:0em; content: attr(min);} .VERIFY input[type="range"]:after {right: 0em;content: attr(max);} .VERIFY output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #AppliTariff p{margin: 0 0 1em 0;} #AppliTariff h2 { font-size: 14px; margin: 0 0 12px; } #AppliTariff{float:left;border: 1px solid #00C492; } #AppliTariff fieldset{margin: 0 0 20px;padding: 20px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliTariff ol{list-style-type: none;padding: 0;margin: 0;} #AppliTariff li{margin: 0 0 12px;position: relative;} #AppliTariff label{width: 150px;display: inline-block;vertical-align: top;} #AppliTariff legend{ color:#00C492;} #AppliTariff fieldset input{ background: #fff ;display: inline-block;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliTariff fieldset select{background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliTariff fieldset textarea{display: inline-block;width: 250px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; resize:none; } #AppliTariff fieldset input[type="checkbox"]{width:20px;} #AppliTariff fieldset input[type="radio"]{width:20px;} #AppliTariff .AppliTariffP{ width:100px; } #AppliTariff .AppliTariffD{ width:120px; } #AppliTariff .AppliTariffN{ width:45px; } #AppliTariff fieldset select{ width: 280px; padding: 3px; } #AppliTariff fieldset #postcode{ padding: 3px; width: 270px; } #AppliTariff input::-webkit-input-placeholder,#AppliTariff input:-moz-placeholder input:placeholder{color: #f2f2f2;} #AppliTariff .validation01{background: #F08080;color: #fff;display: none;font-size: 12px;padding: 3px;position: absolute;right: -140px;text-align: center;top: 0;width: 150px;outline: 0;-moz-box-shadow: 0px 0px 4px #ffffff;-webkit-box-shadow: 0px 0px 4px #ffffff;box-shadow: 0px 0px 4px #ffffff;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} #AppliTariff input:focus + .validation01{ display: block; } #AppliTariff input:focus:required:invalid + .validation01 .valid,#AppliTariff input.error:focus + .validation01 .valid,#AppliTariff input.required:focus + .validation01 .valid,#AppliTariff input:focus + .validation01 .valid{ display: none; } #AppliTariff input:focus:required:valid + .validation01,#AppliTariff input.valid:focus + .validation01{ background: green; } #AppliTariff input:focus:required:valid + .validation01 .invalid,#AppliTariff input.valid:focus + .validation01 .invalid{ display: none; } #AppliTariff input:focus:required:valid + .validation01 .valid,#AppliTariff input.valid:focus + .validation01 .valid{ display: block; } #AppliTariff fieldset input:required:valid{background-color: #fff;background-position: 260px -61px;} #AppliTariff input.error{background-color: #F08080; background-position: 260px 3px;outline: none; } #AppliTariff input.required{background-color: #fff; background-position: 260px -30px;} #AppliTariff input.valid { background-color: #fff;background-position: 260px -61px;} #AppliTariff input.error::-webkit-input-placeholder,#AppliTariff inputerror :-moz-placeholder {color: #f2f2f2;} #AppliTariff input[type="submit"]{background: #00C492; border:none; width:200px; margin:auto; float:right; padding:5px; border-radius:5px; color:#fff; font-weight:bold; cursor:pointer;} #AppliTariff img { border: none; } #AppliTariff input[type="range"] { position: relative; margin-left: 1em;} #AppliTariff input[type="range"]:after, input[type="range"]:before {font-size:1em;font-family: 'Engagement', cursive;position: absolute; top: 1em; color:black;background:DeepSkyBlue;} #AppliTariff input[type="range"]:before {left:0em; content: attr(min);} #AppliTariff input[type="range"]:after {right: 0em;content: attr(max);} #AppliTariff output {/*position: absolute;*/font-size:1em;font-family: 'Engagement', cursive;color:black;background:DeepSkyBlue;top: 35px; left: 70px;} #FieldWeight input[type="number"].error{background-color: #F08080; background-position: 260px 3px;outline: none;border:red; } #FieldWeight input[type="number"].valid { background-color: #fff;background-position: 260px -61px;border:green;} #FieldWeight input[type='number']:out-of-range { border-color: red;background-color: red; } #FieldWeight input[type='number']:in-range { border-color: green;background-color: green; } .formC {margin: 2 0 20px;padding: 20px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;float: left; width: 84%;display:inline; border: 3px solid gray;background-color:gray;} .fieldsetL {margin: 4 0 30px;padding: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 5px;float: left; width: 42%;display:inline; background-color:red;} .fieldsetW {margin: 4 0 30px;padding: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 5px;float: left; width: 42%;display:block; background-color:white;} .fieldsetF {margin: 4 0 30px;padding: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 5px;float: left; width: 90%;display:block; background-color:gray;} .fieldsetFirst {margin: 4 0 30px;padding: 20px;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 5px;float: left; width: 90%;display:block; background-color:gray;} label{width: 150px;display: inline-block;vertical-align: top;} .legendF { background-color:gray; color:white; width: 150px; -moz-box-shadow: 0px 0px 10px gray; -webkit-box-shadow: 0px 0px 10px gray; -o-box-shadow: 0px 0px 10px gray; box-shadow: 0px 0px 10px gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #656565; } .legendW { background-color:white; color:black; width: 150px; -moz-box-shadow: 0px 0px 10px gray; -webkit-box-shadow: 0px 0px 10px gray; -o-box-shadow: 0px 0px 10px gray; box-shadow: 0px 0px 10px gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: 1px solid #656565; } .legendL { background-color:red; color:white; width: 150px; -moz-box-shadow: 0px 0px 10px red; -webkit-box-shadow: 0px 0px 10px red; -o-box-shadow: 0px 0px 10px red; box-shadow: 0px 0px 10px red; -moz-border-radius: 10px; -webkit-border-radius: red; border-radius: 10px; border: 1px solid #656565 ; } .half { float: left; width: 48%; padding: 1%;display:block; } .full { clear: both; width: 98%; padding: 1%; } .olC {list-style-type: none;padding: 0;margin: 0;list-style-type: none;} .liC {margin: 0 0 5 px;position: relative;list-style-type: none;} .labelC {width: 150px;display: inline-block;vertical-align: top;color:white;} .inputC {background: #fff url(ico_validation.png) 260px 24px no-repeat;display: block;width: 200px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .labelA {width: 100px;display: inline;vertical-align: top;color:white;} .inputA {z-index: 1;background: #fff url(ico_validation.png) 260px 24px no-repeat;display: block;width: 200px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .labelALast {width: 100px;display: inline;vertical-align: top;color:white;} .radioA {background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline;width: 100px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .labelB {width: 100px;display: inline;vertical-align: top;color:black;} .inputB {z-index: 1;background: #fff url(ico_validation.png) 260px 24px no-repeat;display: block;width: 200px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .labelBLast {width: 050px;display: inline;vertical-align: top;color:black;} .radioB {background: #fff url(ico_validation.png) 260px 24px no-repeat;display: inline;width: 100px;border: 1px solid #00C492;padding: 3px 26px 3px 3px;-moz-transition: background-color 1s ease;-webkit-transition: background-color 1s ease;-o-transition: background-color 1s ease;transition: background-color 1s ease;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .combatCommand1 {background:lightblue; border:none; width:200px; margin: 0 0 4px; float:right; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;} .combatCommand1:hover{background: blue; border:red; width:200px; margin: 0 0 4px; padding:7px; border-radius:15px; color:red; font-weight:bold; cursor:pointer;} .combatCommand1:active{position:relative;top:2px;} .combatCommandReset1{z-index: 1;background: lightblue; border:none; width:200px; margin:auto; float:left; padding:5px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;} .combatCommandReset1:hover{background: red; border:red; width:200px; margin: 0 0 4px; padding:7px; border-radius:15px; color:white; font-weight:bold; cursor:pointer;} .combatCommandReset1:active{position:relative;top:2px;} .combatAvancement1{background: orange; border:none; width:200px; float:left; padding:5px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer; height: 40px;} .combatAvancement1:hover{background: red; border:red; width:200px; margin: 0 0 4px; padding:7px; border-radius:15px; color:white; font-weight:bold; cursor:pointer;} .combatAvancement1:active{position:relative;top:2px;} .titreForm { text-align:center; position: relative; left: 10%; font:normal 30pt Arial; color:#FFFFFF; text-shadow: 0 1px 0 green, 0 2px 0 red, 0 3px 0 blue, 0 4px 0 red, 0 5px 0 blue, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15); } fieldset.search { border: none; width: 200px; margin: 0 auto; } .search input, .search button { border: none; float: left; } .search input.box { color: #fff; font-size: 1.2em; width: 140px; height: 30px; padding: 8px 5px 0; background: #616161 ; margin-right: 5px; } .search input.box:focus { background: #616161 ; outline: none; } .search button.btn { width: 38px; height: 38px; cursor: pointer; text-indent: -9999px; background: #fbc900 url(search_bg.gif) no-repeat top right; } .search button.btn:hover { background: red url(search_bg.gif) no-repeat bottom right; } .search button.cmd { color: red; font-size: 1.2em; padding: 8px 5px 0; margin-right: 5px; width: 110px; height: 38px; cursor: pointer; background: blue ; } .search button.cmd:hover { background: red ; color: blue; } .search button.cmd1{background: #6E6E6E; border:blue; width:110px; margin: 0 0 4px; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;} .search button.cmd1:hover{background: blue; border:red; width:110px; margin: 0 0 4px; padding:7px; border-radius:15px; font-weight:bold; cursor:pointer;} .search button.cmd1:active{position:relative;top:2px;} .search select.cmdSelect { background: #6E6E6E ; border: solid 1px blue; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font: italic 13px Georgia, "Times New Roman", Times, serif; outline: blue; padding: 5px; width: 190px; } .statusMessage { text-transform:none; text-align:center; font-weight:normal; color: black; text-shadow: 0px -1px 4px white, 0px -2px 10px yellow, 0px -10px 20px #ff8000, 0px -18px 40px red; font: 1.3em 'BlackJackRegular'; } #GenericButtL {background: #6E6E6E; border:none; width:190px; margin: 0 0 4px; float:left; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} #GenericButtL:hover{background: blue; border:red;} #GenericButtR {background: #6E6E6E; border:none; width:190px; margin: 0 0 4px; float:right; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} #GenericButtR:hover{background: blue; border:red;} #GenericButtS {background: #6E6E6E; border:none; width:120px; margin: 0 0 2px; float:right; padding:5px; border-radius:3px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} #GenericButtS:hover{background: blue; border:red;} #GenericButtC {background: #6E6E6E; border:none; width:150px; margin: 0 0 4px; float:left;left:50%; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} #GenericButtC:hover{background: blue; border:red;} .GenericList {background: #6E6E6E; border:none; width:100px; margin: 0 0 4px; float:left; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} .GenericList:hover{background: blue; border:red;} #ButtTable {background: #6E6E6E; border:none; width:100px; margin: 0 0 4px; float:left;left:50%; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} #ButtTable:hover{background: blue; border:red;} .GenericListFilt {background: #6E6E6E; border:none; width:100px; margin: 0 0 4px; float:left; padding:7px; border-radius:5px; color:#FEFEFE; font-weight:bold; cursor:pointer;display : inline;} .GenericListFilt:hover{background: blue; border:red;} .FichMoth { position: fixed; right: 0; top: 8%; width: 8em; margin: -2.5em 0 0 0; z-index: 5; background: hsla(290,100%,50%,0.3); color: white; font-weight: bold; font-size: large; text-align: left; border: solid hsla(290,100%,50%,0.3); border-right: none; padding: 0.5em 0.5em 0.5em 2.5em; box-shadow: 0 1px 3px black; border-radius: 3em 0.5em 0.5em 3em; }