/* BASE */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing : 0; }
fieldset, img { border: 0; }
form { display: block; }
ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
table, tr, td {  font-size: 1em; }

/* GLOBAL */

body { margin: 0; padding: 0; background: #fff; font: normal 12px Arial, Helvetica, sans-serif; }
a {text-decoration: none; color: #cd444e}
.clear {clear: both}
h1 {color:#A3A3A3; font-family:Arial,Tahoma; font-size:24px; font-style:italic; color:#A3A3A3; margin-top:35px; z-index:30;}

/* LOGIN FORM */

.grey-box {background-color: #f2f2f2; padding: 12px 12px 12px 20px; width: 188px; color:#454545;}
.grey-box-gradient {background: url(../img/box-background.png); padding: 12px 12px 12px 20px; width: 188px; color:#454545;}
.grey-box-gradient li {line-height: 30px}

.login-form label {font-size: 11px; color:#454545; padding: 5px 0 0 0;}
.login-form input {border: 1px solid #929292; width: 175px; margin-bottom:5px;}
.login-form #login {border: none; background: #F2F2F2 url(../img/harrow.gif) no-repeat scroll 0px center; color: #cd444e; float: right; width: auto; padding: 0 10px 0 5px;}
.login-helpers {font-size: 11px;}

.link-arrow {background: #F2F2F2 url(../img/harrow.gif) no-repeat scroll 0px center; color: #cd444e; float: right; width: auto; padding: 0 10px 0 10px;}

.nav li {padding:0 0 0 18px;}
.nav li a {color:#454545;}
.nav-selfinfo {background: url(../img/icon-selfinformation.png) no-repeat scroll 0px center; line-height: 15px !important}
.nav-declaration {background: url(../img/icon-declaration.png) no-repeat scroll 0px center; }
.nav-settings {background: url(../img/icon-settings.png) no-repeat scroll 0px center;}
.nav-document {background: url(../img/icon-document.png) no-repeat scroll 0px center;}
.nav-productnews {background: url(../img/icon-productnews1.png) no-repeat scroll 0px center;}
.nav-contact {background: url(../img/icon-contact.png) no-repeat scroll 0px center;}
.nav-application {background: url(../img/icon-application.png) no-repeat scroll 0px center;}
.nav-overview {background: url(../img/icon-overview.png) no-repeat scroll 0px center;}
.nav-changes {background: url(../img/icon-changes.png) no-repeat scroll 0px center;}

/* REGISTRATION FORM STEP 0 */
.registration-form .input {width: 210px;}
.registration-form textarea {width: 210px; border: 1px solid #939393;}
.registration-form .prefix {width: 48px;}
.registration-form .number {width: 151px;}
.registration-form .submit {width: auto; overflow: visible; background: #c41220 url(../img/arrow-white.png) scroll no-repeat 5px center; color: #ffffff; padding: 2px 10px 3px 15px; float: right; border: none}
.registration-form .select {width: 210px; border: 1px solid #939393; font-size: 12px;}
.registration-form .radio {border: 0px;}
.registration-form .file {background-color: #ffffff;}
.registration-form input {border: 1px solid #939393; padding-left: 0px; padding-right: 0px;}
.registration-form table {border-collapse: separate; border-spacing: 5px; width: 420px;}
.registration-form td {vertical-align: top}
.radiotd {font-size: 11px;}
.spacer {margin-right: 20px;}

/* IE hack: remove extra width in input buttons */
.step-button {width: auto; overflow: visible}

#supplierinfo-nav {float:right; width: 260px}
#supplierinfo-nav input {background: transparent; border: 0px; color: #cccccc; font-size: 13px; padding-top: 2px; }
#supplierinfo-nav li {background: url(../img/nav-gray.png) no-repeat; padding-left: 15px; height: 24px; }
#supplierinfo-nav li.selected {background: url(../img/nav-red.png) no-repeat;}
#supplierinfo-nav li.selected input {color: #c51321;}

/* REGISTRATION FORM, STEP 1 AND NEXTS */
.registration-form-details .input {width: 400px; color: #878787; font-size: 12px; font-family: Arial,Helvetica,sans-serif;}
.registration-form-details .submit {background: #c41220 url(../img/arrow-white.png) scroll no-repeat 5px center; color: #ffffff; padding: 2px 10px 3px 15px; float: right; border: none}
.registration-form-details textarea {width: 400px; height: 49px; overflow: auto; color: #878787; border: 0px; background: url(../img/textarea-line.png); font-family: Arial, Helvetica, sans-serif; font-size: 12px;}
.registration-form-details textarea.short {height: 34px; border: 0px;}
.registration-form-details input {border-bottom: 1px solid #c7c7c7; border-top: 0px; border-left: 0px; border-right: 0px;}
.registration-form-details table {border-collapse: separate; border-spacing: 5px; width: 420px;}
.registration-form-details td {vertical-align: top; line-height: 19px;}
.registration-form-details td.choice {vertical-align: middle}
.registration-form-details table ul {padding-left: 20px;}

/* REGISTRATION, Banner Decision */
.password-input {border:1px solid #939393 !important; padding-left:0; padding-right:0;}

/* SUPPLIER SIDE */
.new-applications-table th {text-align: left;}
.new-applications-table tr {height: 20px;}
.new-applications-table tr.odd {background: #f2f2f2}
.new-applications-table tr.even {background: #ffffff}

.answer {color: #878787;}
.show-map {padding-left: 10px; padding-top: 5px;}
.supplier-details {display: none}

/* PRODUCT */
.product-form input {border: 1px solid #939393; padding-left: 0px; padding-right: 0px;}
.product-form .input {width: 400px;}
.product-form table {border-collapse: separate; border-spacing: 5px; width: 600px;}
.product-form td {vertical-align: top}
.product-form textarea {width: 400px; height: 120px; border: 1px solid #939393;}
.product-form .submit {width: auto; overflow: visible; background: #c41220 url(../img/arrow-white.png) scroll no-repeat 5px center; color: #ffffff; padding: 2px 10px 3px 15px; float: right; border: none}
.product-details {display: none}

/* PURCHASER SIDE */
.disabled {color: #c0c0c0}

/* --contact person */
.contact-details {display: none}


/* DIVERS */
#captcha-input {width: 200px; text-align: center}
#saveNoSpam {background: #c41220 url(../img/arrow-white.png) scroll no-repeat 5px center; color: #ffffff; padding: 2px 10px 3px 15px; float: right; border: none}
.red {color: red;}
.user-parameters {display: none;}