html {
overflow-y: -moz-scrollbars-vertical;
overflow-y: scroll;
height: 100%;
background:#fff;
}
body{
margin:0;
min-height:100%;
position: relative;
font:12px Arial,Verdana,sans-serif;
color:#535353;
background:url(/media/images/bg-body.gif) repeat-x;
}
* html body{height:100%;}
body.homepage{background:url(/media/images/body-homepage.gif) repeat-x;}
img {border:none;
display:block;
}
a{
color:#f2761c;
outline:none;
text-decoration:underline;
}
a:hover {text-decoration:none;}
form, fieldset{
padding:0;
margin:0;
border:0;
}
input, textarea, select{
font:100% Arial, Verdana,sans-serif;
vertical-align:middle;
outline:none;
}
table{border-collapse:collapse;}
textarea{overflow:auto;}
ul{list-style:none;}
*{margin:0;padding:0;}
#main{
width:942px;
margin:0 auto;
padding:0 0 190px 0;
position:relative;
}
#header{
width:100%;
overflow:hidden;
height:150px;
position:relative;
}
ul.top-nav{
float:right;
font:12px Tahoma,Verdana,sans-serif;
margin:32px 0 0;
}
ul.top-nav li{
float:left;
background:url(/media/images/separator.gif) no-repeat;
padding:4px 7px 5px 7px;
}
ul.top-nav li.first{
background:none;
}
ul.top-nav li.active a{color:#f27519;}
ul.top-nav a{
color:#838283;
text-decoration:none;
}
ul.top-nav a:hover{color:#f27519;}
h1.logo{
position:absolute;
top:20px;
left:0;
display:block;
}
.logo a{
display:block;
width:172px;
height:110px;
text-indent:-9999px;
overflow:hidden;
background:url(/media/images/logo.gif) no-repeat;
}
a.flag{
display:block;
text-indent:-9999px;
background:url(/media/images/flag.gif) no-repeat;
width:30px;
height:18px;
}
ul.header-nav{
width:100%;
text-transform:uppercase;
font:15px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
margin:123px 0 0 135px;
overflow:hidden;
}
ul.header-nav li{
float:left;
padding:0 20px 0 0;
}
ul.header-nav a{
color:#004168;
display:block;
padding:0 0 13px;
}
ul.header-nav a{text-decoration:none;}
ul.header-nav a:hover{
color:#f09e38;
text-decoration:none;
}
ul.header-nav li.active a{
color:#f09e38;
text-decoration:none;
background:url(/media/images/arrow.gif) no-repeat 50% 100%;
}
#footer{
width:100%;
position:absolute;
bottom:0;
left:0;
height:116px;
background:url(/media/images/bg-footer.png) repeat-x;
padding:74px 0 0;
}
#footer a{color:#ff7603;}
ul.footer-contact{
float:left;
padding:0 89px 0 0;
}
ul.footer-contact li{padding:0 0 3px;}
a.algemene{
float:right;
text-decoration:underline;
margin:13px 6px 0 0;
}
a.algemene:hover{text-decoration:none;}
.footer-content{
width:940px;
margin:0 auto;
overflow:hidden;
}
.banners{
float:left;
padding:5px 115px 0 0;
}
.visual{
width:940px;
height:350px;
}
.visual .slider{
width:717px;
height:350px;
float:left;
border: 0px;
position:relative;
z-index:0;
}
.visual h1{
font:29px/45px 'DejaVuSansCondensed',Arial,Verdana,sans-serif;
color:#fff;
font-weight:normal;
letter-spacing:1px;
margin:3px 0 0;
}
.vacatures{
width:220px;
padding:34px 0 0;
}
.vacatures a{
color:#fff;
display:block;
background:url(/media/images/arrow-r.png) no-repeat 100% 2px;
font:14px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
text-transform:uppercase;
}
ul.visual-nav{
float:right;
margin:60px -32px 0 0;
font:14px 'DejaVuSansCondensed',Arial,Verdana,sans-serif;
text-transform:uppercase;
}
ul.visual-nav li{display:inline;}
ul.visual-nav a{
height:30px;
color:#fff;
text-decoration:none;
display:block;
}
ul.visual-nav a:hover{
color:#012d3f;
font-weight:bold;
}
ul.visual-nav a span{display:block;}
ul.visual-nav strong{font-size:18px;}
a.ict{
width:230px;
background:url(/media/images/new-hover-sprite.png) no-repeat;
margin:0 0 0 4px;
}
a.ict:hover{background-position:0px -40px;}
a.ict span{padding:9px 0 0 52px;}
a.office{
width:203px;
background:url(/media/images/new-hover-sprite.png) no-repeat -232px -1px;
margin:8px 0 0 15px;
}
a.office:hover{background-position: -232px -41px;}
a.office span{padding:7px 0 0 38px;}
a.financials{
background:url(/media/images/new-hover-sprite.png) no-repeat -458px -1px;
width:197px;
margin:8px 0 0 21px;
}
a.financials:hover{background-position:-458px -41px;}
a.financials span{padding:7px 0 0 34px;}
a.sociale{
background:url(/media/images/new-hover-sprite.png) no-repeat -667px -1px;
width:210px;
margin:8px 0 0 10px;
}
a.sociale:hover{background-position:-667px -41px;}
a.sociale span{padding:7px 0 0 48px;}
a.administratief{
width:245px;
background:url(/media/images/new-hover-sprite.png) no-repeat -883px -1px ;
margin:8px 0 0 7px;
}
a.administratief:hover{background-position:-883px -41px;}
a.administratief span{padding:8px 0 0 47px;}
.form-area{
width:865px;
height:60px;
background:url(/media/images/bg-form-area.png) no-repeat;
margin:-40px 0 0 0 ;
padding:17px 0 0 75px;
position:absolute;
top:80;
z-index:100;
}
.form-area h2{
font:25px'DejaVuSansCondensed',Arial,Verdana,sans-serif;
color:#fff;
text-transform:uppercase;
float:left;
margin:6px 0 0;
}
.form-area input.field{
width:200px;
height:16px;
color:#535353;
padding:8px 0 5px 13px;
margin:0 30px 0 25px;
float:left;
display:inline;
border:1px solid #b7b7b7;
position:relative;
}
.form-area select{
width:170px;
height:30px;
padding:7px 0 0 12px;
float:left;
position:relative;
}
.form-area input.button{
float:left;
margin:3px 0 0 40px;
display:inline;
position:relative;
}
a.button{
width:97px;
height:28px;
display:block;
background:url(/media/images/button.gif) no-repeat;
text-align:center;
text-decoration:none;
font-weight:bold;
overflow:hidden;
}
a.button span{
display:block;
padding:5px 0 0;
font-size:12px;
color:#535353;
}
.holder{
width:100%;
overflow:hidden;
}
.content-homepage{
width:940px;
margin:20px 0 0 0;
overflow:hidden;
padding:37px 0 31px;
}
.content-homepage .leftcolumn{
width:290px;
float:left;
background:url(/media/images/bg-column.gif) repeat-y 100% 0;
}
.content-homepage .centercolumn{
width:288px;
float:left;
background:url(/media/images/bg-column.gif) repeat-y 100% 0;
padding:0 0 0 48px;
}
.content-homepage .rightcolumn{
width:265px;
float:left;
padding:0 0 0 47px;
}
.content-homepage h3{
font:24px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
color:#005983;
margin:0 0 30px;
font-weight:bold;
}
.info-box a{
margin:0 0 4px;
font-weight:bold;
}
.info-box{
width:254px;
padding:0 0 27px;
}
.info-box p{line-height:20px;}
.content{
width:100%;
padding:24px 0 0 0;
overflow:hidden;
}
.content .leftcolumn{
width:245px;
float:left;
padding:0 43px 0 0;
}
.content .leftcolumn ul{margin:21px 0 -5px;}
.content .leftcolumn li{
background:url(/media/images/white-arrow.gif) no-repeat;
padding:0 0 15px 23px;
}
.content .leftcolumn dl{
margin:15px 0 0;
font-size:12px;
color:#535353;
}
.content .leftcolumn dt{
font-weight:bold;
padding:0 0 7px;
}
.content .leftcolumn dd{padding:0 0 3px 13px;}
.content .centercolumn{
width:255px;
float:left;
background:url(/media/images/bg-column.gif) repeat-y;
padding:0 0 0 48px;
}
.content .centercolumn ol{margin:0 0 17px 20px;}
.content .centercolumn ol li{padding:0 0 15px;}
.content .centercolumn ul {
list-style-type:square;
list-style-position:inside;
line-height:2em;
}
.content .rightcolumn{
width:265px;
float:left;
padding:0 0 0 63px;
}
.centercolumn table{
border-top:1px solid #ccc;
margin:6px -4px 0 0;
text-align:left;
}
.centercolumn table th{
width:67px;
background:#ebebeb;
padding:5px 0 5px 5px;
border-bottom:1px solid #ccc;
}
.centercolumn table tr td{
border-bottom:1px solid #ccc;
padding:5px 42px 4px 3px;
}
.centercolumn .table-section{padding:0 0 0 4px;}
.rightcolumn img{
margin-top:7px;
}
.content h1{
font:30px 'DejaVuSansCondensed',Arial,Verdana,sans-serif;
color:#fff;
margin:8px 0 65px;
}
.content h2{
font:23px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
color:#005983;
margin:-10px 0 7px;
position:relative;
}
.content h3{
color:#005983;
font-size:18px;
font-weight:normal;
margin:20px 0;
}
.content h4{
font:15px Arial,Verdana,sans-serif;
color:#005983;
}
.content p{line-height:20px;}
.candidates-column{
width:540px;
float:left;
}
.candidates-column p{margin:0 0 19px;}
.candidates-column h3{margin:28px 0 10px;}
.candidates-form{
width:380px;
padding:0 0 0 17px;
float:left;
}
.top{
width:380px;
overflow:hidden;
background:url(/media/images/candidates-top.gif) no-repeat 0 0;
padding-top:8px;
}
.bottom{
width:380px;
overflow:hidden;
background:url(/media/images/candidates-bottom.gif) no-repeat 0 100%;
padding-bottom:7px;
}
.center{
width:380px;
background:url(/media/images/candidates-center.gif) repeat-y;
overflow:hidden;
}
.center .holder{
width:372px;
background:#ff7704 url(/media/images/bg-center.gif) repeat-x;
margin:0 1px;
padding:0 0 0 5px;
}
.row input.field{
float:left;
font-size:15px;
height:16px;
padding:4px 0 5px 5px;
width:193px;
}
.row input.cv{
float:left;
font-size:17px;
height:22px;
padding:5px 0 0 5px;
width:83px;
}
.row label{
display:block;
color:#535353;
font-weight:bold;
font-size:12px;
padding:0 0 4px;
}
.row{
width:344px;
overflow: hidden;
padding:10px 0 2px 16px;
}
.error{
float:right;
background:url(/media/images/bg-error.png) no-repeat;
width:131px;
height:28px;
text-align:center;
padding:0 5px 0 0;
}
.error span{
color:#fff;
font-size:12px;
display:block;
padding:5px 0 0;
}
.candidates-form .button{
margin:0 8px 0 0;
float:right;
}
.tittle-form{
font:24px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
color:#fff;
padding:3px 0 0 16px;
display:block;
}
.submit{
width:100%;
float:left;
}
.submit .button{
float:left;
margin:0 0 16px;
}
.row textarea{
width:197px;
height:96px;
margin:0 0 22px;
}
.employees-form {
width:380px;
float:left;
}
.employees-form input.field{
background:#f0eee7;
border:1px solid #d0d0d0;
}
.employees-form .row{padding:5px 0 7px 16px;}
.employees-content{
width:520px;
float:left;
padding:0 0 0 40px;
}
.employees-content p{
line-height:24px;
margin:11px 0 0;
}
.employees-form .center .holder{
width:378px;
background:#ff7400;
margin:0 1px;
padding:8px 0 0;
}
.employees-form .top{
background:url(/media/images/employees-top.gif) no-repeat;
padding-top:6px;
}
.employees-form .submit .button{
margin:22px 0 6px;
}
.employees-form .submit a{
color:#ac2600;
float:left;
margin:27px 0 0 15px;
}
.email-area input.email-password{
width:183px;
height:23px;
padding:5px 0 0 5px;
font-size:16px;
float:left;
margin:0 0 14px;
background:#f0eee7;
border:1px solid #d0d0d0;
}
.email-area .row{
width:450px;
padding:22px 0 0 0;
}
.email-area label{
padding:6px 39px 0 0;
font-weight:normal;
float:left;
}
.email-area p{margin:10px 0 0;}
.email-section{
width:335px;
float:left;
overflow:hidden;
}
.email-section .button{margin:44px 0 18px;}
.email-section .error{background:none;}
.email-section .error span{color:#e90000;}
.news-box{
width:605px;
float:left;
padding:7px 0 16px;
}
.date{display:block;}
.news-box .date{
padding:0 0 16px;
}
.news-box p{
line-height:18px;
margin:0 0 18px;
}
.news-box h3{margin:0 0 9px;}
.news-image{
width:300px;
float:left;
padding:43px 0 0 32px;
}
.news-image img{border:4px solid #d0d0d0;}
a.news-button{
display:block;
width:166px;
height:29px;
background:url(/media/images/news-button.gif) no-repeat;
overflow:hidden;
text-indent:-9999px;
margin:37px 0 0;
}
.news-list{
width:100%;
background:url(/media/images/news-border.gif) repeat-x 0 100% ;
padding:0 0 31px;
margin:0 0 29px;
}
.news-list .date{
padding:7px 0 15px;
display:block;
}
.news-list img{
float:right;
border:4px solid #dfdfdf;
margin: 38px 0 20px 20px;
display:inline;
}
.news-list p{
margin:0 0 15px;
line-height:18px;
}
.nieuwsarchief{
width:140px;
height:29px;
background:url(/media/images/nieuwsarchief-button.gif) no-repeat;
display:block;
text-indent:-9999px;
margin:43px 0 40px;
}
.news-archive table{
width:920px;
text-align:left;
margin:14px 0 0 0;
}
.news-archive td{
width:130px;
padding:0 0 15px;
background:url(/media/images/news-border.gif) repeat-x 0 23px;
vertical-align:middle;
}
.news-archive td.item{
width:790px;
background:url(/media/images/news-border.gif) repeat-x 0 23px;
vertical-align:top;
}
.news-archive th{
padding:0 0 17px;
background:url(/media/images/news-border.gif) repeat-x 0 23px;
}
.news-archive a.news-button{margin:17px 0 0;}
.candidates-box{
width:100%;
/*background:url(/media/images/news-border.gif) repeat-x 0 100%;*/
overflow:hidden;
margin:0 0 21px;
}
.candidates-box h2{
margin:0;
font:12px Arial,Verdana,sans-serif;
font-weight:normal;
}
.candidates-box .leftcolumn{
width:470px;
float:left;
padding:4px 0 0;
}
.column-line{
width:100%;
background:url(/media/images/bg-column.gif) repeat-y 50% 0;
overflow:hidden;
margin:0 0 -20px 0;
}
.candidates-box a{font-weight:bold;}
.candidates-box .about{
width:395px;
padding:23px 0 0;
}
.candidates-box .rightcolumn{
width:442px;
float:right;
padding:6px 0 20px;
}
a.interesse{
width:95px;
height:29px;
display:block;
background:url(/media/images/interesse-button.gif) no-repeat;
text-indent:-9999px;
margin:22px 0 5px;
overflow:hidden;
}
.employees-table .top{
background:url(/media/images/employees-table-top.gif) no-repeat;
}
.employees-table .center{
background:url(/media/images/employees-table-center.gif) repeat-y;
}
.employees-table .bottom{
background:url(/media/images/employees-table-bottom.gif) no-repeat 0 100%;
}
span.welcome{
display:block;
font:24px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
color:#005983;
margin:2px 0 6px;
}
.employees-table .name{
font:14px 'DejaVuSansCondensed-Bold',Arial,Verdana,sans-serif;
color:#005983;
}
.employees-table .data{
width:98px;
font-weight:bold;
background:#d3d3d3 url(/media/images/employees-table-bg.gif) repeat-x;
}
.employees-table table{margin:18px 0 29px 0;}
.employees-table table .data-last{
border-bottom:1px solid #b1bdc2;
background:#d3d3d3 url(/media/images/employees-table-bg.gif) repeat-x;
}
.last{border-bottom:1px solid #c1ccd2;}
.employees-table td{
background:url(/media/images/employees-table-bg.gif) repeat-x;
text-align:left;
padding:9px 0 5px 10px;
width:222px;
}
.employees-table .adress{
width:98px;
background:#d3d3d3 url(/media/images/employees-table-bg.gif) repeat-x;
font-weight:bold;
padding:12px 0 65px 10px;
}
.employees-table strong{display:block;}
.employees-table .links{width:115px;}
.employees-table .links a{
display:block;
margin:9px 0;
}
.employees-table p{line-height:26px;}
.employees-table .center{
padding:0 0 0 18px;
}
.employees-vacanties{
width:532px;
float:left;
padding:0 0 0 29px;
}
.employees-vacanties strong{color:#066d8f;}
.employees-vacanties .holder{padding:7px 0 25px;}
.employees-vacanties p{margin:0 0 4px;}
.employees-table{
width:380px;
float:left;
}
.vacanties-form input.number{
width:16px;
height:16px;
padding:6px 10px;
margin:0 15px 0 6px;
border:1px solid #d0d0d0;
}
.vacanties-form {margin:-5px 0 0 ;}
.vacanties-form input.field-date{
width:62px;
height:17px;
padding:6px 11px;
margin:0 10px 0 5px;
border:1px solid #d0d0d0;
}
.vacanties-form .button{
margin:20px 0 0;
float:left;
}
.vacanties-form em{
float:left;
margin:27px 0 0 19px;
}
.tips-form{
width:470px;
float:left;
}
.tips-form input.contact-field{
width:229px;
height:18px;
float:left;
font-size:17px;
padding:5px 0 5px 5px;
border:1px solid #d0d0d0;
}
.tips-form .input-area{
width:385px;
float:right;
}
.tips-form .row{
width:525px;
padding:1px 0 0 3px;
}
.tips-form label{
float:left;
font-weight:normal;
padding:8px 0 11px;
}
.tips-form .row input.small-field{
width:130px;
height:32px;
font-size:17px;
padding:5px 2px;
float:left;
margin:0 6px 0 0;
}
.tips-form .row textarea{
width:231px;
height:123px;
margin:0 0 13px;
padding:3px 0 0 3px;
}
.keuze{
width:235px;
height:30px;
padding:5px 0 0 5px;
margin:0 0 6px;
}
.tips-form .error{background:none;}
.tips-form .error span{
color:#e90000;
margin:0 58px 0 0;
}
.tips-form .row .input-area .button{margin:0;}
.tips-form .holder{padding:31px 0 0;}
.tips-form .row .button{margin:44px 0 0 137px;}
label span{color:#e90000;}
.contact{
width:194px;
float:left;
padding:0 27px 0 0;
}
.contact ul address{font-style:normal;}
.contact ul{margin:28px 0 -8px 0;}
.contact li{padding:0 0 5px;}
.map{
width:196px;
float:left;
}
.ict-column{
width:434px;
float:left;
}
.search-vacatures{
width:100%;
}
.search-vacatures .center{
background:url(/media/images/search-box-center.gif) repeat-y;
width:430px;
}
.search-vacatures .center .holder{
background:#ff7603 url(/media/images/bg-search-box.gif) repeat-x;
width:428px;
padding:6px 0 16px 5px;
margin:0 1px;
}
.search-vacatures .bottom{
background:url(/media/images/search-box-bottom.gif) no-repeat 0 100%;
padding-bottom:10px;
width:430px;
}
.search-vacatures .top{
background:url(/media/images/search-box-top.gif) no-repeat;
width:430px;
padding:4px 0 12px;
}
.search-vacatures input.search-field{
font-size:12px;
height:16px;
margin:0 19px 0 0;
padding:5px 0 5px 12px;
width:212px;
float:left;
}
.box h3{
font:12px Arial,Verdana,sans-serif;
font-weight:normal;
margin:0;
}
.box{
width:420px;
float:left;
background:url(/media/images/news-border.gif) repeat-x 0 100%;
margin:0 0 12px;
}
.alle{
float:left;
width:132px;
height:28px;
background:url(/media/images/alle.gif) no-repeat;
text-indent:-9999px;
margin:0 10px 0 0;
}
.sollicitatie{
float:left;
width:142px;
height:29px;
background:url(/media/images/sollicitatie.gif) no-repeat;
text-indent:-9999px;
}
.office-column{
width:434px;
float:left;
padding:0 0 0 74px;
}
.search-vacatures .date{padding:3px 0 15px;}
.search-vacatures .links{
width:285px;
float:left;
padding:16px 0 0;
}
.search-vacatures .search-button{
float:right;
}
.holder-form{
width:490px;
padding:0 0 0 35px;
float:left;
}
.large-form .top{
width:940px;
padding-top:6px;
background:url(/media/images/large-form-top.gif) no-repeat;
}
.large-form .bottom{
width:940px;
padding-bottom:13px;
background:url(/media/images/large-form-bottom.gif) no-repeat 0 100%;
}
.large-form .center{
width:940px;
background:url(/media/images/large-form-center.gif) repeat-y;
}
.large-form .center .holder{
width:940px;
}
.centercolumn table th.last{
width:100px;
}
/* SCREEN CSS by Kees-tm */
p.error {
color: red;
font-size: .9em;
padding: 8px 8px 0px 8px;
border: 0;
}
span.error {
color: red;
float: right;
width: 240px;
font-size: .9em;
padding: 2px;
}
.required{
color: red;
}
.vacaturezoeken{
font:25px'DejaVuSansCondensed',Arial,Verdana,sans-serif;
color:#fff;
text-transform:uppercase;
float:left;
margin:6px 0 0;
}
#map_canvas{
width:196px;
height:427px;
}
#map_canvas span{
display: block;
}
#submit{
float:left;
clear:both;
margin-top:2px;
margin-bottom:5px;
margin-left:0px;
padding:5px;
}
.tip a{
float:right;
width:121px;
height:43px;
background:url(/media/images/TIP.gif) no-repeat;
text-indent:-999px;
display:block;
}
.inloggen a{
float:right;
width:97px;
height:45px;
background:url(/media/images/inloggen.gif) no-repeat;
text-indent:-999px;
display:block;
}
em{
padding-bottom:20px;
}
input.button{
padding:5px 20px;
}
input.search-button
{
/*float:left;
margin-top:0px;
margin-bottom:5px;
margin-left:20px;*/
position: relative;
top:-1px;
padding:5px 20px;
}
#associates .submit, #openvacancy .submit, #candidateRequest .submit, #candidate .submit{
padding-left:20px}
*.info-box a{
font-size:12px;
}
#keuze, #main select{
height:25px;
width:198px;
font:14px Arial,Verdana,sans-serif;
padding-top:3px;
}
#main select{
height:29px;
padding-top:6px;
color:#535353;
}
#main .field{
font:14px Arial,Verdana,sans-serif;
}
#vacature #submit{
margin: 0 0 15px 15px;
}
#candidateRequest #submit, #candidateform #submit, #openvacancy #submit{
margin: 0 0 15px 0px;
position: relative;
left:-5px;
}
#main .button{
position: relative;
top:-5px;
left:-10px;
padding:5px 20px;
}
.info-box{
height: 80px;
}
.info-box h4{
line-height: 20px;
}
.ict-column div.box,
.office-column div.box{
height: 130px;
}
.candidates-column .kopcore{
color:#005983;
font-size:18px;
padding:0px 0 0px 0;
font-weight:normal;
margin:28px 0 10px;
}
.candidates-column .laatste{
padding:0px 0 15px 0;
}
.candidates-column p{margin:0 0 19px;}
.candidates-column h3{}
/* meerwerk vacatures css */
.form-area_nofloat{
width:865px;
height:60px;
background:url(/media/images/bg-form-area.png) no-repeat;
padding:17px 0 35px 75px;
position: relative;
}
.form-area_nofloat h2{
font:25px'DejaVuSansCondensed',Arial,Verdana,sans-serif;
color:#fff;
text-transform:uppercase;
float:left;
margin:6px 0 0;
}
.form-area_nofloat input.field{
width:200px;
height:16px;
color:#535353;
padding:8px 0 5px 13px;
margin:0 30px 0 25px;
float:left;
display:inline;
border:1px solid #b7b7b7;
position:relative;
}
.form-area_nofloat select{
width:170px;
height:30px;
padding:7px 0 0 12px;
float:left;
position:relative;
}
.form-area_nofloat input.button{
float:left;
margin:3px 0 0 40px;
display:inline;
position:relative;
}