body { font-family: 'Verdana', 'Lucida Console', 'Arial', 'Comic Sans MS';
       font-size: 10pt;
       color: black;
       background-color: #e0f3f8;
       margin-top: 20px; }
		
table { font-family: 'Verdana', 'Lucida Console', 'Arial', 'Comic Sans MS';
        color: black;
        font-size: 10pt;
        border-spacing: 0px;
        border-collapse: collapse; }

table.outer { width: 80%;
              border: 1px;
              background-color: #fff;
              border: 1px solid black; }

table.header { width: 100%; }			  
.header1 { width: 205px;
           vertical-align: baseline; }

form { margin-bottom: 5px; }		   
		   
.ohead, .obody { padding: 10px; 
                 text-align: left; }
.omenu { padding: 10px;
         text-align: center; }
.ohead { font-size: 25pt;
         font-weight: bold; }
tr.ohead, tr.omenu { border: 1px solid black; }
.ohead:hover { background-color: #fff;
               color: #000; }
.obody:hover { background-color: #fff;
               color: #000; }
.omenu:hover { background-color: #fff;
               color: #000; }
.ohead_jpg { padding: 10px; 
             width:140px; }
.subhead { font-size: 15pt;
           font-weight: normal;
           font-style: italic; }

table.class_scores { border: 1px solid black;
                     border-spacing: 1px;
                     border-collapse: collapse;
                     margin-left: auto; 
                     margin-right: auto; }
.classification_round { text-align: left;
                        padding: 1px 6px 1px 6px; }
.classification_title { font-weight: bold;
                        text-align: left;
                        padding: 1px 6px 1px 6px;
			 			background-color: lightgrey; }
.class_type { width: 93px;
              text-align: center; }

table.class_scores td { border: 1px solid black; }

table.records { background-color: #fff;
                border: 1px solid black;
                margin-top: 15px;
                margin-left:auto; 
                margin-right:auto; }
th.archer_width { width: 170px; }
th.score_width { width: 50px; }
th.date_width { width: 100px; }
tr.rec_row { border-top: 1px solid black; }
.rec_round { text-align: left;
             padding: 1px 5px;
             border-right: 1px solid black;
             font-weight: bold; }
.ri_line { border-right: 1px solid black; }
.round_desc { font-style: italic;
              font-weight: normal; }
tr.bot_line { border-bottom: 1px solid black; }
td.gender_change { border-top: 1px solid black; }
td.gender_age { text-align: left;
                border-right: 1px solid black;
                padding: 1px 5px; }
td.archer_row { text-align: left; 
                padding: 1px 5px; }
td.date_rec { padding: 1px 5px;
              border-right: 1px solid black; }
td.record_na { color: #808080;
               font-style: italic; }

table.perris { background-color: #fff;
               border: 1px solid black;
               margin-top: 15px;
               margin-left:auto; 
               margin-right:auto; }
			   
tr.perris { border: 1px solid black; }
td.perris { border: 1px solid black;
            text-align: left; }
td.perris_center { border: 1px solid black;
                   text-align: center; }
th.perris { border: 1px solid black;
            text-align: left; }
.perrisA { background-color: yellow; 
           border: 1px solid black; }
.perrisB { background-color: red;
           border: 1px solid black; }
.perrisC { background-color: blue;
           border: 1px solid black; }
.perrisD { background-color: black;
           border: 1px solid black; }
.perrisOther {background-color: white;
              border: 1px solid black; }

			   
.ind_title_l { text-align: left;
               font-size: 10pt;
               font-weight: bold; }
.ind_title_r { text-align: right;
               font-size: 10pt;
               font-weight: bold; }
		   
a:link, a:visited {
    text-decoration: none;
	padding: 0px 2px;
    display: inline-block; }
a.nolink:link {
	color: black;
    background-color: transparent; }
a.nolink:visited {
	color: black;
    background-color: transparent; }
a.nolink:hover {
	color: white;
    background-color: transparent; }
a.nolink2:link {
	color: black;
    background-color: transparent; }
a.nolink2:visited {
	color: black;
    background-color: transparent; }
a.nolink2:hover {
	color: black;
    background-color: transparent; }

a.top_menu:link {
    font-size: 12pt;
    color: black;
	background-color: transparent;
    padding: 0px 4px; }

.bottom_row { border-top-style: none;
              border-bottom: 2px solid black;
              border-left-style: none;
              border-right-style: none;
              font-weight: bold; }
.top_row { border-top: 2px solid black;
           border-bottom-style: none;
           border-left-style: none;
           border-right-style: none;
           font-weight: bold; }


tr:hover { background-color: #547BDE;
           color: #fff; }
tr.nohigh:hover { background-color: #fff;
                  color: #000; }

th, td { text-align: center;
         padding: 1px 3px; }

.archer { text-align: left; }
.best_so_far { font-style: italic; }

.align1 { text-align: right; }
.align2 { text-align: center; }
.align3 { text-align: left; }

#classes { border-radius: 10px;
           border: 1px solid #000;
           width: 10px;
           height: 10px; }

.center { text-align: center; }		 
.left { text-align: left; }
.right { text-align: right; }

.page_title { text-align: center; 
              font-weight: bold;
              font-size: 14pt; }

.archer_info { font-size: 11px;
               line-height: 1.7em;
               font-weight: bold;
               background-color: #002147;
               border: 1px solid #000;
               color: #fff;
               padding: 0.1em 0.4em 0.2em;
               white-space: nowrap;
               -moz-border-radius: 0.5em;
               -webkit-border-radius: 0.5em;
               border-radius: 0.5em; }
.archer_info.recurve { background-color: #A21; }
.archer_info.compound { background-color: #6C4;
                        color: #000F1F; }
.archer_info.barebow { background-color: #6FB3FF;
                       color: #000F1F; }
.archer_info.longbow { background-color: #000F1F; }
.archer_info.u10 { background-color: #A62; }
.archer_info.u12 { background-color: #A62; }
.archer_info.u14 { background-color: #A62; }
.archer_info.u16 { background-color: #A62; }
.archer_info.u18 { background-color: #A62; }

.scas_title { background-color: black;
              color: white;
              column-span: all; }

.text_left { text-align: left; }
.hc_width { width: 60px; }
.class_width { width: 48px; }
.shot_at { width: 260px; }
.round_shot { padding: 1px 6px; }

.archer_class { background-color: grey; }
.third { background-color: white;
         color: #000; }
.second { background-color: black; }
.first { background-color: blue; }
.bowman  { background-color: red; }
.master { background-color: yellow;
          color: #000; }
.grand { background-color: purple; }

.na { background-color: #C0C0C0; }
.this_year { color: red; }
.red { color: red; }
.x252_awarded { background-color: #FFFF99; }
.x6gold_awarded { background-color: #CC99FF; }
.personal_best { background-color: red;
                 color: yellow; }
.iA { background-color: #000; }
.iB { background-color: #F00; }
.iC { background-color: #FF0;
      color: #000; }
.iD { background-color: #6F6;
      color: #000; }
.iE { background-color: #FDBC03;
      color: #000; }
.iF { background-color: #36F;
      color: #000; }
.iG { background-color: #C0F;
      color: #000; }
.iH { background-color: #F3C;
      color: #000; }

.competition { background-color: #82E0AA;
               border-bottom: 1px solid slategray; }
.practice { background-color: #F1948A;
            border-bottom: 1px solid slategray; }
.postal { background-color: #8AB4F1;
          border-bottom: 1px solid slategray; }
.dnq { background-color: #D6DBDF;
       color: grey;
       border-bottom: 1px solid slategray; }
.pb { border-bottom: 1px solid slategray; }
.pb_break { border-top: 1px solid black;
            border-bottom: 1px solid black; }

.password_error { color: red; 
                  font-size: 12pt;
                  font-weight: bold; }
.logon { font-size: 12pt; }
div.tc { width: 80%;
         background-color: lightgrey;
         border: 1px solid black;
		 padding: 15px 10px;
		 font-size: 10pt;
         text-align: left; }

/* drop down menu code */
.dropbtn {
  background-color: #fff;
  color: black;
  padding: 16px 25px;
  font-size: 25px;
  border: none;
  cursor: pointer; }

.dropdown {
  position: relative;
  display: inline-block; }

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  font-size: 12px;
  text-align: right;
  right: 0;
  min-width: 375px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1; }

.dropdown-content a {
  color: black;
  padding: 5px 16px;
  text-decoration: none;
  display: block; }

.dropdown-content a:hover { 
   background-color: #547BDE;
   color: white; }

.dropdown:hover .dropdown-content {
  display: block; }

.dropdown:hover .dropbtn {
   background-color: black;
   color: white; }


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 210px;
  background-color: yellow;
  color: #000;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
  border: 1px solid #000;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 0%;
  margin-left: 0px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.6s;
}

/* Tooltip arrow */
/*.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border: 1px solid #000;
  border-color: yellow transparent transparent transparent;
}*/

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}