/********** Reset **********/
/* ==== Scroll down to find where to put your styles :) ==== */
/*  HTML5 ✰ Boilerplate  */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
blockquote, q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}
select,
input,
textarea,
button {
  font: 99% sans-serif;
}
pre,
code,
kbd,
samp {
  font-family: monospace, sans-serif;
}
/*html { overflow-y: scroll; }*/
a:hover, a:active {
  outline: none;
}
ul, ol {
  margin-left: 2em;
}
ol {
  list-style-type: decimal;
}
nav ul, nav li {
  margin: 0;
  list-style: none;
  list-style-image: none;
}
small {
  font-size: 85%;
}
strong, th {
  font-weight: bold;
}
td {
  vertical-align: top;
}
sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  padding: 15px;
}
textarea {
  overflow: auto;
}
.ie6 legend, .ie7 legend {
  margin-left: -7px;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}
.ie6 input {
  vertical-align: text-bottom;
}
label,
input[type="button"],
input[type="submit"],
input[type="image"],
button {
  cursor: pointer;
}
button,
input,
select,
textarea {
  margin: 0;
}
input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}
::-moz-selection {
  background: #a7ff00;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #a7ff00;
  color: #fff;
  text-shadow: none;
}
a:link {
  -webkit-tap-highlight-color: #FF5E99;
}
button {
  width: auto;
  overflow: visible;
}
.ie7 img {
  -ms-interpolation-mode: bicubic;
}
body,
select,
input,
textarea {
  color: #444;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
}
a, a:active, a:visited {
  color: #607890;
}
a:hover {
  color: #036;
}
/*
    // ========================================== \\
   ||                                              ||
   ||               Your styles !                  ||
   ||                                              ||
    \\ ========================================== //
*/
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}
.invisible {
  visibility: hidden;
}
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
@media all and (orientation: portrait) {
  
}
@media all and (orientation: landscape) {
  
}
@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  @page  {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}
/********** Grid **********/
/*
 * @package: DonutFront
 * @module: Grid
 * @author: Justin Marsan
 * @description: This module provides classes to create layouts using nested rows and columns
 */
/*
 * @module: Grid
 * @section: General Classes
 */
.row {
  width: 960px;
  margin: 0 auto;
  padding: 0 5px;
  clear: left;
  overflow: hidden;
}
.row .row {
  width: auto;
  margin: 0 -10px;
  padding: 0;
}
.new-line {
  clear: left;
}
.grid1 {
  width: 40px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid1.bordered {
  width: 38px;
  border: 1px solid transparent;
}
.grid1.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid1.cumulative {
  width: 80px;
}
.grid2 {
  width: 100px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid2.bordered {
  width: 98px;
  border: 1px solid transparent;
}
.grid2.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid2.cumulative {
  width: 140px;
}
.grid3 {
  width: 160px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid3.bordered {
  width: 158px;
  border: 1px solid transparent;
}
.grid3.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid3.cumulative {
  width: 200px;
}
.grid4 {
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid4.bordered {
  width: 218px;
  border: 1px solid transparent;
}
.grid4.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid4.cumulative {
  width: 260px;
}
.grid5 {
  width: 280px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid5.bordered {
  width: 278px;
  border: 1px solid transparent;
}
.grid5.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid5.cumulative {
  width: 320px;
}
.grid6 {
  width: 340px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid6.bordered {
  width: 338px;
  border: 1px solid transparent;
}
.grid6.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid6.cumulative {
  width: 380px;
}
.grid7 {
  width: 400px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid7.bordered {
  width: 398px;
  border: 1px solid transparent;
}
.grid7.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid7.cumulative {
  width: 440px;
}
.grid8 {
  width: 460px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid8.bordered {
  width: 458px;
  border: 1px solid transparent;
}
.grid8.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid8.cumulative {
  width: 500px;
}
.grid9 {
  width: 520px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid9.bordered {
  width: 518px;
  border: 1px solid transparent;
}
.grid9.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid9.cumulative {
  width: 560px;
}
.grid10 {
  width: 580px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid10.bordered {
  width: 578px;
  border: 1px solid transparent;
}
.grid10.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid10.cumulative {
  width: 620px;
}
.grid11 {
  width: 640px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid11.bordered {
  width: 638px;
  border: 1px solid transparent;
}
.grid11.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid11.cumulative {
  width: 680px;
}
.grid12 {
  width: 700px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid12.bordered {
  width: 698px;
  border: 1px solid transparent;
}
.grid12.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid12.cumulative {
  width: 740px;
}
.grid13 {
  width: 760px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid13.bordered {
  width: 758px;
  border: 1px solid transparent;
}
.grid13.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid13.cumulative {
  width: 800px;
}
.grid14 {
  width: 820px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid14.bordered {
  width: 818px;
  border: 1px solid transparent;
}
.grid14.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid14.cumulative {
  width: 860px;
}
.grid15 {
  width: 880px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid15.bordered {
  width: 878px;
  border: 1px solid transparent;
}
.grid15.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid15.cumulative {
  width: 920px;
}
.grid16 {
  width: 940px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.grid16.bordered {
  width: 938px;
  border: 1px solid transparent;
}
.grid16.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.grid16.cumulative {
  width: 980px;
}
/*
 * @module: Grid
 * @section: Offset
 */
.offset1 {
  margin-left: 70px;
}
.offset2 {
  margin-left: 130px;
}
.offset3 {
  margin-left: 190px;
}
.offset4 {
  margin-left: 250px;
}
.offset5 {
  margin-left: 310px;
}
.offset6 {
  margin-left: 370px;
}
.offset7 {
  margin-left: 430px;
}
.offset8 {
  margin-left: 490px;
}
.offset9 {
  margin-left: 550px;
}
.offset10 {
  margin-left: 610px;
}
.offset11 {
  margin-left: 670px;
}
.offset12 {
  margin-left: 730px;
}
.offset13 {
  margin-left: 790px;
}
.offset14 {
  margin-left: 850px;
}
.offset15 {
  margin-left: 910px;
}
.offset16 {
  margin-left: 970px;
}
/********** Typography **********/
/*
 * @package: DonutFront
 * @module: Typography
 * @author: Justin Marsan
 * @description: This module provides default typographic styles for HTML elements
 */
/*
 * @module: Typography
 * @section: Common Elements
 */
body {
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #2b2b2b;
}
p {
  padding-bottom: 22px;
}
b, strong {
  font-weight: bold;
}
i, em {
  font-style: italic;
}
small {
  font-size: 9.75px;
}
big {
  font-size: 14.625px;
}
/*
 * @module: Typography
 * @section: Uncommon elements
 */
code {
  display: inline-block;
  position: relative;
  bottom: 2px;
  padding: 1px 3px;
  background: #eee;
  outline: 1px solid #ccc;
  color: #2b2b2b;
  font-size: 11.700000000000001px;
  font-weight: normal;
  line-height: 13px;
}
pre {
  margin: 10px 0;
  padding: 0 5px;
  background: #eee;
  border: 1px solid #ccc;
  -moz-border-radius: 3px;
  border-radius: 3px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
pre code {
  bottom: 0;
  padding: 0;
  display: block;
  background: none;
  outline: none;
  line-height: 22px;
}
blockquote {
  margin-left: 11px;
  margin-bottom: 22px;
  padding-left: 11px;
  border-left: 1px solid #b7b7b7;
  font-style: italic;
}
blockquote p {
  padding-top: 0;
  padding-bottom: 0;
}
blockquote small {
  display: block;
  text-align: right;
  color: #848484;
  font-style: normal;
}
/*
 * @module: Typography
 * @section: Links
 */
a, a:visited {
  color: #178a00;
  text-decoration: underline;
}
a:hover {
  color: #20bd00;
  text-decoration: none;
}
a:focus {
  color: #178a00;
  text-decoration: none;
  outline: 1px dashed #178a00;
}
a:active {
  color: #33ff0a;
  text-decoration: none;
}
/*
 * @module: Typography
 * @section: Headings
 */
h1 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  vertical-align: bottom;
  padding-top: 30.799999999999997px;
  padding-bottom: 13.2px;
  font-size: 33.800000000000004px;
  line-height: 44px;
}
h1 aside {
  display: inline-block;
  position: absolute;
  bottom: 6.6px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  vertical-align: baseline;
}
h1.underlined {
  border-bottom: 1px solid #ababab;
  margin-bottom: 11px;
  padding-bottom: 1.2000000000000002px;
}
h1 small {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 0.75em;
  color: #919191;
  line-height: 22px;
  vertical-align: bottom;
  bottom: 0.35em;
}
h2 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  vertical-align: bottom;
  padding-top: 33px;
  padding-bottom: 11px;
  font-size: 27.3px;
  line-height: 44px;
}
h2 aside {
  display: inline-block;
  position: absolute;
  bottom: 6.6px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  vertical-align: baseline;
}
h2.underlined {
  border-bottom: 1px solid #ababab;
  margin-bottom: 6.6px;
  padding-bottom: 3.4000000000000004px;
}
h2 small {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 0.75em;
  color: #919191;
  line-height: 22px;
  vertical-align: bottom;
  bottom: 0.45em;
}
h3 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  vertical-align: bottom;
  padding-top: 13.2px;
  padding-bottom: 8.8px;
  font-size: 20.8px;
  line-height: 44px;
}
h3 aside {
  display: inline-block;
  position: absolute;
  bottom: 6.6px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  vertical-align: baseline;
}
h3.underlined {
  border-bottom: 1px solid #ababab;
  padding-bottom: 3.4000000000000004px;
  margin-bottom: 4.4px;
}
h3 small {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 0.75em;
  color: #919191;
  line-height: 22px;
  vertical-align: bottom;
  bottom: 1.1em;
}
h4 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  vertical-align: bottom;
  padding-top: 8.8px;
  padding-bottom: 14px;
  font-size: 15.6px;
}
h4 aside {
  display: inline-block;
  position: absolute;
  bottom: 6.6px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  vertical-align: baseline;
}
h4.underlined {
  border-bottom: 1px solid #ababab;
  padding-bottom: 5.6px;
  margin-bottom: 6.6px;
}
h4 small {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 0.75em;
  color: #919191;
  line-height: 22px;
  vertical-align: bottom;
  top: 0.1em;
}
h5 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  vertical-align: bottom;
  padding-top: 8.8px;
  padding-bottom: 14px;
  font-size: 14.3px;
}
h5 aside {
  display: inline-block;
  position: absolute;
  bottom: 6.6px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  vertical-align: baseline;
}
h5.underlined {
  border-bottom: 1px solid #ababab;
  padding-bottom: 5.6px;
  margin-bottom: 6.6px;
}
h5 small {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 0.75em;
  color: #919191;
  line-height: 22px;
  vertical-align: bottom;
  top: 0.1em;
}
h6 {
  position: relative;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Arial, sans-serif;
  font-weight: bold;
  color: #262626;
  vertical-align: bottom;
  padding-top: 11px;
  padding-bottom: 11px;
  font-size: 13px;
}
h6 aside {
  display: inline-block;
  position: absolute;
  bottom: 6.6px;
  right: 0;
  font-size: 13px;
  font-weight: normal;
  line-height: 22px;
  vertical-align: baseline;
}
h6.underlined {
  border-bottom: 1px solid #ababab;
  padding-bottom: 5.6px;
  margin-bottom: 4.4px;
}
h6 small {
  position: relative;
  padding: 0;
  margin: 0;
  display: inline-block;
  font-size: 0.75em;
  color: #919191;
  line-height: 22px;
  vertical-align: bottom;
}
h1 a,
h2 a,
h3 a,
h4 a,
h4 a,
h5 a,
h6 a {
  color: #2b2b2b;
  text-decoration: underline;
}
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited {
  color: #2b2b2b;
  text-decoration: underline;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
h1 a:focus,
h2 a:focus,
h3 a:focus,
h4 a:focus,
h4 a:focus,
h5 a:focus,
h6 a:focus {
  color: #2b2b2b;
  text-decoration: none;
}
/*
 * @module: Typography
 * @section: Lists
 */
ul, ol {
  padding-top: 11px;
  margin-bottom: 11px;
  margin-left: 22px;
  color: #000000;
}
dl {
  padding-top: 11px;
  margin-bottom: 11px;
  color: #000000;
}
dl dt {
  font-weight: bold;
  font-size: #2f2f2f;
}
dl dd {
  margin-left: 22px;
}
.inline-items {
  margin-left: 0;
}
.inline-items li {
  display: inline-block;
  margin-right: 11px;
}
.double-height {
  padding-top: 8.8px;
  margin-bottom: 13.2px;
}
.double-height li {
  padding-bottom: 22px;
}
/*
 * @module: Typography
 * @section: Common classes
 */
.right {
  text-align: right;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
/********** UI **********/
/*
 * @package: DonutFront
 * @module: UI
 * @author: Justin Marsan
 * @description: This modules provides styles for buttons, notifications, alerts, modal windows, and other UI elements
 */
/*
 * @module: UI
 * @section: Notifications
 */
.notification {
  position: relative;
  margin: 22px 0;
  padding: 10px 11px;
  background: #f3f3f3;
  border: 1px solid #c0c0c0;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #272727;
}
.notification .close {
  display: block;
  float: right;
  color: #ffffff;
  font-size: 11.700000000000001px;
}
.notification p {
  padding: 0;
}
.notification.error {
  position: relative;
  margin: 22px 0;
  padding: 10px 11px;
  background: #ff5267;
  border: 1px solid #eb001d;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000000;
}
.notification.error .close {
  display: block;
  float: right;
  color: #ffffff;
  font-size: 11.700000000000001px;
}
.notification.warning {
  position: relative;
  margin: 22px 0;
  padding: 10px 11px;
  background: #ff9820;
  border: 1px solid #b96400;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000000;
}
.notification.warning .close {
  display: block;
  float: right;
  color: #fff6ec;
  font-size: 11.700000000000001px;
}
.notification.success {
  position: relative;
  margin: 22px 0;
  padding: 10px 11px;
  background: #69cb50;
  border: 1px solid #3d8c29;
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #000000;
}
.notification.success .close {
  display: block;
  float: right;
  color: #f0faed;
  font-size: 11.700000000000001px;
}
/*
 * @module: UI
 * @section: Notifications with icons
 */
.notification.with-icon p:first-of-type {
  position: relative;
  padding-left: 33px;
}
.notification.with-icon p:first-of-type:after {
  content: "";
  position: absolute;
  top: 16.5px;
  left: 9px;
  height: 0;
  width: 0;
  border-color: #cdcdcd #cdcdcd #f3f3f3 #f3f3f3;
  border-width: 2px;
  border-style: solid;
}
.notification.with-icon p:first-of-type:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 16.5px;
  width: 22px;
  background: #cdcdcd;
  -moz-border-radius: 11px;
  border-radius: 11px;
}
.notification.error.with-icon p:first-of-type:after {
  content: "X";
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: none;
  font-size: 0.7em;
  text-align: center;
  color: #ffb8c1;
}
.notification.error.with-icon p:first-of-type:before {
  height: 22px;
  background: #d20019;
}
.notification.warning.with-icon p:first-of-type:after {
  content: "!";
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: none;
  text-align: center;
  color: #ffc786;
}
.notification.warning.with-icon p:first-of-type:before {
  height: 22px;
  background: #a05600;
}
.notification.success.with-icon p:first-of-type:after {
  content: "\2713";
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  border: none;
  text-align: center;
  color: #ace29f;
}
.notification.success.with-icon p:first-of-type:before {
  height: 22px;
  background: #357824;
}
/*
 * @module: UI
 * @section: Buttons
 */
/* @hack: require `a.button` instead of `.button` to override default `a` style */
a.button, .button {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
  line-height: 42px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #f3f3f3;
  background-color: #dadada;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#dadada));
  background-image: -moz-linear-gradient(#ffffff, #dadada);
  background-image: -ms-linear-gradient(#ffffff, #dadada);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #dadada));
  background-image: -webkit-linear-gradient(#ffffff, #dadada);
  background-image: -o-linear-gradient(#ffffff, #dadada);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada', GradientType=0)";
  background-image: linear-gradient(#ffffff, #dadada);
  -webkit-box-shadow: 0 0 5px #cccccc;
  -moz-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
  border: 1px solid white;
  color: #737373;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-text-shadow: 0 1px 1px #ffffff;
  -moz-text-shadow: 0 1px 1px #ffffff;
  text-shadow: 0 1px 1px #ffffff;
}
a.button:hover,
.button:hover,
a.button:focus,
.button:focus {
  background: #f3f3f3;
  background-color: #f3f3f3;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e6e6e6), to(#f3f3f3));
  background-image: -moz-linear-gradient(#e6e6e6, #f3f3f3);
  background-image: -ms-linear-gradient(#e6e6e6, #f3f3f3);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #f3f3f3));
  background-image: -webkit-linear-gradient(#e6e6e6, #f3f3f3);
  background-image: -o-linear-gradient(#e6e6e6, #f3f3f3);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#f3f3f3', GradientType=0)";
  background-image: linear-gradient(#e6e6e6, #f3f3f3);
  -webkit-box-shadow: 0 0 9px #cccccc;
  -moz-box-shadow: 0 0 9px #cccccc;
  box-shadow: 0 0 9px #cccccc;
}
a.button.disabled,
.button.disabled,
a.button:disabled,
.button:disabled {
  opacity: 0.5;
}
a.button.disabled:hover,
.button.disabled:hover,
a.button:disabled:hover,
.button:disabled:hover,
a.button.disabled:focus,
.button.disabled:focus,
a.button:disabled:focus,
.button:disabled:focus {
  background: #f3f3f3;
  border: 1px solid #c0c0c0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
a.button.disabled.unclickable,
.button.disabled.unclickable,
a.button:disabled.unclickable,
.button:disabled.unclickable {
  z-index: -1;
  position: relative;
}
a.button.disabled.unclickable:after,
.button.disabled.unclickable:after,
a.button:disabled.unclickable:after,
.button:disabled.unclickable:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.button.error {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
  line-height: 42px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #ff5267;
  background-color: #ff1f3a;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ff6c7d), to(#ff1f3a));
  background-image: -moz-linear-gradient(#ff6c7d, #ff1f3a);
  background-image: -ms-linear-gradient(#ff6c7d, #ff1f3a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6c7d), color-stop(100%, #ff1f3a));
  background-image: -webkit-linear-gradient(#ff6c7d, #ff1f3a);
  background-image: -o-linear-gradient(#ff6c7d, #ff1f3a);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c7d', endColorstr='#ff1f3a', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6c7d', endColorstr='#ff1f3a', GradientType=0)";
  background-image: linear-gradient(#ff6c7d, #ff1f3a);
  -webkit-box-shadow: 0 0 5px #cccccc;
  -moz-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
  border: 1px solid white;
  color: #52000a;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-text-shadow: 0 1px 1px #ffffff;
  -moz-text-shadow: 0 1px 1px #ffffff;
  text-shadow: 0 1px 1px #ffffff;
}
.button.error:hover, .button.error:focus {
  background: #ff5267;
  background-color: #ff5267;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ff3851), to(#ff5267));
  background-image: -moz-linear-gradient(#ff3851, #ff5267);
  background-image: -ms-linear-gradient(#ff3851, #ff5267);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3851), color-stop(100%, #ff5267));
  background-image: -webkit-linear-gradient(#ff3851, #ff5267);
  background-image: -o-linear-gradient(#ff3851, #ff5267);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3851', endColorstr='#ff5267', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3851', endColorstr='#ff5267', GradientType=0)";
  background-image: linear-gradient(#ff3851, #ff5267);
  -webkit-box-shadow: 0 0 9px #cccccc;
  -moz-box-shadow: 0 0 9px #cccccc;
  box-shadow: 0 0 9px #cccccc;
}
.button.error.disabled, .button.error:disabled {
  opacity: 0.5;
}
.button.error.disabled:hover,
.button.error:disabled:hover,
.button.error.disabled:focus,
.button.error:disabled:focus {
  background: #ff5267;
  border: 1px solid #eb001d;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.error.disabled.unclickable, .button.error:disabled.unclickable {
  z-index: -1;
  position: relative;
}
.button.error.disabled.unclickable:after, .button.error:disabled.unclickable:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.button.warning {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
  line-height: 42px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #ff9820;
  background-color: #ec7f00;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ffa43a), to(#ec7f00));
  background-image: -moz-linear-gradient(#ffa43a, #ec7f00);
  background-image: -ms-linear-gradient(#ffa43a, #ec7f00);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa43a), color-stop(100%, #ec7f00));
  background-image: -webkit-linear-gradient(#ffa43a, #ec7f00);
  background-image: -o-linear-gradient(#ffa43a, #ec7f00);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa43a', endColorstr='#ec7f00', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa43a', endColorstr='#ec7f00', GradientType=0)";
  background-image: linear-gradient(#ffa43a, #ec7f00);
  -webkit-box-shadow: 0 0 5px #cccccc;
  -moz-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
  border: 1px solid white;
  color: #201100;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-text-shadow: 0 1px 1px #ffffff;
  -moz-text-shadow: 0 1px 1px #ffffff;
  text-shadow: 0 1px 1px #ffffff;
}
.button.warning:hover, .button.warning:focus {
  background: #ff9820;
  background-color: #ff9820;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#ff8c06), to(#ff9820));
  background-image: -moz-linear-gradient(#ff8c06, #ff9820);
  background-image: -ms-linear-gradient(#ff8c06, #ff9820);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff8c06), color-stop(100%, #ff9820));
  background-image: -webkit-linear-gradient(#ff8c06, #ff9820);
  background-image: -o-linear-gradient(#ff8c06, #ff9820);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c06', endColorstr='#ff9820', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8c06', endColorstr='#ff9820', GradientType=0)";
  background-image: linear-gradient(#ff8c06, #ff9820);
  -webkit-box-shadow: 0 0 9px #cccccc;
  -moz-box-shadow: 0 0 9px #cccccc;
  box-shadow: 0 0 9px #cccccc;
}
.button.warning.disabled, .button.warning:disabled {
  opacity: 0.5;
}
.button.warning.disabled:hover,
.button.warning:disabled:hover,
.button.warning.disabled:focus,
.button.warning:disabled:focus {
  background: #ff9820;
  border: 1px solid #b96400;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.warning.disabled.unclickable, .button.warning:disabled.unclickable {
  z-index: -1;
  position: relative;
}
.button.warning.disabled.unclickable:after, .button.warning:disabled.unclickable:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.button.success {
  margin-top: 4.5px;
  margin-bottom: 4.5px;
  line-height: 42px;
  -moz-border-radius: 22px;
  border-radius: 22px;
  background: #69cb50;
  background-color: #4fb335;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#7ad164), to(#4fb335));
  background-image: -moz-linear-gradient(#7ad164, #4fb335);
  background-image: -ms-linear-gradient(#7ad164, #4fb335);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ad164), color-stop(100%, #4fb335));
  background-image: -webkit-linear-gradient(#7ad164, #4fb335);
  background-image: -o-linear-gradient(#7ad164, #4fb335);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ad164', endColorstr='#4fb335', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ad164', endColorstr='#4fb335', GradientType=0)";
  background-image: linear-gradient(#7ad164, #4fb335);
  -webkit-box-shadow: 0 0 5px #cccccc;
  -moz-box-shadow: 0 0 5px #cccccc;
  box-shadow: 0 0 5px #cccccc;
  border: 1px solid white;
  color: #091606;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  -webkit-text-shadow: 0 1px 1px #ffffff;
  -moz-text-shadow: 0 1px 1px #ffffff;
  text-shadow: 0 1px 1px #ffffff;
}
.button.success:hover, .button.success:focus {
  background: #69cb50;
  background-color: #69cb50;
  background-repeat: repeat-x;
  background-image: -khtml-gradient(linear, left top, left bottom, from(#58c53c), to(#69cb50));
  background-image: -moz-linear-gradient(#58c53c, #69cb50);
  background-image: -ms-linear-gradient(#58c53c, #69cb50);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #58c53c), color-stop(100%, #69cb50));
  background-image: -webkit-linear-gradient(#58c53c, #69cb50);
  background-image: -o-linear-gradient(#58c53c, #69cb50);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58c53c', endColorstr='#69cb50', GradientType=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#58c53c', endColorstr='#69cb50', GradientType=0)";
  background-image: linear-gradient(#58c53c, #69cb50);
  -webkit-box-shadow: 0 0 9px #cccccc;
  -moz-box-shadow: 0 0 9px #cccccc;
  box-shadow: 0 0 9px #cccccc;
}
.button.success.disabled, .button.success:disabled {
  opacity: 0.5;
}
.button.success.disabled:hover,
.button.success:disabled:hover,
.button.success.disabled:focus,
.button.success:disabled:focus {
  background: #69cb50;
  border: 1px solid #3d8c29;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.success.disabled.unclickable, .button.success:disabled.unclickable {
  z-index: -1;
  position: relative;
}
.button.success.disabled.unclickable:after, .button.success:disabled.unclickable:after {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
/*
 * @module: UI
 * @section: Tables
 */
table {
  width: 100%;
  margin: 11px 0 11px;
  border-collapse: collapse;
}
table th, table td {
  padding: 11px 8px 10px;
  border-bottom: 1px solid #d2d2d2;
  text-align: left;
}
table.bordered {
  margin: 10px 0 11px;
}
table.bordered td, table.bordered th {
  border: 1px solid #d2d2d2;
}
table.zebra tbody :nth-child(odd) th, table.zebra tbody :nth-child(odd) td {
  background: #6c6c6c;
  color: #ffffff;
}
table.bordered.zebra tbody :nth-child(odd) th, table.bordered.zebra tbody :nth-child(odd) td {
  border: 1px solid #868686;
}
/********** Forms **********/
/*
 * @package: DonutFront
 * @module: Forms
 * @author: Justin Marsan
 * @description: This module provides classes for forms, their layouts and their elements
 */
/*
 * @module: Forms
 * @section: Reset
 */
input, textarea, select {
  margin: 10px 0;
  padding: 3px !important;
  border: 1px solid #cccccc;
  background: #eeeeee;
  color: #444444;
  line-height: 16px;
}
input:focus, textarea:focus, select:focus {
  -webkit-box-shadow: 0 0 8px #d5d5d5;
  -moz-box-shadow: 0 0 8px #d5d5d5;
  box-shadow: 0 0 8px #d5d5d5;
  outline: none;
  border-color: #bfbfbf;
}
input:hover, textarea:hover, select:hover {
  border-color: #bfbfbf;
}
input:disabled, textarea:disabled, select:disabled {
  background: #fbfbfb;
  color: #6a6a6a;
  border-color: #e6e6e6;
}
input:disabled:hover, textarea:disabled:hover, select:disabled:hover {
  border-color: #e6e6e6;
}
input:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
  color: #5e5e5e;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
  color: #5e5e5e;
}
label.radio-check {
  color: #444444;
}
/*
 * @module: Forms
 * @section: Left Aligned
 */
fieldset {
  margin: 11px 0;
}
fieldset ul, fieldset ol {
  margin: 0;
  padding: 0;
}
fieldset li {
  display: block;
  line-height: 22px;
  padding: 0 0 22px;
  overflow: hidden;
}
fieldset .inline-items li {
  display: inline-block;
}
fieldset label {
  display: inline-block;
  padding-right: 10px;
  width: 80px;
}
/*
 * @module: Forms
 * @section: Right Aligned
 */
fieldset.right {
  text-align: left;
}
fieldset.right label {
  text-align: right;
}
/*
 * @module: Forms
 * @section: Stacked
 */
fieldset.stacked label {
  display: block;
}
fieldset.stacked li {
  padding: 0 0;
}
fieldset.stacked input, fieldset.stacked textarea, fieldset.stacked select {
  margin: 2.3px 0 17.7px 0;
}
/********** Preboot **********/
/*
 * @package: Preboot
 * @module: Global Mixins
 * @author: Mark Dotto (@mdo)
 * @see: http://markdotto.com/bootstrap/
 * @description: file holding the global mixins for CSS3 styles. (few changes and additions)
 * @note: comments have been removed, read @see for explanations/information
 */
/********** Body **********/
body {
  background: #f9f9f9;
  /*background: #f9f9f9 url("../img/grid.png") top center; /* grid visual help */

}
/********* / Body *********/
/********** Header **********/
.HeaderContainer {
  background: #262626;
  /* url("../img/grid.png") top center; /* grid visual help */

  position: relative;
}
.HeaderContainer .pax1 {
  width: 100%;
  height: 121px;
  position: absolute;
  top: 15px;
  z-index: 0;
  background: transparent url("../img/header-labels.png") no-repeat top center;
}
/*** Logo ***/
.Logo {
  width: 160px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  padding: 0;
  margin-top: 88px;
  margin-bottom: 66px;
  font-size: 24px;
  font-weight: 300;
  line-height: 44px;
}
.Logo.bordered {
  width: 158px;
  border: 1px solid transparent;
}
.Logo.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.Logo.cumulative {
  width: 200px;
}
.Logo .NameEnd {
  font-weight: 800;
}
.Logo a, .Logo a:visited {
  color: #ececec;
  text-decoration: none;
}
.Logo a:hover,
.Logo a:visited:hover,
.Logo a:focus,
.Logo a:visited:focus {
  color: #ececec;
  text-decoration: none;
}
/** / Logo **/
/*** Speedbar ***/
.SpeedBar {
  margin-left: 0;
  width: 760px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  margin-top: 5.5px;
  z-index: 1000;
  position: relative;
  text-align: right;
}
.SpeedBar li {
  display: inline-block;
  margin-right: 11px;
}
.SpeedBar.bordered {
  width: 758px;
  border: 1px solid transparent;
}
.SpeedBar.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.SpeedBar.cumulative {
  width: 800px;
}
.SpeedBar li {
  margin-left: 18px;
  margin-right: 0;
}
.SpeedBar a {
  color: #797979;
  text-decoration: none;
  z-index: 1000;
}
.SpeedBar a:hover, .SpeedBar a:focus {
  color: #d9d9d9;
}
.SpeedBar a.active {
  text-decoration: underline;
}
/** / Speedbar **/
/*** Navigation ***/
.Navigation {
  width: 760px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  margin-left: 0;
  margin-top: 38.5px;
  position: relative;
  left: 24px;
  font-size: 15px;
  text-align: right;
}
.Navigation.bordered {
  width: 758px;
  border: 1px solid transparent;
}
.Navigation.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.Navigation.cumulative {
  width: 800px;
}
.Navigation li {
  display: inline-block;
  margin-right: 11px;
}
.Navigation li {
  margin-right: 0;
}
.Navigation a {
  padding: 7.699999999999999px 13px;
  color: #ececec;
  text-decoration: none;
}
.Navigation a:hover {
  color: #a7ff00;
}
.Navigation a.active {
  -moz-border-radius: 3px;
  border-radius: 3px;
  background: #313131;
  border-top: 1px solid #131313;
  border-bottom: 1px solid #3c3c3c;
}
/** / Navigation **/
/*** Breadcrumb ***/
.Breadcrumb {
  width: 700px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  clear: left;
  margin-left: 0;
  margin-top: -11px;
  margin-bottom: 0;
  padding-left: 10px;
  font-size: 13px;
  color: #797979;
}
.Breadcrumb.bordered {
  width: 698px;
  border: 1px solid transparent;
}
.Breadcrumb.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.Breadcrumb.cumulative {
  width: 740px;
}
.Breadcrumb li {
  display: inline-block;
  margin-right: 11px;
}
.Breadcrumb li {
  margin-right: 6px;
}
.Breadcrumb li:after {
  content: ">";
  margin-left: 6px;
  position: relative;
  top: 1px;
}
.Breadcrumb li:last-child:after {
  content: none;
}
.Breadcrumb li.Page-1 {
  /* Hide the home link on the homepage */

  position: relative;
  left: 99999px;
}
.Breadcrumb a {
  color: #f9f9f9;
  text-decoration: none;
}
.Breadcrumb a:hover, .Breadcrumb a:focus {
  text-decoration: underline;
}
/** / Breadcrumb **/
/*** SearchBox ***/
.SearchBox {
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.SearchBox.bordered {
  width: 218px;
  border: 1px solid transparent;
}
.SearchBox.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.SearchBox.cumulative {
  width: 260px;
}
.SearchBox input {
  -moz-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  margin: -11px 0 0;
  height: 33px;
  padding: 0 10px !important;
  width: 200px;
  background: #f9f9f9;
  border: none;
}
.SearchBox input:-moz-placeholder {
  color: #868686;
}
.SearchBox input::-webkit-input-placeholder {
  color: #868686;
}
/** / SearchBox **/
/********* / Header *********/
/********** Content **********/
.ContentContainer {
  width: 960px;
  margin: 0 auto;
  padding: 0 5px;
  clear: left;
  overflow: hidden;
  padding-top: 4px;
  /*** Sidebar ***/

  /** / Sidebar **/

  /*** Content ***/

  /** / Content **/

}
.ContentContainer .row {
  width: auto;
  margin: 0 -10px;
  padding: 0;
}
.ContentContainer .Sidebar {
  clear: left;
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  padding-top: 22px;
  /* Lists */

  /* / Lists */

  /* Links */

  /* / Links */

}
.ContentContainer .Sidebar.bordered {
  width: 218px;
  border: 1px solid transparent;
}
.ContentContainer .Sidebar.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.ContentContainer .Sidebar.cumulative {
  width: 260px;
}
.ContentContainer .Sidebar ul, .ContentContainer .Sidebar ol {
  padding-top: 8.8px;
  margin-bottom: 13.2px;
  list-style: none;
  margin-left: 0;
}
.ContentContainer .Sidebar ul li, .ContentContainer .Sidebar ol li {
  padding-bottom: 22px;
}
.ContentContainer .Sidebar a {
  color: #464646;
}
.ContentContainer .Sidebar a:hover, .ContentContainer .Sidebar a:focus {
  color: #178a00;
  text-decoration: none;
}
.ContentContainer .Sidebar.Right {
  clear: none;
}
.ContentContainer .Content {
  width: 640px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  margin-left: 70px;
}
.ContentContainer .Content.bordered {
  width: 638px;
  border: 1px solid transparent;
}
.ContentContainer .Content.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.ContentContainer .Content.cumulative {
  width: 680px;
}
.ContentContainer .Content.NoSidebar {
  margin-left: 310px;
}
.ContentContainer .Content.NoOffset {
  margin-left: 10px;
}
.ContentContainer .Content.FullWidth {
  width: 940px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.ContentContainer .Content.FullWidth.bordered {
  width: 938px;
  border: 1px solid transparent;
}
.ContentContainer .Content.FullWidth.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.ContentContainer .Content.FullWidth.cumulative {
  width: 980px;
}
/*** PortfolioList ***/
.PortfolioListItem {
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px #d9d9d9;
  -moz-box-shadow: 0 0 9px #d9d9d9;
  box-shadow: 0 0 9px #d9d9d9;
  margin-top: 22px;
  position: relative;
  width: 214px;
  /* 220 (grid4) - 3 * 2 (borders) */

  background: #d9d9d9;
  border: 3px solid white;
}
.PortfolioListItem.bordered {
  width: 218px;
  border: 1px solid transparent;
}
.PortfolioListItem.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.PortfolioListItem.cumulative {
  width: 260px;
}
.PortfolioListItem img {
  margin-bottom: -6px;
}
.PortfolioListItem:after {
  content: attr(title);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0 5px;
  opacity: 0;
  background: #3c3c3c;
  background: rgba(60, 60, 60, 0.5);
  text-decoration: none;
  color: white;
  font-size: 12px;
}
.PortfolioListItem:hover:after {
  opacity: 1;
}
.Sidebar .PortfolioListItem {
  margin: 0 0 22px;
}
/** / PortfolioList **/
/*** PortfolioItem ***/
.PortfolioItemMeta {
  width: 220px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  padding-top: 22px;
}
.PortfolioItemMeta.bordered {
  width: 218px;
  border: 1px solid transparent;
}
.PortfolioItemMeta.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.PortfolioItemMeta.cumulative {
  width: 260px;
}
.PortfolioItemMeta ul {
  margin-left: 0;
  margin-top: -11px;
  list-style: none;
}
.PortfolioItemMeta ul li {
  display: inline;
}
.PortfolioItemMeta ul li:after {
  content: ", ";
}
.PortfolioItemMeta ul li:last-child:after {
  content: none;
}
.PortfolioItemTitle {
  width: 640px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  margin-left: 70px;
  padding-top: 1px;
}
.PortfolioItemTitle.bordered {
  width: 638px;
  border: 1px solid transparent;
}
.PortfolioItemTitle.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.PortfolioItemTitle.cumulative {
  width: 680px;
}
.PortfolioItemImages {
  width: 700px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.PortfolioItemImages.bordered {
  width: 698px;
  border: 1px solid transparent;
}
.PortfolioItemImages.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.PortfolioItemImages.cumulative {
  width: 740px;
}
.PortfolioItemImages img {
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 9px #d9d9d9;
  -moz-box-shadow: 0 0 9px #d9d9d9;
  box-shadow: 0 0 9px #d9d9d9;
  float: left;
  margin: 22px 5px 0;
  display: block;
  background: #d9d9d9;
  border: 3px solid white;
}
/** / PortfolioItem **/
/*** AboutMe ***/
.AboutMe {
  margin-left: 70px;
  width: 640px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.AboutMe.bordered {
  width: 638px;
  border: 1px solid transparent;
}
.AboutMe.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.AboutMe.cumulative {
  width: 680px;
}
.AboutMePicture {
  width: 280px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
}
.AboutMePicture.bordered {
  width: 278px;
  border: 1px solid transparent;
}
.AboutMePicture.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.AboutMePicture.cumulative {
  width: 320px;
}
.AboutMePicture img {
  float: left;
  margin: 22px 5px 0;
  display: block;
}
.AboutMeLinks {
  width: auto;
  margin: 0 -10px;
  padding: 0;
  padding-top: 22px;
}
.AboutMeLinks .button {
  width: 160px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0px;
  padding-right: 0px;
  display: block;
  float: left;
  width: 158px;
  margin-left: 70px;
}
.AboutMeLinks .button.bordered {
  width: 158px;
  border: 1px solid transparent;
}
.AboutMeLinks .button.inline {
  margin-left: 0;
  margin-right: 0;
  display: inline-block;
  float: none;
}
.AboutMeLinks .button.cumulative {
  width: 200px;
}
.AboutMeLinks .button:first-child {
  margin-left: 10px;
}
/** / AboutMe **/
/*** BlogListItem ***/
.BlogListItem {
  width: auto;
  margin: 0 -10px;
  padding: 0;
}
/** / BlogListItem **/
/*** Home Sections ***/
.HomeSection {
  margin-top: 22px;
}
/** / Home Sections **/
/*** HomePicture ***/
.HomePicture {
  width: 393px;
  height: 632px;
  position: relative;
  right: 60px;
  z-index: -10;
  background: transparent url('../img/home-pic.png') no-repeat top center;
}
/** / HomePicture **/
/********* / Content *********/
/********** Footer **********/
.Footer {
  width: 960px;
  margin: 0 auto;
  padding: 0 5px;
  clear: left;
  overflow: hidden;
  margin-top: 44px;
  border-top: 1px solid #dedede;
  /*** Logo ***/

  /** / Logo **/

  /*** Navigation ***/

  /** / Navigation **/

}
.Footer .row {
  width: auto;
  margin: 0 -10px;
  padding: 0;
}
.Footer .Logo {
  margin: 44px 10px;
}
.Footer .Logo a {
  color: #2b2b2b;
}
.Footer .Navigation {
  font-size: 13px;
}
.Footer .Navigation li {
  margin: 4px 0 0 14px;
}
.Footer .Navigation a {
  padding: 0;
  color: #ababab;
  text-decoration: underline;
}
.Footer .Navigation a:hover {
  color: #6b6b6b;
  text-decoration: none;
}
.Footer .Navigation a.active {
  background: none;
  color: inherit;
  border: none;
}
/********* / Footer *********/