/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}
/* End YUI CSS Reset */

/* Global */
html { height: 100%; }

body {
  width: 100%;
  min-height: 100%;
  font-family: "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 1.125em;
  line-height: 1.5em;
  background: #ececec;
}

img { max-width: 100%; }

.clear { clear: both; }

/* Fonts */
h1 { display: inline-block; font-size: 1.4em; color: #FFF; font-weight: 700; }
h2 { font-size: 1.2em; margin-bottom: .6em; font-weight: 700; }
h3 { font-size: 1.1em; margin-bottom: .3em; font-weight: 700; }

code { font-family: monospace; }

section p { margin-bottom: 1em; }

/* Lists */
ul.disc { margin-left: 2em; }

.disc li { list-style: disc; }

/* Containers */
section { display: block; height: 100%; padding: 2em; }

.mainContainer {
  max-width: 68.75em;
  min-width: 20em;
  height: 100%;
  margin: 0 auto;
  background: #FFF;
}

/* Forms */
input[type=submit] {
  font-weight: 700;
  cursor: pointer;
  padding: .5em 1em;
  background: #1e5943;
  color: #FFF;
  border: none;
}

.loginFailureMessage {
  width: 50%;
  margin-bottom: 1em;
  padding: 1em;
  border: solid .1em #CCC;
  background: #8caa9e;
}

.loginFailureMessage p:last-child { margin-bottom: 0; }

/* Header */
header {
  display: block;
  font-weight: 700;
  height: 3.5625em;
  line-height: 3.5625em;
  background: #1c5640;
}

header img { float: left; margin: 0 2em 0 1em; }

.headerLinks {
  float: right;
  margin: 1em;
  padding: 1em;
  background: #F7F7F7;
  border: solid .1em #CCC;
}

@media screen and (max-width: 600px) {
h1 { display: none; }
header img { float: none; display: block; margin: 0 auto; }
section { padding: 1em; }
.headerLinks { float: none; width: 90%; margin: 1em auto; }
}