Synnefo

/*!

 * Bootstrap @VERSION

 *

 * Copyright 2011 Twitter, Inc

 * Licensed under the Apache License v2.0

 * http://www.apache.org/licenses/LICENSE-2.0

 *

 * Designed and built with all the love in the world @twitter by @mdo and @fat.

 * Date: @DATE

 */

/* Reset.less

 * Props to Eric Meyer (meyerweb.com) for his CSS reset file. We're using an adapted version here        that cuts out some of the reset HTML elements we will never need here (i.e., dfn, samp, etc).

 * ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

html, body {

  margin: 0;

  padding: 0;

}

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

cite,

code,

del,

dfn,

em,

img,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

dd,

dl,

dt,

li,

ol,

ul,

fieldset,

form,

label,

legend,

button,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: normal;

  font-style: normal;

  font-size: 100%;

  line-height: 1;

  font-family: inherit;

}

table {

  border-collapse: collapse;

  border-spacing: 0;

}

ol, ul {

  list-style: none;

}

q:before,

q:after,

blockquote:before,

blockquote:after {

  content: "";

}

html {

  overflow-y: scroll;

  font-size: 100%;

  -webkit-text-size-adjust: 100%;

  -ms-text-size-adjust: 100%;

}

a:focus {

  outline: thin dotted;

}

a:hover, a:active {

  outline: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

nav,

section {

  display: block;

}

audio, canvas, video {

  display: inline-block;

  *display: inline;

  *zoom: 1;

}

audio:not([controls]) {

  display: none;

}

sub, sup {

  font-size: 75%;

  line-height: 0;

  position: relative;

  vertical-align: baseline;

}

sup {

  top: -0.5em;

}

sub {

  bottom: -0.25em;

}

img {

  border: 0;

  -ms-interpolation-mode: bicubic;

}

button,

input,

select,

textarea {

  font-size: 100%;

  margin: 0;

  vertical-align: baseline;

  *vertical-align: middle;

}

button, input {

  line-height: normal;

  *overflow: visible;

}

button::-moz-focus-inner, input::-moz-focus-inner {

  border: 0;

  padding: 0;

}

button,

input[type="button"],

input[type="reset"],

input[type="submit"] {

  cursor: pointer;

  -webkit-appearance: button;

}

input[type="search"] {

  -webkit-appearance: textfield;

  -webkit-box-sizing: content-box;

  -moz-box-sizing: content-box;

  box-sizing: content-box;

}

input[type="search"]::-webkit-search-decoration {

  -webkit-appearance: none;

}

textarea {

  overflow: auto;

  vertical-align: top;

}

/* Variables.less

 * Variables to customize the look and feel of Bootstrap

 * ----------------------------------------------------- */

/* Mixins.less

 * Snippets of reusable CSS to develop faster and keep code readable

 * ----------------------------------------------------------------- */

.makeRow {

  zoom: 1;

  margin-left: -22px;

}

.makeRow:before, .makeRow:after {

  display: table;

  content: "";

  zoom: 1;

}

.makeRow:after {

  clear: both;

}

.button {

  font-family: 'Antic', sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  font-family: 'Antic', sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  background-color: #3582ac;

  color: #ffffff;

  border: none;

  padding: 0.8em 22px;

  font-size: 1em;

}

.button:hover {

  background-color: #f89a1c;

}

.button.back {

  text-decoration: none;

  bottom: 0;

  float: right;

  z-index: 500;

}

.button.back.right {

  right: 0;

}

.buttons-list {

  z-index: 300;

  position: relative;

}

.buttons-list .button {

  margin-left: 10px;

}

.buttons-list.fixpos {

  margin-top: -42px;

}

a.button {

  text-align: center !important;

  color: #fff !important;

  border: none !important;

  display: block !important;

}

a.button:hover {

  color: #fff !important;

}

/*addon to style django forms rendered with as_p filter*/

/*

 * Tables.less

 * Tables for, you guessed it, tabular data

 * ---------------------------------------- */

table {

  width: 100%;

  margin-bottom: 22px;

  padding: 0;

  font-size: 14px;

  border-collapse: collapse;

}

table th, table td {

  padding: 10px 10px 9px;

  line-height: 22px;

  text-align: left;

}

table th {

  padding-top: 9px;

  font-weight: bold;

  vertical-align: middle;

}

table td {

  vertical-align: top;

  border-top: 1px solid #ddd;

}

table tbody th {

  border-top: 1px solid #ddd;

  vertical-align: top;

}

.condensed-table th, .condensed-table td {

  padding: 5px 5px 4px;

}

.bordered-table {

  border: 1px solid #ddd;

  border-collapse: separate;

  *border-collapse: collapse;

  /* IE7, collapse table to remove spacing */

  -webkit-border-radius: 4px;

  -moz-border-radius: 4px;

  border-radius: 4px;

}

.bordered-table th + th, .bordered-table td + td, .bordered-table th + td {

  border-left: 1px solid #ddd;

}

.bordered-table thead tr:first-child th:first-child, .bordered-table tbody tr:first-child td:first-child {

  -webkit-border-radius: 4px 0 0 0;

  -moz-border-radius: 4px 0 0 0;

  border-radius: 4px 0 0 0;

}

.bordered-table thead tr:first-child th:last-child, .bordered-table tbody tr:first-child td:last-child {

  -webkit-border-radius: 0 4px 0 0;

  -moz-border-radius: 0 4px 0 0;

  border-radius: 0 4px 0 0;

}

.bordered-table tbody tr:last-child td:first-child {

  -webkit-border-radius: 0 0 0 4px;

  -moz-border-radius: 0 0 0 4px;

  border-radius: 0 0 0 4px;

}

.bordered-table tbody tr:last-child td:last-child {

  -webkit-border-radius: 0 0 4px 0;

  -moz-border-radius: 0 0 4px 0;

  border-radius: 0 0 4px 0;

}

table .span1 {

  width: 40px;

}

table .span2 {

  width: 120px;

}

table .span3 {

  width: 200px;

}

table .span4 {

  width: 280px;

}

table .span5 {

  width: 360px;

}

table .span6 {

  width: 440px;

}

table .span7 {

  width: 520px;

}

table .span8 {

  width: 600px;

}

table .span9 {

  width: 680px;

}

table .span10 {

  width: 760px;

}

table .span11 {

  width: 840px;

}

table .span12 {

  width: 920px;

}

table .span13 {

  width: 1000px;

}

table .span14 {

  width: 1080px;

}

table .span15 {

  width: 1160px;

}

table .span16 {

  width: 1240px;

}

.zebra-striped tbody tr:nth-child(odd) td, .zebra-striped tbody tr:nth-child(odd) th {

  background-color: #f9f9f9;

}

.zebra-striped tbody tr:hover td, .zebra-striped tbody tr:hover th {

  background-color: #f5f5f5;

}

table .header {

  cursor: pointer;

}

table .header:after {

  content: "";

  float: right;

  margin-top: 7px;

  border-width: 0 4px 4px;

  border-style: solid;

  border-color: #000 transparent;

  visibility: hidden;

}

table .headerSortUp, table .headerSortDown {

  background-color: rgba(141, 192, 219, 0.25);

  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);

}

table .header:hover:after {

  visibility: visible;

}

table .headerSortDown:after, table .headerSortDown:hover:after {

  visibility: visible;

  filter: alpha(opacity=60);

  -khtml-opacity: 0.6;

  -moz-opacity: 0.6;

  opacity: 0.6;

}

table .headerSortUp:after {

  border-bottom: none;

  border-left: 4px solid transparent;

  border-right: 4px solid transparent;

  border-top: 4px solid #000;

  visibility: visible;

  -webkit-box-shadow: none;

  -moz-box-shadow: none;

  box-shadow: none;

  filter: alpha(opacity=60);

  -khtml-opacity: 0.6;

  -moz-opacity: 0.6;

  opacity: 0.6;

}

table .blue {

  color: #3582ac;

  border-bottom-color: #3582ac;

}

table .headerSortUp.blue, table .headerSortDown.blue {

  background-color: #c1ddec;

}

table .green {

  color: #46a546;

  border-bottom-color: #46a546;

}

table .headerSortUp.green, table .headerSortDown.green {

  background-color: #cdeacd;

}

table .red {

  color: #9d261d;

  border-bottom-color: #9d261d;

}

table .headerSortUp.red, table .headerSortDown.red {

  background-color: #f4c8c5;

}

table .yellow {

  color: #ffc40d;

  border-bottom-color: #ffc40d;

}

table .headerSortUp.yellow, table .headerSortDown.yellow {

  background-color: #fff6d9;

}

table .orange {

  color: #f89406;

  border-bottom-color: #f89406;

}

table .headerSortUp.orange, table .headerSortDown.orange {

  background-color: #fee9cc;

}

table .purple {

  color: #7a43b6;

  border-bottom-color: #7a43b6;

}

table .headerSortUp.purple, table .headerSortDown.purple {

  background-color: #e2d5f0;

}

.makeRow {

  zoom: 1;

  margin-left: -22px;

}

.makeRow:before, .makeRow:after {

  display: table;

  content: "";

  zoom: 1;

}

.makeRow:after {

  clear: both;

}

.button {

  font-family: 'Antic', sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  font-family: 'Antic', sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  background-color: #3582ac;

  color: #ffffff;

  border: none;

  padding: 0.8em 22px;

  font-size: 1em;

}

.button:hover {

  background-color: #f89a1c;

}

.button.back {

  text-decoration: none;

  bottom: 0;

  float: right;

  z-index: 500;

}

.button.back.right {

  right: 0;

}

.buttons-list {

  z-index: 300;

  position: relative;

}

.buttons-list .button {

  margin-left: 10px;

}

.buttons-list.fixpos {

  margin-top: -42px;

}

a.button {

  text-align: center !important;

  color: #fff !important;

  border: none !important;

  display: block !important;

}

a.button:hover {

  color: #fff !important;

}

.border-box {

  -moz-box-sizing: border-box;

  -webkit-box-sizing: border-box;

  box-sizing: border-box;

  *behavior: url(boxsizing.htc);

}

.clearme {

  zoom: 1;

}

.clearme:before, .clearme:after {

  display: table;

  content: "";

  zoom: 1;

}

.clearme:after {

  clear: both;

}

body {

  font-family: 'Antic', sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  font-family: 'Antic', sans-serif;

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  font-size: 12px;

}

.topbar {

  background-color: #cfcdc7;

}

.topbar .head {

  float: left;

  padding: 2.333333333333333px;

}

.topbar .links {

  zoom: 1;

  float: right;

}

.topbar .links:before, .topbar .links:after {

  display: table;

  content: "";

  zoom: 1;

}

.topbar .links:after {

  clear: both;

}

.topbar .links a {

  color: #000000;

  text-decoration: none;

  display: block;

  float: left;

  margin-left: 10px;

  padding: 8.333333333333332px;

}

.topbar .links a:hover {

  background-color: #1a1a1a;

  color: #ffffff;

}

section a,

p a,

form a,

.section a,

.styledlinks a,

a.styled {

  color: #000000;

  text-decoration: none;

  border-bottom: 1px solid #f89a1c;

}

section a:hover,

p a:hover,

form a:hover,

.section a:hover,

.styledlinks a:hover,

a.styled:hover {

  color: #f89a1c;

}

section a.noborder,

p a.noborder,

form a.noborder,

.section a.noborder,

.styledlinks a.noborder,

a.styled.noborder {

  border: none;

}

section a em,

p a em,

form a em,

.section a em,

.styledlinks a em,

a.styled em {

  color: #3582ac;

}

a.simple {

  border: none;

}

a.action {

  color: #f89a1c;

  border-bottom: none;

}

a img {

  border-bottom: none;

}

.content-border {

  border-right: 1px solid #808080;

  border-left: 1px solid #808080;

}

.hidden {

  display: none !important;

}

.container, .topbar, .footer {

  width: 796px;

  margin-left: auto;

  margin-right: auto;

  zoom: 1;

  border-right: 1px solid #808080;

  border-left: 1px solid #808080;

  padding: 0 82px;

}

.container:before,

.topbar:before,

.footer:before,

.container:after,

.topbar:after,

.footer:after {

  display: table;

  content: "";

  zoom: 1;

}

.container:after, .topbar:after, .footer:after {

  clear: both;

}

.container {

  padding-bottom: 82px;

  background-color: #ffffff;

}

div.header {

  position: relative;

  margin-top: 36.666666666666664px;

  margin-bottom: 14.666666666666666px;

}

div.header h1 {

  color: #cfcdc7;

  display: inline;

  font-size: 2.3em;

  border-bottom: 1px solid #cfcdc7;

  padding-bottom: 3px;

}

.mainlogo {

  height: 36px;

}

.mainlogo h1 {

  height: 36px;

}

.mainlogo img {

  margin-left: -10px;

}

.footer {

  border-bottom: 1px solid #808080;

  border-top: 1px solid #a6a6a6;

  padding-top: 14.666666666666666px;

  padding-bottom: 14.666666666666666px;

}

ul.inline {

  zoom: 1;

}

ul.inline:before, ul.inline:after {

  display: table;

  content: "";

  zoom: 1;

}

ul.inline:after {

  clear: both;

}

ul.inline li {

  display: block;

  float: left;

  margin-right: 1em;

}

.mainnav.quicknav {

  position: absolute;

  right: 0;

  top: -38.13333333333333px;

  margin: 0;

}

.mainnav.quicknav li {

  margin-right: 0;

  margin-left: 1em;

}

.navigation {

  height: 83px;

  position: absolute;

  right: -15px;

  top: -23px;

}

.mainnav {

  font-size: 1.3em;

}

.mainnav.subnav {

  margin-bottom: -14.666666666666666px;

}

.mainnav.subnav li {

  margin-top: 5.866666666666667px;

  float: right;

}

.mainnav li {

  margin-top: 29.333333333333332px;

}

.mainnav li.active a {

  /*border-bottom: 1px solid @linkColor;*/

  border-bottom: none;

  color: #f89a1c;

}

.mainnav a {

  color: #000000;

  text-decoration: none;

}

.mainnav a:hover {

  border-bottom: 1px solid #f89a1c;

}

.mainnav a.active, .mainnav a:active {

  border-bottom: 1px solid #f89a1c;

  color: #f89a1c;

}

.bottom-section {

  zoom: 1;

}

.bottom-section:before, .bottom-section:after {

  display: table;

  content: "";

  zoom: 1;

}

.bottom-section:after {

  clear: both;

}

.bottom-section .section img {

  width: 200px;

}

.top-section {

  zoom: 1;

}

.top-section:before, .top-section:after {

  display: table;

  content: "";

  zoom: 1;

}

.top-section:after {

  clear: both;

}

div.page {

  zoom: 1;

  margin-left: -22px;

  zoom: 1;

  margin-left: -22px;

  margin-top: 73.33333333333333px;

  font-size: 1.1em;

}

div.page:before, div.page:after {

  display: table;

  content: "";

  zoom: 1;

}

div.page:after {

  clear: both;

}

div.page:before, div.page:after {

  display: table;

  content: "";

  zoom: 1;

}