@media print {
            #sideMenu {
                display:none;
            }
            #btmMenu {
                display:none;
            }
            #ads {
                display:none;
            }
}

body {
    margin: 0px;
    border: 0px;
    padding: 0px;
}

#mainContainer {
    height: 100vh;
    width: 79vw;
    
    /*background-color:yellow;*/
    display:block;
    position:relative;
    margin: 0px;
    border: 0px;
    padding: 0px;
    font-family: 'Open Sans', sans-serif;
}

#sideMenu{
    background-color:#231F20;
    width:15em;
    height:100vh;
    position:fixed;
}

#topOfMenu{
    position:fixed;
    
}

.dataTables_wrapper{
    min-height:75vw;
}
#menuBackground {
    background-color:#231F20;
    height:110vh;
    position:fixed;
    z-index:-500;
    width:15em;
}



#horseMenu {
    padding-top:10em;
}

.whtText a{
    color:white;
    line-height:2em;
    /*margin-left:2.5em;*/
    font-size:1em;
    font-family: 'Open Sans', sans-serif;
    text-decoration:none;
}
.whtText {
    margin-left:2.5em;
    padding-top:10em;
}
.gryText a{
    color:#979797;
    line-height:2em;
   
    font-size:1em;
    font-family: 'Open Sans', sans-serif;
    text-decoration: none;
}
a:hover {
    color: darkgray!important;
}
.gryBackground {
    background-color:#979797;
    padding-bottom:.5em;
    padding-top:.5em;
    margin-top:-5px;
    width:15em;
    font-family: 'Open Sans', sans-serif;
}
.bottomText{
    color:white;
    line-height:2em;
    font-size:1.5em;
}
#content{
    /*background-color: blue;*/
    top: 0px;
    left: 15em;
    min-height:100vh;
    height: 100vh;
    position: absolute;
    top: 0px;
    right: 0px;
    
}


#btmMenu {
           border-top: 5px solid white;
           text-align: center;
           background-color: #353635;
           position:initial!important;
           z-index: 99999;
           bottom: 0px;
           font-family: 'Open Sans', sans-serif;
           /* left: 0%; */
           margin-left: -21em;
           /* right: 0%; */
           font-size: .75em;
           width: 100vw;
          
       }


#ads{
    position:absolute;
    left:100%;
    top:65px;
    
}
#ads img {
    padding:10px;
}

.hover:hover{
    color:#363636!important;
}
a {
    text-decoration:none;
}
#mainContentTopBanner a:hover{
    color:#979797!important;           
}
#mainContentTopBanner {
    text-align:center;
    font-size:1.5em;
}

@media only screen and (max-width:1700px){
    
    #content{
        left:12.5em;
    }
   
    #ads img{
        width:15vw;
    }
    #sideMenu{
    
    width:12.5em;
    
   
}
    #sideMenu img {
        width:12.5em!important;
    }
   #horseMenu td {
       height:1em!important;
       line-height:1.25em;
       
   }
   /*#horseMenu a {
       margin-left:1.5em!important;
   }
   #horseMenu span {
       margin-left:1.5em!important;
   }*/
    .whtText{
        line-height:1em;
        margin-left: 1em;
    }
    .whtText a {
        line-height:1.5em;
       
    }
    .gryText{
        line-height:1.5em;
        
    }
    .gryText a {
        line-height:1.5em;
        
    }
    .gryBackground span {
        margin-left:1.75em;
    }
    .gryBackground {
        width:12.5em;
    }
    #menuBackground{
        width:12.5em;
    }
    #firstCropSide {
        font-size:.8em;
    }
    #regNoLine {
        font-size:.65em;
    }
    #btmMenu {
        margin-left: -17em;
            width: 101vw;
    }
}
@media only screen and (max-width:1600px){
    .whtText {
        line-height:1.25em;
    }
    .whtText a { 
        line-height:1.25em;
    }
    .gryText {
        line-height:1.25em;
    }
    .gryText a {
        line-height:1.25em;
    }
    #horseMenu{
        padding-top:7em!important;
    }
}
@media only screen and (max-width:1450px){
   
    #content{
        
        height:100vh;
    }
    #btmMenu{
        margin-left: -25em;
        font-size:.5em;
    }
    #sideMenu{
    
    width:12.5em;
    
    
}
    #sideMenu img {
        width:12.5em;
    }
    .whtText{
        
        margin-left: .5em!important;
    }
   
                            
}
@media only screen and (max-width:1250px){
   
  
    
    #sideMenu{
    
    width:12.5em;
   
    
}
    #sideMenu img {
        width:12.5em;
    }
    
  
}
/*@media only screen and (max-width:750px){
   
    #sideMenu{
        width:30em;
        
    }
    #sideMenu img{
        width:30em!important;
        
    }
    .gryBackground {
        font-size:2.5em;
        width:30em!important;
        
    }
    #menuBackground {
        width:30em;
        height:100%;
    }
    #btmMenu {
        width:unset!important;
    }
    #content{
        right:unset!important;
        margin-left:20em!important;
    }
   #mainContainer {
       font-size:0.25em;
   }
    #mainContentSD {
       font-size:1em!important;
   }
   .whtText {
       font-size:3.5em;
   }
   #stallionDirTable {
       font-size:15.5px;
   }
}*/


/* Stalliondets */

/*Sire Stats Table*/
 .rowHead{
    background-color:antiquewhite;
    height: 2.5em;
    font-size:1em;
    font-size:medium;
	  font-weight: bold;
    border-bottom: 1px solid #f0f0f1;
}
                              
                            .infoTableL {
                                font-size:small;

                            }
                            .infoTableR {
                                 font-size:small;
                            }
                           .row{
                               height: 20%;
                               text-align:left;
                               font-size:medium;
                               padding-left:3px;
                           }
                            .column {
                                width: 6.60%;
                                height: 94%;
                                text-align: center;
                                float: left;
                                border: 1px #f0f0f1 solid;
                                 font-size:medium;
                            }
                            .table {
                                 float: left;
                            }
                            .row:nth-child(2n+1) {
                                background-color: #F1F3F4;
                            }
                            /*styling for Perfromance Record Table*/
                            .year{
                                font-weight:bold;
                                border-bottom: 1px solid black;
                                border-top: 1px solid black;
                                text-align:center;
                            }
                            /*.infoTableL .div:nth-child(2n+1){
                                 background-color: lightgray;
                            }*/
                            .infoTableContainer {
                                width:100%; margin:auto; font-size:.75em;
                            }
                            .infoTableR {
                                /*border-left:1px solid #979797;*/
                            }
                           .thing{
                               border-bottom:1px solid #f0f0f1;
                              
                           }

                           #spacerDir {
                                height:15%;
           
                            }

                           .changeStall {
                                          border:2px solid black;
                                          background: linear-gradient(to right, lightgray , white);
                                          font-weight:bold;
                                          text-align:center;
                                          
                                          cursor:pointer;
                                          
                                      }
                                      .changeStall:hover {
                                          color:#979797;
                                      }
                                      .changeStall:active {
                                           background: linear-gradient(to left, #f0f0f1 , white);
                                      }

                                      #mainContentSD {
                                          position:absolute;
                                          
                                          left:1em;
                                          font-size:.45em;
                                          width:100%;
                                          
                                          text-align:left;
                                          padding-top:5em;
                                      }
                                      
                            
                            #iqh {
                                padding-left:5px;
                                padding-bottom:5px;
                                padding-top:5px;
                                width:99.75%!important;
                            }
                            #perfTable1 {
                                width:95%!important;
                                border:none!important;
                            }
                            .infoTableL {
                                border-right:1px solid #f0f0f1!important;
                            }
                            .thing {
                                text-align:left!important;
                                margin-left:15px;
                                margin-right:20px;
                                /*height:1.2em;*/
                                padding-top:2px;
                            }
                            .thingLeft {
                                text-align:left!important;
                                margin-left:15px;
                                margin-right:20px;
                                
                                padding-top:2px;
                            }
                            .year {
                                background-color:#F1F3F4;
                                z-index:1100;
                            }
                            .year:nth-child(2) {
                                border-top:0px solid white;
                            }
                            /*.thing:last-of-type {
                                border-bottom:1px solid black;
                            }*/
                            #ptable2 {
                                padding-top:5px;
                                /*height:1.25em;*/
                            }
                            #earner
                            {
                                height:auto;
                            }
                            #ptable3 {
                                background-color:#F1F3F4;
                                height:1.30em;
                                border-bottom:1px solid black!important;
                                padding-top:5px;
                            }
                            #perfTableHeader {
                                border-top:2px solid black;
                            }
                            #title {
                                font-size:1.25em!important;
                            }
                           
                            #perfTablePerfTitle {
                                padding-top:1px!important;
                                height:25px;
                                border-bottom:2px solid black;
                                background-color:rgb(227, 5, 4)!important;
                            }
                             #sOverView
                               {
                                   font-size: small;
                                   
                                   line-height:initial;
                                   
                                   
                               }
                            
                           /*#pieChartInfo a{
                               color:blue!important;
                               text-decoration:underline!important;
                           }*/
#recordLinks:hover {
    color: lightgray!important;
}

                            #greytexttable span {
                             color: #353635;
                            line-height: 2em;
                            font-size: 1em;
                            font-family: 'Open Sans', sans-serif;
                            text-decoration: none;
                            }
                           #greytexttable span:hover {
                                color:lightgray;
                           }
                           .auto-style1 {
                               text-align: left;
                               display:block;
                           }
                           #leftTopText {
                               
                               left:60%;
                               right:5%;
                               position:absolute;
                               font-size:1.1em;
                               margin-top:-1.15%;
                               text-align:right;
                           }
                           .clearfix {
                               max-width:750px;width:20em;min-height:150px
                           }
                           .clearfix li{
                               
                           }
                           .eventGroup {
                               font-size:3em;
                               color:#979797;
                               font-family: 'Open Sans', sans-serif;
                           }
                           #topGryLine {
                               border-bottom: 3px solid #979797;
                               margin-top: 30px;
                               margin-bottom: 15px;
                               width:95vh;
                           }
                           #promoOverTD {
                               color:#979797;
                               font-weight:bold;
                               font-size:1.5em;
                           }
                           #FoalsE {
                               text-align:left;
                               margin-left:0%;
                               margin-right:5%;
                               font-weight:bold;
                               width:35%;
                               font-size:.75em;
                           }
                        #horseMenu a {
                            color:white;
                            text-decoration:none;
                            
                        }
                        #horseMenu {
                           
                            color:white;

                        }
                        #horseMenu td{
                            border-bottom:none!important;
                            height:2em
                        }
                       
                        #horseMenu span:hover{
                            color:#979797;
                            cursor:pointer;
                        }

                        #leftText{      
                            position: absolute;
    right: 10%;
    top: 15%;
    color: white;
    font-size: 3em;
    width: 30%;
    text-align: center;
    font-weight: 900;}