@import url('/api_auth/view/css/login.css'); /* LOGIN */


* { 
  margin:0px;
  padding:0px;
}

/* Sticky Footer - negative bottom margins on wrappers */
html, body {
  height: 100%;
  margin: 0;
}
.wrapper {
  min-height: 100%;
  /* Equal to height of footer */
  /* But also accounting for potential margin-bottom of last child */
  margin-bottom: -70px;
}
.footer,
.push {
  height: 70px;
}

/* End Sticky Footer */

/* Contact & Login Forms */

form#contact fieldset,
form#login fieldset {
  padding: 0 1em 1em 1em;
}
form#contact,
form#login {
  font-size: 1.2em;
  text-align:left;
}
form#contact fieldset legend,
form#login fieldset legend {
  font-size: 1.2em;
}
form#contact div, 
form#login div {
  clear:both;
}
form#contact div label, 
form#login div label {
  float:left;
  width: 20%;
  margin: 1em 0 0 0;
  font-size: 1.2em;
}
form#contact div input, 
form#login div input,
form#contact div textarea {
  float:right;
  width: 70%;
  margin: 1em 0 0 0;
  font-size: 1.2em;
  padding: 0 5px 0 5px;
}
form#contact div textarea {
  height: 4em;
}
form#contact div input.submit, 
form#login div input.submit {
  background-color: #000055;
  color:white;
}


/* End Contact & Login Forms */

body {
  background: #99ffff; /* Old Browsers */
  background: -webkit-linear-gradient(bottom,#99ffff,#ffffff); /*Safari 5.1-6*/
  background: -o-linear-gradient(bottom,#99ffff,#ffffff); /*Opera 11.1-12*/
  background: -moz-linear-gradient(bottom,#99ffff,#ffffff); /*Fx 3.6-15*/
  background: linear-gradient(to top, #99ffff, #ffffff); /*Standard*/
  font-family: Helvetica, Sans-Serif; 
  text-align: center;
  }

p {
  color: #000055;
  font-size:1.5em;
}

.nav, a.nav {
  color: #000055;
}

a.nav:hover {
  color:red;
}

/* unvisited link */
a:link {
    color: #000055;
}

/* visited link */
a:visited {
    color: #000055;
}

/* mouse over link */
a:hover {
    color: hotpink;
}

/* selected link */
a:active {
    color: red;
}

#outer {
  margin: 0 auto;
}

#outer h1 a,
#outer h1 a:link,
#outer h1 a:visited,
#outer h1 a:hover,
#outer h1 a:active {
  font-style: italic;
  text-decoration: none;
}

#byline {
  margin: 5px auto 0 auto; 
  border: 0;
  padding-top: 5px;
}

#nav {
  border-top: 1px solid black; 
  padding: 5px 0 0 0; 
}

#nav-contact, #nav-country { float:left; }

#nav-country fieldset { border: 0; }

#nav-login { float:right; }

#content {
  clear: both; 
  margin: 10% 0 0 0; 
  background-color: rgba(0, 0, 0, 0.05); 
  /*background-color: #99ffff;*/ 
  border-radius: 15px; 
  padding: 0 15px 15px 15px;
}

#outer #content p {
  font-size: 1.2em; 
  text-align: left; 
  padding: 15px 0 0 0;
  font-style: normal;
}

#footer-nav {
  text-align: center;
  font-size: 0.85em; 
  margin: 0.7em 0 0 0;
}

#footer-copyright {
  text-align: center;
  font-size: 0.65em; 
  margin: 0.7em 0 1.0em 0;
}

a.embode,
a.embode:link,
a.embode:visited,
a.embode:hover,
a.embode:active {
  text-decoration: none;
  color: #000055;
}


 form#login fieldset div label, form#login fieldset div input, form.auth fieldset div a#auth, form.auth fieldset div a#auth:link, form.auth fieldset div a#auth:visited { font-size: 12pt; } form.auth fieldset { width: 92%; } div#remember_me label[for='remember_me'] { width: 130px; } form#login fieldset legend, form.auth fieldset div input[type='submit'] { text-transform: uppercase; }