/* Copyright 2014 Trimble Navigation Ltd. */

*
{
  cursor: inherit;
}

input, select, textarea, a[href]
{
  cursor: auto;
}

html {
  background: #fff;
  color: #555555;

  font-family: Arial, sans-serif;
  font-size: 13px;

  cursor: default;
  padding: 0;
  margin: 0;
}

body {
  padding: 0;
  margin: 0;
}


h1 {
  color: #2261ae;
  font-size: 20px;
  font-weight: normal;
  margin: 10px 0 0 0;
}


a, a:hover, a:visited, a:active {
  color: #2261ae;
  text-decoration: underline;
}


label span {
  font-weight: bold;
}


input[type="text"],
input[type="email"],
input[type="password"] {
  color: #555555;

  font-family: Arial, sans-serif;
  font-size: 13px;

  border: 1px solid #cfcfcf;
  -webkit-border-radius: 1px;
  border-radius: 1px;

  padding: 8px 8px 7px 8px;
}


button {
  height: 32px;
  min-width: 90px;

  color: #555555;
  background: #f7f7f7;

  border: 1px solid #cfcfcf;
  -webkit-border-radius: 1px;
  border-radius: 1px;
}

button:hover {
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
  box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.1);
}

button.default {
  color: #fff;
  background: #2261ae !important;
  border: none;
}

button.default:hover {
  -webkit-box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.25);
  box-shadow: inset 0px 0px 20px 0px rgba(0,0,0,0.25);
}

button img {
  border: none;
}

button * {
  vertical-align: middle;
}


.error {
  display: none;
  border: 1px solid #f33;
  background: #fdd !important;
  border-radius: 4px;
  padding: 1em;
}


#ie-warning {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 1em;
  color: #333;
  background: #ffffd5;
  z-index: 1000;
}


#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 14px; /* 9px + 14px + 9px == 32px */
  padding: 9px 20px;
  background: #163964;
  border-bottom: 10px solid #2261ae;
  z-index: 100;
}


#content {
  position: fixed;
  top: 42px;
  bottom: 71px;
  left: 0;
  right: 0;
  padding: 20px;
}


#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border-top: 1px dotted #cccccc;
  min-height: 30px; /* 20px + 30px + 20px = 70px */
  padding: 20px;
  text-align: right;
  background: #fff;
  z-index: 20;
}
