body{
font-size:13pt;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
color:#000000;
background-color:transparent;
overflow:auto;

}

basic{
font-size:12pt;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif !important;
color:#000000;
background-color:transparent;
overflow:auto;
line-height:13pt;
}

homebody{
font-size:14pt;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif !important;
color:#000000;
background-color:transparent;
overflow:auto;
line-height:17pt;

}


a {
  text-decoration: underline;
}



.michael_notes li {
    font-family: Tahoma, 'helvetica', 'arial', sans-serif;
    list-style-type: square !important ;
    margin: 1em;
    padding: 0;
    font-weight: normal !important;
    font-size:100%;
    color: #000000 !important;
}

/* this is for the dropdown */

.select2-container--default .select2-selection--multiple .select2-selection__choice {
font-family: Tahoma, 'helvetica', 'arial', sans-serif !important;
font-size: 12pt !important;
   font-weight: normal !important;
    background-color: lightgrey !important;
    border-color: #006fe6;
    color: black !important;
    padding: 0 10px;
    margin-top: 0.31rem;
}

/* p,table,tr,td,th */
p 
{
font-size: 13pt;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
color:#000000;
line-height: 110%;
/* background-color: transparent; */
/* overflow:auto; */
}

/* small version of p */
px 
{
font-size: 9pt !important;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
color:#000000;
line-height: 110%;
/* background-color: transparent; */
/* overflow:auto; */
}
 
.datehead
{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 200%;
color: red;
}

.driver
{
margin-top: 4px;
margin-bottom: 0px;
text-align: left;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 13pt;
}

.rider
{
margin-top: 0px;
margin-bottom: 0px;
text-align: right;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 100%;
}

.recurhead
{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 120%;
}

.recurtext
{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 80%;
}


.giant
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-weight: bold;
font-size: 18pt !important;
line-height: 100% !important;
}

.giantish
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-weight: bold;
font-size: 14pt !important;
line-height: 100% !important;
}
.display-form
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif !important;
font-weight: normal;
font-size: 12pt !important;
line-height: 100% !important;
}


.small
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 10pt !important;
line-height: 100% !important;
}

.verysmall
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 8pt !important;
line-height: 8pt !important;
}

.tiny
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 5pt !important;
line-height: 5pt !important;
}

.calsmall
{
margin-top: 4px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, sans-serif;
font-size: x-small !important;
color: black !important;
line-height: 100% !important;
}

.calmini
{
margin-top: 4px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, sans-serif;
font-size: small !important;
color: black !important;
line-height: 100% !important;
}

.calnum
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: 140%;

}



.intro_head {
margin-left: 20px;
margin-right: 20px;
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 150% !important;
line-height: 150% !important;
  
}

.intro_body {
margin-left: 20px !important;
margin-right: 20px !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 100% !important;
line-height: 110% !important;

}

.explainer
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 13pt;
line-height: 14pt;
    
}

.searchmidi
{
margin-top: 0px;
margin-bottom: 10px;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: 12pt;
}

.midi
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: 12pt;
line-height: 14pt;
}
.midicenter
{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, sans-serif;
font-size: 12pt;
}

.medium
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: 14pt;
line-height: 17pt;
}

.midhead
{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, sans-serif;
font-weight:bold;
font-size: 16pt;
line-height: 17pt;
}

.middrop
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, sans-serif;
font-weight:bold;
font-size: 15pt;
line-height: 16pt;
}

.midsmall
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: 13pt;
line-height: 14pt;
}

.ddmini
{
margin-top: 0px !important;
margin-bottom: 20px !important;
font-family: Tahoma, sans-serif;
font-size: 12pt;
line-height: 16pt !important;
}

.ddmini li {
    margin-bottom: 10px;
}

.mini
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, sans-serif;
font-size: 10pt;
line-height: 11pt !important;
}

.headermini
{
margin-top: 2px !important;
margin-bottom: 3px !important;
font-family: Tahoma, sans-serif;
font-size: 10pt;
line-height: 11pt !important;
}

form.small
{
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 80%;
}


.drivehead
{
margin-top: 0px;
margin-bottom: 4px;
text-align: left;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 13pt;
}

.ridehead
{
margin-top: 0px;
margin-bottom: 0px;
text-align: right;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 120%;
}

.right
{
text-align: right;
}

.eventfrom
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
}

.eventhead
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 120%;
}


.eventtext
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 110%;
}

h1
{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size:150%;font-weight:normal;
background-color:transparent;
color:#000000;   
}

h120
{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size:130%;font-weight:normal;
background-color:transparent;
color:#000000;   
}


h2{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;    
font-size:140%;margin-top:2px;margin-bottom:2px;font-weight:normal;
background-color:transparent;
color:#000000;
line-height:95%;
    }

h3{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;    
font-size:16pt;font-weight:bold;margin-top: 0px;margin-bottom:0px;
background-color:transparent;
color:#000000;
line-height: 16pt;
}
h3x{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;    
font-size:16pt;margin-top: 0px;margin-bottom:0px;
background-color:transparent;
color:#000000;
 line-height: 16pt;   
}



h4{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;    
font-size:12pt;margin-top:10px;margin-bottom:10px;font-weight:normal;   
background-color:transparent;
color:#000000;
    
}
h5{
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;    
font-size:90%;margin-top:10px;margin-bottom:10px;font-weight:normal;  
background-color:transparent;
color:#000000;
    
}
h6{
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
/* font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;   */ 
font-size:14pt;margin-top:4px;margin-bottom:4px;font-weight:normal !important;  
background-color:transparent;
color:#000000;
}

a {
  color: green;
  /* text-decoration: underline; */
}
a:hover {
    color: black;
  /* text-decoration: underline; */
}

/* table,th,td,input,textarea */
table,th,tr,td,input,textarea,li { 
    font-size:100%; 
    color:#000000;
/*    font-family: Tahoma, 'helvetica', 'arial', sans-serif; */
line-height: 100%;

}

table.display
{
border:1px solid #ff9933;
/* border-collapse:collapse; */
}

table.display th
{

border:1px solid #ff9933;
padding:3px;
vertical-align:top;
text-align:left;
font-weight:normal;
}

table.display td 
{
border:1px solid #ff9933;
padding:3px;
vertical-align:top;
}

td.special { 
    border: 1px solid grey; 
}

td.demoitem { 
    text-align:center;
    border: 1px solid grey;
    vertical-align:top;
    padding-right: 3pt !important;
padding-left: 3pt !important;
padding-bottom: 3pt !important;
}
.demosmall
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 9pt !important;
font-weight: bold;
color: red;
line-height: 110% !important;
}

.demomini
{
margin-right: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: small !important;
color: black !important;
line-height: 100% !important;
}

.demoverysmall
{
text-align: left;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding-right: 1em !important;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 8pt !important;
line-height: 110% !important;
}

.demogiant
{
margin-top: 0px !important;
margin-bottom: 0px !important;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 24pt;
color: black;
line-height: 110% !important;
}

table.items
{

border-collapse:collapse;
}

table.items td 
{
border:1px solid #ff9933;
padding:3px;
vertical-align:top;

}


.list_display
{
    border:1px solid green;
    background-color: white;
    font-size: 100%;
}

.nopass
{
    border:1px solid black;
    background-color: #D3D3D3;
    font-size: 100%;
}
.yespass
{
    border:1px solid black;
    background-color: #f2ffe6;
    font-size: 100%;
}

.mine
{
    border:1px solid green;
    background-color: #f2ffe6;
    font-size: 100%;
}

.mineyellow
{
    border:1px solid green;
    background-color: #FFFFCC;
    font-size: 100%;
}


.mineish
{
    border:1px solid green;
    background-color: #f2ffe6;
    font-size: 70% !important; 
}

.minegrey
{
    border:1px solid gray;
    background-color: lightgray;
    font-size: 70% !important; 
}

.demomine
{
    border:1px solid red;
    background-color: #99ff99;
    font-size: 100%;
}

.demo_bio
{
    border:1px solid green;
    background-color: #f2ffe6;
    font-family: Tahoma, 'helvetica', 'arial', sans-serif;
    font-size: 10pt !important;
}

.header_drop
{
    border:1px solid green;
    background-color: #f2ffe6;
    font-family: Tahoma, 'helvetica', 'arial', sans-serif;
    font-size: 9pt !important;
    font-color: black !important;
    line-height: 10pt !important;
}

.videomine
{
    border:3px solid blue;
    background-color: lightblue;
    font-size: 100%;
}

.instead_of_mine
{
    border:1px solid green;
    background-color: #e6faff;
    font-size: 100%;
}

.available
{

    background-color: #fffae6;
    font-size: 100%;
    border-bottom: 1px solid green !important;
}
.sponsored
{

    background-color: white;
    font-size: 100%;
    border-bottom: 1px solid green !important;
}

.only_header
{
    background-color: #fffae6;
}
.only_sidedemo
{
    border:5px double grey;

}



.generic_driver
{
    border:1px solid green;
    background-color: #f2ffe6;
    font-size: 100%;
}

.ridera
{
    border:1px solid green;
    background-color: #e6faff;
}
.riderb
{
    border:1px solid green;
    background-color: #ffe6e6;
}

.riderc
{
    border:1px solid green;
    background-color: #ffffb3;
}

.ridergone
{
    border:1px solid green;
    background-color: #D3D3D3;
}


.also_mine
{
     border:1px solid green;
    background-color: #f2ffe6;
}
.separator
{
     border:1px solid green;
    background-color: papayawhip;
}

.needed{
    background-color: #ffffcc;
    font-size: 100%;
}

select
{
font-size: 100%;
font-family: Tahoma, 'helvetica condensed', 'arial', sans-serif;
}

.biggertable
{
font-size: 100%;
}


#textboxid
{
    height:24px;
    width:230px;
    font-size:10pt;
    font-family: Tahoma, 'helvetica', 'arial', sans-serif;
}

#bigtextboxid
{
    height:120px;
    width:230px;
    font-size:10pt;
    font-family: Tahoma, 'helvetica', 'arial', sans-serif;
}


.triphead
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 14pt;
color: black;
}

.tripbody
{
margin-top: 0px;
margin-bottom: 0px;
text-align: left;
font-family: Tahoma, 'helvetica', 'arial', sans-serif;
font-size: 11pt;
color: black;
}

.homebody
{
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
text-align: left;
font-family: 'Athelas','Crimson','Crimson Text', 'Plantin MT', Garamond, serif;
font-size: 14pt;
line-height: 110%;
color: black;
}


.trip_be_rider
{
    border:1px solid green;
    background-color: white;
    font-size: 100%;
}

.trip_need_driver
{
    border:1px solid green;
    background-color: #e6faff;
    font-size: 100%;
}

.search_container{

  display: inline-flex; 
  flex-direction: row;
  justify-content: flex-start;
  width: 800px;

}

/* <table class="democustom">
    <tr>
        <td>
            <a href="www.mysite.com/locn1">Location 1</a>
        </td>
    </tr>
</table>

.democustom {
    width: 100%;
}
*/

/* Give TD element padding so you can see that link expands properly */
.democustom td {
    border: 1px solid black; /* For visual aid */
    padding: 0px;
}

/* Change background color on hover of TD element */
.democustom td:hover {
    background: #ccc;
}

/* Change link color when hovering over TD element */
.democustom td:hover a {
    color: black;
}

/* Make link expand to entire TD element (its parent) */
.democustom td a {
    display: block;
    text-decoration: none;
}


/* Give TD element padding so you can see that link expands properly */
.demo2custom td {
    border: 1px solid black; /* For visual aid */
    padding: 0px;
}

/* Change background color on hover of TD element */
.demo2custom td:hover {
    background: white !important;
}

/* Change link color when hovering over TD element */
.demo2custom td:hover a {
    color: black !important;
}

/* Make link expand to entire TD element (its parent) */
.demo2custom td a {
    display: block;
    text-decoration: none;
}