/*
primary_color:#531B93;
*/

@font-face
{
  font-family: 'M PLUS 1p';
  src:
    local('M PLUS 1p'),
    local('MPLUS1p-Regular'),
    url('fonts/M_PLUS_1p/MPLUS1p-Regular.ttf');
}

@font-face
{
  font-weight: bold;
  font-family: 'M PLUS 1p';
  src:
    local('M PLUS 1p'),
    local('MPLUS1p'),
    url('fonts/M_PLUS_1p/MPLUS1p-Bold.ttf');
}

.primary_color
{
  background-color:#531B93 !important;
}

.login_type_form_container
{
  font-size:12pt;
  /*font-family: 'Josefin Slab', serif;*/
  /*font-family: 'Open Sans', sans-serif;*/
  font-family: 'M PLUS 1p', sans-serif;
  line-height:1.5em;
  /*font-family: Verdana, Geneva, sans-serif;*/
  border:1px solid #AAA;
  margin:auto;
  margin-bottom:20px;
  width:400px;
  padding:0em 2em 0em 2em;
  border-radius:5px;
  background-color:white;
  box-shadow: 2px 2px 10px 0px #888;
}

.login_type_form_container .bottom_space
{
  height:1.5em;
}

.login_type_form_container form
{
  margin-bottom:0px;
}

.login_type_form_container input, .login_type_form_container button,
.login_type_form_container select, .login_type_form_container .textarea,
.login_type_form_container textarea
{
  font:inherit;
  font-size:inherit;
  display:block;
  padding:1em;
  border-radius:5px;
  border:none;
  margin:0px;
  width:100%;
  text-decoration:none;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}


.login_type_form_container textarea
{
  height:9em;
  resize: none;
  overflow:hidden;
}

.login_type_form_container select
{
  height:3em;
  padding-top:0;
  padding-bottom:0;
}


.login_type_form_container input, .login_type_form_container .error_message,
.login_type_form_container .success_message, .login_type_form_container select,
.login_type_form_container .textarea, .login_type_form_container textarea
{
  margin: 1.5em 0px 1.5em 0px;
}
.login_type_form_container .success_message
{
  border:1px solid #0B0;
  background:#F8FFF8;
  color:#666;
  padding:1em;
  border-radius:5px;
  text-align:center;
}

.login_type_form_container .error_message
{
  border:1px solid #B00;
  background:#FFF8F8;
  color:#666;
  padding:1em;
  border-radius:5px;
  text-align:center;
}

.login_type_form_container .regular
{
  border: 1px solid black;
}

.login_type_form_container .input_error
{
  border: 2px solid #B00;
}

.login_type_form_container button
{
  background-color:#531B93;
  color:white;
  font-weight:bold;
  cursor:pointer;
  margin: 1.5em 0px 1.5em 0px;
}

.login_type_form_container .link_button
{
  font-size:0.9em;
  text-align:center;
  background-color:#CCC;
  color:black;
  font-weight:bold;
  cursor:pointer;
  display:block;
  padding:1em;
  border-radius:5px;
  border:none;
  text-decoration:none;
  margin: 1.5em 0px 1.5em 0px;
}

.login_type_form_container .colored
{
  background-color:#531B93;
  color:white;
}

.login_type_form_container .readonly
{
 background-color:#EEE;
}

.login_type_form_container input[readonly]
{
  background-color:#EEE;
  border:none;
}
input[readonly]::-webkit-inner-spin-button,
input[readonly]::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin:0px;
}

.login_type_form_container .secondary_link_button
{
  font-size:inherit;
  text-decoration:none;
  display:block;
  text-align:center;
  margin: 1.5em 0px 1.5em 0px;
  color:#531B93;
}

.login_type_form_container .or_separator
{
  border-bottom: 1px solid #666;
  margin: -1em 0px 2em 0px;
  position:relative;
  text-align:center;
}

.login_type_form_container .or_separator span
{
  position:relative;
  display:inline-block;
  bottom:-0.5em;
  background-color:white;
  padding-right:1em;
  padding-left:1em;
  color:#666;
}

.login_type_form_container h3
{
  padding:0px;
  margin: 1em 0px 1em 0px;
}

.login_type_form_container h4
{
  margin: 0em 0px 1.5em 0px;
  padding:0px;
  font-weight:normal;
}

.login_type_form_container img
{
  display:block;
  max-width:100%;
  margin:auto;
}

.login_type_form_container .product_image
{
  display:block;
  max-width:100%;
  max-height:300px;
  margin:auto;
}

.login_type_form_container a
{
  color:inherit;
  text-decoration:none;
  color: #531B93;
}

.login_type_form_container label
{
  display:block;
  margin-bottom:-1em;
  color:#AAA;
}

.price
{
  text-align:right;
}

@media only screen and (hover:none)
{
  .login_type_form_container
  {
    width:800px;
    font-size:24pt;
  }
  .login_type_form_container select
  {
    height:4em;
  }
}

.login_type_form_container .onlyprint
{
  display:none;
}

@media only print
{
  .login_type_form_container
  {
    width:90%;
    font-size:8pt;
    margin:auto;
    padding:0px;
    border:none;
    box-shadow:none;
  }
  .login_type_form_container input[readonly],
  .login_type_form_container .readonly,
  .login_type_form_container .link_button
  {
    border:1px solid black;
  }
  .login_type_form_container .noprint
  {
    display:none;
  }
  .login_type_form_container .onlyprint
  {
    display:block;
  }
  .login_type_form_container .secondary_link_button
  {
    color: black;
  }
}