a{
        text-decoration:none;
        color:#000;
    }

    .sendButtonStyle{
        max-width: 100%;
        max-height: 100%;

        margin: -0.5vw 0 0 0;
        padding: 0vw 1vw 0vw 1vw;

        float:right;
        
        border-color: black;
        background-color:white;
    }

    .sendButtonStyle:active {
        background-color:blue;
        color:white;
    }

    .openButtonStyle{
        max-width: 100%;
        max-height: 100%;

        float:right;
        position:relative;
        top:-5vw;
        left:2vw;
    }



    .writeButtonStyle{
        color:blue;
        
        max-width: 100%;
        max-height: 100%;

        float:right;
        
        background-color:white;

        text-shadow:
        -.05vw -.05vw 0 #FF0000,
        .05vw -.05vw 0 #FF0000,
        -.05vw .05vw 0 #FF0000,
        .05vw .05vw 0 #FF0000;
    }

    .writeButton:active {
        //vertical-align: top;
        //padding: 8px 13px 6px;
        color:white;
        background-color:blue;
    }



    .threeKeyButtonStyle{
        max-width: 35vw;
        max-height: 35vw;
        width: 100%;

        border-style: dashed;
        border-color: black;
        background: white;
        border-width:0.5vw;
        padding:7.5% 0% 7.5% 0%;
        margin: 0 0 10% 25%;
    }


    .threeKeyButtonStyle:hover{
        //color:gray;
        //border-color: gray;
        background: lightgray;
    }

    .threeKeyButtonStyle:active{
        color:white;
        border-color: white;
        background: black;
    }



    .tableButton{
        width: 100%;
        //height: 130%;
        border-style: dashed;
        border-color: black;
        //background: white;

        background-color:rgba(0, 0, 0, 0);

        //font-family:RicksAmericanNF;
        //font-size:2.5vw;
        //color:black;

        //text-shadow:
        //-.001vw -.001vw 0 #AAAAAA,
        ////.001vw -.001vw 0 #FF0000,
        //.001vw -.001vw 0 #AAAAAA,
        //-.001vw .001vw 0 #AAAAAA,
        //.001vw .001vw 0 #AAAAAA;
    }

    .tableButton:hover{
        background: lightgray;
    }

    .tableButton:active{
        color:white;
        border-color: white;
        background: black;
    }


   .envelopeTextInput{
        width:40vw;
        border: none;
        border-bottom: 1vw double red;
        background-color:rgba(0, 0, 0, 0);
    }


    
    .envelopeTextInput:focus{
        box-shadow:        
        -2vw -2vw 0 #0000FF,
        2vw -2vw 0 #0000FF,
        -2vw 2vw 0 #0000FF,
        2vw 2vw 0 #0000FF;
    }

   .checkTextInput{
        width:40vw;
        border: none;
        border-bottom: 1vw double black;
        background-color:rgba(0, 0, 0, 0);
    }
    
    .checkTextInput:focus{
        box-shadow:        
        -2vw -2vw 0 #000000,
        2vw -2vw 0 #000000,
        -2vw 2vw 0 #000000,
        2vw 2vw 0 #000000;
    }

    .searchTextInput{
        width:75vw;
        border: none;
        border-bottom: 1vw double black;
        background-color:rgba(0, 0, 0, 0);
    }

    .searchTextInput:focus{
        /*-2vw -2vw 0 #555555,*/
        box-shadow:        
        -2vw -2vw 0 #000000,
        2vw -2vw 0 #000000,
        -2vw 2vw 0 #000000,
        2vw 2vw 0 #000000;
    }

   .nameTextInput{
        //width:40vw;
        border: none;
        //border-bottom: 1vw double red;
        //background-color:rgba(0, 0, 0, 0);
    }

    .nameTextInput:focus{
        box-shadow:        
        -2vw -2vw 0 #000000,
        2vw -2vw 0 #000000,
        -2vw 2vw 0 #000000,
        2vw 2vw 0 #000000;
    }


    .tableTextInput{
        background-color:rgba(0, 0, 0, 0);   
        border: none;
        width:99%;
        height:99%;
        text-align:center;
    }

    .tableStyle {
        width:100%;
        padding: 0vw 4vw 2vw 5vw;
    }

    table.tableStyle th, table.tableStyle td {
        border-collapse: collapse;
        border: 1px solid black;
        text-align:center;
    }
    
    table.tableStyle tr:nth-child(even) {
        background-color: #eee;
    }
    
    table.tableStyle tr:nth-child(odd) {
        background-color: #fff;
    }

    table.tableStyle th{
        color: white;
        background-color: black;
    }

    table.tableStyle td:nth-child(1) {
        border: none;
        background-color:#fff;
        border: 0;
    }

    //table.tableStyle td:nth-child(6) {
      //  border: none;
        //background-color:#FFF;
        //border: 0;
    //}


    .whiteBackground{
        //background-color: white;
    }


    .searchForButton{
        width: 100%;
        max-width: 86vw;
        border-style: dashed;
        border-color: black;
        background: white;

        margin: 0 0 0 7.5vw;
    }

    .searchForButton:hover{
        background: lightgray;
    }

    .searchForButton:active{
        color:white;
        border-color: white;
        background: black;
    }


    .searchResultsButton{
        //width: 100%;
        max-width: 50vw;
        //width: 75vw;
        //text-align: center;
        border-style: dashed;
        border-color: black;
        background: white;
        //padding:15%;
        padding: 10vw 5vw 10vw 5vw;
        //margin: 5%;
        //margin: 0 0 10vw 10vw;
        margin: 5vw 0 5vw 0;

        //padding:7.5% 0% 7.5% 0%;
        //margin: 0 0 10% 25%;

        //font-family:RicksAmericanNF;
        font-family:Brush Script MT,cursive;
        font-size:5vw;
        color:black;

        text-shadow:
        -.001vw -.001vw 0 #AAAAAA,
        //.001vw -.001vw 0 #FF0000,
        .001vw -.001vw 0 #AAAAAA,
        -.001vw .001vw 0 #AAAAAA,
        .001vw .001vw 0 #AAAAAA;
    }


    .searchResultsButton:hover{
        background: lightgray;
    }

    .searchResultsButton:active{
        color:white;
        border-color: white;
        background: black;
    }