.events_h2
{
    margin-top:     20px;
    text-align:     center;
    font-weight:    bold;
}
.events_title
{
    margin-bottom:  20px;
    vertical-align: top;
}
.events_title .desc
{
    display:        inline-block;
    width:          60%;
    vertical-align: top;
    padding-left:   10px;
}
.events_title .events_calender_box
{
    position:       relative;
    display:        inline-block;
    width:          36%;
    vertical-align: top;
    text-align:     center;
    font-size:      85%;
}
.events_title .events_calender_small
{
    width:          95%;
    vertical-align: top;
    text-align:     center;
    background:     rgba(255,255,255,0.3);
    border-radius:  5px;
    padding:        5px;
}
.events_title .events_calender_box .add_event_btn
{
    margin-top:     20px;
    display:        inline-block;
    width:          95%;
    padding:        3px 0 4px 0;
    background:     rgba(128,0,255,0.5);
    border:         1px solid black;
    text-align:     center;
    text-decoration:none;
    color:          white;
}
.events_title .events_calender_box .add_event_btn:hover
{
    outline:        3px solid rgba(255,255,255,0.7);
}
.events_title .events_calender_small .prev_month
{
    position:       absolute;
    left:           5px;
    top:            5px;
    cursor:         pointer;
}
.events_title .events_calender_small .next_month
{
    position:       absolute;
    top:            5px;
    right:          5px;
    cursor:         pointer;
}
.events_title .events_calender_small .calender_table
{
}
.events_title .events_calender_small .calender_table td a
{
    display:            block;
    vertical-align:     middle;
    text-align:         center;
    text-decoration:    none;
}
.events_title .events_calender_small .calender_table td a:hover
{
    text-decoration:    underline;
}
.events_title .events_calender_small .calender_table .calender_title
{
    font-weight:    bold;
    text-align:     center;
    padding:        2px 0 8px 0;
}
.events_title .events_calender_small .calender_table .day_names
{
    font-weight:    bold;
}
.events_title .events_calender_small .calender_table .day_name
{
    text-align:     center;
}
.events_title .events_calender_small .calender_table .weekend_day
{
    color:          #008080;
}
.events_title .events_calender_small .calender_table .days
{
}
.events_title .events_calender_small .calender_table .day
{
    text-align:     center;
    cursor:         pointer;
}
.events_title .events_calender_small .calender_table .day:hover
{
    outline:        2px solid red;
}
.events_title .events_calender_small .calender_table .empty_day
{
}
.events_title .events_calender_small .calender_table .cur_day
{
    background:     rgba(255,255,255,0.8);
    outline:        2px solid black;
    text-align:     center;
}
.events_title .events_calender_small .calender_table .have_events
{
    background:     rgba(0,128,255,0.5);/*0080c0*/
    font-weight:    bold;
}
.events_title .results_help
{
}
.events_help
{
    margin-bottom:  20px;
}
.event
{
    margin-top:     10px;
    padding:        8px;
    border-radius:  8px;
    background:     rgba(0,0,0,0.1);
    font-size:      85%;
    border:         1px solid transparent;
}
.event_not_approved
{
    background:     rgba(255,0,0,0.5) !important;
    border:         1px dashed black;
}
.event .type,
.event .city
{
    float:          right;
    margin-left:    5px;
}
.event .type a,
.event .city a
{
    padding:        2px 8px 4px 8px;
    border-radius:  8px;
    background:     rgba(0,0,0,0.15);
}
.event .type a:hover,
.event .city a:hover
{
    background:     rgba(255,255,255,0.5);
}
.event .name
{
    display:            inline-block;
    margin-bottom:      8px;
}
.event .name a
{
    padding:            2px 8px 4px 8px;
    border-radius:      8px;
    background:         rgba(255,255,255,0.3);
    font-weight:        bold;
    text-decoration:    none !important;
}
.event .name a:hover
{
    background:         rgba(255,255,255,0.5);
}
.event .date,
.event .club
{
    margin-left:    8px;
}
.green
{
    color:          green !important;
}
.red
{
    color:          #ae0000 !important;
}
.state
{
    float:          right;
}