ul.guide {
    
    font-size: 150%;
    list-style-type: disc;
    margin-top:2%;
}

ul li {
    
    margin-top:5px;
}

#rightH {
   /*background-color:red; */
   border:solid black 2px; 
   margin:0;
   font:bold; 
   overflow:hidden;
   height:13.6%; 
   width:40%; 
   margin-right:2%; 
   float:right;
}

#leftRule {
    /*border:solid blue 5px; */
    -webkit-transition: height 1s;
    transition:  height 1s;
  
}

#leftRule:hover  {
    height: 240% !important;
}

.rulesPara {
    margin:0;
    font-size:15px;
    
}

h4.pointsStuc {
    text-align:center; 
    margin:0;
}

h5.pointsStuc {
    text-align:center; 
    margin:0;
}

p.pointsStuc {
  font-size:115%;
  margin:0;
  margin-left:3%;
    
}


.hover #right:hover {
    background-color:green;
}

div.info {
    height: 83%;
  /*  border:solid red 3px; */
    width:60%;
    
    float:left;
        
}

p.info {
    height:6%;
    width: 98.5%;
    display: block;
    margin-top: 0%;
    float:left;
  /* border:2px dotted blue;  remove when done */

}

#checkbox{
    
    height:7%;
    width:98.5%;
    float:left;
}

.entryLabel {
    /*border:solid red 2px; */
    float:left;
    margin-left:1%;
    height:55%;
    width:13%;
    font-weight:bold;
    margin-top:1%;
}

.entryButton {
   /* border:solid green 2px; */
    float:left;
    margin-top:.2%;
    height:55%;
    width:5%;
    
    }

.fantasyHeader {
    
    float:left;
   /* width:150px; */
    font:bold;
    font-size:larger;
    font:italic;
}

.headerEntry {
    float:left;
  /*   border:solid 2px red; remove when finished */
    width: 100%;
    height:30px;
    margin-top:20px;
}

p.entry {
  /*   border: 2px blue solid; remove when finihsed*/
    height:30px;
    width:100%;
    float:left;
    margin-top:10px;
}

.buttonList {
  /*  border: 2px solid red;  remove when finished */
    height:30px;
    width:100%;
    margin-top: 0px;
    float:left;
}


.payment {
    /*border:solid 5px red;  */
    height:3%; 
    width:99%;
    float:left;

    
}

.paymentButton {
    float:left;
    margin-left: 18%;
    margin-top:0%
    
}

.button {
    height: 35px;
    width: 90px;
    font-size:large;
}

.verifyButton {

    margin-left: 28%;
    margin-top: 0%;
    float:left;


}

.editButton {

    margin-left: 28%;
    margin-top: 0%;
    float:left;

 
}
.confirmButton {

    margin-left: 4%;
    margin-top: 0%;
    float:left;

}

.textboxEntry1 {
    
    margin-top: -2%;   
    margin-left:0%;
    border: 1px solid black; 
    height: 50%;
    width: 6%;
    float:left;



 
}

.textboxEntry2 {
    

    margin-top: -2%;    
    margin-left:10%;
    border: 1px solid black;
    height: 50%;
    width: 6%;
    float:left;
}

.labelEntry {
    margin-left: 4%;
    margin-top: -1.6%;
    border: 1px solid black;
    height: 89%;
    font-size:small;
    text-align: left;
    width: 21%;
    float:left;
}

.codeVal {
    float:left;
    
    margin-left:4%;
    width:6.5%; 
    margin-top: -2%;
}

#list {
   /* border:solid red 2px; */
    float:right;
    width:38%;
    height: 80%;
    
    
}
.infoBox {
   /* border:solid red 2px; */
    margin-top: -2%;   
    margin-left:0%;
    height: 55%;
    /*width: 25%;*/
    width:30%;
    float:left;
}
.infoDropdown {
   /* border:solid red 2px; */
    margin-top: -2%;   
    margin-left:0%;
    /*height: 55%;*/
    /*width: 25%;*/
    /*width:30%;*/
    float:left;
}

.dateBox {
    margin-top: -2%; 
    height: 55%;
    /*width: 5%; */
    width:6%;   
    float:left;
}

.infoLabel {
    /*border:dotted red 2px;   */
    float:left;
    margin-left:2%;
    height: 55%;
    width: 23%;
    font-weight:bold;
}

.infoVal {
   /* border:dotted red 2px; */
    margin-top: 0%;
    margin-left: 0;
    height:20px;
    float:left;
}