﻿html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 9pt;
  font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", FreeSans, sans-serif;
  vertical-align: baseline;
}
:focus { outline: 0; }
body {
  line-height: 1;
  color: black;
  background-color: #f6f6f6;
  text-align: center;
}
ol, ul { list-style: none; }
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before { content: ""; }
blockquote:after { content: ""; }
q:before { content: ""; }
q:after { content: ""; }
blockquote, q { quotes: "" ""; }
input, textarea {
  font-weight: inherit;
  font-style: inherit;
  font-size: 9pt;
  font-family: Arial, "Helvetica Neue", Helvetica, "Nimbus Sans L", FreeSans, sans-serif;
}
#container {
  position: relative;
  margin: 80px auto 0px auto;
  padding: 0px 0px 0px 0px;
  width: 768px;
  text-align: left;
  background-color: #ffffff;
  background-image: url(../img/login.png);
  background-repeat: no-repeat;
  background-position: right bottom;
}
#logincontainer {
  background-image: url(../img/login.png);
  background-repeat: no-repeat;
  background-position: 0px -64px;
}
#logincontainer h1 {
  background-image: url(../img/login.png);
  background-repeat: no-repeat;
  background-position: right top;
  height: 48px;
}
#logincontainer h1 span { display: none; }
.logintable { width: 100%; }
.logintable input {
  border: 1px solid #666666;
  margin: 1px 2px 16px 16px;
}
.logintable input.usernameInput {
  border: 1px solid #666666;
  margin: 1px 1px 16px 16px;
  padding: 0px 0px 0px 1px;
  width: 290px;
  height: 24px;
  line-height: 1.5;
}
.logintable input.passwordInput {
  border: 1px solid #666666;
  margin: 1px 1px 16px 16px;
  padding: 0px 0px 0px 1px;
  width: 290px;
  height: 24px;
  line-height: 1.5;
}
.logintable input.usernameInput:focus {
  border: 2px solid #112782;
  margin: 0px 0px 15px 16px;
  padding: 0;
}
.logintable input.passwordInput:focus {
  border: 2px solid #112782;
  margin: 0px 0px 15px 16px;
  padding: 0;
}
.logintable label {
  width: 300px;
  margin: 0px 0px 4px 16px;
  display: block;
}
.usernameRequired, .passwordRequired { color: #993333; }
.rememberme { display: block; }
.rememberme label {
  line-height: 2em;
  font-size: 8pt;
  color: #666666;
  display: block;
  float: left;
}
.rememberme input {
  width: 16px;
  height: 16px;
  border: none;
  float: left;
}
#loginto {
  margin: 0px 16px 0px 16px;
  border-bottom: 1px solid #999999;
  line-height: 2em;
  font-size: 8pt;
  color: #666666;
  clear: both;
}
#applications {
  width: 744px;
  margin: 0px 0px 0px 16px;
}
#applications input {
  margin: 0;
  border: none;
}
.application_icon {
  float: left;
  margin: 0px 1px 16px 1px;
}
.application_icon input {
  height: 80px;
  width: 120px;
}
.application_projects {
  background-image: url(../img/product-logos.png);
  background-position: 0px 0px;
}
.application_projects:hover { background-position: 0px -80px; }
.application_metrics {
  background-image: url(../img/product-logos.png);
  background-position: -120px 0px;
}
.application_metrics:hover { background-position: -120px -80px; }
.application_people {
  background-image: url(../img/product-logos.png);
  background-position: -240px 0px;
}
.application_people:hover { background-position: -240px -80px; }
.application_financials {
  background-image: url(../img/product-logos.png);
  background-position: -360px 0px;
}
.application_financials:hover { background-position: -360px -80px; }
.application_supplies {
  background-image: url(../img/product-logos.png);
  background-position: -480px 0px;
}
.application_supplies:hover { background-position: -480px -80px; }
.application_crisis {
  background-image: url(../img/product-logos.png);
  background-position: -600px 0px;
}
.application_crisis:hover { background-position: -600px -80px; }
.kinexusLogin { display: none; }
#bottomleft {
  width: 9px;
  height: 9px;
  background-image: url(../img/login.png);
  background-position: top left;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
}
