.hasso_loader { background: url("http://my.nero.com/img/orange-free/busy.gif") no-repeat 50% 50% #fff; filter: alpha(opacity=60); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=60)"; opacity: 0.6; position: fixed; text-align: center; } .hasso h1, .hassoprofile h1 { border: 0; font-size: 120%; margin: 0; } .hasso h2, .hassoprofile h2 { border: 0; font-size: 110%; margin: 0; } .newsletter_buttons { margin-top: 3px; } .hasso_window .body { margin: 0; } .hassoform input.field, .hassoform input.fielderror, .hassoform select.field, .hassoform select.fielderror { padding: 3px; } .hasso_window .header { background-image: url("http://my.nero.com/img/orange-free/hasso-topbg.jpg") !important; margin-bottom: 3px; } .hasso_window .header .headline { color: #fff !important; font-size: 17px !important; margin: 8px 5px 0 5px !important; } .hasso_window .main { border: none !important; } .hassoform { margin: 8px 0 !important; padding-left: 0; } .hassoform li.hassoform_item, .hassoform ul { list-style-type: none; margin-left: 0; padding-left: 0; } .hasso_window .wizard .auto_wizard_item { border: none !important; height: 16px !important; z-index: 100; } .hasso_window .wizard .auto_wizard_item_active { background: url("http://my.nero.com/img/orange-free/hasso-wizard.png") no-repeat 100% -24px !important; padding: 4px 10px 4px 0 !important; z-index: 1000; } .hasso_window .wizard .auto_wizard_item_active span { padding: 4px 8px 4px 6px !important; } .hasso_window .wizard .auto_wizard_item_inactive a { color: #888; } .hasso_window .wizard .auto_wizard_item_active span { background-position: 0 -24px; z-index: 1000; } .hasso_window .wizard_progress { background-color: #e0e0e0; height: 24px; } .hassoform .hassoform_item { max-height:150px; margin-bottom: 10px; } .hasso_window .caption { padding-left: 5px; width: 225px !important; } .hasso_window .elements { padding-right: 5px; width: 300px !important; } .e_inline .elements { width:185px !important; } .hasso_window .agb { margin-left: 5px !important; width: 545px !important; } .hassoform .signup_row_names input.field, .hassoform .signup_row_names input.fielderror, .hassoform .signup_row_names select.field, .hassoform .signup_row_names select.fielderror { width: 132px !important } .hassoform .signup_row_names span.head { width: 138px !important; } .hasso_window .wizard_navigator { margin-top: 20px; } #upper #header_nav #mnhasso a { border: none; } #mnhasso { color: #fff; font-size: 9px; margin-right: 15px; padding: 1px 0; } #mnhasso a { color: #fff !important; display: inline !important; float:none !important; font-size:9px !important; padding: 0 1px !important; } #mnhasso div { display: inline !important; } .hasso_window { border: none; height: 480px; left: 50%; margin: -240px 0 0 -320px; position: fixed; top: 50%; width: 640px; z-index: 100000; } .hasso_window_join { height: 520px; margin: -240px 0 0 -320px; width: 640px; } .hasso_window_login { height: 445px; margin: -180px 0 0 -320px; width: 640px; } .hasso_window_shoptoken { height: 450px; margin: -180px 0 0 -320px; width: 640px; } .hasso_window_shoptoken .elements{ width: 200px !important; } .hasso_window_pwforgotten{ height: 450px; margin: -180px 0 0 -320px; width: 700px; } .hasso_win_overlay { background: #000; filter: alpha(opacity=30); height: 100%; left: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=30)"; opacity: 0.3; position: fixed; top: 0; width: 100%; } .hasso_window .hasso_loader { height: 100%; position: static; width: 100%; } .hasso_windowelement { background: url("http://my.nero.com/img/orange-free/outline-rounded-white.png") repeat scroll; height: 20px; margin: 0; padding: 0; width: 20px; } .hasso_window .top { padding: 0 20px; } .hasso_window .top .hasso_windowelement.left { background-position: 0 0; left: 0; position: absolute; } .hasso_window .top .hasso_windowelement.center { background: url("http://my.nero.com/img/orange-free/outline-rounded-white.png") repeat scroll 0 -40px; height: 20px; width: 100%; } .hasso_window .top .hasso_windowelement.right { background-position: -20px 0; position: absolute; right: 0; top: 0; } .hasso_window .middle { height: 100%; position: absolute; top: 0; width: 100%; } .hasso_window .middlebumper { padding: 20px; } .hasso_window .middle .hasso_windowelement.left { background-position: 0 -80px; height: 440px; left: 0; position: absolute; top: 20px; } .hasso_window .middle .hasso_windowelement.center { background: #fff; height: 440px; width: 100%; } .hasso_window .main { border: 2px solid #e1e1e1; height: 98%; } .hasso_window .header { background: #d0d0d0; border-bottom: 2px solid #e1e1e1; height: 34px; } .hasso_window .header .headline { color: #666; float: left; font-size: 16px; font-weight: bold; margin-left: 9px; margin-top: 5px; } .hasso_window .header .closeIcon { background: #fff url("http://my.nero.com/img/orange-free/icon-close-16.gif") repeat scroll 0 0; cursor: pointer; float: right; height: 14px; margin-right: 11px; margin-top: 11px; width: 14px; } .hasso_window .body { overflow: auto; } .hasso_window .middle .hasso_windowelement.right { background-position: -20px -80px; height: 440px; position: absolute; right: 0; top: 20px; } .hasso_window .bottom { bottom: 0; position: absolute; width: 100%; } .hasso_window .bottombumper { padding: 0 20px; } .hasso_window .bottom .hasso_windowelement.left { background-position: 0 -20px; bottom: 0; left: 0; position: absolute; } .hasso_window .bottom .hasso_windowelement.center { background-position: 0 -60px; width: 100%; } .hasso_window .bottom .hasso_windowelement.right { background-position: -20px -20px; bottom: 0; position: absolute; right: 0; } .confirmation_message { line-height: 20px; } .confirmation_message p { margin-top: 10px; } .confirmation_message div { margin-top:40px; } .hasso_window_login .hassoform_item .caption { width:225px !important; padding-left: 15px; } .hasso_window_pwforgotten .hassoform_item .caption { width:175px !important; } .hasso_window.hasso_window_login .hassoform_item { padding: 2px 0; margin-bottom: 4px; } .hasso_window.hasso_window_login #wizard_login_field_password_no { margin-bottom: 5px; } .hasso_window.hasso_window_login #wizard_login_field_password_yes { margin-bottom:0px } .hasso_window.hasso_window_login #wizard_login_field_rememberme { margin-left: 15px; padding: 0; margin-bottom:35px } .hasso_window.hasso_window_login .inline_title { margin-top: 0px; } .hasso_window.hasso_window_login .hassonewsection { margin-top: 14px; } .hasso_window.hasso_window_login #username { width: 405px; } .hasso_window.hasso_window_login #rememberme { margin-right: 2px; } .hasso_window.hasso_window_join .caption .fbody { display: none; } .hasso_window.hasso_window_join .hassoform .hassoform_item { margin-bottom: 0px; } .formerror_label { clear: both; float: left; font-weight: bold; width: 150px; } .formerror_message { background: url("http://my.nero.com/img/orange-free/dot_red.gif") no-repeat 0 1px; margin-left: 165px; padding-left: 15px; } .hassoform .success, .hassoprofile .success { background: #fff; border: 1px solid #900; font-weight: bold; margin: 7px 0; padding: 7px; } div.error { background: #fff; border: 1px solid #900; margin: 7px; padding: 7px; } div.error h2, .hassoform div.error h1 { color: #900; margin: 5px 0; } .hassoform { margin: 20px 0; } .hassoform .hassoform_item { clear: both; list-style-type: none; padding: 5px 0; } .hassoform .hassoform_item.error { background: #fee; } .hassoform .hassoform_item.information { background: #ffe; } .hassoform .caption { float: left; width: 248px; } .hasso_window { font-size: 10pt; } .hassoform .caption .fhead { font-weight: bold; } .hassoform .caption .fbody, .hassoform .elements .fhead { color: #999; } .hassoform .caption .fbody { width: 165px; } .hassoform input.field, .hassoform select.field { border: 1px solid #999; width: 160px; } .hassoform input.fielderror, .hassoform select.fielderror { border: 1px solid #d00; width: 160px; } .e_template input.field, .e_template select.field { border: 1px solid #999; width: 290px; } .e_template input.fielderror, .e_template select.fielderror { border: 1px solid #d00; width: 290px; } .hassoform .closer { clear: both; } .hassoform .elements { float: left; margin-left: 20px; width: 290px; } .hassoform .elements .textbox { border: 1px solid #999; height: 150px; overflow: auto; padding: 3px; width:537px; } .hasso_window .wizard .auto_wizard_item { border: 1px solid black; float: left; margin: 0 6px 12px 0; padding: 3px; } .hasso_window .wizard .auto_wizard_item_active { background: #666; color: #fff; } .hassoform .signup_row_names input.field, .hassoform .signup_row_names input.fielderror, .hassoform .signup_row_names select.field, .hassoform .signup_row_names select.fielderror, .hassoform .signup_row_names span.head { float: left; margin-right: 10px; width: 130px; } .hassoform input.fieldswitch { width: 20px; } .hassoform .signup_row_names span.head { border: 1px solid #fff; } .hassoprofile .profilehead { border-bottom: 1px solid #000; font-size: 14px; font-weight: bold; margin: 10px 0; } .hassoprofile .profilebody dt { float: left; width: 100px; } .hassoprofile .hassoform { } .hassoprofile .error { border: 1px solid #000; } .hasso_profile_newsletterpool .edit_buttons { display: none; } .edit_buttons, .hassoform_profile_submitbutton { margin-left: 308px; margin-top: 10px; } .newsletter_buttons input { margin: 3px 0; } .newsletter_subscribe_element input, .newsletter_subscribe_element select { margin: 8px 0 0 0; } .hasso_window button, .hasso_window input[type=button], .hasso_window input[type=submit] { background: url("http://my.nero.com/img/orange-free/btn-bg.png") no-repeat top left; border: none !important; color: #fff !important; cursor: pointer; height: 24px; outline: none; overflow: visible; padding: 4px 6px 4px 6px; } .hasso_window button:hover, .hasso_window input[type=button]:hover, .hasso_window input[type=submit]:hover, .hasso_window .modifybutton:hover, .hasso_window .nextbutton:hover, .hasso_window .previousbutton:hover, .hasso_window .submitbutton:hover { background-position: bottom left !important; color: #fff !important; } .hassoform .hassoform_item.message, .hassoform .hassoform_item .title { font-weight: bold; padding-left: 5px; } .hassoform .hassoform_item .title { padding-bottom: 10px; } .hassoform .hassoform_item.message .logout { font-weight: normal; } .hassoform .hassoform_item.message .logout a { color: #000; } .hasso_window button.skip { margin-left: 5px; } .hasso_window .hassoform .agb { width:545px !important; } .myagree { float:left; margin-bottom:10px; } .login_links li { padding: 5px 0px; } .inline_title { margin-top:10px; width:300px; } div.ferror { color:#f00; width:140px; float:right; }