/* Debug Data
   INFO: Start Processing
   INFO: Loaded files: 
   INFO:   [ Last Modified: Mon, 26 Aug 2024 15:00:40 +0000 ]:  C:\Webs\niraskin.com\myniraskin\layout\registrationform.xcss
   INFO:   [ Last Modified: Sat, 15 Nov 2014 03:54:05 +0000 ]:  C:\Webs\niraskin.com\myniraskin\layout\skin.xcss
   INFO: Response Last Modified: Mon, 26 Aug 2024 15:00:40 +0000 GMT
 */

body
{ position: static;
  padding: 0;
  margin: 0;
  text-align: center;
}

body>h1.registrationheader
{ display: inline-block;
  font-size: 2.5em;
  color: #2c3032;
  height: 3em;
  margin: 0.5em 0 0 0;
  padding: .3em 0 0 5em;
  background-image: url('/layout/graphics/nira_logo_small.png');
  background-repeat: no-repeat;
  background-size: 4em;
  vertical-align: bottom;
}

body>div.registrationtype>img
{ float: right;
  height: 30em;
}

body>div.registrationtype
{ display: inline-block;
  margin: 0 auto;
}


/*
body>div.registrationtype
{ display: block;
  width: 36em;
  position: absolute;
  left: 50%;
  margin-left: -18em;
  margin-top: 2em;
}
*/
body>div.registrationtype>section.userselection
{ position: relative;
  display: block;
  vertical-align: top;
  padding: 1em;
  margin: 1em 1em 1em 1em;
  border-radius: 1em;
/*  height: 12em;
*/  box-shadow: 0px 0px 3px #587023;
}

body>div.registrationtype>section#existinguser h2
{ font-size: 1.8em;
  color: #653F2C;
  margin: 0.1em 0 1em 0;
}  

body>div.registrationtype>section#existinguser>form>ul
{ margin: 0;
  padding: 0;
}

body>div.registrationtype>section#existinguser>form>ul>li
{ list-style: none;
  padding: 0;
  margin: .5em 0;
  text-align: center;
}

body>div.registrationtype>section#existinguser>form>ul>li>label>span
{ display: none;
}

body>div.registrationtype>section#existinguser>form>ul>li>label>input
{ width: 100%;
  font-size: 1em;
  color: #2c3032;
  padding: 0.2em 0.2em;
  -moz-box-sizing:border-box;
  border-radius: 0.3em;
  background: rgba(255,255,255,0.8);
}

body>div.registrationtype>section#existinguser>form>ul>li button
{ margin: 1em 0 0 0;
}

body>section#registrationform
{ position: absolute;
  text-align: center;
  margin: 0;
  padding: 0;
  top: 0;
  bottom: 1.1em;
  left: 0;
  right: 0;
  min-width: 40em;
  font-size: 1em;
  background-image: none; /*url('/layout/graphics/nira_wallpaper.png');*/
  background-repeat: no-repeat;
  background-position: 50% bottom;
  background-size: auto 100%;
  overflow: auto;
}

body>section#registrationform>form
{ position: static;
  display: inline-block;
  width: 36em;
  padding: 0em 2em 3em 2em;
  text-align: left;
  background-color: rgba(188,206,216,0.5);
  border-left: solid 1px #2c3032;
  border-right: solid 1px #2c3032;
  box-shadow: 0px 0px 7px #2c3032; 
}

body>section#registrationform>form h1
{ color: #2c3032;
  text-align: center; 
}

body>section#registrationform>form h2
{ color: #2c3032; 
  font-size: 1.1em;
  margin: 2em 0 0.75em 0;
}

section#registrationform>form>ul
{ margin: 0;
  padding: 0;
  width: 27em;
}

section#registrationform>form>ul>li
{ list-style: none;
  padding: 0;
  margin: .5em 0;
}

section#registrationform>form>label
{ margin: 0 2em 0 0;
}

section#registrationform>form>ul>li>span
{ margin: 0 0.5em 0 0;
}

section#registrationform>form>ul>li input
{ font-size: 1em;
  color: #2c3032;
  padding: 0.2em 0.2em;
  margin: 0 0.3em 0 0;
box-sizing:border-box;
border-radius: 0.3em;
  background: rgba(255,255,255,0.9);
}

section#registrationform>form>ul>li select
{ font-size: 1em;
  color: #2c3032;
  padding: 0.2em 0.2em;
   margin: 0 0.5em 0 0;
box-sizing:border-box;
background: rgba(255,255,255,0.9);
}


section#registrationform>form>ul>li>input
{ width: 100%;
}

section#registrationform>form>ul>li>input:last-child, section#registrationform>form>ul>li>select:last-child
{ margin: 0;
}

section#registrationform>form>table#usersurveydata
{ width: 37em;
  color: #2c3032;
}

section#registrationform>form>table#usersurveydata th
{ font-weight: 400;
  text-align: center;
}

section#registrationform>form>table#usersurveydata th#importance
{ padding: 0;
}

section#registrationform>form>table#usersurveydata th#importance span
{ margin: 0;
  padding: 0 1em 0 0;
}

section#registrationform>form>table#usersurveydata td:first-child
{ width: 15em;
  text-align: left;
}

section#registrationform>form>table#usersurveydata td:last-child
{ text-align: center;
}

section#registrationform>form>table#usersurveydata input[type=text]
{ margin: 0;
  width: 90%;
  color: #2c3032;
}

section#registrationform>form>table#usersurveydata input[type=radio]
{ margin: 0.4em;
}
section#registrationform>form>p#registrationerror
{ color: #EC556E; 
  font-size: 1.2em;
  margin: 0;
  padding: 0em;
  text-align: left;
}

button
{ margin: 2em 0 0 0;
  background: #2c3032;
  color: #FFFFFF;
  border: solid 1px #2c3032;
  border-radius: 0.4em;
  text-align: center;
  font-size: 1em;
  padding: 0.25em 1em 0.25em 1em;
  width: 100%;
  cursor: pointer;
}

button:hover
{ box-shadow: 2px 2px 3px #2c3032; 
}

button:active
{ box-shadow: -1px -1px 3px #2c3032 inset; 
}

section.legal
{ background: #fff;
  border: solid 1px  #2c3032;
  margin: 0.5em 0 0.5em 0;
  padding: 1em;
  color:  #2c3032;
  font-size: 0.9em;
  height: 20em;
  overflow: auto;
}


body>section#registrationform>form section.legal>h1
{ text-align: left;
}

label.legal
{ display: block;
  color:  #2c3032;
  margin: 1em 0 0 0 !important;
}

label.legal~label.legal
{ margin: 0 0 0.2em 0 !important;
}

footer button
{ display: none;
}


@media screen and (min-width: 40em) {
  .registrationtype {
    width: 550px;
  }

  .userselection {
    width: 20em;
  }

  body>div.registrationtype>section#newuser button { 
    display: block;
    height: 4.8em;
    width: 8em;
    margin: 0;
    font-size: 2.5em;
  }
}


@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
/* Styles */

  body>div.registrationtype {
    width: 90%;
    margin-top: 20px;
  }
  
  .registrationtype img {
    display: none;
  }

  .userselection {
    width: auto;
  }

  body>div.registrationtype>section#newuser button {
    width: 100%;
    height: 300px;
  }

  body>div.registrationtype>section#existinguser h2 {
    font-size: 2.4em;
  }  

  body>div.registrationtype>section#existinguser>form>ul>li>label>input {
    font-size: 2.75em;
    width: 96%;
  }

  button {
    font-size: 3em;
  }

  .registrationtype > a {
    font-size: 2em;
  }

  body>section#registrationform {
    margin-bottom: 30px;
  }

  body>section#registrationform>form {
    width: auto;
  }

  body>section#registrationform>form h1 {
    font-size: 3em;
  }

  body>section#registrationform>form h2 {
    font-size: 2em;
  }

  section#registrationform>form>ul>li>span {
    font-size: 2em;
  }

  section#registrationform>form>ul>li>input {
    font-size: 2.5em;
    width: 100% !important;
    margin-bottom: 8px;
  }

  section#registrationform>form>ul {
    width: auto;
  }

  #registrationform img {
    display: none;
  }

  #registrationform .dobSelector {
    text-align: left !important;
  }

  .dropdown {
/*    font-size: 2em;
*/  }

  section#registrationform>form>ul>li select {
    font-size: 2em;
  }

  section#registrationform>form>label {
    font-size: 2.0em;
  }

  section#registrationform>form>label>input {
    width: 35px;
    height: 35px;
  }

  section#registrationform>form>table#usersurveydata {
    width: 100%;
  }

  section#registrationform>form>table#usersurveydata td:first-child {
    font-size: 1.5em;
  }

  section#registrationform>form>table#usersurveydata input[type=radio] {
    width: 40px;
    height: 40px;
    margin: 0.8em;
    margin-right: 4em;
  }

  #usersurveydata > thead > th {
    font-size: 1.5em;
  }

  #usersurveydata > thead > th {
    font-size: 1.5em;
  }
}