@import url(http://weloveiconfonts.com/api/?family=entypo);
/* entypo */
[class*=”entypo-“]:before {
font-family: ‘entypo’, sans-serif;
margin-right: 8px;
}
.entypo-download:before {
font-size: 11pt;
}
a:hover {
text-decoration: none;
}
h2.pane-title {
display: none;
}
header {
padding: 0;
}
h1 {
font-size: 20pt;
line-height: 28pt;
font-weight: 400;
color: #ffffff;
}
h2 {
font-size: 13pt;
color: #ffffff;
font-weight: 700;
text-align: center;
margin-top: 10px;
}
.sf_header {
padding: 15px;
background-color: #f3901d;
background-image: url(https://www.hrzone.com/sites/default/files/sf_logo.png);
background-position: 10% 10%;
background-repeat: no-repeat;
height: 210px;
width:100%;
}
.sf_background {
background-color: #dddddd;
height: 1015px;
position: relative;
z-index: 0;
width:100%;
background-image: url(https://www.hrzone.com/sites/default/files/super_graphic_top.png), url(https://www.hrzone.com/sites/default/files/super_graphic_bottom2.png);
background-position: top left,bottom right;
background-size:70%, 80%;
background-repeat: no-repeat;
}
.sf_spacer {
height: 50px;
}
.sf_webform {
background-color: #ffffff;
padding: 20px;
align: center;
margin: 0 30px 0 30px;
-moz-border-radius: 5px;
-webkitborder-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 8px 5px #c0c0c0;
-webkit-box-shadow: 0 8px 5px #c0c0c0;
box-shadow: 0 8px 5px #c0c0c0;
}
.sf_footer {
padding: 15px;
background-color: #f3901d;
height: 440px;
width:100%;
}
.sf_top_button {
background-color: #ffffff;
text-align: center;
color: #3e2408;
font-size: 10.5pt;
line-height: 12pt;
font-weight: 700;
-moz-border-radius: 5px;
-webkitborder-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 8px 5px #d7801a;
-webkit-box-shadow: 0 8px 5px #d7801a;
box-shadow: 0 8px 5px #d7801a;
width: 83%;
margin-left: 23px;
margin-top: 30px;
padding: 20px;
}
.sf_bottom_button {
background-color: #ffffff;
text-align: center;
color: #3e2408;
font-size: 10.5pt;
line-height: 12pt;
font-weight: 700;
-moz-border-radius: 5px;
-webkitborder-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 8px 5px #d7801a;
-webkit-box-shadow: 0 8px 5px #d7801a;
box-shadow: 0 8px 5px #d7801a;
width: 83%;
margin-left: 23px;
margin-top: 30px;
padding: 20px;
}
.download_button {
background-color: #20acd9;
padding: 6px;
color: #ffffff;
font-size: 8.5pt;
font-weight: 400;
width: 55%;
margin-left: 40px;
margin-top: 10px;
-moz-box-shadow: 3px 4px 0 #4a91a6;
-webkit-box-shadow: 3px 4px 0 #4a91a6;
box-shadow: 3px 4px 0 #4a91a6;
}
#webform-client-form-139816 .form-submit {
background: #20acd9;
padding: 6px;
color: #ffffff;
font-size: 8.5pt;
font-weight: 400;
width: 50%;
margin-left: 50px;
margin-top: 10px;
-moz-box-shadow: 3px 4px 0 #4a91a6;
-webkit-box-shadow: 3px 4px 0 #4a91a6;
box-shadow: 3px 4px 0 #4a91a6;
border: 0;
text-shadow: none;
border-radius: 0;
}
@media only screen
and (min-width:768px) {
h1 {
font-size: 25pt;
line-height: 34pt;
margin-top: 55px;
margin-left: 8px;
}
h2 {
font-size: 20pt;
}
.sf_header {
background-image: url(https://www.hrzone.com/sites/default/files/sf_logo_lg.png);
background-position: 4% 12%;
height: 250px;
}
.sf_background {
height: 870px;
background-image: url(https://www.hrzone.com/sites/default/files/super_graphic_top.png), url(https://www.hrzone.com/sites/default/files/super_graphic_bottom1.png);
background-position: 0% -18%,bottom right;
background-size: 42%, 56%;
}
.sf_spacer {
height: 20px;
}
.sf_webform {
width: 65%;
margin: 0 20px 0 130px;
}
.sf_footer {
height: 246px;
}
.sf_top_button {
width: 32%;
margin-left: 100px;
margin-top: 30px;
padding: 15px;
}
.sf_bottom_button {
width: 31%;
margin-left: 365px;
margin-top: -135px;
padding: 15px;
}
.download_button {
width: 62%;
margin-left: 35px;
}
#webform-client-form-139816 .form-submit {
width: 22%;
margin-left: 168px;
}
}
@media only screen
and (min-width:992px) {
h1 {
font-size: 24pt;
margin-left: 6px;
margin-right: 387px;
}
.sf_header {
background-image: url(https://www.hrzone.com/sites/default/files/sf_logo_lg.png), url(https://www.hrzone.com/sites/default/files/sf_header_image.png);
background-position: 4% 12%, top right;
height: 250px;
width:100%;
}
.sf_webform {
margin: 0 20px 0 160px;
}
.sf_top_button {
width: 24%;
margin-left: 205px;
}
.sf_bottom_button {
width: 24%;
margin-left: 465px;
}
#webform-client-form-139816 .form-submit {
margin-left: 218px;
}
}
@media only screen
and (min-width: 1224px) {
h1 {
font-size: 32pt;
line-height: 34pt;
margin-top: 55px;
margin-left: 16px;
margin-right: 508px;
}
h2 {
font-size: 20pt;
}
.sf_header {
background-image: url(https://www.hrzone.com/sites/default/files/sf_logo_lg.png), url(https://www.hrzone.com/sites/default/files/sf_header_image.png);
background-position: 4% 12%, top right;
}
.sf_background {
height: 855px;
background-image: url(https://www.hrzone.com/sites/default/files/super_graphic_top.png), url(https://www.hrzone.com/sites/default/files/super_graphic_bottom1.png);
background-position: 0% -55%,bottom right;
background-size: 42%, 56%;
}
.sf_spacer {
height: 20px;
}
.sf_webform {
padding: 20px;
width: 45%;
margin: 0 20px 0 330px;
}
.sf_footer {
height: 246px;
}
.sf_top_button {
width: 19%;
margin-left: 355px;
margin-top: 30px;
padding: 15px;
}
.sf_bottom_button {
width: 19%;
margin-left: 600px;
margin-top: -135px;
padding: 15px;
}
.download_button {
width: 51%;
margin-left: 48px;
margin-top: 10px;
}
#webform-client-form-139816 .form-submit {
width: 20%;
margin-left: 208px;
}
}
h1 {
font-size: 32pt;
line-height: 34pt;
margin-top: -25px;
margin-left: 16px;
margin-right: 508px;
}
h2 {
font-size: 20pt;
}
.sf_header {
background-image: url(https://www.hrzone.com/sites/default/files/sf_header_image.png);
background-position: top right;
background-repeat: no-repeat;
height: 250px;
width:100%;
}
.sf_logo {
background-image: url(https://www.hrzone.com/sites/default/files/sf_logo_lg.png);
background-position: 3% 14%;
background-repeat: no-repeat;
height: 79px;
}
.sf_background {
background-color: #dddddd;
position: relative;
height: 885px;
z-index: 0;
width:100%;
background-image: url(https://www.hrzone.com/sites/default/files/super_graphic_bottom2_0.png);
background-position:bottom right;
background-repeat: no-repeat;
}
.sf_spacer {
height: 20px;
}
.sf_webform {
background-color: #ffffff;
padding: 20px;
width: 45%;
margin: 0 20px 0 330px;
}
.sf_footer {
height: 246px;
}
.sf_top_button {
background-color: #ffffff;
text-align: center;
color: #3e2408;
font-size: 10.5pt;
line-height: 12pt;
font-weight: 700;
width: 19%;
margin-left: 355px;
margin-top: 30px;
padding: 15px 15px 15px 13px;
}
.sf_bottom_button {
background-color: #ffffff;
text-align: center;
color: #3e2408;
font-size: 10.5pt;
line-height: 12pt;
font-weight: 700;
width: 19%;
margin-left: 600px;
margin-top: -135px;
padding: 15px;
}
.download_button {
background-color: #20acd9;
padding: 6px;
color: #ffffff;
font-size: 8.5pt;
font-weight: 400;
width: 51%;
margin-left: 48px;
margin-top: 10px;
}
#webform-client-form-139816 .form-submit {
width: 20%;
margin-left: 208px;
Don’t race for results when moving to the cloud
Moving to the cloud certainly has benefits but don’t start the race without knowing the real results you want from it.
var frmvalidator = new Validator(“webform-client-form-139816”);
//required fields
frmvalidator.addValidation(“submitted[name]”,”name”,”Please enter your name”);
frmvalidator.addValidation(“submitted[job_title]”,”job_title”,”Please enter your job title”);
frmvalidator.addValidation(“submitted[job_function]”,”job_function”,”Please enter your job function”);
frmvalidator.addValidation(“submitted[company]”,”company”,”Please enter your company name”);
frmvalidator.addValidation(“submitted[company_size]”,”company_size”,”Please enter your company name”);
frmvalidator.addValidation(“submitted[industry]”,”industry”,”Please enter your industry”);
frmvalidator.addValidation(“submitted[address]”,”address”,”Please enter your address”);
frmvalidator.addValidation(“submitted[postcode]”,”postcode”,”Please enter a valid postcode”);
frmvalidator.addValidation(“submitted[email]”,”email”,”Please enter your email address”);
frmvalidator.addValidation(“submitted[telephone_number]”,”telephone_number”,”Please enter your telephone number”);
frmvalidator.addValidation(“submitted[hr_solution]”,”hr_solution”,”Are you currently evaluating new HR solutions?”);