@charset "utf-8";
@import "reset.css";
@import "newlogin-fonts.css";
/* -----------------------------------------------------------------------
Yamaha Extranet > Sign in
created: Sven Scharfenberg 06.06.2011
last changed: Sven Scharfenberg 06.06.2011
please support http://www.ie6countdown.com/
------------------------------------------------------------------------ */


/* Clear Float */
.clear {
  clear: both;
  font-size: .1em;
  line-height: .1em;
  height: 1px;
}
body {
  background: #d3d3d3 url("../img/bg_body.jpg") 0 0 repeat-x;
}
a:hover {
  text-decoration: none;
}

/* 1. Page framework =================================================== */
div#contentframe {
  width: 960px;
  margin: 0 auto;
}
/* header ------------------------------------------------------------- */
div#header {
  height: 42px;
  padding-top: 33px;
  margin-bottom: 20px;
}
div#header img {
  float: left;
  width: 134px;
  height: 31px;
}
div#header div#sitetitle {
  float: left;
  width: 400px;
  margin: 12px 0 0 20px;
}
/* footer ------------------------------------------------------------- */
div#footer {
  margin: 60px 0 20px 0;
  height: 25px;
}
div#footer address {
  float: left;
  line-height: 25px;
  font-style: normal;
}
div#footer ul {
  float: left;
  margin-left: 10px;
}
div#footer ul li {
  float: left;
  height: 25px;
  line-height: 25px;
  margin-left: 6px;
}
/* text in content area ----------------------------------------------- */
p.optionaltext {
  width: 552px;
  margin: 0 auto 1em auto;
  padding: 5px;
}

/* 2. Inner Content Box ================================================ */
div.contentbox {
  width: 522px;
  margin: 60px auto 0 auto;
  padding: 20px 20px 0 20px;
  background: transparent url("../img/bg_contentbox.png") 0 0 no-repeat;
}
div.contentboxend {
  width: 562px;
  height: 20px;
  margin: 0 auto 60px auto;
  background: url("../img/bg_contentbox.png") 0 100% no-repeat;
}
div.contentbox p { padding-bottom: 1em; }
div.contentbox div.left {
  width: 260px;
  float: left;
  display: inline; /* for IE6 */
}
div.contentbox div.right {
  width: 230px;
  padding-left: 20px;
  float: left;
  display: inline; /* for IE6 */
}

/* generic form styles ------------------------------------------------ */
ul li input.rounded {
  width: 235px;
  height: 27px;
  border: 0;
  margin: 5px 0 0 0;
  padding: 0 5px;
  background: transparent url("../img/bg_input_245.png") 0 0 no-repeat;
}
ul li.error input.rounded { background-position: 0 -27px; }
input.submitbtn {
  width: 244px;
  height: 37px;
  border: 0;
  background: transparent url("../img/bg_input_button.png") no-repeat;
  margin: 20px 0 0 0;
}
input.submitbtn.submit { background-position: 0 0; }
input.submitbtn.submit:hover { background-position: 0 -37px; }
input.submitbtn.signup { background-position: 0 -75px; }
input.submitbtn.signup:hover { background-position: 0 -112px; }
input.submitbtn.disabled { background-position: 0 -149px; }

/* contentbox login --------------------------------------------------- */
div#loginbox div.inner {
  background: url("../img/bg_contentbox_left_divider.png") 0 0 no-repeat;
}
div#loginbox ul li { margin-top: 20px; }
ul li div.pwd {
  width: 100px;
  float: left;
  display: inline; /* for IE6 */
}
ul li div.forgotpwd {
  width: 145px;
  float: left;
  display: inline; /* for IE6 */
  text-align: right;
}
/* change password ---------------------------------------------------- */
div#changepwdbox ul li { margin-top: 20px; }
img.imgpwlength {
  margin: 0 0 0 5px;
  display: none;
}

/* signup ------------------------------------------------------------- */
div.contentbox#signupbox ul li { margin-top: 10px; }
div.contentbox#signupbox div.steps {
  width: 244px;
  height: 27px;
  background: transparent url("../img/3steps.png") 0 0 no-repeat;
  text-indent: -1000em;
  margin-top: 4px;
}
div.contentbox#signupbox div.steps.step2 { background-position: 0 -27px; }
div.contentbox#signupbox div.steps.step3 { background-position: 0 -54px; }
div.contentbox#signupbox ul li select {
  width: 245px;
  margin: 5px 0 0 0;
}
div.contentbox#signupbox ul li div.left {
  width: 80px;
}
div.contentbox#signupbox ul li div.right {
  width: 160px;
  float: left;
  padding-left: 5px;
}
div.contentbox#signupbox ul li select.selecttitle {
  width: 80px;
  margin: 8px 0 0 0;
}
div.contentbox#signupbox ul li input.rounded.title {
  width: 150px;
  background-position: 0 -54px;
}
div.contentbox#signupbox ul li.error input.rounded.title {  background-position: 0 -81px; }
div.contentbox#signupbox ul li input.rounded.phoneprefix {
  width: 60px;
  text-align: right;
  background-position: 0 -108px;
}
div.contentbox#signupbox ul li input.rounded.phone {
  width: 161px;
  background-position: 0 -162px;
  margin-left: 4px;
}
div.contentbox#signupbox ul li.error input.rounded.phone { background-position: 0 -189px; }

/* confirm data ------------------------------------------------------- */
ul.confirmdata {
  margin: 5px 0 0 0 !important;
}
ul.confirmdata li.key {
  float: left;
  width: 125px;
}
ul.confirmdata li.value {
  float: left;
  width: 250px;
}



/* error popup -------------------------------------------------------- */
ul.errorpopup {
  display: none;
  width: 263px;
  position: absolute;
  margin-left: 250px;
  margin-top: -38px;
  z-index: 50;
}
ul.errorpopup li.innerpop {
  padding: 15px 20px 7px 20px;
  background: transparent url("../img/popup_formerror.png") 0 0 no-repeat;
  color: #eb5459;
  margin: 0 !important;
}
ul.errorpopup li.innerpop a { color: #336fbb; }
ul.errorpopup li.errorpopupend {
  width: 263px;
  height: 12px;
  background: transparent url("../img/popup_formerror.png") 0 100% no-repeat;
  margin: 0 !important;
}
li.error ul.errorpopup.showstatic { display: block; }


/* lowercontent ------------------------------------------------------- */
ul.lowercontent {
  width: 552px;
  margin: 0 auto 0 auto;
}
ul.lowercontent li {
  width: 50%;
  height: 23px;
  float: left;
  display: inline; /* for IE6 */
}
ul.lowercontent li.help { text-align: right; }
ul.lowercontent li.help a {
  display: block;
  background: transparent url("../img/icon_help.png") 100% 50% no-repeat;
  padding-right: 30px;
}
ul.lowercontent li.about a {
  display: block;
  background: transparent url("../img/arrow_right.png") 0 50% no-repeat;
  padding-left: 15px;
}
p#lowerdetails {
  width: 552px;
  margin: 20px auto 0 auto;
  display: none;
}