.eventDetailsContainer {
   background: var(--pres-main-bg-light);
   float: left;
   clear: both;
   height: auto;
   width: 100%;
   margin: 0px 0px 0px 0px;   
}

.eventDetailsContent {
   float: left;
   height: auto;
   width: 100%;
}

.teamName {
   font-size: 18pt;
   color: #15384e;
}

.back {
   float: left;
   margin-top: 10px;
}

.createEventLink{
   float: left;
   text-decoration: underline;
   cursor: pointer;
   margin: 0px 0px 0px 5px;
   width: auto;
   font-size: 10pt;
   color: #1d1d1d;
}


#autocomp {
   position: absolute;
   background: var(--pres-main-bg-light);
   font-size: 8pt;
   border: solid 1px #15384e;
   display: none;
   z-index: 2;
}

#autocomp .itm {
   padding: 2px;
   margin: 2px;
   border-bottom: solid 1px #eee;
   background: var(--pres-main-bg-light);
   color: #15384e;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 95%;
}

#autocomp .itm:hover {
   background-color: #15384e;
   color: #fff;
   cursor: pointer;
}

.timeDropDown {
   position: absolute;
   background: var(--pres-main-bg-light);
   font-size: 8pt;
   border: solid 1px #15384e;
   display: none;
   z-index: 3;
   min-height: 20px;
   max-height: 105px;
   overflow: auto;
   cursor: pointer;
   width: 125px;
}

.timeDropDown .itm {
   padding: 2px;
   margin: 2px;
   border-bottom: solid 1px #eee;
   background: var(--pres-main-bg-light);
   color: #15384e;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 95%;
   cursor: pointer;
}

.timeDropDown .itmInvalid {
   padding: 2px;
   margin: 2px;
   border-bottom: solid 1px #eee;
   background: var(--pres-main-bg-light);
   color: #aaaaaa;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 95%;
   cursor: pointer;
}

.timeDropDown .itm:hover {
   background-color: #15384e;
   color: #fff;
   cursor: pointer;
}

.timeDropDown .itmInvalid:hover {
   background-color: #15384e;
   color: #fff;
   cursor: pointer;
}

.genSport {
   float: left;
   color: #888888;
   font-size: 1em;  
   margin: 3px 0px 0px 10px;
}

.eventTeamName {
   float: left;
   font-size: 1em;
   color: #888888;  
}