@charset "utf-8";

/*
----------------------------------------------------
Rules for general elements
---------------------------------------------------- */

/* initialise critical values */

* {
    margin: 0;
    padding: 0;
    vertical-align: top;
}

/* font and text */
body, td, th {
    font: normal 80% "Lucida Sans Unicode", sans-serif;
}

/*
----------------------------------------------------
Rules for special elements
---------------------------------------------------- */

p {
    margin: 0.8em 0em;
}

/*
----------------------------------------------------
Rules for special elements of 'bridgetimer.html'
---------------------------------------------------- */

.pColorPicker {
    margin: 0em 3em;
    text-align: left;
}

.backgroundWhite {
    margin: 1em;
}

#content h2, #buttons_options {
    margin: 1em 0em 0.5em;
}

#primary_values, #different_values_first_round, #custum_last_round, #color {
    line-height: 1.5;
}

.txtCustomTextLastround {
    width: 800px;
}

input[type=submit] {
    width: 90px;
    height: 35px;
}

#table_explanation td {
    padding: 0 0.3em;
    font-size: 100%;
}

/*
----------------------------------------------------
Rules for special elements of 'bridgetimer_clock.html'
---------------------------------------------------- */

#buttons {
    position: absolute;
    top: 0px;
    left: 0px;
}

.smallButtons {
    color: #C0C0C0;
    background-color: black;
    border: 0;
    box-shadow: none;
    border-radius: 0px;
}

#roundInfoP {
    font-size: 36px;
    margin: 50px 0px 20px;
}

#remainingTimeP {
    font-family: "Lucida Console", monospace;
    font-size: 172px;
    margin: 60px 0px 40px;
}

#nextInfoP {
    font-size: 36px;
    margin: 0px 0px 60px;
}

.backgroundBlack {
    background-color: black;
}

.fontColor01Foreground {
    color: white;
}

p.clockParagraph {
    text-align: center;
}