.base
{
    min-width:200px; max-width:500px; margin: 0 auto;
}
.center
{
    text-align:center;
}
.left
{
    text-align:left;
}
.terms
{
    text-align:right;padding-top:8px;
}
.formelement{
    text-align:left;
}

.button{    
    text-decoration:none;
}

.button-primary{
    height:35px; font-size:16pt; text-align: center;  
    min-width: 150px;
    max-width:350px;
}
.button-secondary{
    height:25px; font-size:13pt; text-align: center;  
    min-width: 100px;
    max-width:350px;
}

/* used on Share/Member pages*/


.leftblock
{
    display:inline-block;vertical-align:middle;text-align:left; min-width:0px;max-width:355px;padding-left:5px; padding-right:10px;
}

.notop
{
    padding-top:5px;
}

.rightblock
{
    display:inline-block;vertical-align:middle;text-align:left;min-width:250px;max-width:400px; padding-right:7px;padding-left:7px;
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {

    .rightblock
    {
        display:inline;
    }

}


.middle-white-block
{
    background-color:White;padding:10px 5px 20px 5px; min-width:200px; max-width:600px; margin: 0 auto;
}
.boxme 
{
    display:inline-block; 
    
    font-size:medium;
    width:150px; 
}

.sharetextbutton
{
    width: 30px;  font-size:12pt; text-align: center;margin-bottom:2px
}
.rightlanding
{
    text-align:right;padding-top:10px;padding-right:20px;
}



table.listtable
{  
    width:100%;
}

table.listtable th {
    padding: 5px 10px 10px 10px; 
}
table.listtable tr {
}
table.listtable td {
    padding: 5px 10px 10px 10px; 
    width:150px;
}

.wide
{
    width:100%;
    padding:0 0 0 0;
}
.sharebutton 
{
    color:black;text-decoration:none;
    padding: 5px 6px 5px 6px;
}
.copybutton
{
    color:black;text-decoration:none;
    padding: 5px 10px 5px 10px;
    background-color:transparent;
    border: 1px black solid;
    margin-left:0px;
}

ul#tabs2 {
    list-style-type: none;
    padding: 0;
    text-align: center;
}
ul#tabs2 li {
    font-weight:bold;
    display: inline-block;
    background-color: white;
    border: solid 1px grey;        
    padding: 5px 20px;
    color: black;
    cursor: pointer;
}

ul#tabs2 li.active {
    
    border-bottom: solid 5px grey;
}
ul#tabs2 li.noclick {
   cursor:default;
}
ul#tab2 {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul#tab2 li {
    display: none;
}
ul#tab2 li.active {
    display: block;
}

.overlay{
    color:black;
    background-color:white;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

.membermenu
{
    text-align:right;padding-top:8px;padding-right:8px;
}

/* Style The Dropdown Button */
.dropbtn {
    font-weight:bold;
    display: inline-block;
    background-color: white;
    border: solid 1px grey;        
    padding: 5px 20px;
    color: black;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    right:0;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
     color: black;
}