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;

  background-color: #3582ac;

  color: #ffffff;

  border: none;

  padding: 0.8em 22px;

  font-size: 1em;

}

.button:hover {

  background-color: #f89a1c;

}

/*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;

}

body {

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

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

}

.topbar {

  background-color: #cfcdc7;

}

.topbar .head {

  float: left;

  padding: 6px;

}

.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: 12px;

}

.topbar .links a:hover {

  background-color: #1a1a1a;

  color: #ffffff;

}

section a,

p a,

form a,

.section a {

  color: #000000;

  text-decoration: none;

  border-bottom: 1px solid #f89a1c;

}

section a:hover,

p a:hover,

form a:hover,

.section a:hover {

  color: #f89a1c;

}

section a.noborder,

p a.noborder,

form a.noborder,

.section a.noborder {

  border: none;

}

section a em,

p a em,

form a em,

.section a em {

  color: #3582ac;

}

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: 42px;

  margin-bottom: 22px;

}

div.header h1 {

  color: #cfcdc7;

  display: inline;

  font-size: 2.3em;

  border-bottom: 1px solid #cfcdc7;

  padding-bottom: 3px;

}

.mainlogo img {

  margin-left: -10px;

}

.footer {

  border-bottom: 1px solid #808080;

  border-top: 1px solid #a6a6a6;

  padding-top: 22px;

  padding-bottom: 22px;

}

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: -57.2px;

  margin: 0;

}

.mainnav.quicknav li {

  margin-right: 0;

  margin-left: 1em;

}

.mainnav {

  font-size: 1.1em;

}

.mainnav.subnav {

  margin-bottom: -22px;

}

.mainnav.subnav li {

  margin-top: 11px;

}

.mainnav li {

  margin-top: 66px;

}

.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;

}

.page {

  zoom: 1;

  margin-left: -22px;

  margin-top: 42px;

  font-size: 1.1em;

}

.page:before, .page:after {

  display: table;

  content: "";

  zoom: 1;

}

.page:after {

  clear: both;

}

.page .page-inner {

  position: relative;

}

.maincol {

  display: inline;

  float: left;

  margin-left: 22px;

  width: 388px;

}

.maincol.wide {

  display: inline;

  float: left;

  margin-left: 22px;

  width: 470px;

}

.maincol.full {

  zoom: 1;

  margin-left: -22px;

  margin-left: 0;

  display: inline;

  float: left;

  margin-left: 22px;

  width: 798px;

}

.maincol.full:before, .maincol.full:after {

  display: table;

  content: "";

  zoom: 1;

}

.maincol.full:after {

  clear: both;

}

.appbar {

  height: 30px;

  background-color: #3582ac;

}

.rightcol {

  margin-left: 511px;

  width: 306px;

}

.rightcol.narrow {

  margin-left: 593px;

  width: 224px;

}

.rightcol input[type=text], .rightcol input[type=password] {

  width: 273px;

}

/* generic form styles */

input, textarea, .form-widget {

  background-color: #ffffff;

  color: #000000;

  border-color: #000000;

}

.checkbox-widget.checked {

  background-color: #f00;

  background-image: url("../images/checkbox.png");

  background-position: 50% 50%;

}

.checkbox-widget {

  border: 1px solid #808080;

  width: 25px;

  height: 25px;

  display: block;

  float: left;

  cursor: pointer;

  margin-top: 9px;

}

#forms .input, #forms input {

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

  font-size: 14px;

  font-weight: normal;

  line-height: 22px;

  letter-spacing: 1px;

  border: 1px solid #808080;

  margin-bottom: -1px;

  padding: 0.8em;

  padding-left: 1.5em;

  z-index: 2;

}

#forms .input:focus, #forms input:focus {

  position: relative;

  border: 1px solid #000;

  z-index: 100;

}

.altcol {

  background-color: #c3c3b9 !important;

}

.altcol:hover {

  background-color: #f89a1c !important;

}

.section {

  margin-bottom: 2em;

}

.section.positioned .content {

  display: inline;

  float: left;

  margin-left: 22px;

  width: 306px;

}

.section.positioned.withimg .img {

  display: inline;

  float: left;

  margin-left: 22px;

  width: 306px;

}

.section.positioned.withimg img {

  float: left;

}

.section.positioned h3 {

  margin-bottom: 22px;

}

.section.positioned .text {

  color: #000000;

}

.section .left, .section .right {

  width: 50%;

  float: left;

}

.section.imagelist {

  margin-top: 2em;

  zoom: 1;

}

.section.imagelist:before, .section.imagelist:after {

  display: table;

  content: "";

  zoom: 1;

}

.section.imagelist:after {

  clear: both;

}

.section.imagelist img {

  float: left;

  margin-right: 4em;

  vertical-align: middle;

}

input[readonly=true] {

  background-color: #ddd;

  color: #2b2b2b;

}

form.withlabels label {

  width: 224px;

  display: block;

  float: left;

  padding-top: 1em;

}

form.withlabels input[type=text], form.withlabels input[type=password], form.withlabels textarea {

  width: 224px;

}

form.withlabels input[type=text].long, form.withlabels input[type=password].long, form.withlabels textarea.long {

  width: 224px;

}

form.login {

  margin-bottom: 3em;

}

form h2 {

  color: #000000;

  margin-bottom: 22px;

  font-size: 1.1em;

}

form h2 span {

  padding-bottom: 3px;

}

form .form-row {

  min-height: 44px;

  position: relative;

}

form .form-row.submit {

  margin-top: 22px;

}

form .form-row .extra-link {

  color: #808080;

  text-decoration: none;