.mathhead {
    background-color: #eeeeee;
}
.mathhead a {
    text-decoration: inherit;
    color: inherit;
}
.mathhead a:hover {
    text-decoration: underline;
}
.footclass a {
    text-decoration: inherit;
    color: #999999;
}
.footclass a:hover {
    text-decoration: underline;
    color: #999999;
}

.main-tabs {
    font-size: 16px;
    margin-bottom: 0px;
}
.main-tabs > li > a {
    margin-left: 10px;
    margin-right: 10px;
    background-color: #999999;
    color: #ffffff;
    border-color: transparent;
}
.main-tabs > li.myactive > a {
    background-color: #111111;
}
.main-tabs > li > a:hover {
    background-color: #111111;
    text-decoration: underline;
    border-color: transparent;
}

.sub-tabs {
    font-size: 16px;
    margin-bottom: 0px;
    border-bottom: 0px;
    border-color: transparent;
}
.sub-tabs > li > a {
    margin-left: 10px;
    line-height: 20px;
    color: #999999;
    border: 0px;
}
.sub-tabs > li.myactive > a {
    color: #ffffff;
}
.sub-tabs > li > a:hover {
    color: #ffffff;
    text-decoration: underline;
    background-color: transparent;
}

#mytabs > li.active > a {
}

#mytabs > li > a {
}

#mytabs > li.active > a:hover {
}


.subbar {
    background-color: #111111;
    color: #ffffff;
}

@media (min-width: 481px) { 
 .mymobile { display: none; }
}
 
@media (max-width: 480px) { 
 .mymobile { display: block; }
 .mydesk { display: none; }
}

@media (min-width: 768px) { 
 #mobilebar { display: none; }
 #deskbar { display: block; }
}

@media (max-width: 767px) { 
 #mobilebar { display: block; }
 #deskbar { display: none; }
}
body {
         font-size: 20px;
     }
#changeTypeForm select{
    margin-bottom: 20px;
}
.bg-gr{
    background-color: whitesmoke;
}