.sitemap_h2{
    color:darkblue;
    font-family: verdana;
    font-size: 17px;
    font-weight: bold;
}

.sitemap_h2_black{
    color:black;
    font-family: verdana;
    font-size: 17px;
    font-weight: bold;
}

.sitemap_ul{
    color:darkblue;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
}

.sitemap_li{
    color:darkblue;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
}

.sitemap_li_black{
    color: black;
    font-family: verdana;
    font-size: 13px;
    font-weight: bold;
}

.peheader 
{
    color: white;
    margin-top:100px;
}

a:hover {
    color: red;
}

u {
    color:black;
}

html { min-height: 100%; margin-bottom: 1px; }

body {
    color: black;
    font-size:12px;
    color:#000000;
    background-color:#ffffff;
    font-family:verdana,helvetica,arial,sans-serif;
}

p { 	color: black;
     font-family: verdana;
     font-size: 13px;
}

li,tr { 	color: black;
         font-family: verdana;
         font-size: 12px;
}

dd { 	color: black;
      font-family: verdana;
      font-size: 12px;
}

#limitedSet {
    font-family: verdana;
    color: FF6347;
    font-size: 12px;
    padding-bottom:5px;
}

#instructions {
    padding: 0px;

}

#subtitle {
    color: black;
    background-color: #eee  ;
    text-align: center;
    font-family: verdana;
    font-weight: bold;

    font-size: 16px;
    text-decoration: none;
    padding: 3px 0px;
    text-align: center;


}



#mainPanel {
    background-color: #eee;
    border-right:1px solid black;
    border-left:1px solid black;
}

#content {
    padding:10px;
}

#navbar {
    background-color: white;
    border-right:1px solid black;
    border-left:1px solid black;
    border-top:1px solid black;
}

#bottomNavbar {font-size: 13px;
               background-color: #6699CC;
               font-family: arial;
               vertical-align:top;
}

.error {
    color: red;
}

.generator {
    color: black;
    background-color: beige;  
    border: 4px solid darkblue;
    font-family: arial;
    font-size: 12px;
}

.description {
    vertical-align:top;
    padding:10px 10px 10px 0px;
}

.picture {
    vertical-align:top;
}

.programTitle {
    font-size:15px;
    font-weight:bold;
    font-family: verdana;
    margin-left:0px;
    color:darkblue;
}

#sidebar{
    float:left;
    background-color: #b0c4de;
    vertical-align:top;
    border: solid white 4px; 
}

#copyright{
    font-family: verdana;
    font-weight: normal ;
    color: white ;
    font-size : 12px;
    background-color: cadetblue  ;
    text-align:center;
    padding:3px;
    text-align: center ;
}

.clsCMOn {
    text-align: center;
    font-family: verdana;
    font-weight: bold;
    color: white;
    font-size : 12px;
    text-decoration : none;
    padding: 0px 0px;
    vertical-align:middle;
}

.clsCMOver {
    text-align: center;
    font-family: verdana;
    font-weight: bold;
    color: darkblue;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px;
}

.clsCMOn2 {
    vertical-align: middle;
    text-align: center;
    font-family: verdana;
    font-weight: bold;
    color: darkblue;
    font-size : 12px;
    text-decoration : none;
    padding: 0px 0px;
}

.clsCMOver2 {
    text-align: center;
    font-family: verdana;
    font-weight: bold;
    color: white;
    font-size: 12px;
    text-decoration: none;
    padding: 0px 0px;
}


#subscribe {
    font-family: verdana;
    font-weight: bold;
    font-size: 16px;
    text-align:center
}



.amChartsButtonSelected
{
    background-color:#CC0000;
    border-style:solid;
    border-color:#CC0000;
    border-width:1px;
    color:#FFFFFF;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 1px;   
    padding:3px;
}

.amChartsButton
{
    background-color:#EEEEEE;
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
    color:#000000;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 1px; 
    padding:3px;
}

.amChartsCompareList
{
    border-style:solid;
    border-color:#CCCCCC;
    border-width:1px;
}

select[disabled]{
    color: grey;
}

.responsive-container {
    position: relative;
    padding-bottom: 60%; /* the higher the bigger the ratio */
}
.responsive-container > div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.tooltip {
    display: block !important;
    z-index: 10000;
    max-width: 400px;
    border: 1px solid  #080808;
}

.tooltip .tooltip-inner {
    background:  #d9edf7;
    color: black;
    border-radius: 0px;
    padding: 5px 10px 4px;
}

.tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
    border-color: black;
    z-index: 1;
}

.tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}

.tooltip[x-placement^="top"] .tooltip-arrow {
    border-width: 5px 5px 0 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}

.tooltip[x-placement^="bottom"] .tooltip-arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-top-color: transparent !important;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}

.tooltip[x-placement^="right"] {
    margin-left: 5px;
}

.tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip[x-placement^="left"] {
    margin-right: 5px;
}

.tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}

.tooltip.popover .popover-inner {
    background: #d9edf7;
    color: black;
    padding: 24px;
    border-radius: 5px;
    box-shadow: 0 5px 30px rgba(black, .1);
}

.tooltip.popover .popover-arrow {
    border-color: #f9f9f9;
}

.tooltip[aria-hidden='true'] {
    visibility: hidden;
    opacity: 0;
    transition: opacity .15s, visibility .15s;
}

.tooltip[aria-hidden='false'] {
    visibility: visible;
    opacity: 1;
    transition: opacity .15s;
}