﻿/* === Orderform etc, registration & profile === */

table.user_reg th { width: 150px; margin: 5px; }
table.user_reg th span.red { color: red; }
table.user_reg td input { margin: 1px 0; width: 150px; } 
input.reg_submit { margin: 20px 0; background-image:url('images/smallbtn_w.png'); width: 85px; height: 25px; border: 0; color: white;  }
.visibilityHidden { visibility: hidden; } 
div#morelang.visibilityHidden ul li { display: none; } 
div#badges.visibilityHidden ul li { display: none; }
div#invoice.visibilityHidden ul li { display: none; }.visibilityVisible { visibility: visible; }
table.visibilityVisible td input { margin: 1px 0; width: 150px; }
table.visibilityVisible th { width: 150px; margin: 5px; }

#orderform li#field1 { margin-bottom: 5px; width:600px; } 
#field1 .label { font-weight: bold; }
#field1 .inputfield { display: none; }
#field1 .fielddescription { display: none; }
div#orderform li#field2 { clear: left;  width: 200px; }
#field2 .label { float:left; width: 125px; padding-right: 10px; }
#field2 .inputfield { float: left; width: 30px; }
#field2 .inputfield input { width: 30px; }
#field2 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field3 { clear: none; }
#field3 .label { float:left; width: 85px; padding: 0 10px; }
#field3 .inputfield { float: left; width: 130px; }
#field3 .fielddescription { float: left; width: 100px; padding-left: 5px; }
div#orderform li#field4 { clear: left;  width:100%; }
/*#field4 .label { float:left; width: 125px; padding-right:10px; }
#field4 .inputfield { float:left; width:500px; }*/
#field4 .inputfield input { position:relative; width: 20px; margin:2px 5px 2px 0; }
#field4 .inputfield input#DIOrderFormNOV2_folder_3, #field4 .inputfield input#DIOrderFormV2_folder_3 { display: inline-block; top:-10px;  }
#field4 .inputfield span { display: inline-block; width:475px; }
#field4 .fielddescription { margin:5px 0; padding:0; }
div#orderform li#field-4, div#orderform li#extrafolder { clear: left;  width: 400px; }
#field-4 .label, #extrafolder .label { float:left; width: 125px; padding-right: 10px; }
#field-4 .inputfield, #extrafolder .inputfield { float: left; width: 30px; }
#field-4 .inputfield input, #extrafolder .inputfield input { width: 30px; }
#field-4 .fielddescription, #extrafolder .fielddescription { float: left; width: 220px; padding-left: 5px; }
div#orderform li#field5, div#orderform li#field-5, div#orderform li#extrafolderlang { clear: none; }
#field5 .label, #field-5 .label, #extrafolderlang .label { float:left; width: 85px; padding: 0 10px; }
#field5 .inputfield, #field-5 .inputfield, #extrafolderlang .inputfield { float: left; width: 130px; }
#field5 .fielddescription { float: left; width: 200px; padding-left: 5px; }
#field-5 .fielddescription, #extrafolderlang .fielddescription { float: left; width: 10px; padding-left: 5px; }
div#orderform li#field6 {  }
div#orderform li#field7, div#orderform li#addbuttons { clear: left;  width: 600px; }
#field7 .label { float:left; width: 125px; padding-right: 10px; }
#addbuttons .label { float:left; width: 125px; padding-right: 10px; }
#field7 .inputfield, #addbuttons .inputfield { float: left; width: 30px; }
#field7 .inputfield input, #addbuttons .inputfield input { width: 30px; }
#field7 .fielddescription, #addbuttons .fielddescription { display: none; }
div#orderform li#buttonlabel, div#orderform li#buttonlabel2 { clear: left; float: left;  width: 135px; }
#buttonlabel .label, #buttonlabel2 .label { float:left; width: 125px; padding-right: 10px; }
div#orderform li#buttonsred, div#orderform li#buttonsblue, div#orderform li#buttonsgreen { clear: none; float: left;  width: 120px; }
div#orderform li#buttonpricelabel { clear: none; float: left; margin-left:10px; width: 200px; }
#buttonsred .label, #buttonsblue .label, #buttonsgreen .label {}
#buttonsred .inputfield, #buttonsblue .inputfield, #buttonsgreen .inputfield { float: left; width: 30px; }
#buttonsred .inputfield input, #buttonsblue .inputfield input, #buttonsgreen .inputfield input { width: 30px; }
#buttonsred .fielddescription, #buttonsblue .fielddescription, #buttonsgreen .fielddescription { float: left; width: 75px; padding-left: 5px; }
div#orderform li#buttonsrednotxt, div#orderform li#buttonsbluenotxt, div#orderform li#buttonsgreennotxt { clear: none; float: left;  width: 120px; }
div#orderform li#buttonprice2 { clear: none; float: left; margin-left:10px; width:200px; }
#buttonsrednotxt .label, #buttonsbluenotxt .label, #buttonsgreennotxt .label {}
#buttonsrednotxt .inputfield, #buttonsbluenotxt .inputfield, #buttonsgreennotxt .inputfield { float: left; width: 30px; }
#buttonsrednotxt .inputfield input, #buttonsbluenotxt .inputfield input, #buttonsgreennotxt .inputfield input { width: 30px; }
#buttonsrednotxt .fielddescription, #buttonsbluenotxt .fielddescription, #buttonsgreennotxt .fielddescription { float: left; width: 75px; padding-left: 5px; }
div#orderform li#field8 { clear: left;  width: 200px; }
#field8 .label { float:left; width: 125px; padding-right: 10px; }
#field8 .inputfield { float: left; width: 30px; }
#field8 .inputfield input { width: 30px; }
#field8 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field9 { clear: none; }
#field9 .label { float:left; width: 85px; padding: 0 10px; }
#field9 .inputfield { float: left; width: 130px; }
#field9 .fielddescription { float: left; /*width: 200px;*/ padding-left: 5px; }
div#orderform li#field10 { clear: left;  width: 200px; }
#field10 .label { float:left; width: 125px; padding-right: 10px; }
#field10 .inputfield { float: left; width: 30px; }
#field10 .inputfield input { width: 30px; }
#field10 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field11 { clear: none; }
#field11 .label { float:left; width: 85px; padding: 0 10px; }
#field11 .inputfield { float: left; width: 130px; }
#field11 .fielddescription { float: left; width: 100px; padding-left: 5px; }
div#orderform li#field12 { clear: left;  width: 200px; }
#field12 .label { float:left; width: 125px; padding-right: 10px; }
#field12 .inputfield { float: left; width: 30px; }
#field12 .inputfield input { width: 30px; }
#field12 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field13 { clear: none; }
#field13 .label { float:left; width: 85px; padding: 0 10px; }
#field13 .inputfield { float: left; width: 130px; }
#field13 .fielddescription { float: left; width: 100px; padding-left: 5px; }
div#orderform li#field14 { clear: left;  width: 200px; }
#field14 .label { float:left; width: 200px; padding-right: 0px; }
#field14 .inputfield { float: left; width: 30px; }
#field14 .inputfield input { width: 30px; }
#field14 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field15 { clear: none; }
#field15 .label { float:left; width: 85px; padding: 0 10px; }
#field15 .inputfield { float: left; width: 130px; }
#field15 .fielddescription { float: left; padding-left: 5px; }
div#orderform li#field16 { clear: left;  width: 200px; display:none;}
#field16 .label { float:left; width: 125px; padding-right: 10px; }
#field16 .inputfield { float: left; width: 30px; }
#field16 .inputfield input { width: 30px; }
#field16 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field17 { clear: none; display:none;}
#field17 .label { float:left; width: 85px; padding: 0 10px; }
#field17 .inputfield { float: left; width: 130px; }
#field17 .fielddescription { float: left; width: 200px; padding-left: 5px; }
div#orderform li#field18 { clear: left;  width: 200px; display:none; }
#field18 .label { float:left; width: 125px; padding-right: 10px; }
#field18 .inputfield { float: left; width: 30px; }
#field18 .inputfield input { width: 30px; }
#field18 .fielddescription { float: left; width: 30px; padding-left: 5px; }
div#orderform li#field19 { clear: none; display:none; }
#field19 .label { float:left; width: 85px; padding: 0 10px; }
#field19 .inputfield { float: left; width: 130px; }
#field19 .fielddescription { float: left; width: 200px; padding-left: 5px; }
div#orderform li#field20 {  }
div#orderform li#field21 { margin-bottom: 5px; *width: 640px; }
#field21 .label { font-weight: bold; }
#field21 .inputfield { display: none; }
#field21 .fielddescription { display: none; }
div#orderform li#field22 { clear: left;  width: 450px; }
#field22 .label { float:left; width: 125px; padding-right: 10px; }
#field22 .inputfield { float: left; width: 30px; }
#field22 .inputfield input { width: 30px; }
#field22 .fielddescription { float: left; width: 250px; padding-left: 5px; }
div#orderform li#field23 { clear: left;  width: 640px; }
#field23 .label { float:left; width: 125px; padding-right: 10px; }
#field23 .inputfield { float: left; width: 30px; }
#field23 .inputfield input { width: 30px; }
#field23 .fielddescription { float: left; width: 470px; padding-left: 5px; }
div#orderform li#field24 { }
div#orderform li#field25 { clear: left;  width: 400px; }
#field25 .label { float:left; width: 125px; padding-right: 10px; }
#field25 .inputfield { float: left; width: 30px; }
#field25 .inputfield input { width: 30px; }
#field25 .fielddescription { float: left; width: 200px; padding-left: 5px; }
div#orderform li#sklanguage { clear: none; }
#sklanguage .label { float:left; width: 85px; padding: 0 10px; }
#sklanguage .inputfield { float: left; width: 130px; }
#sklanguage .fielddescription { float: left; /*width: 10px; padding-left: 5px;*/ }
div#orderform li#field26 { clear: left;  width: 640px; }
#field26 .label { float:left; width: 125px; padding-right: 10px; }
#field26 .inputfield { display: none; }
#field26 .fielddescription { float: left; width: 500px; padding-left: 5px; }
div#orderform li#field27 { }
div#orderform li#field28 { margin-bottom: 5px; *width: 640px; }
#field28 .label { font-weight: bold; }
#field28 .inputfield { display: none; }
#field28 .fielddescription { display: none; }
div#orderform li#field29 { clear: left;  width: 640px; }
div#orderform li#field29.no { clear: left;  width: 640px; margin-top:5px; }
#field29 .label { float: left; }
#field29 .inputfield { float: left; width: 20px; margin-left: 7px; }
#field29 .inputfield input { }
#field29 .fielddescription { float: left; width: 600px; }
div#orderform li#field30 { clear: left;  width: 640px; }
#field30 .label { float:left; width: 125px; padding-right: 10px; }
#field30 .inputfield { float: left; width: 250px; }
#field30 .inputfield input { width: 250px; }
#field30 .fielddescription { float: left; width: 100px; padding-left: 5px; }
div#orderform li#field31 { clear: left;  width: 640px; }
#field31 .label { margin-top: 5px; float:left; width: 600px; padding-right: 10px; }
#field31 .inputfield { display: none; }
#field31 .fielddescription { display: none; }
#field31.no .label { margin-top: 5px; float:left; clear:both; width: 600px; padding:0 0 0 34px; }
#field31.no .inputfield { display: block; float: left; width: 20px; margin-left: 14px; }
#field31.no .fielddescription { display: block; float: left; width: 600px; }
div#orderform li#field32 { clear: left;  width: 640px; }
#field32 .label { float:left; width: 125px; padding-right: 10px; }
#field32 .inputfield { float: left; width: 250px; }
#field32 .inputfield input { width: 250px; }
#field32 .fielddescription { float: left; width: 100px; padding-left: 5px; }
div#orderform li#field33 { }
div#orderform li#field34 { margin-bottom: 5px; *width: 640px; }
#field34 .label { font-weight: bold; }
#field34 .inputfield { display: none; }
#field34 .fielddescription { display: none; }
div#orderform li#field35 { clear: left;  width: 600px; }
#field35 .label { float:left; width: 125px; padding-right: 10px; }
#field35 .inputfield { float: left; width: 250px; }
#field35 .inputfield input { width: 250px; }
#field35 .fielddescription { display: none; }
div#orderform li#field36 { clear: left;  width: 600px; }
#field36 .label { float:left; width: 125px; padding-right: 10px; }
#field36 .inputfield { float: left; width: 250px; }
#field36 .inputfield input { width: 250px; }
#field36 .fielddescription { display: none; }
div#orderform li#field37 { clear: left;  width: 600px; }
#field37 .label { float:left; width: 125px; padding-right: 10px; }
#field37 .inputfield { float: left; width: 250px; }
#field37 .inputfield input { width: 250px; }
#field37 .fielddescription { display: none; }
div#orderform li#field38 { clear: left;  width: 600px; }
#field38 .label { float:left; width: 125px; padding-right: 10px; }
#field38 .inputfield { float: left; width: 250px; }
#field38 .inputfield input { width: 250px; }
#field38 .fielddescription { display: none; }
div#orderform li#field39 { clear: left;  width: 600px; }
#field39 .label { float:left; width: 125px; padding-right: 10px; }
#field39 .inputfield { float: left; width: 250px; }
#field39 .inputfield input { width: 250px; }
#field39 .fielddescription { display: none; }
div#orderform li#field40 { clear: left;  width: 600px; }
#field40 .label { float:left; width: 125px; padding-right: 10px; }
#field40 .inputfield { float: left; width: 250px; }
#field40 .inputfield input { width: 250px; }
#field40 .fielddescription { display: none; }
div#orderform li#field41 { clear: left;  width: 600px; }
#field41 .label { float:left; width: 125px; padding-right: 10px; }
#field41 .inputfield { float: left; width: 250px; }
#field41 .inputfield input { width: 250px; }
#field41 .fielddescription { display: none; }
div#orderform li#field42 { clear: left;  width: 600px; }
#field42 .label { float:left; width: 125px; padding-right: 10px; }
#field42 .inputfield { float: left; width: 250px; }
#field42 .inputfield input { width: 250px; }
#field42 .fielddescription { display: none; }
div#orderform li#field43 { clear: left;  width: 600px; }
#field43 .label { float:left; width: 125px; padding-right: 10px; }
#field43 .inputfield { float: left; width: 250px; }
#field43 .inputfield input { width: 250px; }
#field43 .fielddescription { display: none; }
div#orderform li#field44 { clear: left;  width: 600px; }
#field44 .label { float:left; width: 125px; padding-right: 10px; }
#field44 .inputfield { float: left; width: 250px; }
#field44 .inputfield input { width: 250px; }
#field44 .fielddescription { float: left; width: 200px; padding-left: 5px; }
div#orderform li#field45 {  }
div#orderform li#field46 { margin-bottom: 5px; *width: 640px; }
#field46 .label { font-weight: bold; }
#field46 .inputfield { display: none; }
#field46 .fielddescription { display: none; }
div#orderform li#field47 { clear: left;  width:100%; }
#field47 .inputfield input { position:relative; width: 20px; margin:2px 5px 2px 0; }
#field47 .inputfield span { display: inline-block; margin:0 20px 0 0; }
#field47 .fielddescription { margin:5px 0; padding:0; }
/*
div#orderform li#field47 { clear: left;  width: 600px; }
#field47 .label { float:left; width: 200px; padding-right: 10px; }
#field47 .inputfield { float: left; width: 30px; }
#field47 .inputfield input { width: 30px; }
#field47 .fielddescription { display: none; }
*/
div#orderform li#field48 { clear: left;  width: 600px;  }
#field48 .label { float:left; width: 125px; padding-right: 10px; }
#field48 .inputfield { float: left; width: 250px; }
#field48 .inputfield input { width: 250px; }
#field48 .fielddescription { display: none; }
div#orderform li#field49 { clear: left;  width: 600px; }
#field49 .label { float:left; width: 125px; padding-right: 10px; }
#field49 .inputfield { float: left; width: 250px; }
#field49 .inputfield input { width: 250px; }
#field49 .fielddescription { display: none; }
div#orderform li#field50 { clear: left;  width: 600px; }
#field50 .label { float:left; width: 125px; padding-right: 10px; }
#field50 .inputfield { float: left; width: 250px; }
#field50 .inputfield input { width: 250px; }
#field50 .fielddescription { display: none; }
div#orderform li#field51 { clear: left;  width: 600px; }
#field51 .label { float:left; width: 125px; padding-right: 10px; }
#field51 .inputfield { float: left; width: 250px; }
#field51 .inputfield input { width: 250px; }
#field51 .fielddescription { display: none; }
div#orderform li#field52 { clear: left;  width: 600px; }
#field52 .label { float:left; width: 125px; padding-right: 10px; }
#field52 .inputfield { float: left; width: 250px; }
#field52 .inputfield input { width: 250px; }
#field52 .fielddescription { display: none; }
div#orderform li#field53 { clear: left;  width: 600px; }
#field53 .label { float:left; width: 125px; padding-right: 10px; }
#field53 .inputfield { float: left; width: 250px; }
#field53 .inputfield input { width: 250px; }
#field53 .fielddescription { display: none; }
div#orderform li#field54 { clear: left;  width: 600px; }
#field54 .label { float:left; width: 125px; padding-right: 10px; }
#field54 .inputfield { float: left; width: 250px; }
#field54 .inputfield input { width: 250px; }
#field54 .fielddescription { display: none; }
div#orderform li#field55 { clear: left;  width: 600px; }
#field55 .label { float:left; width: 125px; padding-right: 10px; }
#field55 .inputfield { float: left; width: 250px; }
#field55 .inputfield input { width: 250px; }
#field55 .fielddescription { display: none; }
div#orderform li#field56 { clear: left;  width: 600px; }
#field56 .label { float:left; width: 125px; padding-right: 10px; }
#field56 .inputfield { float: left; width: 250px; }
#field56 .inputfield input { width: 250px; }
#field56 .fielddescription { display: none; }
div#orderform li#field57 {  }
div#orderform li#field58 { margin-bottom: 5px; }
#field58 .label { font-weight: bold; }
#field58 .inputfield { display: none; }
#field58 .fielddescription { display: none; }
div#orderform li#field59 { clear: left;  width: 600px; }
#field59 .label { float:left; width: 125px; padding-right: 10px; }
#field59 .inputfield { float: left; width: 250px; }
#field59 .inputfield input { width: 250px; }
#field59 .fielddescription { clear: left; margin-left: 135px; padding-top:5px; width: 475px; }
div#orderform li#field60 { clear: left;  width: 600px; }
#field60 .label { float:left; width: 125px; padding-right: 10px; }
#field60 .inputfield { float: left; width: 250px; }
#field60 .inputfield textarea { width: 250px; }
#field60 .fielddescription { display: none; }
div#orderform li#field61 { clear: left;  width: 600px; }
#field61 .label { float:left; width: 125px; padding-right: 10px; }
#field61 .inputfield { float: left; width: 250px; }
#field61 .inputfield input { width: 250px; }
#field61 .fielddescription { display: none; }
div#orderform li#commentslabel { margin-bottom: 5px; }
#commentslabel .label { font-weight: bold; }
#commentslabel .inputfield { display: none; }
#commentslabel .fielddescription { display: none; }
div#orderform li#field62 {  }
div#orderform li#field63 { margin-bottom: 5px; }
#field63 .label { font-weight: bold; }
#field63 .inputfield { display: none; }
#field63 .fielddescription { display: none; }
div#orderform li#field64 { clear: left;  width: 600px; }
#field64 .label { float:left; width: 125px; padding-right: 10px; }
#field64 .inputfield { float: left; width: 250px; }
#field64 .inputfield input { width: 250px; }
#field64 .fielddescription { display: none; }
div#orderform li#field65 {  }

