html {height: 100%;/*background: #dde6ec !important;                background: -webkit-linear-gradient(#dde6ec,#1a4e80) !important;                background: -o-linear-gradient(#dde6ec,#1a4e80) !important;               background: -moz-linear-gradient(#dde6ec,#1a4e80) !important;                background: linear-gradient(#dde6ec,#1a4e80) !important;*/            background: rgba(0, 0, 0, 0) url('/Content/Images/bmw-mini2.jpg') no-repeat fixed center center / cover !important;                    }
body{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif}
div#background_branding_container{height:100%;left:0;opacity:1;overflow:hidden;position:fixed;top:0;transition:opacity 1s ease 0;width:100%;z-index:0}
.login_panel{background:#fff none repeat scroll 0 0;float:right;height:100%;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:fixed;right:0;width:500px;z-index:1;opacity:.8;-webkit-transition-duration:500ms;transition-duration:500ms}
.login_panel:focus,.login_panel:hover{opacity:1;-webkit-transition-duration:500ms;transition-duration:500ms}
.onedealer-message{width:auto}

 @media screen and  (max-width:1280px)  {
.blue-od-logo{display:none}
.white-od-logo{display:inline-block!important}
.onedealer-promo{display:none!important}
html{background:rgba(0,0,0,0) url(/Content/Images/bmw-mini2.jpg) no-repeat fixed center center / cover!important}
.onedealer-message h1{color:#333!important}
.login_panel,.box,.boxBody{background:none!important}
.login_panel{width:100%!important;opacity:1!important;margin-top:50px!important}
.login-copy-footer{width:100%;margin:0!important;padding:4px!important;background:rgba(0,0,0,0.2) none repeat scroll 0 0;border-radius:5px;bottom:0;color:#fff!important;left:0;position:fixed!important}
.login-copy-footer span{margin-left:80px}
.login-copy-footer img{float:right}
.box footer{border-top:0!important}
            }
@media screen and  (max-width:600px)  { .box.login {margin-top:0px !important} }
@media screen and (max-width: 1300px) {
.onedealer-promo{left:5%!important}
.onedealer-screenshot{width:60%!important}
}
@media (min-width:1301px) and (max-width:1600px) {
.onedealer-promo{bottom:10%!important;left:10%!important}
.onedealer-screenshot{width:100%!important}
.onedealer-promo-button{float:left}
}
@media (min-width:1601px) and (max-width:9900px) {
.onedealer-promo{bottom:10%!important;left:18%!important}
.onedealer-screenshot{width:100%!important}
.onedealer-promo-button{float:left}
}


body{background:#405d9b}
:focus{outline:none}
:invalid{box-shadow:none!important}
:-moz-submit-invalid{box-shadow:none!important}
:-moz-ui-invalid{box-shadow:none!important}
.box{background:#fefefe;border-top:1px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#444;font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:14px;margin:0 auto 30px;overflow:hidden}
.box.login{height:480px;margin-top:20px;width:332px}
.boxBody{background:#fff;padding:10px 20px}
.boxBody input{font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif!important}
.box footer{border-top:1px solid #fff;padding:18px 17px;overflow:hidden;height:55px}
.box label{display:block;font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:14px;margin:20px 0 0 6px;cursor:default!important;color:#000}
.box footer label{float:left;margin:4px 0 0}
.box footer input[type=checkbox]{vertical-align:sub;*vertical-align:middle;margin-right:10px}
.box input[type=text],.box input[type=email],.box input[type=password],.txtField,.cjComboBox{-moz-border-bottom-colors:none;-moz-border-left-colors:none;-moz-border-right-colors:none;-moz-border-top-colors:none;border-bottom:1px solid #ccc!important;border-image:none;border-left:0 none;border-right:0 none;border-top:0 none;display:block;margin:3px 0 4px;padding:8px 6px;width:280px}
input:invalid,textarea:invalid{border-bottom:1px solid red!important}
.box input[type=text]:focus,.box input[type=password]:focus,.txtField:focus,.cjComboBox:focus{border-bottom:1px solid #0099e0!important}
.cjComboBox{width:294px}
.cjComboBox.small{padding:3px 2px 3px 6px;width:100px;border-width:3px!important}
.txtField.small{padding:3px 6px;width:200px;border-width:3px!important}
.rLink{padding:0 6px 0 0;font-size:11px;float:right}
.box a{color:#999}
.box a:hover,.box a:focus{text-decoration:underline}
.box a:active{color:#f84747}
#loginerror{float:left;padding-bottom:10px;padding-left:10px;width:198px}
.btnLogin,.btnForgot{background:orange;border:0 solid #7db0cc!important;cursor:pointer;padding:11px 16px;font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif!important;text-shadow:rgba(0,0,0,0.2) 0 1px 0;color:#000!important;margin-left:10px;float:right;padding:6px 21px 8px 21px;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.btnCancelForgot,.btnbacktoLogin{background:#fff;border:1px solid #ccc!important;cursor:pointer;padding:11px 16px;font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif!important;color:#444!important;margin-left:10px;float:right;padding:5px 21px 6px 21px;width:100%;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;margin-top:10px}
.btnLogin:hover,.btnLogin:focus,.btnLogin:active,.btnForgot:hover,.btnForgot:focus,.btnForgot:active{background:#71c73e}
.btnLogin:active{text-shadow:rgba(0,0,0,0.3) 0 -1px 0}
.btnLogin a,.btnForgot a,.btnLogin a:visited,.btnForgot a:visited{color:#fff!important;text-decoration:none}
footer#main{color:#fff;position:fixed;left:0;bottom:10px;text-align:center;font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:11px;width:100%}
.login-tools{padding:0 20px;margin-top:10px}
.login-tools .login-remember{padding-bottom:14px;float:left;width:50%}
.login-tools .login-remember label{margin:0;font-size:13px}
.login-tools .login-remember input{vertical-align:middle;margin-right:8px}
.login-tools .login-forgot{font-size:12px;float:right;width:50%}
.login-tools .login-forgot a,.login-tools .login-forgot a:visited{color:#066896}
.new-od-user{display:block;font-size:13px;margin-top:10px;padding:20px 0;text-align:center;width:100%}
.new-od-user a{border:1px solid #ccc;padding:6px 14px;margin-left:12px;text-decoration:none!important;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.new-od-user a:hover{text-decoration:none!important;color:#fff!important;border:1px solid #0099e0!important;background-color:#48a8f4!important}
.password-strength{display:block;width:100%;margin:20px 0}


.select-style{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:'Open Sans',Arial,"Helvetica Neue",Helvetica,sans-serif!important;background:rgba(255,255,255,1) url(/Content/Images/arrow2.png) no-repeat scroll 98% 50%!important;border:none;border-bottom:1px solid #ddd!important;padding:8px 6px;width:100%}