/**
 * ALL STYLES FOR EPENNER
 * ------------------------------
 * OCTOBER 2013, 2020
 */
html {
    width: 100%;
    height: 100%;
    font-size: 1em;
}
body {
    width: 100%;
    height: 100%;
    margin: 0px auto;
    font-family: 'Roboto', sans-serif;
    color: #333;
    background-color: #f8f8f8;
}
h1,h2 {
}

h3,h4,h5 {
}
a {
    color: #2D45FC;
}
a:hover {
    color: #000;
}
#button-to-link {
    border-width: 0px;
    outline-width: 0px;
    color: #2D45FC;
    text-decoration: underline;
    background-color: transparent;
    padding: 0px;
    margin: 0px;
}
#button-to-link:hover {
    color: #000;
    cursor: pointer;
}
#line {
    border-top: 1px solid #e0e0e0;
    margin: 15px 0px 15px 0px;
}
#line-tight {
    border-top: 1px solid #D0D0D0;
    margin: 10px 0px 10px 0px;
}
#line-light {
    border-top: 1px solid #EdEded;
    margin: 10px 0px 10px 0px;
}
#small {
}
#grey {
    color:#888;
}
.box {
    box-shadow: 0 0 1em rgba(0,0,0,.15);
    padding: 1em;
}
.white {
    background-color: #FFF;
}
.odd {
    background-color: #f0f0f0;
}
.edit-complete {
    background-color: #FFA;
}
.grey {
    color: #888;
}
.no-margin {
    margin: 0px;
}
/**
 * DEFAULT AND GENERIC STYLES
 */ 
#error {
    background-color: #AA0000;
    color: #FFF;
}
#notification-container {
    background-color: #FFA;     
    text-align: center;
    position: relative;
}
#notification {
    text-align: left;
    position: relative;
    margin: 0 auto;
    width: 1050px;
    padding: 20px;
}
#message {    
    background-color: #FFA;   
    padding: 15px;
}

/**
 * TOP NAVIGATION CLASS
 */
#top-navigation-container {       
    text-align: center;
    position: relative;
    background-color: #222;
    color: #fff;
    padding: 0px;
}
#top-navigation {
    background-color: #333;
    text-align: left;
    position: relative;
    margin: 0 auto;
    width: 1010px;
    padding: 25px 20px 25px 20px;
    border: 1px solid #000;
    border-width: 0px 1px 0px 1px;
}
#top-navigation a {
    color: #DDD;
}
#top-navigation-control {
    margin-top: 5px;
    text-align: right;
}

/**
 * MAIN NAVIGATION CLASSS
 */
#main-navigation-container {
    text-align: center;
    position: relative;
    margin: 0 5%;
}
#main-navigation {
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    margin:  0 auto;
}
#main-navigation a {
    display: block;
    float: left;
    text-decoration: none;
    padding: .5em;
    border-radius: .25em;
    display: inline-block;
    border: none;
    transition: all 0.4s ease 0s;
    margin: .25em .25em .25em 0;
}
#main-navigation a:hover {
    background-color: rgba(0, 0, 0, .15);
}

/**
 * CONTENT CONTAINER
 */
#content-container {    
    text-align: center;
    position: relative;
    padding: 0 5%;
}
#content {    
    text-align: left;
    position: relative;
    display: block;
    margin:  0 auto;
}
/**
 * Window
 */ 
#left-window {
    float: left;
    min-width: 810px;
    max-width: 810px;
}
#right-window {
    float: right;
    min-width: 180px;
    max-width: 180px;
}

/**
 * SIDE BOX
 */
#side-box {
    border: 1px solid #BBB;
    box-shadow: 2px 2px 2px #CCC;
    padding: 10px 20px 20px 20px;
}
#side-box a {
    display: block;
    text-decoration: none;
    /*font-size: 14px;*/
    padding: 5px 0px 5px 0px;
}

/**
 * Control
 */
#control {
    border: 1px solid #DDD;
    border-width: 1px 0px 1px 0px;
    background-color: #F8F8F8;
    padding: 15px 0px 15px 0px;
    margin-bottom: 10px;
    color: #888;
}
.control-button a {
    display: block;
    float: left;
    background: linear-gradient(#23ad00, #1d8f00);
    padding: .5em;
    border-radius: .25em;
    display: inline-block;
    border: none;
    transition: all 0.4s ease 0s;
    margin: .25em .25em .25em 0;
    color: #FFF;
    /*
    min-height: 30px; max-height: 30px;
    line-height: 30px;
    padding: 10px;
    */
    text-align: center;
    text-decoration: none;
    /*
    margin: 0px 5px 0px 0px;
    border: 1px solid #AAA;
    background-color: #DDD;
    color: #555;
    */
    /*
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    */
}
.control-button a:hover {
    background: linear-gradient(#1d9100, #167000);
    cursor: pointer;
    color: #fff;
}

/**
 * RIDER LIST(S)
 */
.list {
}
.list a {
    text-decoration: none;
}
.list table {
    border-collapse: collapse;
}
.list th {
    background-color: #E5E5E5;
    text-align: left;
}
.list td {
}
/**
 * Event list
 */
.event-list { }
.event-list a {
    text-decoration: none;
}
.event-list td {
    padding: 25px 0px 25px 0px;
    border-top: 1px solid #CCC;
}
/**
 * FORM CLASS(S)
 */
#form {
    color: #555;
    border: 2px solid #CCC;
    padding: 25px;
    background-color: #F0F0F0;
}
#form input[type='text'], #form input[type='password'], #form select, #form input[type='checkbox'] {
    /*
    padding: 3px;
    font-size: 12px;
    margin-top: 2px;
    margin-bottom: 5px;
    */
}
#form input[type='submit'] {
    background-color: #556600;
    color:#FFF;
    border-width: 0px;
    padding: 1em;
}
#form input[type='submit']:hover {
    background-color: #313A03;
    cursor: pointer;
}
#form table {
    border-collapse: collapse;
}
#form td {
    padding: 0px;
}
/**
 * Registration navigation
 */
.registration-navigation a {
    display: block;
    float: left;
    text-decoration: none;
    background: linear-gradient(#797979, #525252);
    padding: .5em;
    border-radius: .25em;
    display: inline-block;
    border: none;
    transition: all 0.4s ease 0s;
    margin: .25em .25em .25em 0;
    color: #FFF;
}
.registration-navigation a:hover {
}
.registration-navigation b {
    display: block;
}
.registration-navigation a.active {   
    background: linear-gradient(#345ac4, #294799);
}
/**
 * Finish registration
 */
.big input[type='submit'] {
    background-color: #556600;
    color:#FFF;
    border-width: 0px;
}
.big input[type='submit']:hover {
    background-color: #313A03;
    cursor: pointer;
}
.biggest input[type='submit'] {
    padding: 25px;     
    background-color: #556600;
    color:#FFF;
}
.biggest input[type='submit']:hover {
    background-color: #313A03;
    cursor: pointer;
}
/**
 * Summary
 */
#summary {
    border: 1px solid #CCC;
    padding: 20px;
    background-color: #FCFCFC;
    margin: 0px 0px 10px 0px;
}

/**
 * Team Summary
 */
.team-summary {
    border-top: 1px solid #CCC;
    margin: 10px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
}
.team-summary th {
    padding: 10px 5px 10px 5px;
    background-color: #E0E0E0;
}
.team-summary td {
    border-right: 1px solid #DDD;
    padding: 2px 5px 2px 5px;
}
/**
 * Columns
 */
#columns {
    background-color: #F8F8F8;
    padding: 10px 0px 10px 0px;
    border: 1px solid #E0E0E0;
    border-width: 1px 0px 1px 0px;
}
/**
 * SMALL FORM(S)
 */
#small-form {
    /* font-size: 11px; */
}