/**
 * Colors:
 *      Light Gold:     #FFC74E
 *      Gold:           #E49C00
 *      Touch of Gray:  #F5F5F5
 *      Light Gray:     #CCCCCC
 *      Lighter Gray:   #EEEEEE
 *      Mid Grey:       #909090
 *      Dark Gray:      #464646
 *      Touch of Blue:  #E2ECF3
 *      Light Blue:     #4F9BD8
 *      Blue:           #90BADB
 *      Dark Blue:      #2774B1
 *      Facebook Blue:  #3B5A97
 *      Touch of Red:   #F9DCDD
 *      Light Red:      #EE9B9E
 *      Dark Red:       #A71C20
 *      Dark Brown:     #251F1D
 *      Focus Yellow:   #FFFFCC
 */

/* COMMON */
* {
    padding:            0;
    margin:             0;
}
body {
    font-family:        GE Centurion, Arial;
    font-size:          100%;
    color:              #000000;                /* Black */
    background-color:   #F5F5F5;                /* Touch of Gray */
    background-repeat:  no-repeat;
    background-position:center -100px;
    /* background-attachment:fixed; */
    background-size:    100%;
}
.print_only {
    display:            none;
}
.show-only {
    display:            none;
}
@media print {
    body {
        background:     #FFF !important;
    }
    .noprint {
        display:        none;
    }
    .print_only {
        display:        block;
    }
    button.print {
        display:        none;
    }
}
img {
	max-width:          100%;
	height:             auto;
	width:              auto;
}
p {
	line-height:        140%;
}
ul,ol {
    list-style-position: inside;
}
ol {
    padding:            0 1em;
}
ol li {
    margin:             0.5em 0;
    padding-left:       1.5em;
    text-indent:        -1.5em;
}
ol li:before {
    content:            "";
    padding-left:       10px;
}
a, button, .cursor-pointer {
    cursor:             pointer;
}
a img { 
	border:             none;
}
a:link {
	color:              #E49C00;                /* Gold */
	text-decoration:    none; 
	transition:         color 0.4s linear;
}
a:visited {
	color:              #E49C00;                /* Gold */
	text-decoration:    none;
}
a:hover, a:active, a:focus { 
	color:              #FFC74E;                /* Light Gold */
	text-decoration:    none;
}
hr {
    clear: both;
}
h1 {
	font-size:          2em;
	color:              #E49C00;                /* Gold */
	text-transform:     uppercase;
    text-shadow:        2px 2px 2px #464646;    /* Dark Grey */
    text-align:         center;
    margin:             0.25em 0;
}
h2 {
	font-size:          1.5em;
	color:              #E49C00;                /* Gold */
	font-weight:        inherit;
    text-shadow:        1px 1px 1px #464646;    /* Dark Grey */
    margin:             0.5em 0 0;
}
h3 {
	font-size:          1.25em;
	color:              #000000;                /* Black */
	text-transform:     uppercase;
}
ul {
    margin-left:        1em;
}
sup {
    vertical-align:     super;
    font-size:          0.75em;
}
.a_left {
    text-align:         left;
}
.a_right {
    text-align:         right;
}
.a_center {
    text-align:         center;
}
.left {
    float:              left;
}
.right {
    float:              right;
}
.f_left {
    float:              left;
}
.f_right {
    float:              right;
}
.clear {
    clear:              both;
    height:             0;
    line-height:        0;
}
.validate {
    color:              #A71C20;
}
.validate .mark:after {
    content:            "";
}
.validate.valid {
    color:              #00AA00;
}
.validate.valid .mark:after {
    content:            "✓";
}

/*!
 *  Font Awesome
 */
.fa.fa-calendar-o,
.fa.fa-facebook-official,
.fa.fa-pencil-square-o {
  font-weight: 800 !important;
}
.fa.cursor {
    color:              #333333;
}
.fa.cursor:hover {
    color:              #000000;
}
.fa.fa-file-pdf-o {
    color:              #A71C20;
}
.fa.fa-file-excel-o {
    color:              #227144;
}
.fa.fa-file-word-o {
    color:              #0e48a1;
}
.fa.green {
    color:              #48C558;
}
.fa.green[href]:hover {
    color:              #4FD860;
}
.fa.red {
    color:              #A71C20;
}
.fa.red[href]:hover {
    color:              #A71C20;
}
.fa.yellow {
    color:              #FFC74E;
}
.fa.yellow[href]:hover {
    color:              #FFDD95;
}
.fa.white {
    color:              #EEEEEE;
}
.fa.white[href]:hover {
    color:              #FFFFFF;
}
.fa.grey {
    color:              #777777;
}
.fa.grey[href]:hover {
    color:              #7F7F7F;
}

div#svr {
    padding:            10px;
    text-align:         center;
    font-weight:        bold;
    color:              #A71C20;
    background:         #FFC74E;
    display:            none;
}

div#svr div.live_emails{
    font-size:          1.2em;
    background:         #bc0000;
    padding:            5px;
    color:              #FFF;
    margin-bottom:      10px;
}
div#maint {
    padding:            10px;
    text-align:         center;
    font-weight:        bold;
    color:              #FFFFFF;
    background:         #A71C20;
    display:            none;
}

/* Google Maps */
.gmnoprint img {
    max-width:          none;
}


/* PAGE NOT FOUND */
div#error404 {
    padding:            2em;
    background-color:   #F5F5F5;                /* Touch of Gray */
    background-image:   url(/static/css/img/404.jpg);
    background-repeat:  no-repeat;
    background-position:center top;
    background-size:    cover;
    width:              600px;
    height:             430px;
    margin:             -0.6em auto -0.65em;
    position:           relative;
    border-left:        2px solid #A71C20;
    border-right:       2px solid #A71C20;
}
div#error404 h1 {
    background:         rgba(255,255,255,0.8);
    border-radius:      2%;
    font-size:          1em;
    padding:            1em;
    display:            inline;
    color:              #A71C20;                 /* Dark Red */
    text-shadow:        none;
}
div#error404 p {
    position:           absolute;
    top:                50%;
    background:         rgba(255,255,255,0.8);
    border-radius:      2%;
    padding:            1em;
    text-align:         center;
    font-style:         italic;
    font-weight:        bold;
    max-width:          500px;
}

/* HEADER */
header {
    min-height:         109px;
    max-width:          1000px;
    margin:             auto;
    background:         rgba(255,255,255,0.85);
}
header>a img {
    float:              left;
    max-width:          40%;
}

/* MISSION */
header div#mission {
    max-width:          300px;
    margin:             0 auto 0;
    padding-top:        1.2em;
    text-align:         center;
}
header div#mission h1 {
    color:              #A71C20;                /* Dark Red */
    text-align:         center;
    font-size:          1.2em;
    text-shadow:        none;
    margin:             0;
}
header div#mission p {
    text-align: center;
}
header div#mission p span.trail {
    color:              #A71C20;                /* Dark Red */
}
header div#mission p span.obstacle {
    color:              #909090;                /* Mid Grey */
}
header div#mission p span.recreational {
    color:              #464646;                /* Dark Grey */
}
header div#mission p span.competition {
    color:              #A71C20;                /* Dark Red */
}
header div.ets_promo_2016 {
    float: right;
    clear: right;
    margin: 5px 20px 0 0;
    font-size: 20px;
}
header div.ets_promo_2016 a {
    color: #000000;
    font-weight: bold;
}
/* SOCIAL NETWORKING */
header ul#social_networking {
    margin:             0;
    padding:            0.5em 0.5em 0.25em 0;
    float:              right;
}
header ul#social_networking li {
    list-style:         none;
    float:              left;
    margin-right:       0.5em;
}
header ul#social_networking li img{
    border-radius:      3px;
}
header div.fb-like {
    float:              right;
    clear:              right;
    margin-right:       1em;
    width:              145px;
    height:             24px;
    overflow:           hidden;
}

/* USER CP */
header div#user_cp{
    margin:             0;
    padding:            0.5em 0.25em;
    float:              right;
}
header div#user_cp button.login{
    display:            none;
}
header div#user_cp div.logout{
    color:              #A71C20;
    display:            none;
    text-align:         right;
    font-size:          0.8em;
}
header div#user_cp img{
    max-height:         30px;
    max-width:          30px;
    float:              right;
    margin-left:        2px;
    border:             1px solid #CCC;
    border-radius:      3px;
}

header button#joinButton {
    background:         #A71C20;
    float:              right;
    clear:              right;
    margin:             0 1em 0.25em 0;
}

/* TOP MENU */
nav#top_menu {
    font-size:          0.9em;
	padding:            0 03.11526479750779%;
    background:         #251F1D;                /* Dark Brown */
    border-top:         4px solid #A71C20;      /* Dark Red */
    border-bottom:      4px solid #A71C20;      /* Dark Red */
}
nav#top_menu ul {
    text-align:         center;
    margin:             0 auto;
    padding:            10px 0px;
    background:         #251F1D;            /* Dark Brown */
}
nav#top_menu li {
	text-align:         center;
	list-style:         none;
    display:            inline;
    padding:            10px;
    margin:             0 5px;
}
nav#top_menu li.red{
    background:         #A71C20;
}
nav#top_menu li.account{
    background:         #464646;
}
nav#top_menu li.host{
    background:         #464646;
}
nav#top_menu li.active {
    background:         #A71C20;                /* Dark Red */
}
nav#top_menu li a {
	text-transform:     uppercase;
}
nav#top_menu li a:hover {
	text-decoration:    none;
}

/* TOP SUB MENU */
nav#top_sub_menu {
	padding:            0 03.11526479750779%;
    background:         #A71C20;                /* Dark Red */
}
nav#top_sub_menu select {
    display:            none;
}
nav#top_sub_menu ul {
    text-align:         center;
    margin:             0 auto;
    padding:            0 0 10px;
    background:         #A71C20;                /* Dark Red */
}
nav#top_sub_menu li {
	text-align:         center;
	list-style:         none;
    display:            inline;
    padding:            5px;
    margin:             0 0.5%;
}
nav#top_sub_menu li.active a {
    color:              #FFC74E;                /* Gold */
}
nav#top_sub_menu li a {
	text-transform:     uppercase;
    font-size:          0.9em;   
}
nav#top_sub_menu li a:hover {
	text-decoration:    none;
}

/* FOOTER */
footer {
    text-align:         center;
}
footer div.wrapper {
    border-top:         4px solid #A71C20;      /* Dark Red */
    max-width:          1000px;
    margin:             0 auto;
}
footer div.inner_wrapper {
    border-top:         2px solid #251F1D;      /* Dark Brown */
    padding-top:        0.5em;
    background:         rgba(255,255,255,0.85);
}
footer p {
    font-size:          1.0em;
    padding-bottom:     1em;
}
footer a:link {
    color:              #000000;                /* Black */
}
footer a:hover {
    color:              #464646;                /* Dark Grey */
}

.cursor {
    cursor:             pointer;
}

/* ================================================== FONTAWESOME =================================================== */
.fa-hover {
    opacity:            0.8;
}
.fa-hover:hover {
    opacity:            1.0;
}


#wait,
#postback {
    display:            none;
}
#wrapper {
    
}
#system_message {
    display:            none;    
    max-width:          980px;
    margin:             0 auto;
    padding:            10px;
    background:         #251F1D;     /* rgba(79,155,216,0.85);  /* Light Blue */
    color:              #FFFFFF;      /* #2774B1;                /* Dark Blue */
    border:             3px solid #000000; /* 1px solid #2774B1;      /* Dark Blue */
    font-weight:        bold;
    text-align:         center;
}
#system_error {
    display:            none;    
    max-width:          980px;
    margin:             0 auto;
    padding:            10px;
    background:         rgba(249,220,221,0.85); /* Light Blue */
    color:              #A71C20;                /* Dark Blue */
    border:             1px solid #A71C20;      /* Dark Blue */
    font-weight:        bold;
    text-align:         center;
}
#center_column {
    max-width:          980px;
    margin:             0 auto;
    padding:            10px;
    background:         rgba(255,255,255,0.85);
}
#center_column p, body.cke_editable p {
    padding:            0 1em;
    margin-bottom:      1em;
}
#center_column ul, body.cke_editable ul {
    list-style-position: inside;
}
#center_column a:link, body.cke_editable a:link {
    font-weight:        bold;
}
#center_column a.button:link, body.cke_editable a.button:link {
    font-weight:        normal;
}
di#contact_us {
    overflow:           hidden;
}
div#contact_us div{
    float:              left;
    width:              33%;
}
div#regional_directors div p {
    text-align:         center;
}
div#regional_directors div img{
    margin:             5px;
}
div#home{
    overflow:           hidden;
}
div#home img{
    float:              right;
    width:              40%;
    margin:             0 10px;
}
div#home hr{
    clear:              left;
}
div#home h2 img{
    clear:              left;
    float:              left;
    margin:             0 1em 2em 0;
    max-width:          90px;
}

/* eventmanager/description */
div#share {
    float:              right;
    text-align:         right;
    width:              25%;
}

/* account/info */
.quarter {
    width:              20.8%;
    float:              left;
    margin:             0.7em;
    padding:            0.5em;
    border:             1px solid #909090;
    background:         white;
}
.quarter h2 {
    font-size:          1em;
}
div#emergency input {
    float:              left;
}

/* account/riders */
table.full {
    width:              100%;
}
table.full td {
    padding:            0.3em 1em;
}


ul.ridingStyles {
    list-style:         none;
    display:            block;
    width:              550px;
}
ul.ridingStyles  li{
    float:              left;
    width:              100px;
    margin:             5px;
}

/* HELP */
div.annotation_holder {display:none;}
a.annotation {font-weight:bold;}
a.annotation:hover {}

/* ================================ FIELDS ================================ */
fieldset {
    position:           relative;
    margin:             0px 0px 5px;
    padding:            5px;
    border:             1px solid #CCCCCC;      /* Light Gray */
    background:         #FFFFFF;                /* White */
}
fieldset div.help {
    display:            none;
}
fieldset p {
    margin:             0.5em 0;
}
fieldset a.help {
    position:           absolute;
    top:                0px;
    right:              -5px;
    background:         #90BADB;                /* Blue */
    display:            block;
    height:             15px;
    width:              15px;
    border-radius:      7px;
    color:              #FFFFFF;                /* White */
    font-weight:        bold;
    text-align:         center;
}
fieldset a.help:hover {
    background:         #2774B1;                /* Dark Blue */
}
fieldset legend {
    color:              #A71C20;                /* Dark Red */
    font-weight:        bold;
}

button,
.button,
a.button,
input[type="submit"] {
    background:         #4F9BD8;                /* Light Blue */
    color:              #FFFFFF;                /* White */
    padding:            5px 10px;
    cursor:             pointer;
    border-radius:      5px;
    border:             1px solid #E2ECF3;      /* Touch of Blue */
    text-align:         center;
}
button:hover,
.button:hover,
input[type="submit"]:hover {
    background:         #90BADB;                /* Blue */
}
button[disabled],
[disabled].button,
input[type="submit"][disabled] {
    background:         #AFCADF;                /* Blue */
    color:              #EEE;
    cursor:             not-allowed !important;
}
div.ui-accordion h3[disabled] {
    cursor:             not-allowed !important;
}
button.red,
input[type="submit"].red {
    background:         #A71C20;                /* Dark Red */
}
button.red:hover,
input[type="submit"].red:hover {
    background:         #EE9B9E;                /* Touch of Red */
}
button.yellow,
input[type="submit"].yellow {
    background:         #FFC74E;
}
button.yellow:hover,
input[type="submit"].yellow:hover {
    background:         #FFDD95;
}
button.green,
input[type="submit"].green {
    background:         #48C558;
}
button.green:hover,
input[type="submit"].green:hover {
    background:         #4FD860;
}
button.black, a.button.black, .button.black, input[type="submit"].black {
    background:         #251F1D;
}
button.black:hover, a.button.black:hover, .button.black:hover, input[type="submit"].black:hover {
    background:         #5A514E;
}

a.print, button.print{
    background:         #333333 url(img/print30x30.png) 2px 2px no-repeat;
    color:              #FFFFFF;
    height:             25px;
    padding:            7px 7px 27px 35px;
    border-radius:      5px;
    border:             1px solid #333333;
    margin:             3px;
}
a.print{
    display:            inline-block;
    padding:            7px 7px 0px 35px;
    font-weight:        normal !important;
}
a.excel {
    background:         #333333 url(img/excel30x30.png) 2px 2px no-repeat;
    display:            inline-block;
    color:              #FFFFFF;
    height:             25px;
    padding:            7px 7px 0px 35px;
    border-radius:      5px;
    border:             1px solid #333333;
    margin:             3px;
    font-weight:        normal !important;
}
input,
textarea,
select,
button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-size:          1em;
    font-family:        arial;
}
input.disabled,
textare.disabled,
select.disabled,
td.disabled {
    background:         #EEEEEE;                /* Lighter Gray */
}


div.pagination{
    display:            inline-block;
    float:              right;
    overflow:           hidden;
    padding:            5px;
    border:             1px solid #777777;
    width:              auto;
}
div.pagination i, div.pagination span{
    float:              right;
    margin:             5px;
    font-weight:        bold;
    color:              #444444;
    cursor:             pointer;
    padding:            3px;
}
div.pagination span.active {
    background:         #A71C20;
    color:              #FFFFFF;
}
div.pagination i[disabled] {
    color:              #999999;
    cursor:             not-allowed;
}
div.pagination span{
    /* font-size:          130%; */
}
div.pagination i:hover, div.pagination span:hover{
    color:              #000000;
}
div.pagination i[disabled]:hover {
    color:              #999999;
}
div.pagination span.period {
    margin:             5px 0px;
    padding:            0px;
    cursor:             default;
}


div.admin_bar {
    width:              965px;
    background:         #251F1D;
    color:              #FFFFFF;
    border:             2px solid #A71C20;
    padding:            5px;
    position:           relative;
    overflow:           hidden;
}
div.admin_bar div.status {
    display:            block;
    width:              900px;
    margin:             auto;
}
div.admin_bar div.status i {
    font-size:          24px;
    margin:             5px;
    padding:            5px 10px;
}
div.admin_bar div.status span.info {
    display:            inline-block;
    height:             40px;
    width:              40px;
    text-align:         center;
    color:              #48C558;
    border:             1px solid #48C558;
    margin:             5px;
}
div.admin_bar div.status span.info span.title {
    font-size:          10px;
}

div.admin_bar ul.status li {
    width:              90px;
    height:             18px;
    float:              left;
    font-size:          12px;
    text-align:         center;
    border:             1px solid #251F1D;
}
div.admin_bar ul.status li.special {
    border:             1px solid #FFF;
    background:         #000000;
    color:              #CCCCCC;
    font-weight:        normal;
}
div.admin_bar ul.status li.special:hover {
    color:              #FFFFFF;
    background:         #251F1D;
}
div.admin_bar ul.status li.red {color:#FF0000;}
div.admin_bar ul.status li.green {color:#48C558;}
div.admin_bar ul.status li.yellow {color:#FFC74E;}
div.admin_bar ul.status li.Pending {color:#FFC74E;}
div.admin_bar ul.status li.Approved {color:#48C558;}
div.admin_bar ul.status li.Declined {color:#FF0000;}
div.admin_bar ul.status li.Draft {color:#FFC74E;}
div.admin_bar ul.status li.Open {color:#48C558;}
div.admin_bar ul.status li.Closed {color:#FFC74E;}
div.admin_bar ul.status li.Ended {color:#FFC74E;}
div.admin_bar ul.status li.On-Hold {color:#FFC74E;}
div.admin_bar ul.status li.Canceled {color:#FF0000;}
div.admin_bar ul.status li.Submitted-for-Payment {color:#FFC74E;font-size:10px;}
div.admin_bar ul.status li.Paid-Out {color:#48C558;}
div.admin_bar ul.status li.Modified {color:#FFC74E;}
div.admin_bar ul.status li.App-Modified {color:#FFC74E;}
div.admin_bar button.manage {
    background:         #251F1D;
}
div.admin_bar button.approve {
    background:         #A71C20;
}
div.admin_bar table {
    margin:             5px;
    border:             1px solid #FFF;
    width:              954px;
}
div.admin_bar table thead th {
    font-size:          10px;
    border-color:       #FFF;
}
div.admin_bar table tbody td {
    color:              #000;
    text-align:         center;
}
#center_column div.admin_bar table tbody td a:link, #center_column div.admin_bar table tbody td a:visited {
    color:              #000;
    font-weight:        normal;
}
#center_column div.admin_bar table tbody td a.button {
    background:         #251F1D;
    font-size:          10px;
    display:            inline-block;
    color:              #FFF;
}

div.admin_bar2 {
    width:              965px;
    background:         #251F1D;
    color:              #FFFFFF;
    border:             2px solid #A71C20;
    padding:            5px;
    position:           relative;
    overflow:           hidden;
    font-size:          12px;
}
div.admin_bar2 div.status {
    display:            block;
}
div.admin_bar2 div.status i {
    font-size:          14px;
    padding:            5px;
}
div.admin_bar2 ul.status li {
    width:              90px;
    height:             18px;
    float:              left;
    font-size:          12px;
    text-align:         center;
    border:             1px solid #251F1D;
}
div.admin_bar2 ul.status li.special {
    border:             1px solid #FFF;
    background:         #000000;
    color:              #CCCCCC;
    font-weight:        normal;
}
div.admin_bar2 ul.status li.special:hover {
    color:              #FFFFFF;
    background:         #251F1D;
}
div.admin_bar2 ul.status li.red {color:#FF0000;}
div.admin_bar2 ul.status li.green {color:#48C558;}
div.admin_bar2 ul.status li.yellow {color:#FFC74E;}
div.admin_bar2 ul.status li.Pending {color:#FFC74E;}
div.admin_bar2 ul.status li.Approved {color:#48C558;}
div.admin_bar2 ul.status li.Declined {color:#FF0000;}
div.admin_bar2 ul.status li.Draft {color:#FFC74E;}
div.admin_bar2 ul.status li.Open {color:#48C558;}
div.admin_bar2 ul.status li.Closed {color:#FFC74E;}
div.admin_bar2 ul.status li.Ended {color:#FFC74E;}
div.admin_bar2 ul.status li.On-Hold {color:#FFC74E;}
div.admin_bar2 ul.status li.Canceled {color:#FF0000;}
div.admin_bar2 ul.status li.Submitted-for-Payment {color:#FFC74E;font-size:10px;}
div.admin_bar2 ul.status li.Paid-Out {color:#48C558;}
div.admin_bar2 ul.status li.Modified {color:#FFC74E;}
div.admin_bar2 ul.status li.App-Modified {color:#FFC74E;}
div.admin_bar2 button.manage {
    background:         #251F1D;
}
div.admin_bar2 button.approve {
    background:         #A71C20;
}
div.admin_bar2 table {
    margin:             5px;
    border:             1px solid #FFF;
    width:              954px;
}
div.admin_bar2 table thead th {
    font-size:          10px;
    border-color:       #FFF;
}
div.admin_bar2 table tbody td {
    color:              #000;
    text-align:         center;
}
#center_column div.admin_bar2 table tbody td a:link, #center_column div.admin_bar2 table tbody td a:visited {
    color:              #000;
    font-weight:        normal;
}
#center_column div.admin_bar2 table tbody td a.button {
    background:         #251F1D;
    font-size:          10px;
    display:            inline-block;
    color:              #FFF;
}

.custom-menu {cursor:pointer;z-index:1000;position:absolute;background:#FFF;border: 1px solid #CCC;box-shadow: 1px 1px 2px #CCC;padding:5px 0px;margin:0px;}
.custom-menu li{margin:0px;list-style:none;padding:5px 20px;color:#000;font-size:12px;font-family:arial;}
.custom-menu li:hover{background:#EEE;}
.custom-menu li.hr{padding:0px;border-top:1px solid #DDD;margin-top:1px;}
.custom-menu li.hr:hover{background:#FFF;}
.custom-menu li.admin_menu{color:#FFFFFF;background:url(/static/js/flexigrid/img/admin.png) no-repeat center left #251F1D;}
.custom-menu li.admin_menu:hover{background-color:#463F3D;}

/* COMMON INPUT FORMATS */
select.state {width:5em;font-family:Lucida Console, Courier New;}
select.state.selected {width:3.5em;}
input.cvv {width:3em}
input.zip_code {width:5em;}
input.postal_code {width:6em;}
input.first_name, input[name="first_name"],
input.last_name, input[name="last_name"],
input.phone, input[type="tel"] {width:7em;}
input.color, input[name="color"] {width:8em;}
select.country {width:10em;font-family:Lucida Console, Courier New;}
input.email, input[type="email"] {width:14em;}
input.money {width:5em;}
input.date, input[type="date"],
input.dob {
    width:              8.7em;
    height:             1.2em;
    text-align:         center;
}
input.fieldError, select.fieldError , textarea.fieldError{
    background:         #F9DCDD;                /* Touch of Red */
    border-color:       #A71C20;                /* Dark Red */
}
input.correct, select.correct , textarea.correct{
    background:         #dcf9e2;
    border-color:       #005411;
}
input:focus:not([type="submit"]),
select:focus,
textarea:focus {
    background:         #FFFFCC;                /* Focus Yellow */
}
fieldset.address input.street{
    width:              100%;
}
fieldset.address input.city{
    float:              left;
    width:              50%;
    margin-right:       1em;
}
fieldset.address input.state{
    float:              left;
}
fieldset.address input.zip_code, fieldset.address input.postal_code{
    float:              right;
}
fieldset.credit_card input, fieldset.credit_card select {
    float:              right;
}
select[placeholder] {
    color:              #999;
}
select[placeholder].selected {
    color:              #000;
}

#payment_method input, #payment_method select{
    float:              right;
}
#payment_method a.cvv {
    font-size:          0.7em;
}
#payment_method p.cc_logos {
    text-align:         right;
    margin:             0;
}
#payment_method p.cc_number {
    margin-top:         0;
}
/* ======================================================================== */

/* ================================ TABLES ================================ */
table.std {
    border-collapse:    collapse;
    padding:            0;
    margin:             0;
    background:         #FFFFFF;                /* White */
    width:              100%;
}
table.std thead th{
    background:         #A71C20;                /* Dark Red */
    color:              #FFFFFF;                /* White */
    font-weight:        bold;
    text-align:         center;
    padding:            5px;
}
table.std thead th {
    border:             none;
    border-left:        1px solid #FFFFFF;      /* White */
    text-align:         center;
}
table.std thead tr.white th {
    background:         #FFFFFF;
    color:              #000000;
    border-color:       #CCCCCC;
}
table.std thead > tr > th:first-child {
    border-left:        none;
}
table.std tbody > tr:nth-child(odd) > td{
    background-color:   #EEEEEE;                /* Lighter Gray */
}
table.std tbody td {
    border:             1px solid #CCCCCC;      /* Light Gray */
    padding:            2px;
    vertical-align:     top;
}
table.std tfoot.no-results td{
    font-weight:        bold;
    text-align:         center;
    padding:            10px;
    border:             1px solid #CCCCCC;
}
table.std tbody.no-border td{
    border:             none;
}
table.std tbody.no-background td{
    background:          none;
}
table.std tbody.black td{
    border-bottom-color:    #555555;
    border-left-color:      #555555;
    border-right-color:     #555555;
    background:             #251F1D;
    color:                  #FFF;
}
table.std tbody.black > tr:nth-child(odd) > td{
    background:         #333;
}
table.std td.fixed, table.std th.fixed {
    position:           absolute;
    left:               0px;
    top:                auto;
}
table.std td.bl, table.std tr.white th.bl {
    border-left:        2px solid #BC0000;
}
table.std td.br, table.std tr.white th.br {
    border-right:       2px solid #BC0000;
}
table.std tr.bt td, table.std td.bt {
    border-top:        2px solid #BC0000;
}
table.std tr.bb td, table.std td.bb {
    border-bottom:        2px solid #BC0000;
}
table.std tr.subhead td, table.std tr.subhead:nth-child(odd) td, table.std tr td.subhead, table.std tr:nth-child(odd) td.subhead {
    background-color:   #A71C20;                /* Dark Red */
    color:              #FFFFFF;                /* White */
    text-align:         center;
    padding:            5px;
}
table.std tr.subhead td {
    border:             none;
    border-left:        1px solid #FFFFFF;      /* White */
    border-top:         1px solid #FFFFFF
    text-align:         center;
}
table.std tr.subhead td.deleteX {
    color:              #FFFFFF;
    border-right:       1px solid #CCCCCC;
    background-color:   #A71C20 !important;
}
table.std tr.cursor.subhead:hover td, table.std tr.active.subhead td {
    background:         #D26C6F !important;
}
table.std tr.subhead.light td {
    border-top:         1px solid #FFFFFF;
}
table.std tr.subhead td.black, table.std tr.subhead:nth-child(odd) td.black,
table.std.black tr.subhead td, table.std.black tr.subhead:nth-child(odd) td,
table.std.black tr th, table.std.black tr:nth-child(odd) th,
table.std tr th.black, table.std tr:nth-child(odd) th.black {
    background-color:   #251F1D;                /* Dark Brown */
}
table.std tr.subhead tr:nth-child(odd) td{
    border-top:         1px solid #FFFFFF;
}
table.std tr.subhead td:first-child{
    border-left:        none;
}
table.std tr.total td, table.std tfoot.total td{
    border-top:         2px solid #A71C20;
    background-color:   #FFF;
}
table.std tr.totals td{
    border-top:         2px solid #A71C20;
    background-color:   #FFF;
    font-weight:        bold;
    padding:            5px;
}
table.std tr.loading td {
    background:         url(img/loading_red.gif) no-repeat center center;
    height:             35px !important;
}
table.std tr.cursor, table.std [onClick] {
    cursor:             pointer;
}
table.std tr.cursor:hover td, table.std tr.active td {
    background-color:   #E2ECF3 !important;                /* Touch of Blue */
}
table.std tr.highlight td{
    background-color:   #FFFFCC !important;                /* Touch of Yellow */
}
table.std tr td.highlight{
    background-color:   #FFFFCC !important;                /* Touch of Yellow */
}
table.std td.deleteX {
    cursor:             pointer;
    font-weight:        bold;
    text-align:         center;
    width:              20px;
    color:              #A71C20;                /* Dark Red */
    /*border:             1px solid #A71C20;      /* Dark Red */
    background:         #F9DCDD !important;                /* Touch of Red */
}
table.std td.deleteX[disabled] {
    cursor:             not-allowed !important;
}
table.std td.edit {
    cursor:             pointer;
    font-weight:        bold;
    text-align:         center;
    width:              20px;
    color:              #2774B1;                /* Dark Red */
    border:             1px solid #2774B1;      /* Dark Red */
    background-color:   #90BADB !important;                /* Touch of Red */
}
table.std tr.no_results td {
    padding:            5px;
    text-align:         center;
    font-weight:        bold;
    color:              #CCCCCC;                /* Light Gray */
}
table.std td button{
    font-size:          0.8em;
}
table.std tr.no_results td {
    text-align:         center;
    padding:            1em;
    color:              #000000;
}
table.std tr.bold td {
    font-weight:        bold;
}
table.std td.number {
    text-align:         center;
}
table.std td.accounting {
    text-align:         right;
    width:              110px;
}
table.std td.accounting  span{
    float:              left;
    margin-left:        10px;
}
table.std th.vertical {
    height:             150px;
    vertical-align:     bottom;
    white-space:        nowrap;

}
table.std th.vertical > div {
    -webkit-transform:  rotate(-90deg);
    -moz-transform:     rotate(-90deg);
    -o-transform:       rotate(-90deg);
    -ms-transform:      rotate(-90deg);
    width:              20px;
    display:            inline-block;
}
table.std th.vertical > div > span {
    padding:            5px 8px;
}
@media print {
    table.std thead th {
        background:     #FFFFFF;
        color:          #000000;
        border-color:   #CCCCCC;
    }
}
div.table_legend {
    margin:             5px 0;
    padding:            5px;
    overflow:           hidden;
    border:             1px solid #CCCCCC;
    background:         #FFFFFF;
    border-radius:      3px;
}
div.table_legend i {
    padding:            5px;
}
div.table_legend span {
    font-family:        GE Centurion, Arial;
    font-size:          80%;   
    color:              #000000;
}
/* ======================================================================== */

/* ============================== FLEXIGRID =============================== */
div.flexigrid{
    width:              100%;
}
div.flexigrid.full_screen{
    position:           absolute;
    top:                0;
    left:               0;
    width:              100%;
    height:             100%;
    z-index:            1000;
    background:         #FFFFFF;
}
div.flexigrid.full_screen .bDiv {
    height: calc(100% - 120px) !important;
}

div.flexigrid thead th{
    text-align:         center;
}
div.flexigrid [abbr] {width:150px;overflow:hidden;white-space:nowrap;}
div.flexigrid [abbr] div{width:150px;overflow:hidden;white-space:nowrap;}

div.flexigrid [abbr*="_id"],     div.flexigrid [abbr*="_id"] div,
div.flexigrid [abbr="id"],     div.flexigrid [abbr="id"] div,
div.flexigrid [abbr*="iso"],    div.flexigrid [abbr*="iso"] div,
div.flexigrid [abbr="enabled"], div.flexigrid [abbr="enabled"] div,
div.flexigrid [abbr="record_enabled"], div.flexigrid [abbr="record_enabled"] div,
div.flexigrid [abbr="record_locked"], div.flexigrid [abbr="record_locked"] div,
div.flexigrid [abbr*="image"],   div.flexigrid [abbr*="image"] div,
div.flexigrid [abbr*="order"],   div.flexigrid [abbr*="order"] div,
div.flexigrid [abbr*="_amount"], div.flexigrid [abbr*="_amount"] div,
div.flexigrid [abbr*="_weight"], div.flexigrid [abbr*="_weight"] div,
div.flexigrid [abbr*="_cost"],   div.flexigrid [abbr*="_cost"] div,
div.flexigrid [abbr*="_count"],  div.flexigrid [abbr*="_count"] div,
div.flexigrid [abbr="logo"],    div.flexigrid [abbr="logo"] div {
    width:              50px;
    text-align:         center;
}

div.flexigrid [abbr*="_date"],             div.flexigrid [abbr*="_date"] div,
div.flexigrid [abbr="record_created"],     div.flexigrid [abbr="record_created"] div,
div.flexigrid [abbr="record_updated"],     div.flexigrid [abbr="record_updated"] div {
    width:              100px;
    text-align:         center;
}
div.flexigrid [abbr="date"],                 div.flexigrid [abbr="date"] div,
div.flexigrid [abbr="approval"],             div.flexigrid [abbr="approval"] div,
div.flexigrid [abbr="status"],               div.flexigrid [abbr="status"] div,
div.flexigrid [abbr="rider.classroom_test"], div.flexigrid [abbr="rider.classroom_test"] div,
div.flexigrid [abbr="rider.video_test"],     div.flexigrid [abbr="rider.video_test"] div,
div.flexigrid [abbr*="_rate"],               div.flexigrid [abbr*="_rate"] div {
    width:              80px;
    text-align:         center;
}

div.flexigrid div.bDiv img{
    max-width:          40px;
    max-height:         40px;
}
/* ======================================================================== */

/* ================================ PRINT ================================= */
@media print {
    header, #top_menu, footer {
        display:        none;
    }
}
/* ======================================================================== */

/* =================== TABLET/DEKSTOP (large) 1300px + ==================== */
@media (min-width: 1300px) {
    .hlarge {display:none;}
    .slarge {display:block;}
    body {
        background-image: url(img/bg/bg8_1300.jpg);
        background-color: #A99676;
    }
}
/* ======================================================================== */

/* ================ DESKTOP/TABLET (normal) 981px - 1299px ================ */
@media screen and (min-width: 981px) and (max-width: 1299px) {
    .hnorm {display:none;}
    .snorm {display:block;}
    body {
        background-image: url(img/bg/bg8_980.jpg);
        background-color: #A99676;
    }
}
/* ======================================================================== */

/* ====================== TABLET (mid) 769px - 980px ====================== */
@media screen and (min-width: 769px) and (max-width: 980px) {
    .h980 {display:none;}
    .s980 {display:block;}
    body {
        background-image:   url(img/bg/bg8_980.jpg);
        background-color:   #A99676;
    }
	nav#top_menu li {
		padding:            2px 10px;
		line-height:        2em;
	}
    div#home img {
        display:            none;
    }
}
/* ======================================================================== */

/* ===================== TABLET (small) 481px - 768px ===================== */
@media screen and (min-width: 481px) and (max-width: 768px) {
    .h768 {display:none;}
    .s768 {display:block;}
    body {
        background-image: url(img/bg/bg8_768.jpg);
        background-color: #A99676;
    }
    header div#mission {
        max-width:          50%;
        float:              left;
    }
	nav#top_menu li {
		padding:            2px 10px;
		line-height:        2em;
	}
    div#home img {
        display:            none;
    }
}
/* ======================================================================== */

/* ======================== MOBILE (small) 480px - ======================== */
@media screen and (max-width: 480px) {
    .h480 {display:none;}
    .s480 {display:block;}
    body {
        /* background-image: url(img/bg/bg8_480.jpg); */
        background-color: #FFF;
    }
    h1 {
        font-size:          1.5em;
    }
    h2 {
        font-size:          1.3em;
    }
    h2 {
        font-size:          1.15em;
    }
    header {
        position:           relative;
    }
    header>a img {
        float:              left;
        max-height:         100px;
        margin:             auto;
        display:            block;
    }
    header div#mission {
        float:              none;
        max-width:          100%;
        padding-bottom:     1em;
    }
    header ul#social_networking {

    }
    header div.fb-like {
        float:              none;
        clear:              both;
        margin:             0.5em auto;
        width:              130px;
        display:            block;
    }
    header div.ets_promo_2016 {
      float:      none;
      text-align: center;
    }
    header div#user_cp {
        float:              none;
        margin:             auto;
        text-align:         center;
    }
	/* nav#top_menu {
		padding:            0;
		margin:             0;
	} */
	nav#top_menu ul {
		text-align:         center;
		margin:             0;
		padding:            0 0 10px 0;
		width:              100%;
	}
	nav#top_menu li {
		display:            block;
		padding:            10px;
		margin:             0;
	}
    nav#top_sub_menu {
        padding-bottom:     2px;
    }
    nav#top_sub_menu select {
        display:            block;
        width:              100%;
    }
    nav#top_sub_menu select {
        font-size:          100%;
    }
	nav#top_sub_menu ul {
		display:            none;
	}
    div#error404 {
        width:              400px;
        height:             300px;
    }
    div#contact_us div {
        float:              none;
        width:              100%;
    }
    div#home img {
        display:            none;
    }
}
/* ======================================================================== */

/* ================================= JOIN ================================= */
form#join {
    overflow:           hidden;
}
form#join fieldset {
    width:              47%;
    float:              left;
    margin:             0 7px;
    margin-bottom:      30px;
}
form#join fieldset.full {
    width:              auto;
    min-height:         auto;
    float:              none;
    clear:              both;
}
form#join fieldset.button {
    background:         none;
    border:             none;
    text-align:         center;
}
form#join fieldset.riders,
form#join fieldset.horses,
form#join fieldset.payment_method,
form#join fieldset.totals,
form#join fieldset.address.billing,
form#join  a#giftcertChang,
form#join fieldset.totals div#valueGiftCert {
    display:            none;
}
form#join fieldset.login_information {
    width:              44%
}
form#join fieldset.login_information input{
    width:              11em;
}
form#join fieldset.address.shipping {
    width:              50%
}
form#join fieldset.address.shipping select.phone_type {
    float:              right;
}
form#join fieldset.address.shipping input[type="tel"] {
    float:              right;
    margin-right:       0.5em;
}
form#join fieldset.payment_method input[name="billing_same"] {
    float:              none;
}
form#join fieldset.totals table th {
    width:              25%;
}
form#join fieldset.totals table th:nth-child(1) {
    width:              50%;
}
form#join fieldset.totals table tr.total_row td, form#join fieldset.totals table tr.giftcert td {
    text-align:         right;
}
form#join fieldset.totals div#findGiftCert input {
    width:              50px;
}
form#join fieldset.terms p.submit {
    text-align:         center;
}
form#join tr.total_row {
    font-weight:        bold;
}
form#join fieldset fieldset {
    width:              auto;
    float:              none;
}

/* ======================================================================== */

/* ============================== MY ACCOUNT ============================== */
div#myAccount {
    overflow:           hidden;
}
div#myAccount ul.menu {
    list-style-type:    none;
    text-shadow:        1px 1px 1px #464646;    /* Dark Grey */
}
div#myAccount ul.menu li {
    padding:            0;
    background-color:   #251F1D;                /* Dark Brown */
    text-align:         center;
    width:              29%;
    float:              left;
    margin:             0.7em;
    padding:            0.5em;
    border:             1px solid #909090;      /* Mid Grey */
}
div#myAccount  ul.menuli a {
    display:            block;
    padding:            1em;
}
div#myAccount fieldset {
    width:              47%;
    float:              left;
    margin:             0 7px;
    min-height:         220px;
    position:           relative;
    padding-bottom:     40px;
}
div#myAccount fieldset.full {
    width:              96%;
    clear:              both;
    min-height:         auto;
}
div#myAccount p.update {
    position:           absolute;
    bottom:             0px;
    right:              0px;
}
div#myAccount.events p{
    text-align:         right;
}
div#myScores {
    position:           relative;
}
div#myScores div.award_level{
    position:           absolute;
    top:                0px;
    right:              0px;
    font-weight:        bold;
    font-size:          20px;
    text-align:         left;      
    width:              300px;
    height:             20px;
    border:             2px solid #A71C20;
    padding:            5px;
    color:              #A71C20;
    background:         #FFFFFF;
}
div#myScores div.award_level img {
    float:              left;
}
div#judges_playground_container {
  
}
div#judges_playground_container div.group > div {
  padding: 0;
}

/* ======================================================================== */

/* ================================= RIDER ================================ */
fieldset.riderFields p {
    margin-bottom:      0;
    overflow:           hidden;
}
fieldset.riderFields p span {
    display:            inline-block;
    float:              left;
    margin-right:       0.5em;
}
fieldset.riderFields span sup{
    color:              #A71C20;
}

/* ======================================================================== */

/* ================================= HORSE ================================ */
#equinePopup input[name="breed_name"] {
    display:            none;
}
#equinePopup input[name="birth_year"], #equinePopup input[name="color"] {
    width:              6em;
}
#equinePopup p span {
    display:            none;
    line-height:        10px;
}
#equinePopup span sup, #equinePopup span sup{
    color:              #A71C20;
}
/* ======================================================================== */

/* ================================= EVENTS =============================== */
div#events td {
    font-size:          14px;
}
div#events tr.canceled td:not(.name){
    text-decoration:    line-through;
    color:              #555;
}
div#events tr.canceled td sup {
    color:              #BC0000;
    font-weight:        bold;
}
div#events tr.timebar td {
    background:         #81BE81;
    text-align:         center;
}
div#events tr.weekend td {
    font-weight:        bold;
}

form#editEventEntry tfoot td, form#cancelEventEntry tfoot td{
    font-weight:        bold;
    font-size:          120%;
    padding:            2px;
    border:             1px solid #CCCCCC;
    font-weight:        bold;
}
/* ======================================================================== */

/* =========================== REDEMPTION RECORD ========================== */
form#redemptionAccountLookUp {
    margin: 10px;
    padding: 10px;
}
/* ======================================================================== */

/* ================================= EVENT ================================ */
div#eventView, div#eventRegister, div#eventScores {
    position:           relative;
    overflow:           hidden;
}
div#eventHead {
    position:           relative;
}
div#eventHead h1{
    padding:            0 150px;
}
div#eventHead p {
    text-align:         center;
    margin-bottom:      0;
    padding:            0 100px;
}
div#eventHead ul.share {
    position:           absolute;
    top:                0;
    right:              0;
}
div#eventHead ul.share li {
    height:             25px;
    padding:            7px 2px 2px 35px;
    list-style:         none;
    border-radius:      5px;
    width:              60px;
    border:             1px solid #333;
    margin:             3px;
    cursor:             pointer;
    /*box-shadow:         2px 2px 2px #333;*/
}
div#eventHead ul.share li.email{background:#CCC url(img/email30x30.png) 2px 2px no-repeat;}
div#eventHead ul.share li.print{background:#333 url(img/print30x30.png) 2px 2px no-repeat;color:#FFF}
div#eventHead ul.share li.facebook{background:#3B5A97 url(img/facebook30x30.png) 2px 2px no-repeat;color:#FFF;}

div#eventView div.blocks {
    width:              470px;
    float:              left;
}
div#eventView div.blocks.right {
    float:              right;
}
div#eventView div.blocks div.block {
    width:              470px;
    margin:             5px;
    background:         #FFF;

	padding:            5px;
}
div#eventView div.blocks h4{
    text-decoration:    underline;
    margin:             5px 0;
    text-align:         center;
}
div#eventView div.blocks p {
    padding:            0em;
    margin:             0.5em;
}

div#eventView div.blocks p.location {
    text-align:         center;
}
div#eventView div#imgSlider {
    position:           relative;
    height:             265px;
    width:              75%;
    margin:             auto;
}
div#eventView div#imgSlider img {
    width:              100%;
    height:             100%;
    display:            none;
    position:           absolute;
}
div#eventView div#imgSlider img.active {
    display:            block;
}

div#eventView div#eventLocationMap{
    height:             235px;
    width:              75%;
    height:             265px;
    margin:             auto;
}
div#eventView div.block.register h4{
    font-size:          150%;
    color:              #A71C20
}
div#eventView div.block.register p{
    text-align:         center;
    font-size:          0.8em;
    overflow:           hidden;
}
div#eventView div.block.register p span:nth-child(1){
    float:              left;
}
div#eventView div.block.register p span:nth-child(2){
    float:              right;
    font-weight:        bold;
}
div#eventView table.reservations td.cost {
    text-align:         center;
}
div#eventRegister table.titles td {
    font-size:          14px;
}
div#eventRegister table.titles tr.weekend td {
    font-weight:        bold;
}
div#eventRegister div.title {
    overflow:           hidden;
    text-align:         center;
    margin:             5px 0 15px 0;
}
div#eventRegister div.title div {
    width:              300px;
    display:            inline-block;             
    border:             1px solid #CCC;
    padding:            10px;
}
div#eventRegister div.title.eventCount4 div {
    width:              200px;
}
div#eventRegister div.title div p {
    margin:             0;
    padding:            0;
}
div#eventRegister div.title div p.dateType span.date {
    font-size:          1.2em;
    font-weight:        bold;
}
div#eventRegister fieldset {
    margin:             15px 7px 15px;
    width:              auto;
    min-height:         auto;
    float:              none;
    clear:              both;
}
div#eventRegister fieldset.half {
    width:              47%;
    float:              left;
    clear:              none;
}

div#eventRegister fieldset.entries option[value="new"] {
    background:         #4F9BD8;
    color:              #FFFFFF;
    font-weight:        bold;
}
div#eventRegister fieldset.entries option[value=""] {
    color:              #CCCCCC;
}
div#eventRegister fieldset.entries table thead th a.button {
    font-size:          10px;
    float:              right;
    margin-right:       5px;
}
div#eventRegister fieldset.entries table tbody td {
    vertical-align:     middle;
}
div#eventRegister fieldset.entries table tbody td a.f_right {
    padding-right:      5px;
}
div#eventRegister fieldset.entries table tbody tr.disabled td {
    color:              #777;
}
div#eventRegister fieldset.entries table tbody tr.disabled td:last-child {
    font-size:          0.9em;
    text-align:         center;
}
div#eventRegister fieldset.entries table tbody td a img {
    height:             20px;
    opacity:            0.7;
}
div#eventRegister fieldset.entries table tbody td a img:hover {
    opacity:            1.0;
}
div#eventRegister fieldset.entries table tbody select {
    width:              100%;
}
div#eventRegister fieldset.entries table tbody input[type=checkbox] {
    width:              20px;
    height:             20px;
}
div#eventRegister fieldset.entries table tfoot tr td {
    padding:            5px;
    text-align:         right;
    color:              #000000;
    font-weight:        bold;
    border:             1px solid #CCCCCC;
}
div#eventRegister fieldset.entries table tfoot tr:nth-child(odd) td {
    background-color:   #EEEEEE
}
div#eventRegister fieldset.entries table tfoot tr:first-child td {
    border-top:         2px solid #A71C20;
}
div#eventRegister fieldset.entries table tfoot tr:last-child td {
    /*color:              #A71C20;*/
    font-weight:        bold;
}
div#eventRegister fieldset.amenity table tfoot td {
    padding:            5px;
    text-align:         right;
    border:             1px solid #CCCCCC;
    color:              #A71C20;
    font-weight:        bold;
}
div#eventRegister fieldset.refund_policy p {
    font-size:          16px;
}
div#eventRegister fieldset.terms p.submit {
    text-align:         center;
}
div#eventRegister fieldset fieldset {
    width:              auto;
    float:              none;
}
div#eventRegister fieldset.address {
    display:            table;
}
div#eventRegister div#paymentmethod {
    width:              auto;
}
div#eventRegister div#paymentmethod fieldset {
    clear:              none;
    width:              45%;
    float:              left;
}
div#eventRegister div#paymentmethod fieldset.billing_addess{
    float:              right;
}
div#eventRegister div.total {
    display:            table-cell;
    width:              500px;
}
div#eventRegister div.total td {
    vertical-align:     middle;
}
div#eventRegister div.total input[name="gift_cert_code"] {
    width:              70px;
}
div#eventRegister  a#giftcertChange {
    display:            none;
}
div#achData{
    font-size:          0.9em;
    background:         #FFFFFF;
    width:              400px;
    margin:             0.5em auto;
    padding:            0.5em;
    border:             1px solid #808080;
}
div#achData label{
    width:              40%;
    display:            inline-block;
}
/*
div#eventScores td {
    font-size:          0.8em;
}
div#eventScores.normal td {
    font-size:          1.0em;
}
div#eventScores td.total {
    font-size:          0.9em;
}
*/
div#eventScores td.br {
    border-right:       2px solid #BC0000;
}
div#eventScores td.bl {
    border-left:        2px solid #BC0000;
}
div#eventScores tr.bb td {
    border-bottom:        2px solid #BC0000;
}
div#eventScores tr.bt td {
    border-top:        2px solid #BC0000;
}
div#eventScores td {
    vertical-align:     middle;
}
div#eventScores .rider {
    font-weight:        bold;
}
div#eventScores .horse {
    font-style:         italic;
}
div#eventScores tr.first td {
}
div#eventScores tr.second td {
}
div#eventScores tr.third td {
}
div#eventScores .plus {
    font-weight:        bold;
    color:              #2774B1;
    text-align:         center;
}
div#eventScores .score {
    color:              #00BC00;
    font-weight:        bold;
    text-align:         center;
    vertical-align:     middle;
}
div#eventScores .level {
    font-weight:        bold;
    text-align:         center;
    vertical-align:     middle;
}
div#eventScores .bracket {
    font-weight:        bold;
    text-align:         center;
    vertical-align:     middle;
}
div#eventScores div.missing-scores {
  background: #FFFFFF;
  padding: 0.15em;
  color: #A71C20;
  font-weight: bold;
  font-size: 150%;
  margin: 0.5em;
  border: 2px solid #A71C20;
  text-align: center;
}
div#eventEntryScores {
    width:              800px;
    margin:             5px;
    padding:            5px;
}
div#eventEntryScores th {
    padding:            3px;
}
div#eventEntryScores td {
    vertical-align:     middle;
    text-align:         center;
    font-weight:        bold;
}
div#eventEntryScores td.br {
    border-right:       2px solid #BC0000;
}
div#eventEntryScores td.bl {
    border-left:        2px solid #BC0000;
}
div#eventEntryScores tr.bt td {
    border-top:        2px solid #BC0000;
}
div#eventEntryScores td.obstacle {
    font-weight:        normal;
    text-align:         left;
}
div#eventEntryScores .plus {
    color:              #2774B1;
    text-align:         center;
}
div#eventEntryScores .score {
    color:              #00BC00;
    font-weight:        bold;
    text-align:         center;
    vertical-align:     middle;
}
div#eventEntryScores .comment {
    font-weight:        normal;
    font-style:         italic;
    text-align:         left;
}
@media print {
    div#eventView ul.share, div#eventView #register {
        display:                none;
    }
    div#eventView div.blocks {
        clear:                  both;
        overflow:               hidden;
        width:                  100% !important;
        /*
        -webkit-column-count:auto;
        -webkit-column-gap: auto;
        -webkit-column-fill:auto;
        -moz-column-count:  auto;
        -moz-column-gap:    auto;
        -moz-column-fill:   auto;
        column-count:       auto;
        column-gap:         auto;
        column-fill:        auto;
        */
    }
    div#eventView div.blocks div.block {
        display:                block;
        width:                  100% !important;
        float:                  none !important;
        /*
        webkit-column-break-inside: auto;
        -moz-column-break-inside: auto;
        column-break-inside: auto
        */
    }
    div#eventView div.register {
        display:                none !important;
    }
    div#eventView  div#imgSlider {
        display:                none !important;
    }
    ul.subMenu {
        display:                none !important;
    }
    div#eventmanager_content {
        width:                  100%;
    }
}

/* TABLET (small) 481px - 768px */
@media screen and (min-width: 481px) and (max-width: 768px) {
    div#eventView div.head h1 {
        padding:            0;
    }
    div#eventView div.head p {
        margin:             10px 0;
    }
    div#eventView div.head p span {
        display:            block;
    }
    div#eventView div.head p span.h480, div#eventView div.head p span.h768 {
        display:            none;
    }
    div#eventView div.head ul.share {
        position:           relative;
        clear:              both;
        overflow:           hidden;
    }
    div#eventView div.head ul.share li{
        margin:             2px auto;
    }
}
/* MOBILE (small) 480px */
@media screen and (max-width: 480px) {
    div#eventView div.head h1 {
        padding:            0;
    }
    div#eventView div.head p {
        margin:             10px 0;
    }
    div#eventView div.head p span {
        display:            block;
    }
    div#eventView div.head p span.h480, div#eventView div.head p span.h768 {
        display:            none;
    }
    div#eventView div.head ul.share {
        position:           relative;
        clear:              both;
        overflow:           hidden;
    }
    div#eventView div.head ul.share li{
        margin:             2px auto;
    }
    div#eventView div.blocks, div#eventView div.blocks.right {
        float:              none;
        width:              auto;
    }
    div#eventView div.blocks div.block {
        width:              auto;
        display:            block;
    }
}

/* ======================================================================== */

/* ============================= EVENTMANAGER ============================= */

div.charity_benefiting_box {border:1px solid #000;padding:5px;text-align:center;}
div.charity_benefiting_box p {margin:0px;}

/* EVENT FORM */
form.event {clear:both;overflow:hidden;}
form.event {margin:auto;}
form.event fieldset.select_type {}
form.event fieldset.select_type input {width:40px;}
form.event fieldset.steps {width:350px;float:left;height:205px;}
form.event fieldset.half {width:300px;float:none;clear:both;}
form.event fieldset {background:#FFF;}
form.event fieldset.name {width:50%;}
form.event fieldset.location {width:50%;}
form.event fieldset.map{width:60%;float:right;}
form.event #steps {clear:both;}
form.event #steps button[step] {float:right;font-size:16px;font-weight:bold;}
form.event div.step3 table {width:100%}
form.event div.step4 td.time{text-align:center;}
form.event div.step4 button.agenda_add_header{float:right;}
form.event div.step4 ul {margin:0 0 10px 30px;padding:0;}
form.event div.step4 li {list-style:disc;}
form.event div.step5 td.cost{text-align:center;}
form.event div.step5 td.qty{text-align:center;}
form.event div.step5 button.amenity_add_header{float:right;}
form.event div.step5 ul {margin:0 0 10px 30px;padding:0;}
form.event div.step5 li {list-style:disc;}
form.event div.step9 li{float:left;width:50%;min-height:325px;}
form.event div.step9 li:nth-child(3){clear:left}
form.event div.step9 li img{max-height:100%;max-width:100%;}
form.event div.step10 p.price{margin:0 !important;display:none;}
form.event div.step10 p.ranch_fee_or_charity_fee{margin-top:10px;font-weight:bold;}
form.event option[value="new"] {
    background: #4F9BD8;
    color: #FFFFFF;
    font-weight: bold;
}
form.event div.step11 {padding:0 0 1em;}
form.event ul {padding:0px;margin:0px;}
form.event ul li {list-style:none;padding:0px;margin:0px;}
form.event #location {display:none;}
form.event #location p.name {font-weight:bold;font-size:1.1em;}
form.event p.note{font-weight:normal;font-size:0.8em;padding:5px;}
form.event p.note span{font-weight:bold;color:#A71C20;}



form.event div.obstaclesAccordion{clear:both;}
form.event div.obstaclesAccordion h3 span.name{font-weight:normal;font-style:italic;font-weight: bold;}
form.event div.obstaclesAccordion h3 span.assigned_judge{font-weight:normal;float:right;text-transform:none;}
form.event div.obstaclesAccordion h3.ui-state-active span.assigned_judge{color:#7dc5ff;}
form.event div.obstaclesAccordion button{width:200px;}
form.event div.obstaclesAccordion button.add_critera{float:right;width:250px;}
form.event div.obstaclesAccordion button.assign_judge{float:right;width:250px;}
form.event div.obstaclesAccordion table {width:100%;display:none;}
form.event div.obstaclesAccordion tbody td{vertical-align:top;padding:2px;}
form.event div.obstaclesAccordion tbody td label{clear:both;font-weight:bold;}
form.event div.obstaclesAccordion tbody td input{width:100%;}
form.event div.obstaclesAccordion tbody td textarea{width:100%;height:50px;}
form.event div.obstaclesAccordion tbody td textarea.judging_criteria{height:150px;}
form#eventObstaclesForm p.buttons input, form#eventObstaclesForm p.buttons button {
    margin:         3px;
    padding-top:    10px;
    padding-bottom: 5px;
}
form#obstacleLibraryForm {width:650px;min-height:200px;padding:20px;}
form#obstacleLibraryForm p {margin:5px 0;font-weight:bold;}
form#obstacleLibraryForm p.note {font-weight:normal;}
form#obstacleLibraryForm a.diagram {opacity:0.8;color:#000;font-weight:bold;font-family: Geogia;font-size:130%;}
form#obstacleLibraryForm a.diagram:link {color:#000;}
form#obstacleLibraryForm a.diagram:visited {color:#000;}
form#obstacleLibraryForm a.diagram:hover {color:#000;opacity:1.0;}
form#obstacleLibraryForm button.change{display:none;}
form#obstacleLibraryForm div.step1 button{background:#4F9BD8;padding:4px;width:100%;font-size:150%;}
form#obstacleLibraryForm div.step1 button.active{background:#4F9BD8;}
form#obstacleLibraryForm div.step1 button.deactive{background:#90BADB;}
form#obstacleLibraryForm div.step1 button:hover{background:#90BADB;}
form#obstacleLibraryForm div.step1 p.note{display:none;font-weight:normal;padding:5px;color:#A71C20;}
form#obstacleLibraryForm div.step2{display:none;}
form#obstacleLibraryForm div.step2 th.maneuver{width:20%;}
form#obstacleLibraryForm div.step2 td.maneuver{width:20%;}
form#obstacleLibraryForm div.step2 th.name{width:25%;}
form#obstacleLibraryForm div.step2 td.name{width:25%;}
form#obstacleLibraryForm div.step3{display:none;}
form#obstacleLibraryForm div.step3 a{display:none;color:#A71C20;}
form#obstacleLibraryForm div.step3 p.note{display:none;font-weight:normal;padding:5px;color:#A71C20;}
form#editReservationsForm tfoot td{
    font-weight:        bold;
    font-size:          120%;
    padding:            2px;
    border:             1px solid #CCCCCC;
    font-weight:        bold;
}
#eventInsurance form {
    background:         #FFF;
    margin:             10px;
    padding:            10px;
}
#eventInsurance form input.business_name {
    width:              360px;
}
#eventInsurance form input.street {
    width:              360px;
}
#eventInsurance div.additional_insurance {
    display:            none;
}
form#eventTags fieldset div.tags {padding:2px;}
form#eventTags fieldset div.tags span{display:inline-block;background:#F5F5F5;border:1px solid #CCC;border-radius:2px;padding:5px;margin:1px 3px;}
form#eventTags fieldset div.tags span a.deleteX{cursor:pointer;margin-left:5px;font-weight:bold;text-align:center;width:20px;color:#702f2d;border:1px solid #ec9b9a;background:#FAE2E2;border-radius:2px;padding:2px;}

#getPaidForm div.step1 {margin:0;padding:0;overflow-x:hidden;}
#getPaidForm div.step2 {margin:0;padding:0;overflow-x:hidden;}
#getPaidForm tr.error td{background:#EE9B9E;}

form.eventv2 div.flexbox {
    display:            flex;
    display:            -webkit-flex;
    flex-flow:          column wrap;
    -webkit-flex-flow:  column wrap;
    height:             500px;
    padding:            5px;
    align-items:        center;
    -webkit-align-items: center;
    justify-content:    center;
    -webkit-justify-content: center;
    align-content:      center;
    -webkit-align-content: center;
}
form.eventv2 div.flexbox fieldset {
    margin:         5px;
    padding:        5px;
    order:          1;
    flex-grow:      1;
    width:          45%;
}
form.eventv2 #photos {
    display:        flex;
    display:        -webkit-flex;
    flex-flow:      column wrap;
    -webkit-flex-flow: column wrap;
    flex-direction: row;
}
form.eventv2 #photos li {
    position:   relative;
    display:    block;
    margin:     5px;
    order:      1;
    flex-grow:  1;
}
form.eventv2 #photos li span.fa-stack.remove_picture {
    position:   absolute;
    right:      5px;
    bottom:     5px;
    color:      #A71C20;
    opacity:    0.8;
}
form.eventv2 #photos li span.fa-stack.remove_picture:hover {
    color:      #bf5a5d;
}
form.eventv2 #photos li span.fa-stack.add_picture {
    position:   absolute;
    top:        57px;
    left:       82px;
    color:      #4F9BD8;
    opacity:    0.8;
}
form.eventv2 #photos li span.fa-stack.add_picture:hover {
    color:      #90BADB;
}
form.eventv2 #photos li img {
    width:      200px;
    height:     150px;
    border:     1px solid #CCC;
}
form.eventv2 #pickLocation {
    text-align: center;
    padding:    20px;
}
form.eventv2 #location {
    text-align: center;
}
form.eventv2 #location p.name {
    padding:    0 45px;
}
#steps .ui-widget-header{
    background:     none;
    border:         none;
}
#steps .ui-state-default a,
#steps .ui-state-default a:link,
#steps .ui-state-default a:visited {
    color:          #BF696B;
}
#steps .ui-state-default a:hover {
    color:          #A71C20;
}
#steps .ui-state-active a,
#steps .ui-state-active a:link,
#steps .ui-state-active a:visited {
    color:          #FFF;
}
#steps > div {
    border:         2px solid #A71C20;
    border-radius:  4px;
    padding-bottom: 15px;
}

/* EVENT MANAGER LIST */
#eventManagerList div.event_table [abbr*="id"],
#eventManagerList div.event_table [abbr*="id"] div,
#eventManagerList div.event_table [abbr*="state"],
#eventManagerList div.event_table [abbr*="state"] div,
#eventManagerList div.event_table [abbr*="event_entries"],
#eventManagerList div.event_table [abbr*="event_entries"] div,
#eventManagerList div.event_table [abbr*="miles"],
#eventManagerList div.event_table [abbr*="miles"] div,
#eventManagerList div.event_table [abbr*="type"],
 #eventManagerList div.event_table [abbr*="type"] div
{width:40px;text-align:center;}
#eventManagerList div.event_table [abbr*="location.timezone"],
#eventManagerList div.event_table [abbr*="location.timezone"] div,
#eventManagerList div.event_table [abbr*="location.zip_code"],
#eventManagerList div.event_table [abbr*="location.zip_code"] div,
{width:45px;text-align:center;}
#eventManagerList div.event_table [abbr*="date"],
#eventManagerList div.event_table [abbr*="date"] div
{width:55px;text-align:center;}
#eventManagerList div.event_table [abbr*="status"],
#eventManagerList div.event_table [abbr*="status"] div,
#eventManagerList div.event_table [abbr*="time_obstacle_approved"],
#eventManagerList div.event_table [abbr*="time_obstacle_approved"] div,
#eventManagerList div.event_table [abbr*="time_obstacle_modified"],
#eventManagerList div.event_table [abbr*="time_obstacle_modified"] div,
#eventManagerList div.event_table [abbr*="account_number"],
#eventManagerList div.event_table [abbr*="account_number"] div,
#eventManagerList div.event_table [abbr*="routing_number"],
#eventManagerList div.event_table [abbr*="routing_number"] div,
#eventManagerList div.event_table [abbr*="approval"],
#eventManagerList div.event_table [abbr*="approval"] div
{width:75px;text-align:center;}
#eventManagerList div.event_table [abbr*="location.city"],
#eventManagerList div.event_table [abbr*="location.city"] div,
#eventManagerList div.event_table [abbr*="host.phone.number"],
#eventManagerList div.event_table [abbr*="host.phone.number"] div,
#eventManagerList div.event_table [abbr*="contact_phone.number"],
#eventManagerList div.event_table [abbr*="contact_phone.number"] div,
#eventManagerList div.event_table [abbr*="registration_close"],
#eventManagerList div.event_table [abbr*="registration_close"] div
{width:115px;text-align:center;}
#eventManagerList div.event_table [abbr*="host.name"],
#eventManagerList div.event_table [abbr*="host.name"] div,
#eventManagerList div.event_table [abbr*="host.first_name"],
#eventManagerList div.event_table [abbr*="host.first_name"] div,
#eventManagerList div.event_table [abbr*="host.last_name"],
#eventManagerList div.event_table [abbr*="host.last_name"] div,
#eventManagerList div.event_table [abbr*="host.email"],
#eventManagerList div.event_table [abbr*="host.email"] div,
#eventManagerList div.event_table [abbr*="contact_name"],
#eventManagerList div.event_table [abbr*="contact_name"] div,
#eventManagerList div.event_table [abbr*="contact_email"],
#eventManagerList div.event_table [abbr*="contact_email"] div
{width:115px;}
#eventManagerList div.event_table .ftitle {
    font-size:  24px;
}
#eventManagerList div.event_table .tDiv, #eventManagerList div.event_table .hDiv {
    font-size:  14px;
}
#eventManagerList #roster_table {
    font-size:  14px;
}
#eventManagerList div.event_table .tDiv3 {
    background: #A71C20;
    color:      #FFFFFF;
}

/* EVENT DRAFT */
#populate_previous{display:none;}

/* EVENT */
div#manageEvent {
    overflow:           hidden;
}
div#manageEvent div.help p{
    text-align:         center;
}
div#manageEvent div.details {
    width:              60%;
    margin:             0 auto 1em;
    padding:            5px;
    overflow:           hidden;
    background:         #CCCCCC;            /* Light grey */
}
div#manageEvent div.details span.left {
    width:              49.7%;
    text-align:         left;
}
div#manageEvent div.details span.right {
    width:              49.7%;
    text-align:         right;
    border-left:        1px solid #909090;  /* Dark grey */
}
div#manageEvent div.details span p {
    margin: 0;
}
div#manageEvent ul.subMenu {
    display:            block;
    width:              25%;
    float:              right;
    list-style-type:    none;
    margin:             0;
}
div#manageEvent ul.subMenu li{
    text-align:         center;
    border-radius:      0.3em;
    color:              #E49C00;
    background:         #251F1D;
    margin-left:        1em;
    margin-bottom:      0.3em;
    padding:            0.3em;
    box-shadow:         2px 2px 2px #909090;    /* Light Grey */
}
div#manageEvent ul.subMenu li span {
    font-size:          65%;
}
div#manageEvent ul.subMenu li span.notice {
    color:              #FFF;
}
div#manageEvent ul.subMenu li.active {
    background-color:   #A71C20;
}
div#manageEvent ul.subMenu li.deactive {
    background-color:   #909090;
    cursor:             default;
}
div#manageEvent ul.subMenu li.disabled {
    background-color:   #5F5956;
    cursor:             not-allowed !important;
}

div#manageEvent div#Reservations {
    width:              735px;
    overflow-x:         scroll;
    overflow-y:         hidden;
    position:           relative;
}
div#manageEvent div#Reservations th {
    min-width:          40px;
}
div#manageEvent div#Reservations td {
    min-width:          40px;
}
div#manageEvent div#Reservations td.save_my_spot_paid {
    background:         url(/static/css/img/save_my_spot_paid.png) no-repeat top right;
}
div#manageEvent div#Reservations td.save_my_spot_unpaid {
    background:         url(/static/css/img/save_my_spot_unpaid.png) no-repeat top right;
}

div#eventmanager_content {
    width:              75%;
    overflow:           hidden;
}

#eventmanager_content div.roster_table [abbr*="iso"],
#eventmanager_content div.roster_table [abbr*="iso"] div,
#eventmanager_content div.judges_table [abbr*="iso"],
#eventmanager_content div.judges_table [abbr*="iso"] div
{width:30px;text-align:center;}
#eventmanager_content div.roster_table [abbr*=".id"],
#eventmanager_content div.roster_table [abbr*=".id"] div,
#eventmanager_content div.roster_table [abbr*="age"],
#eventmanager_content div.roster_table [abbr*="age"] div,
#eventmanager_content div.roster_table [abbr*="number"],
#eventmanager_content div.roster_table [abbr*="number"] div
{width:55px;text-align:center;}
#eventmanager_content div.roster_table [abbr*="date_add"],
#eventmanager_content div.roster_table [abbr*="date_add"] div,
#eventmanager_content div.judges_table [abbr*="last_event"],
#eventmanager_content div.judges_table [abbr*="last_event"] div,
#eventmanager_content div.judges_table [abbr*="last_clinic"],
#eventmanager_content div.judges_table [abbr*="last_clinic"] div
{width:65px;text-align:center;}
#eventmanager_content div.judges_table [abbr*="event_count"],
#eventmanager_content div.judges_table [abbr*="event_count"] div,
#eventmanager_content div.judges_table [abbr*="clinic_count"],
#eventmanager_content div.judges_table [abbr*="clinic_count"] div
{width:40px;text-align:center;}
#eventmanager_content div.roster_table [abbr*="city"],
#eventmanager_content div.roster_table [abbr*="city"] div,
#eventmanager_content div.judges_table [abbr*="city"],
#eventmanager_content div.judges_table [abbr*="city"] div,
#eventmanager_content div.roster_table [abbr*="type"],
#eventmanager_content div.roster_table [abbr*="type"] div
{width:80px;text-align:center;}
#eventmanager_content div.flexigrid [abbr*="email"],
#eventmanager_content div.flexigrid [abbr*="email"] div,
#eventmanager_content div.flexigrid [abbr*="phone.number"],
#eventmanager_content div.flexigrid [abbr*="phone.number"] div,
#eventmanager_content div.flexigrid [abbr*="judge_certification_gavel"],
#eventmanager_content div.flexigrid [abbr*="judge_certification_gavel"] div
{width:40px;text-align:center;}
#eventmanager_content div.flexigrid [abbr*="_test"],
#eventmanager_content div.flexigrid [abbr*="_test"] div
{width:80px;text-align:center;}
#eventmanager_content div.roster_table [abbr*="first_name"],
#eventmanager_content div.roster_table [abbr*="first_name"] div,
#eventmanager_content div.roster_table [abbr*="last_name"],
#eventmanager_content div.roster_table [abbr*="last_name"] div,
#eventmanager_content div.judges_table [abbr*="first_name"],
#eventmanager_content div.judges_table [abbr*="first_name"] div,
#eventmanager_content div.judges_table [abbr*="last_name"],
#eventmanager_content div.judges_table [abbr*="last_name"] div
{width:70px;text-align:left;}
#eventmanager_content div.roster_table [abbr*="classroom_test"],
#eventmanager_content div.roster_table [abbr*="classroom_test"] div,
#eventmanager_content div.roster_table [abbr*="video_test"],
#eventmanager_content div.roster_table [abbr*="video_test"] div
{width:70px;text-align:center;}
#eventmanager_content div.roster_table [abbr*="nick_name"],
#eventmanager_content div.roster_table [abbr*="nick_name"] div
{width:70px;text-align:left;}
#eventmanager_content div.roster_table tr.new td[abbr="event_entry.number"]{
    background:         url(/static/css/img/roster_new.png) no-repeat 0 0;
}
#eventmanager_content div.roster_table tr.stallion td[abbr="horse.nick_name"] div{
    background:         url(/static/css/img/roster_stallion_conner.png) no-repeat 0 0;
}
#eventmanager_content div.roster_table tr.save_my_spot_paid td[abbr="rider.first_name"] div{
    background:         url(/static/css/img/save_my_spot_paid.png) no-repeat top right;
}
#eventmanager_content div.roster_table tr.save_my_spot_unpaid td[abbr="rider.first_name"] div{
    background:         url(/static/css/img/save_my_spot_unpaid.png) no-repeat top right;
}
#eventmanager_content div.roster_table tr.not_paid_in_full td[abbr="rider.first_name"] div{
    /* background:         url(/static/css/img/not_paid_in_full.png) no-repeat 0 0; */
}
div#eventmanager_content div.media {
    background:         #FFF;
    border-radius:      0.5em;
    padding:            5px;
}
div#eventmanager_content div.media h3{
    color:              #000000;
    margin:             1em 0 0 1em;
    text-decoration:    underline;
}
div#eventmanager_content div.media h4{
    color:              #3B5A97;
    width:              15em;
    text-align:         right;
    padding:            0 1em;
    margin-right:       1em;
    text-decoration:    underline;
}
div#eventmanager_content div.media p{
    color:              #4F9BD8;
    margin:             5px 0;
    padding-left:       16em;
    position:           relative;
    border-bottom:      1px solid #EEE;
}

div#eventmanager_content div.media p.std{
    color:              #000000;
    padding-left:       1em;
    border-bottom:      none;
}
div#eventmanager_content div.media p.std.bold {
    font-weight:        bold;
}
div#eventmanager_content div.media a{
    display:            block;
    position:           absolute;
    left:               0;
    width:              15em;
    float:              left;
    clear:              left;
    text-align:         left;
    color:              #000000;
    padding-left:       20px;
}


#eventmanager_content div.roster_table .ftitle,
#eventmanager_content div.judge_table .ftitle {
    font-size:  24px;
}
#eventmanager_content div.roster_table .tDiv, #eventmanager_content div.roster_table .hDiv,
#eventmanager_content div.judge_table .tDiv, #eventmanager_content div.judge_table .hDiv {
    font-size:  14px;
}
#eventmanager_content #roster_table,
#eventmanager_content #judge_table {
    font-size:  14px;
}
#eventmanager_content div.roster_table .tDiv3,
#eventmanager_content div.judge_table .tDiv3 {
    background: #A71C20;
    color:      #FFFFFF;
}

#eventmanager_content span.group_setting {
    display:        inline-block;
    clear:          both;
    margin:         3px;
    padding:        5px;
    color:          #A71C20;
    font-size:      14px;
    font-weight:    bold;
}


@media print {
    div#eventmanager_content {
        width:          100%;
    }
}

#createCharityForm {
    width:              500px;
    padding:            1em;
}
#createCharityForm input, #createCharityForm select, #createCharityForm textarea {
    text-align:         left;
    float:              right;
    width:              300px;
}
#createLocationForm {
    width:              500px;
    padding:            1em;
}
#createLocationForm input, #createLocationForm select{
    width:              200px;
}
#createLocationForm table {
    width:              100%;
}
#createLocationForm table td{
    /* font-size:          0.8em; */
}
#createLocationForm table button{
    /* font-size:          0.9em; */
    text-transform:     uppercase;
}

/* MOBILE (small) 480px */
@media screen and (max-width: 480px) {
    #createLocationForm {width:90%;padding:0.5em;}
    #eventDraftForm {width:100%;}
    #eventDraftForm fieldset.steps{width:auto;height:auto;}
    #eventDraftForm fieldset.select_type{width:auto;height:auto;}
    #eventDraftForm fieldset.map{display:none;}
    #eventDraftForm fieldset.name {width:100%;}
    #eventDraftForm fieldset.location {width:100%;}
    #eventDraftForm div.step7 li{float:left;width:100%;min-height:auto;}
}

div#trainingTest {
    background:         #FFF;
    padding:            20px;
    margin:             20px;
    
}
div#trainingTest sub {
    color:              #000;
    text-shadow:        none;
    font-size:          0.5em;
}
div#trainingTest p {
    padding:            10px 0 10px;
    margin:             20px 0 0;
    border-top:         1px solid #EEE;
    font-weight:        bold;    
}
div#trainingTest ul {
    margin:             0;
    padding:            0 0 0 20px;
    list-style-type:    none;
}
div#trainingTest ul li {
    padding:            0 0 7px 50px;
    position:           relative;
}
div#trainingTest ul li span {
    position:           absolute;
    top:                0;
    left:               0;
}
div#trainingTestResult {
    background:         #FFF;
    padding:            20px;
    margin:             20px;
    
}
div#trainingTestResult sub {
    color:              #000;
    text-shadow:        none;
    font-size:          0.5em;
}
div#trainingTestResult p {
    padding:            10px 0 10px;
    margin:             20px 0 0;
    border-top:         1px solid #EEE;
    font-weight:        bold;    
}

/* ======================================================================== */


#ieSucks{display:none;padding:15px 0;color:#211e14;background-color:#fae692;background-image:-moz-linear-gradient(#feefae, #fae692);background-image:-webkit-linear-gradient(#feefae, #fae692);background-image:linear-gradient(#feefae, #fae692);background-repeat:repeat-x;border-bottom:1px solid #b3a569}
#ieSucks div{width:1000px;margin:auto;}
#ieSucks h5{font-size:13px;padding-left:48px}
#ieSucks img{float:left;}
#ieSucks p{margin:0.5em 0;padding-left:48px}
#ieSucks ol{margin-left:3em;}
#ieSucks a{color:#A71C20;font-weight:bold;}
#ieSucks .button{float:right;padding:5px 9px;margin-top:15px;color:#fff;background-color:#b3a569;background-image:none}
#ieSucks .button:hover{text-decoration:none;background-color:#9b8c4e}

/*
html,body {color:#777;font-size:14px;font-family:Arial;margin:0px;padding:0px;background:#F5F5F5;}
html { overflow-y:scroll;height:101% }
body.loading {overflow:hidden;}
body.loading .modal {display:block;}
a {color:#474426;text-decoration:none;outline:none;cursor:pointer;}
a:hover {text-decoration:none;}
a img {outline:none;border:none;text-decoration:none;}
h1 {font-size:1.25em;line-height:1.6em;padding-left:0.5em;margin:0.5em 0;text-transform:uppercase;font-weight:bold;color:#2774B1;}
h2 {font-size:1.1em;line-height:1.6em;padding-left:0.5em;margin:0.5em 0;text-transform:uppercase;font-weight:bold;color:#474426;}
a img {outline:none;border:none;text-decoration:none;}
strong {font-weight:bold;}
em {font-style:italic;}
ul {margin:0px;}
div.block ul {list-style:none;padding:0px;margin:0px;}
.cursor,.makeajax,.makepopup {cursor:pointer;}
.modal {display:none;position:fixed;z-index:10000;top:0;left:0;height:100%;width:100%;background:rgba( 255, 255, 255, .8 ) url('img/loading_red.gif') 50% 50% no-repeat;}
.input:focus {outline:0;}
.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.align_left {text-align:right;}
.align_center {text-align:center;}
.align_right {text-align:right;}

/* FIXES *
.clearfix:after {clear:both;display:block;height:0;font-size:0;visibility:hidden;content:".";}
* html .clearfix {zoom:1;}
*:first-child+html .clearfix {zoom:1;}
select.mono {font-family: "Andale Mono", "Monotype.com", monospace;}

/* REGISTER *
#registerForm {width:800px;margin:auto;}
#registerForm fieldset.half {width:275px;float:left;}
#registerForm fieldset.full {width:575px;float:none;clear:both;}
#registerForm fieldset {background:#FFF;}
#registerForm table {width:100%;}

/* SPLASH PAGE *
div.splash {margin: 20px auto;padding: 20px;width: 900px;border: 1px solid #CCC;background: #FFF;border-radius: 5px;}
div.splash div.buttons {margin: 10px auto;width:850px;text-align:center;overflow:hidden;}
div.splash div.buttons a {display:inline-block;margin:5px;background: #4F9BD8;color: #FFF;padding: 5px 10px;cursor: pointer;border-radius: 5px;border: 1px solid #156CB1;width:130px;text-align:center;}
div.splash div.buttons a:hover {background:#156CB1;}div.splash table {margin: 20px auto;padding: 20px;width: 900px;border: 1px solid #CCC;background: #F5F5F5;border-radius: 5px;}
div.splash #notifyme {display:block;margin:5px auto;background: #D55D5D;color: #FFF;padding: 10px;cursor: pointer;border-radius: 5px;border: 1px solid #BC0000;width:300px;text-align:center;font-size:16px;}
div.splash #notifyme:hover {background:#BC0000;}
#notifyme {text-align:center;margin:20px;}
#notifyme input {text-align:center;}
#notifyme input[type="submit"] {margin:5px;background: #4F9BD8;color: #FFF;padding: 5px 10px;cursor: pointer;border-radius: 5px;border: 1px solid #156CB1;}
#notifyme input[type="submit"]:hover {background:#156CB1;}

/* COMMON *
.popup_message {display:none;font-size:90%;font-style:italic;text-align:center;padding:5px;}
.popup_message.error {color:#BC0000;background:#FF8080;border:1px solid #BC0000;}
.popup_message.success {color:#007727;background:#72d2AA;border:1px solid #007727;}


/* ---------------------------------------------- POPUPS ---------------------------------------------- */

/* COLORBOX */
#colorbox, #cboxOverlay, #cboxWrapper {position:absolute;top:0;left:0;z-index:10000;overflow:hidden;}
#cboxOverlay {position:fixed;width:100%;height:100%;}
#cboxMiddleLeft, #cboxBottomLeft {clear:left;}
#cboxContent {position:relative;}
#cboxLoadedContent {overflow:auto;}
#cboxTitle {margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic {position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(255,255,255,0.5)}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {cursor:pointer;}
.cboxPhoto {float:left;margin:auto;border:0;display:block;max-width:none;}
.cboxIframe {width:100%;height:100%;display:block;border:0;}
#colorbox, #cboxContent, #cboxLoadedContent {box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;}
#cboxOverlay {background:#333;}
#colorbox {}
#cboxTopLeft {width:21px;height:21px;background:url(img/cb_controls.png) no-repeat -101px 0;}
#cboxTopRight {width:21px;height:21px;background:url(img/cb_controls.png) no-repeat -130px 0;}
#cboxBottomLeft {width:21px;height:21px;background:url(img/cb_controls.png) no-repeat -101px -29px;}
#cboxBottomRight {width:21px;height:21px;background:url(img/cb_controls.png) no-repeat -130px -29px;}
#cboxMiddleLeft {width:21px;background:url(img/cb_controls.png) left top repeat-y;}
#cboxMiddleRight {width:21px;background:url(img/cb_controls.png) right top repeat-y;}
#cboxTopCenter {height:21px;background:url(img/cb_border.png) 0 0 repeat-x;}
#cboxBottomCenter {height:21px;background:url(img/cb_border.png) 0 -29px repeat-x;}
#cboxContent {background:#f5f5f5;overflow:hidden;}
.cboxIframe {background:#fff;}
#cboxError {padding:50px;border:1px solid #ccc;}
#cboxLoadedContent {margin-bottom:28px;}
#cboxTitle {position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;}
#cboxCurrent {position:absolute;bottom:4px;left:58px;color:#949494;}
#cboxSlideshow {position:absolute;bottom:4px;right:30px;color:#0092ef;}
#cboxPrevious {position:absolute;bottom:0;left:0;background:url(img/cb_controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxPrevious:hover {background-position:-75px -25px;}
#cboxNext {position:absolute;bottom:0;left:27px;background:url(img/cb_controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxNext:hover {background-position:-50px -25px;}
#cboxLoadingOverlay {}
#cboxLoadingGraphic {background:url(img/loading_red.gif) no-repeat center center;}
#cboxClose {position:absolute;bottom:0;right:0;background:url(img/cb_controls.png) no-repeat -25px 0;width:25px;height:25px;text-indent:-9999px;}
#cboxClose:hover {background-position:-25px -25px;}
/* IE FIX */
.cboxIE #cboxTopLeft,.cboxIE #cboxTopCenter,.cboxIE #cboxTopRight,.cboxIE #cboxBottomLeft,.cboxIE #cboxBottomCenter,.cboxIE #cboxBottomRight,.cboxIE #cboxMiddleLeft,.cboxIE #cboxMiddleRight {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);}
#cboxLoadedContent h1{font-size:1.5em;text-align:center;}
#cboxLoadedContent p.error {text-align:center;color:#A71C20;font-weight:bold;}

#cboxWrapper.admin_popup {}
#cboxWrapper.admin_popup #cboxTopLeft {display:none;}
#cboxWrapper.admin_popup #cboxTopCenter {display:none;}
#cboxWrapper.admin_popup #cboxTopRight {display:none;}
#cboxWrapper.admin_popup #cboxMiddleLeft {display:none;}
#cboxWrapper.admin_popup #cboxContent {
    border:10px solid #111;
    border-radius:10px;
}
#cboxWrapper.admin_popup #cboxMiddleRight {display:none;}
#cboxWrapper.admin_popup #cboxBottomLeft {display:none;}
#cboxWrapper.admin_popup #cboxBottomCenter {display:none;}
#cboxWrapper.admin_popup #cboxBottomRight {display:none;}
#cboxWrapper.admin_popup h1 {
    text-shadow:none;
    color:#000;
}

.admin_edit_content {
    float:      right;
    border:     1px solid #A71C20;
    margin:     3px;
    background: #000;
    padding:    5px;
}
.admin_edit_content a, .admin_edit_content a:link, .admin_edit_content a:visited {
    color:  #CCC !important;    
}
.admin_edit_content a:hover, .admin_edit_content a:active, .admin_edit_content a:focus { 
    color:  #FFF !important;    
}

form.inner_popup {width:600px;overflow:hidden;}
form.inner_popup p {overflow:hidden;margin:2px 0;}
form.inner_popup p input, form.inner_popup p select {float:right;border:1px solid #CCC;text-align:right;}
form.inner_popup input.big {width:270px;}
form.inner_popup input.mid {width:130px;}
form.inner_popup input.small {width:75px;}
form.inner_popup input.num {text-align:right;}
form.inner_popup select.country {width:150px;}
form.inner_popup input.small[type="submit"] {width:auto;padding:5px;}
form.inner_popup input:focus, form.inner_popup p select:focus {background:#FFC;}
form.inner_popup p label {float:left;width:150px;}
form.inner_popup input[type="submit"] {float:none;padding:5px 15px;width:auto;border-radius:5px;border:1px solid #DEDEDE;text-align:center;}
form.inner_popup [disabled] {}
form.inner_popup div.loading {background:url(img/loading_red.gif) no-repeat center center;height:100px;}
form.inner_popup fieldset.half {width:275px;float:left;}
form.inner_popup fieldset.full {width:575px;float:none;clear:both;}
form.inner_popup fieldset th {font-size:0.8em;}
form.inner_popup div.actions div.loading {display:none;height:50px;}

/* LOGIN & LOGOUT */
#login,#logout_form,#create,#forgotpasswd{display:inline-block;width:275px;}
#login p,#logout_form p,#create p,#forgotpasswd p{margin:0.5em auto;text-align:center;}
form#login input{width:175px}
/*form#login p.error{font-size:90%;font-style:italic;text-align:center;color:#DA0F00;padding:5px;background:#FFCCCC;border:1px solid #DA0F00;display:none;}*/
/*#login_success{font-size:90%;font-style:italic;text-align:center;color:#007727;padding:5px;background:#72d2AA;border:1px solid #007727;display:none;}*/

form#create fieldset.login_information input{
    width:              11em;
}
form#create fieldset.address.shipping input.city {
    width:              30%;
}


/* ---------------------------------------------- progress_bar ---------------------------------------------- */

div.progress_bar {
    display:            block;
    border:             1px solid #FFFFFF;
    height:             15px;
    padding:            0;
    position:           relative;
}
div.progress_bar {
    border:             1px solid #0058AB;
}
div.progress_bar span {
    display:            block;
    position:           absolute;
    height:             15px;
    width:              0;
    background:         #2187E7;
    font-weight:        bold;
    color:              #FFFFFF;
    transition:         width .35s ease-in-out;
    text-align:         center;
}
div.progress_bar[percent="1"] span {width:1%;}
div.progress_bar[percent="2"] span {width:2%;}
div.progress_bar[percent="3"] span {width:3%;}
div.progress_bar[percent="4"] span {width:4%;}
div.progress_bar[percent="5"] span {width:5%;}
div.progress_bar[percent="6"] span {width:6%;}
div.progress_bar[percent="7"] span {width:7%;}
div.progress_bar[percent="8"] span {width:8%;}
div.progress_bar[percent="9"] span {width:9%;}
div.progress_bar[percent="10"] span {width:10%;}
div.progress_bar[percent="11"] span {width:11%;}
div.progress_bar[percent="12"] span {width:12%;}
div.progress_bar[percent="13"] span {width:13%;}
div.progress_bar[percent="14"] span {width:14%;}
div.progress_bar[percent="15"] span {width:15%;}
div.progress_bar[percent="16"] span {width:16%;}
div.progress_bar[percent="17"] span {width:17%;}
div.progress_bar[percent="18"] span {width:18%;}
div.progress_bar[percent="19"] span {width:19%;}
div.progress_bar[percent="20"] span {width:20%;}
div.progress_bar[percent="21"] span {width:21%;}
div.progress_bar[percent="22"] span {width:22%;}
div.progress_bar[percent="23"] span {width:23%;}
div.progress_bar[percent="24"] span {width:24%;}
div.progress_bar[percent="25"] span {width:25%;}
div.progress_bar[percent="26"] span {width:26%;}
div.progress_bar[percent="27"] span {width:27%;}
div.progress_bar[percent="28"] span {width:28%;}
div.progress_bar[percent="29"] span {width:29%;}
div.progress_bar[percent="30"] span {width:30%;}
div.progress_bar[percent="31"] span {width:31%;}
div.progress_bar[percent="32"] span {width:32%;}
div.progress_bar[percent="33"] span {width:33%;}
div.progress_bar[percent="34"] span {width:34%;}
div.progress_bar[percent="35"] span {width:35%;}
div.progress_bar[percent="36"] span {width:36%;}
div.progress_bar[percent="37"] span {width:37%;}
div.progress_bar[percent="38"] span {width:38%;}
div.progress_bar[percent="39"] span {width:39%;}
div.progress_bar[percent="40"] span {width:40%;}
div.progress_bar[percent="41"] span {width:41%;}
div.progress_bar[percent="42"] span {width:42%;}
div.progress_bar[percent="43"] span {width:43%;}
div.progress_bar[percent="44"] span {width:44%;}
div.progress_bar[percent="45"] span {width:45%;}
div.progress_bar[percent="46"] span {width:46%;}
div.progress_bar[percent="47"] span {width:47%;}
div.progress_bar[percent="48"] span {width:48%;}
div.progress_bar[percent="49"] span {width:49%;}
div.progress_bar[percent="50"] span {width:50%;}
div.progress_bar[percent="51"] span {width:51%;}
div.progress_bar[percent="52"] span {width:52%;}
div.progress_bar[percent="53"] span {width:53%;}
div.progress_bar[percent="54"] span {width:54%;}
div.progress_bar[percent="55"] span {width:55%;}
div.progress_bar[percent="56"] span {width:56%;}
div.progress_bar[percent="57"] span {width:57%;}
div.progress_bar[percent="58"] span {width:58%;}
div.progress_bar[percent="59"] span {width:59%;}
div.progress_bar[percent="60"] span {width:60%;}
div.progress_bar[percent="61"] span {width:61%;}
div.progress_bar[percent="62"] span {width:62%;}
div.progress_bar[percent="63"] span {width:63%;}
div.progress_bar[percent="64"] span {width:64%;}
div.progress_bar[percent="65"] span {width:65%;}
div.progress_bar[percent="66"] span {width:66%;}
div.progress_bar[percent="67"] span {width:67%;}
div.progress_bar[percent="68"] span {width:68%;}
div.progress_bar[percent="69"] span {width:69%;}
div.progress_bar[percent="70"] span {width:70%;}
div.progress_bar[percent="71"] span {width:71%;}
div.progress_bar[percent="72"] span {width:72%;}
div.progress_bar[percent="73"] span {width:73%;}
div.progress_bar[percent="74"] span {width:74%;}
div.progress_bar[percent="75"] span {width:75%;}
div.progress_bar[percent="76"] span {width:76%;}
div.progress_bar[percent="77"] span {width:77%;}
div.progress_bar[percent="78"] span {width:78%;}
div.progress_bar[percent="79"] span {width:79%;}
div.progress_bar[percent="80"] span {width:80%;}
div.progress_bar[percent="81"] span {width:81%;}
div.progress_bar[percent="82"] span {width:82%;}
div.progress_bar[percent="83"] span {width:83%;}
div.progress_bar[percent="84"] span {width:84%;}
div.progress_bar[percent="85"] span {width:85%;}
div.progress_bar[percent="86"] span {width:86%;}
div.progress_bar[percent="87"] span {width:87%;}
div.progress_bar[percent="88"] span {width:88%;}
div.progress_bar[percent="89"] span {width:89%;}
div.progress_bar[percent="90"] span {width:90%;}
div.progress_bar[percent="91"] span {width:91%;}
div.progress_bar[percent="92"] span {width:92%;}
div.progress_bar[percent="93"] span {width:93%;}
div.progress_bar[percent="94"] span {width:94%;}
div.progress_bar[percent="95"] span {width:95%;}
div.progress_bar[percent="96"] span {width:96%;}
div.progress_bar[percent="97"] span {width:97%;}
div.progress_bar[percent="98"] span {width:98%;}
div.progress_bar[percent="99"] span {width:99%;}
div.progress_bar[percent="100"] span {width:100%;}

/* ---------------------------------------------- jQuery UI Override ---------------------------------------------- */

.ui-widget{font-size:1em;}
.ui-timepicker-div .ui-widget-header { margin-bottom:8px; }
.ui-timepicker-div dl { text-align:left; }
.ui-timepicker-div dl dt { height:25px; margin-bottom:-25px; }
.ui-timepicker-div dl dd { margin:0 10px 10px 65px; }
.ui-timepicker-div td { font-size:90%; }
.ui-tpicker-grid-label { background:none; border:none; margin:0; padding:0; }
.ui-timepicker-rtl { direction:rtl; }
.ui-timepicker-rtl dl { text-align:right; }
.ui-timepicker-rtl dl dd { margin:0 65px 10px 10px; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-datepicker-header,
.ui-widget-header .ui-state-active {background:#A71C20;color:#FFF;}

.ui-tooltip {z-index:999999;width:1000px;}
.ui-tooltip-auto-width {max-width:none;width:auto;}

.ui-tooltip {font-family:arial;background:#F2FAFF;}
.ui-tooltip div.help p {font-size:0.8em;padding:0px;margin:0px 0px 10px;}
.ui-tooltip div.help p.note {font-size:0.7em;font-style:italic;}
.ui-tooltip div.help p span.example {font-size:0.7em;font-style:italic;}
.ui-tooltip div.help h1 {font-size:1.0em;text-align:center;margin:0px 0px 5px;padding:0px;}
.ui-tooltip div.help h2 {font-size:0.8em;text-align:left;margin:0px;padding:0px;color:#2774B1;text-transform:none;}
.ui-tooltip div.help ul {margin:0px 0px 0px 15px;padding:0px;}
.ui-tooltip div.help ul li {font-size:0.8em;}

.ui-tooltip div.annotation p {font-size:0.8em;padding:0px;margin:0px 0px 10px;}
.ui-tooltip div.annotation p.note {font-size:0.7em;font-style:italic;}
.ui-tooltip div.annotation p span.example {font-size:0.7em;font-style:italic;}
.ui-tooltip div.annotation h1 {font-size:1.0em;text-align:center;margin:0px 0px 5px;padding:0px;}
.ui-tooltip div.annotation h2 {font-size:0.8em;text-align:left;margin:0px;padding:0px;color:#2774B1;text-transform:none;}
.ui-tooltip div.annotation ul {margin:0px 0px 0px 15px;padding:0px;}
.ui-tooltip div.annotation ul li {font-size:0.8em;}
.ui-tooltip.tooltip-styling-500px {max-width:500px;}

.ui-accordion-header span.moveable, .ui-accordion-header a.deleteX {
    display:            none;
    float:              right;
    cursor:             pointer;
    font-weight:        bold;
    text-align:         center;
    width:              20px;
    color:              #FFF;
}
.ui-accordion .ui-accordion-header {
    font-weight:        normal;
}
.ui-accordion .ui-accordion-header.black {
    background-color:   #333;
}
.ui-accordion-header-active span.moveable, .ui-accordion-header-active a.deleteX {
    display:            inline;
}


#testCSS:hover tr{
    background:red;
}