/* global reset - should not be changed */
HTML *
{
    BACKGROUND-ATTACHMENT: scroll;
    BACKGROUND-COLOR: transparent;
    BACKGROUND-IMAGE: none;
    BACKGROUND-POSITION: left top;
    BACKGROUND-REPEAT: no-repeat;
    BORDER: none;
    BOTTOM: auto;
    COLOR: inherit;
    FLOAT: none;
    FONT-FAMILY: inherit;
    FONT-SIZE: inherit;
    FONT-STYLE: inherit;
    FONT-VARIANT: inherit;
    FONT-WEIGHT: inherit;
    LEFT: auto;
    LETTER-SPACING: inherit;
    LINE-HEIGHT: inherit;
    MARGIN: 0;
    OVERFLOW: visible;
    PADDING: 0;
    POSITION: relative;
    RIGHT: auto;
    TEXT-ALIGN: inherit;
    TEXT-DECORATION: inherit;
    TEXT-INDENT: 0;
    TEXT-TRANSFORM: inherit;
    TOP: auto;
    VERTICAL-ALIGN: top;
    VISIBILITY: inherit;
    WHITE-SPACE: inherit;
    WORD-SPACING: inherit;
    WORD-WRAP: break-word;
    Z-INDEX: auto;
    BORDER-RADIUS: 0;
    -MOZ-BORDER-RADIUS: 0;
    -WEBKIT-BORDER-RADIUS: 0;
}

/* html5 fallback */
ARTICLE, ASIDE, DETAILS, FIGCAPTION, FIGURE, FOOTER, HEADER, HGROUP, MAIN, MENU, NAV, SECTION, SUMMARY
{
    DISPLAY: block;
}

/* general settings - change here */
BODY
{
    BACKGROUND: #ffffff;
    COLOR: #000000;
    FONT-FAMILY: "Open Sans", "Arial", sans-serif;
    FONT-SIZE: 15px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: 300;
    LETTER-SPACING: 0;
    LINE-HEIGHT: 155%;
    MARGIN: 20px 25px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    TEXT-INDENT: 0;
    TEXT-TRANSFORM: none;
    VISIBILITY: visible;
    WHITE-SPACE: normal;
    WORD-SPACING: 0;
    BACKGROUND-SIZE: cover;
    -MOZ-BACKGROUND-SIZE: cover;
    -WEBKIT-BACKGROUND-SIZE: cover;
    HYPHENS: auto;
    -MOZ-HYPHENS: auto;
    -MS-HYPHENS: auto;
    -WEBKIT-HYPHENS: auto;
}

/* semantics */
B, STRONG
{
    FONT-WEIGHT: bold;
}

CITE, Q
{
    QUOTES: "“" "”" "‘" "’";
}

CODE, PRE
{
    FONT-FAMILY: monospace;
    WHITE-SPACE: pre-wrap;
}

DEL, S
{
    TEXT-DECORATION: line-through;
}

EM, I
{
    FONT-STYLE: italic;
}

SMALL
{
    FONT-SIZE: 0.75em;
}

SUB
{
    FONT-SIZE: smaller;
    TOP: 0.4em;
    VERTICAL-ALIGN: text-bottom;
}

SUP
{
    FONT-SIZE: smaller;
    TOP: -0.4em;
    VERTICAL-ALIGN: text-top;
}

U
{
    TEXT-DECORATION: underline;
}

/* links */
A
{
    COLOR: #404040;
    TEXT-DECORATION: none;
}

A:focus,
A:hover,
LABEL[for]:focus,
LABEL[for]:hover
{
    CURSOR: pointer;
    TEXT-DECORATION: underline;
}

/* headings */
H1
{
    BACKGROUND: #000000;
    COLOR: #ffffff;
    DISPLAY: inline;
    FONT-SIZE: 25px;
    FONT-WEIGHT: 900;
    LINE-HEIGHT: 125%;
    PADDING: 0;
    TEXT-TRANSFORM: uppercase;
    BOX-DECORATION-BREAK: clone;
    -MOZ-BOX-DECORATION-BREAK: clone;
    -WEBKIT-BOX-DECORATION-BREAK: clone;
    BOX-SHADOW: -10px 0 0 #000000, 10px 0 0 #000000;
    -MOZ-BOX-SHADOW: -10px 0 0 #000000, 10px 0 0 #000000;
    -WEBKIT-BOX-SHADOW: -10px 0 0 #000000, 10px 0 0 #000000;
}

H1:before,
H1:after
{
    CONTENT: "";
    DISPLAY: block;
    HEIGHT: 0;
}

H1:after
{
    MARGIN-BOTTOM: 20px;
}

H1 A
{
    COLOR: #cccccc;
}

H2
{
    FONT-SIZE: 25px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 125%;
    MARGIN-BOTTOM: 20px;
}

H3
{
    FONT-SIZE: 25px;
    FONT-STYLE: italic;
    LINE-HEIGHT: 125%;
    MARGIN-BOTTOM: 20px;
}

/* paragraphs */
P
{
    MARGIN-BOTTOM: 20px;
}

/* tables */
TABLE
{
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 0;
    MARGIN: -10px;
}

TH
{
    FONT-SIZE: 25px;
    FONT-WEIGHT: bold;
    LINE-HEIGHT: 125%;
    PADDING: 10px;
}

TD
{
    PADDING: 10px;
}

.varied
{

}

/* lists */
OL,
UL
{
    MARGIN-LEFT: 25px;
}

LI
{
    MARGIN-BOTTOM: 5px;
}

/* images */
IMG
{
    BORDER: none;
    VERTICAL-ALIGN: bottom;
}

/* whitespaces */
BR
{
    CLEAR: both;
}

NOBR
{
    WHITE-SPACE: nowrap;
}

PRE
{
    WHITE-SPACE: pre-wrap;
}

/* separators */
HR
{
    BORDER: none;
    BORDER-BOTTOM: 2px dotted #666666;
    COLOR: transparent;
    DISPLAY: block;
    BACKGROUND-COLOR: transparent;
    HEIGHT: 0;
    MARGIN: 20px 0;
    WIDTH: 100%;
}

/* form elements */
INPUT[type=password],
INPUT[type=text],
SELECT,
TEXTAREA
{
    BACKGROUND-COLOR: #d9d9d9;
    BORDER: 1px dotted #000000;
    COLOR: #000000;
    PADDING: 5px 10px;
    TEXT-ALIGN: left;
    BOX-SHADOW: inset 1px 1px 5px rgba(0, 0, 0, 0.25);
    -MOZ-BOX-SHADOW: inset 1px 1px 5px rgba(0, 0, 0, 0.25);
    -WEBKIT-BOX-SHADOW: inset 1px 1px 5px rgba(0, 0, 0, 0.25);
    BOX-SIZING: border-box;
    -MOZ-BOX-SIZING: border-box;
    -WEBKIT-BOX-SIZING: border-box;
}

TEXTAREA
{
    WHITE-SPACE: pre-wrap;
}

INPUT[type=password]:focus,
INPUT[type=text]:focus,
SELECT:focus,
TEXTAREA:focus
{
    BACKGROUND-COLOR: #ffffff;
}

INPUT[type=checkbox],
INPUT[type=radio]
{
    CURSOR: pointer;
    MARGIN-RIGHT: 5px;
    VERTICAL-ALIGN: baseline;
}

A.button,
BUTTON,
INPUT[type=button],
INPUT[type=submit]
{
    BORDER: 1px solid #000000;
    COLOR: #000000;
    CURSOR: pointer;
    DISPLAY: inline-block;
    MIN-WIDTH: 100px;
    PADDING: 4px 9px;
    TEXT-ALIGN: center;
    TEXT-DECORATION: none;
    BOX-SIZING: border-box;
    -MOZ-BOX-SIZING: border-box;
    -WEBKIT-BOX-SIZING: border-box;
}

A.button:focus,
A.button:hover,
BUTTON:focus,
BUTTON:hover,
INPUT[type=button]:focus,
INPUT[type=button]:hover,
INPUT[type=submit]:focus,
INPUT[type=submit]:hover
{
    BACKGROUND-COLOR: #000000;
    COLOR: #ffffff;
}

/* forms */
P.identification-error,
P.identification-mismatch,
P.mailform-error,
P.mailform-mismatch,
P.profile-error,
P.profile-mismatch
{
    COLOR: red;
    FONT-WEIGHT: bold;
}

P.identification-success,
P.mailform-success,
P.profile-success
{
    COLOR: green;
    FONT-WEIGHT: bold;
}

SECTION.identification > FIELDSET,
SECTION.mailform > FIELDSET,
SECTION.profile > FIELDSET
{
    PADDING: 25px 0 0;
}

SECTION.identification > FIELDSET + H2,
SECTION.mailform > FIELDSET + H2,
SECTION.profile > FIELDSET + H2
{
    MARGIN-TOP: 25px;
}

SECTION.identification FIELDSET.identification-mismatch,
SECTION.mailform FIELDSET.mailform-mismatch,
SECTION.profile FIELDSET.profile-mismatch
{

}

SECTION.identification FIELDSET.identification-mismatch INPUT[type=password],
SECTION.identification FIELDSET.identification-mismatch INPUT[type=text],
SECTION.identification FIELDSET.identification-mismatch SELECT,
SECTION.identification FIELDSET.identification-mismatch TEXTAREA,
SECTION.mailform FIELDSET.mailform-mismatch INPUT[type=password],
SECTION.mailform FIELDSET.mailform-mismatch INPUT[type=text],
SECTION.mailform FIELDSET.mailform-mismatch SELECT,
SECTION.mailform FIELDSET.mailform-mismatch TEXTAREA,
SECTION.profile FIELDSET.profile-mismatch INPUT[type=password],
SECTION.profile FIELDSET.profile-mismatch INPUT[type=text],
SECTION.profile FIELDSET.profile-mismatch SELECT,
SECTION.profile FIELDSET.profile-mismatch TEXTAREA
{
    BACKGROUND: #f8d0d0;
    BORDER-COLOR: #d82929;
}

SECTION.identification FIELDSET.identification-command,
SECTION.mailform FIELDSET.mailform-command,
SECTION.profile FIELDSET.profile-command
{
    TEXT-ALIGN: center;
}

SECTION.identification LEGEND,
SECTION.mailform LEGEND,
SECTION.profile LEGEND
{
    FONT-WEIGHT: bold;
    TOP: 20px;
}

SECTION.identification INPUT[type=password],
SECTION.identification INPUT[type=text],
SECTION.identification SELECT,
SECTION.identification TEXTAREA,
SECTION.mailform INPUT[type=password],
SECTION.mailform INPUT[type=text],
SECTION.mailform SELECT,
SECTION.mailform TEXTAREA,
SECTION.profile INPUT[type=password],
SECTION.profile INPUT[type=text],
SECTION.profile SELECT,
SECTION.profile TEXTAREA
{
    WIDTH: 100%;
}

/* identification */
BODY.cms-identification > *:first-child
{
    LEFT: 50%;
    MAX-WIDTH: 90%;
    POSITION: fixed;
    TOP: 50%;
    WIDTH: 400px;
    TRANSFORM: translate(-50%, -50%);
    -MOZ-TRANSFORM: translate(-50%, -50%);
    -WEBKIT-TRANSFORM: translate(-50%, -50%);
}

/* -------- DO NOT CHANGE BELOW -------- */

/* layout tables */
TABLE.layout
{
    BACKGROUND-COLOR: transparent;
    BORDER: none;
    BORDER-COLLAPSE: collapse;
    BORDER-SPACING: 0;
    EMPTY-CELLS: show;
    MARGIN: 0;
    TABLE-LAYOUT: auto;
}

TABLE.layout > TR,
TABLE.layout > TBODY > TR
{
    BACKGROUND-COLOR: transparent;
    BORDER: none;
}

TABLE.layout > TR > TD,
TABLE.layout > TBODY > TR > TD
{
    BACKGROUND-COLOR: transparent;
    BORDER: none;
    PADDING: 0;
}

/* error messages */
DIV.error
{
    BACKGROUND-COLOR: rgba(255, 255, 255, 0.95);
    BACKGROUND-IMAGE: none;
    BORDER: 2px solid #ff6a00;
    COLOR: #293131;
    DISPLAY: block;
    FONT-FAMILY: "Arial", sans-serif;
    FONT-SIZE: 13px;
    FONT-STYLE: normal;
    FONT-VARIANT: normal;
    FONT-WEIGHT: normal;
    HEIGHT: auto;
    LEFT: 0;
    LETTER-SPACING: 0;
    LINE-HEIGHT: 20px;
    MARGIN: 0;
    MAX-HEIGHT: 500px;
    MAX-WIDTH: 350px;
    OVERFLOW: auto;
    PADDING: 9px 14px 11px;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none;
    TEXT-INDENT: 0;
    TEXT-TRANSFORM: none;
    TOP: 0;
    WIDTH: auto;
    WHITE-SPACE: normal;
    WORD-SPACING: 0;
}

DIV.error A
{
    COLOR: #ff6a00;
}

DIV.error SMALL
{
    COLOR: #737c85;
    FONT-SIZE: 0.9em;
}

/* textcontrol */
DIV.textcontrol
{
    MARGIN-BOTTOM: 5px;
}

DIV.textcontrol A
{
    MARGIN-RIGHT: 1px;
}

/* ie6 bug fix */
* HTML DIV
{
    HEIGHT: 1px;
}