/* Standard */


body {
    background-color:#GGFFFF;
    font-family: Segoe UI Light, Verdana, Arial, Geneva, Swiss, SunSans-Regular, sans-serif;
    text-align: center;
    width:100%;
    font-size: 24px;
    color: #000000;
  max-width: 50em;
  margin: 0 auto;
}

a {
    text-decoration:underline;
    color:rgb(145, 0, 45);
    }
    
a.demo {
    text-decoration:none;
    color: rgb(255, 255, 255);
    background-color: rgb(0, 157, 147);
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-style: none;
    border-bottom-width: 0px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: none;
    border-left-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: none;
    border-right-width: 0px;
    border-top-color: rgb(255, 255, 255);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top-style: none;
    border-top-width: 0px;
    box-sizing: border-box;
    display: inline-block;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-top: 5px;
}

table, td, th, div, p, li {
    color: #000000;
}

p.demotitle {
    font-size : 42px;
    }

p.ruler {
    border-bottom: 1px solid #CCCCCC;
}

p.shadowedruler {
    border-bottom: 1px solid #CCCCCC;
    box-shadow: 0px 10px 10px -5px #CCCCCC;
}

table.demo {
    width: 100%;
    border-spacing:0px;
    border: solid;
    border-width: 1;
    border-color: #929292;
    border-collapse: collapse;
}


td.toptitle1 {
    color: rgb(112, 112, 112);
    font-size : 18px;
}

td.toptitle2 {
    font-size : 24px;
    color: rgb(112, 112, 112);
}

td.tabletitle {
    font-weight:bold;
    background-color: #FFFFFF;
    padding:5px;
    border: solid;
    border-width: 1;
    border-color: #929292;
    font-size: 18px;
}

td.demo {
    padding:5px;
    border: solid;
    border-width: 1;
    border-color: #929292;
    font-size: 18px;
}