*
{

margin: 0px;
padding: 0px;
}
h1
{
text-align: center;
width: 100%;

}
#handGrid tr
{
margin: 0px;
padding: 0px;
}
#handGrid
{
margin: 0px;
padding: 0px;
}

table
{
margin-top: 20px;
border-collapse:collapse;
}
#handRange
{

text-align: left;

}
tr.selected0 td,tr.selected0 th
{
border-top: 2px solid black;
}
#evTable td,#evTable th, #evTable tr
{
padding: 3px;
}
#pctHUD
{
float: right;
}
#handGrid
{
border-collapse:collapse;
cursor: pointer;
text-align: center;

}
#gridBox
{
position: relative;
width: 400px;
margin: 30px 10px;
}
#handGrid td
{
padding: 0px;
margin: 0px;
border: 1px solid black;
cursor: pointer;
}
.textRange
{
overflow: scroll;
height: 50px;
}

.playerBox
{
width: 40%;
height: 60px;
padding: 0 5%;
float: left;
text-align: center;
}
#toggleButton
{
position: absolute;
width: 75px;
height: 75px;
margin-right: 20px;
left: 450px;
top: 200px;

text-align: center;
}

#handGrid td button
{
cursor:pointer;
}

#handGrid th.offsuit button
{
cursor: n-resize;
}

#handGrid th.suited button
{
cursor: w-resize;
}

.pair
{
border: 1px solid black;
background-color: #dddddd;
}

.textRange
{
height: 20px;
width: 100%;
}

th.suited
{
cursor: w-resize;
}
th.offsuit
{
cursor: n-resize;
}

.insideHand
{
border: none;
background-color: inherit;
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
font-size: small;
}

th .insideHand
{
font-family: courier;
font-weight: bold;
font-size:medium;

}