::-moz-selection {
  background: #444444;
  color: #f9f9f9;
  text-shadow: none; }

::selection {
  background: #444444;
  color: #f9f9f9;
  text-shadow: none; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block; }

audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden] {
  display: none; }

html, body {
  min-height: 100%;
  color: #444444;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%; }

body {
  margin: 0;
  font-size: 100%;
  line-height: 1.5em; }

html,
body,
button,
input,
select,
textarea {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

a:focus {
  outline: thin dotted; }

a:hover,
a:active {
  outline: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 700; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

h2 {
  font-size: 1.5em;
  margin: 0.83em 0; }

h3 {
  font-size: 1.17em;
  margin: 1em 0; }

h4 {
  font-size: 1em;
  margin: 1.33em 0; }

h5 {
  font-size: 0.83em;
  margin: 1.67em 0; }

h6 {
  font-size: 0.75em;
  margin: 2.33em 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

blockquote {
  margin: 1.5em; }

dfn {
  font-style: italic; }

mark {
  background: #ff0;
  color: #000; }

p,
pre {
  margin: 1.5em 0; }

p img.left {
  float: left;
  margin: 1.5em 1.5em 1.5em 0; }
p img.right {
  float: right;
  margin: 1.5em 0 1.5em 1.5em; }

pre,
code,
kbd,
samp {
  font-family: "andale mono", "lucida console", monospace;
  _font-family: "courier new", "andale mono", "lucida console", monospace;
  font-size: 1em; }

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

small {
  font-size: 75%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

dl,
menu,
ol,
ul {
  margin: 1.5em 0; }

dd {
  margin: 0 0 0 3em; }

menu,
ol,
ul {
  padding: 0; }

nav ul,
nav ol {
  list-style: none;
  list-style-image: none; }

img {
  border: 0;
  -ms-interpolation-mode: bicubic; }

svg:not(:root) {
  overflow: hidden; }

figure {
  margin: 0; }

form {
  margin: 0; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px; }

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle; }

button,
input {
  line-height: normal; }

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  *overflow: visible; }

button[disabled],
input[disabled] {
  cursor: default; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px; }

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box; }

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto;
  vertical-align: top; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  max-width: 100%; }

@font-face {
  font-family: "SSStandard";
  src: url("../fonts/ss-standard.eot");
  src: url("../fonts/ss-standard.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-standard.woff") format("woff"), url("../fonts/ss-standard.ttf") format("truetype"), url("../fonts/ss-standard.svg#SSStandard") format("svg");
  font-weight: normal;
  font-style: normal; }

.ss-icon, [class^="ss-"]:before, [class*=" ss-"]:before,
.ss-icon.ss-standard, [class^="ss-"].ss-standard:before, [class*=" ss-"].ss-standard:before {
  font-family: "SSStandard";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

.ss-cursor:before {
  content: ''; }

.ss-crosshair:before {
  content: '⌖'; }

.ss-search:before {
  content: '🔎'; }

.ss-view:before {
  content: '👀'; }

.ss-attach:before {
  content: '📎'; }

.ss-link:before {
  content: '🔗'; }

.ss-move:before {
  content: ''; }

.ss-write:before {
  content: '✎'; }

.ss-writingdisabled:before {
  content: ''; }

.ss-erase:before {
  content: '✐'; }

.ss-compose:before {
  content: '📝'; }

.ss-lock:before {
  content: '🔒'; }

.ss-unlock:before {
  content: '🔓'; }

.ss-key:before {
  content: '🔑'; }

.ss-backspace:before {
  content: '⌫'; }

.ss-ban:before {
  content: '🚫'; }

.ss-trash:before {
  content: ''; }

.ss-target:before {
  content: '◎'; }

.ss-tag:before {
  content: ''; }

.ss-bookmark:before {
  content: '🔖'; }

.ss-flag:before {
  content: '⚑'; }

.ss-like:before {
  content: '👍'; }

.ss-dislike:before {
  content: '👎'; }

.ss-heart:before {
  content: '♥'; }

.ss-halfheart:before {
  content: ''; }

.ss-star:before {
  content: '⋆'; }

.ss-halfstar:before {
  content: ''; }

.ss-sample:before {
  content: ''; }

.ss-crop:before {
  content: ''; }

.ss-layers:before {
  content: ''; }

.ss-phone:before {
  content: '📞'; }

.ss-phonedisabled:before {
  content: ''; }

.ss-rss:before {
  content: ''; }

.ss-facetime:before {
  content: ''; }

.ss-reply:before {
  content: '↩'; }

.ss-mail:before {
  content: '✉'; }

.ss-inbox:before {
  content: '📥'; }

.ss-chat:before {
  content: '💬'; }

.ss-user:before {
  content: '👤'; }

.ss-femaleuser:before {
  content: '👧'; }

.ss-users:before {
  content: '👥'; }

.ss-cart:before {
  content: ''; }

.ss-creditcard:before {
  content: '💳'; }

.ss-barchart:before {
  content: '📊'; }

.ss-piechart:before {
  content: ''; }

.ss-box:before {
  content: '📦'; }

.ss-home:before {
  content: '⌂'; }

.ss-globe:before {
  content: '🌎'; }

.ss-navigate:before {
  content: ''; }

.ss-compass:before {
  content: ''; }

.ss-signpost:before {
  content: ''; }

.ss-location:before {
  content: ''; }

.ss-map:before {
  content: ''; }

.ss-pin:before {
  content: '📍'; }

.ss-database:before {
  content: ''; }

.ss-music:before {
  content: '♫'; }

.ss-mic:before {
  content: '🎤'; }

.ss-volume:before {
  content: '🔈'; }

.ss-volumelow:before {
  content: '🔉'; }

.ss-volumehigh:before {
  content: '🔊'; }

.ss-airplay:before {
  content: ''; }

.ss-camera:before {
  content: '📷'; }

.ss-picture:before {
  content: '🌄'; }

.ss-video:before {
  content: '📹'; }

.ss-play:before {
  content: '▶'; }

.ss-pause:before {
  content: ''; }

.ss-stop:before {
  content: '■'; }

.ss-record:before {
  content: '●'; }

.ss-rewind:before {
  content: '⏪'; }

.ss-fastforward:before {
  content: '⏩'; }

.ss-skipback:before {
  content: '⏮'; }

.ss-skipforward:before {
  content: '⏭'; }

.ss-eject:before {
  content: '⏏'; }

.ss-repeat:before {
  content: '🔁'; }

.ss-replay:before {
  content: '↺'; }

.ss-shuffle:before {
  content: '🔀'; }

.ss-notebook:before {
  content: '📓'; }

.ss-grid:before {
  content: ''; }

.ss-rows:before {
  content: ''; }

.ss-columns:before {
  content: ''; }

.ss-desktop:before {
  content: '💻'; }

.ss-laptop:before {
  content: ''; }

.ss-tablet:before {
  content: ''; }

.ss-cell:before {
  content: '📱'; }

.ss-battery:before {
  content: '🔋'; }

.ss-batteryhigh:before {
  content: ''; }

.ss-batterymedium:before {
  content: ''; }

.ss-batterylow:before {
  content: ''; }

.ss-batteryempty:before {
  content: ''; }

.ss-clouddownload:before {
  content: ''; }

.ss-download:before {
  content: ''; }

.ss-cloudupload:before {
  content: ''; }

.ss-upload:before {
  content: ''; }

.ss-fork:before {
  content: ''; }

.ss-merge:before {
  content: ''; }

.ss-refresh:before {
  content: '↻'; }

.ss-sync:before {
  content: ''; }

.ss-loading:before {
  content: ''; }

.ss-wifi:before {
  content: ''; }

.ss-connection:before {
  content: ''; }

.ss-file:before {
  content: '📄'; }

.ss-folder:before {
  content: '📁'; }

.ss-quote:before {
  content: '“'; }

.ss-text:before {
  content: ''; }

.ss-font:before {
  content: ''; }

.ss-print:before {
  content: '⎙'; }

.ss-fax:before {
  content: '📠'; }

.ss-list:before {
  content: ''; }

.ss-layout:before {
  content: ''; }

.ss-action:before {
  content: ''; }

.ss-expand:before {
  content: '⤢'; }

.ss-contract:before {
  content: ''; }

.ss-help:before {
  content: '❓'; }

.ss-info:before {
  content: 'ℹ'; }

.ss-alert:before {
  content: '⚠'; }

.ss-caution:before {
  content: '⛔'; }

.ss-plus:before {
  content: '+'; }

.ss-hyphen:before {
  content: '-'; }

.ss-dropdown:before {
  content: '▾'; }

.ss-check:before {
  content: '✓'; }

.ss-delete:before {
  content: '␡'; }

.ss-settings:before {
  content: '⚙'; }

.ss-dashboard:before {
  content: ''; }

.ss-notifications:before {
  content: '🔔'; }

.ss-notificationsdisabled:before {
  content: '🔕'; }

.ss-clock:before {
  content: '⏲'; }

.ss-stopwatch:before {
  content: '⏱'; }

.ss-calendar:before {
  content: '📆'; }

.ss-calendaradd:before {
  content: ''; }

.ss-calendarremove:before {
  content: ''; }

.ss-calendarcheck:before {
  content: ''; }

.ss-briefcase:before {
  content: '💼'; }

.ss-cloud:before {
  content: '☁'; }

.ss-navigateup:before {
  content: ''; }

.ss-navigateright:before {
  content: '▻'; }

.ss-navigatedown:before {
  content: ''; }

.ss-navigateleft:before {
  content: '◅'; }

.ss-up:before {
  content: '⬆'; }

.ss-upright:before {
  content: '⬈'; }

.ss-right:before {
  content: '➡'; }

.ss-downright:before {
  content: '⬊'; }

.ss-down:before {
  content: '⬇'; }

.ss-downleft:before {
  content: '⬋'; }

.ss-left:before {
  content: '⬅'; }

.ss-upleft:before {
  content: '⬉'; }

.ss-retweet:before {
  content: ''; }

@font-face {
  font-family: "SSSocial";
  src: url("../fonts/ss-social-circle.eot");
  src: url("../fonts/ss-social-circle.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-circle.woff") format("woff"), url("../fonts/ss-social-circle.ttf") format("truetype"), url("../fonts/ss-social-circle.svg#SSSocialCircle") format("svg");
  font-weight: bold;
  font-style: normal; }

@font-face {
  font-family: "SSSocial";
  src: url("../fonts/ss-social-regular.eot");
  src: url("../fonts/ss-social-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/ss-social-regular.woff") format("woff"), url("../fonts/ss-social-regular.ttf") format("truetype"), url("../fonts/ss-social-regular.svg#SSSocialRegular") format("svg");
  font-weight: normal;
  font-style: normal; }

.ss-icon, [class^="ss-"]:before, [class*=" ss-"]:before,
.ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before,
.ss-icon.ss-social, [class^="ss-"].ss-social:before, [class*=" ss-"].ss-social:before {
  font-family: "SSSocial";
  font-style: normal;
  font-weight: normal;
  text-decoration: none;
  text-rendering: optimizeLegibility;
  white-space: nowrap;
  -webkit-font-feature-settings: "liga", "dlig";
  -moz-font-feature-settings: "liga=1, dlig=1";
  -moz-font-feature-settings: "liga", "dlig";
  -ms-font-feature-settings: "liga", "dlig";
  -o-font-feature-settings: "liga", "dlig";
  font-feature-settings: "liga", "dlig"; }

.ss-icon.ss-social-circle, [class^="ss-"].ss-social-circle:before, [class*=" ss-"].ss-social-circle:before {
  font-weight: bold; }

.ss-facebook:before {
  content: ''; }

.ss-twitter:before {
  content: ''; }

.ss-linkedin:before {
  content: ''; }

.ss-googleplus:before {
  content: ''; }

.ss-tumblr:before {
  content: ''; }

.ss-wordpress:before {
  content: ''; }

.ss-blogger:before {
  content: ''; }

.ss-posterous:before {
  content: ''; }

.ss-youtube:before {
  content: ''; }

.ss-vimeo:before {
  content: ''; }

.ss-flickr:before {
  content: ''; }

.ss-instagram:before {
  content: ''; }

.ss-pinterest:before {
  content: ''; }

.ss-dribbble:before {
  content: ''; }

.ss-behance:before {
  content: ''; }

.ss-github:before {
  content: ''; }

.ss-paypal:before {
  content: ''; }

.ss-foursquare:before {
  content: ''; }

.ss-skype:before {
  content: ''; }

.ss-mail:before {
  content: '✉'; }

label, input, select, textarea, checkbox {
  margin: 0.5em 0;
  display: block; }
  label[type="checkbox"], label[type="radio"], input[type="checkbox"], input[type="radio"], select[type="checkbox"], select[type="radio"], textarea[type="checkbox"], textarea[type="radio"], checkbox[type="checkbox"], checkbox[type="radio"] {
    display: inline; }

label span {
  display: block; }

.check span {
  display: inline;
  margin-right: 0.5em; }

.cluster {
  display: inline;
  margin-right: 1.5em; }

input, select, textarea {
  padding: 0.5em;
  background: #f9f9f9;
  border: 1px solid #888888;
  color: #888888;
  -moz-border-radius: 0.188em;
  -ms-border-radius: 0.188em;
  -o-border-radius: 0.188em;
  -webkit-border-radius: 0.188em;
  border-radius: 0.188em;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 300ms;
  -ms-transition: all linear 300ms;
  -o-transition: all linear 300ms;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms; }
  input:focus, select:focus, textarea:focus {
    outline: 0;
    background: white;
    color: #444444; }

select {
  height: 2.5em; }

input, textarea, input:required:invalid.empty, input:focus:invalid.empty, textarea:required:invalid.empty, textarea:focus:invalid.empty {
  -moz-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2) inset;
  -ms-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2) inset;
  -o-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2) inset;
  -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.2) inset; }

input[type="submit"] {
  color: #f9f9f9;
  color: rgba(255, 255, 255, 0.8);
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  display: inline-block;
  border: 0;
  margin: 0.5em 0;
  padding: 0.5em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 500;
  text-decoration: none;
  font-size: 1.3em;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  border: 1px solid #414141;
  background-color: #444444;
  -moz-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(1, rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 300ms;
  -ms-transition: all linear 300ms;
  -o-transition: all linear 300ms;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms; }
  input[type="submit"]:hover {
    background-color: #222222;
    color: #d7d7d7;
    color: #f9f9f9; }

input:required:invalid, input:focus:invalid,
textarea:required:invalid, textarea:focus:invalid {
  -moz-box-shadow: 0 0 0.5em rgba(255, 0, 0, 0.4) inset;
  -ms-box-shadow: 0 0 0.5em rgba(255, 0, 0, 0.4) inset;
  -o-box-shadow: 0 0 0.5em rgba(255, 0, 0, 0.4) inset;
  -webkit-box-shadow: 0 0 0.5em rgba(255, 0, 0, 0.4) inset;
  box-shadow: 0 0 0.5em rgba(255, 0, 0, 0.4) inset; }

a {
  color: #444444;
  -moz-transition: all linear 300ms;
  -ms-transition: all linear 300ms;
  -o-transition: all linear 300ms;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
  font-weight: 700;
  text-decoration: none;
  padding: 0.5em;
  margin: -0.5em; }
  a:hover, a:active {
    color: #222222; }

body {
  background: #f9f9f9; }

.container {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
  padding-top: 1em; }
  .container section {
    height: 5.5em;
    padding: 0.5em;
    margin-top: 0;
    margin-bottom: 1em; }
  .container .extraheight {
    padding-top: 14em; }

section {
  display: inline;
  float: left;
  margin: 1%;
  padding: 1%;
  width: 46%;
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  height: 1.5em;
  position: relative;
  -moz-transition: all linear 300ms;
  -ms-transition: all linear 300ms;
  -o-transition: all linear 300ms;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms; }
  section span {
    margin-top: 4em;
    display: block;
    font-weight: 700; }
  section a {
    opacity: 0; }
  section:hover a {
    opacity: 1; }
  section .new {
    opacity: 1;
    padding-top: 4.5em;
    display: block; }
    section .new:before {
      font-size: 0.9em;
      position: relative;
      top: 1px;
      margin-right: 0.25em; }

.delete, .edit {
  position: absolute;
  top: 0.5em; }

.delete {
  right: 0.5em; }

.edit {
  right: 2em; }

.dark, .dark a {
  color: #e8e8e8;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); }

.dark a:hover {
  color: #c6c6c6; }

.double {
  display: inline;
  float: left;
  margin: 1%;
  padding: 1%;
  width: 96%; }

.fit {
  font-size: 0.9em;
  position: relative;
  top: 3px; }

.wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6); }

.confirm, .cancel {
  color: #f9f9f9;
  color: rgba(255, 255, 255, 0.8);
  -webkit-appearance: none;
  -webkit-box-sizing: border-box;
  display: inline-block;
  border: 0;
  margin: 0.5em 0;
  padding: 0.5em;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6);
  text-align: center;
  font-weight: 500;
  text-decoration: none;
  font-size: 1.3em;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  border: 1px solid #414141;
  background-color: #444444;
  -moz-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  -o-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.2) inset, 0 0 0.5em rgba(0, 0, 0, 0.2);
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, 0.2)), color-stop(1, rgba(0, 0, 0, 0.2)));
  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.2));
  -moz-border-radius: 0.5em;
  -ms-border-radius: 0.5em;
  -o-border-radius: 0.5em;
  -webkit-border-radius: 0.5em;
  border-radius: 0.5em;
  -moz-background-clip: padding-box;
  -ms-background-clip: padding-box;
  -o-background-clip: padding-box;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-transition: all linear 300ms;
  -ms-transition: all linear 300ms;
  -o-transition: all linear 300ms;
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms; }
  .confirm:hover, .cancel:hover {
    background-color: #222222;
    color: #d7d7d7;
    color: #f9f9f9; }
  .confirm:before, .cancel:before {
    position: relative;
    top: 3px;
    margin-right: 0.5em; }

.confirm {
  background-color: #080;
  margin-right: 0.5em; }
  .confirm:hover {
    background-color: #0a0; }

.cancel {
  background-color: #800; }
  .cancel:hover {
    background-color: #a00; }

.add-form, .delete-confirm, .edit-form {
  width: 60%;
  max-width: 400px;
  padding: 2%;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -o-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  min-height: 30px;
  position: fixed;
  top: 50%;
  left: 50%;
  background: #f9f9f9; }
  .add-form .close, .delete-confirm .close, .edit-form .close {
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    font-size: 1.2em; }

label {
  padding: 0.5em 0;
  clear: both; }

input, select {
  float: right;
  width: 65%;
  margin-top: -0.5em; }
  input[type="submit"], select[type="submit"] {
    width: auto; }

select {
  width: 69.5%; }

header, footer {
  margin: 0 1%; }

@media screen and (min-width: 320px) {
  section {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 29.333%; }

  .double {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 62.667%; } }
@media screen and (min-width: 640px) {
  section {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 21%; }

  .double {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 46%; } }
@media screen and (min-width: 768px) {
  section {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 12.667%; }

  .double {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 29.333%; } }
@media screen and (min-width: 1000px) {
  section {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 10.286%; }

  .double {
    display: inline;
    float: left;
    margin: 1%;
    padding: 1%;
    width: 24.571%; } }