html {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(221,221,221,1) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
    background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(221,221,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=1 );
    margin: 0;
    height: 100%;
    overflow-y: hidden;
}

body {
    margin: 0;
    height: 100%;
}

.content {
    margin: 0 auto;
    padding: 0em;
}

hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.mybutton_blue {
    -moz-box-shadow: 0px 10px 14px -7px #1564ad;
    -webkit-box-shadow: 0px 10px 14px -7px #1564ad;
    box-shadow: 0px 10px 14px -7px #1564ad;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #378de5));
    background:-moz-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-webkit-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-o-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:-ms-linear-gradient(top, #79bbff 5%, #378de5 100%);
    background:linear-gradient(to bottom, #79bbff 5%, #378de5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color:#79bbff;
    padding: 5px 10px; font-size: 18px; border: 0; letter-spacing: 1px; color: white;
    -moz-box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2), inset -2px -2px 3px 0px rgba(0,0,0,0.2), inset 2px 2px 3px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    margin:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.mybutton_blue:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #378de5), color-stop(1, #79bbff));
    background:-moz-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-webkit-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-o-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:-ms-linear-gradient(top, #378de5 5%, #79bbff 100%);
    background:linear-gradient(to bottom, #378de5 5%, #79bbff 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
    background-color:#378de5;
}
.mybutton_blue:active {
    position:relative;
    top:1px;
}

.mybutton_red {
    -moz-box-shadow: 0px 10px 14px -7px #ff0000;
    -webkit-box-shadow: 0px 10px 14px -7px #ff0000;
    box-shadow: 0px 10px 14px -7px #ff0000;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9786), color-stop(1, #ff0000));
    background:-moz-linear-gradient(top, #ff9786 5%, #ff0000 100%);
    background:-webkit-linear-gradient(top, #ff9786 5%, #ff0000 100%);
    background:-o-linear-gradient(top, #ff9786 5%, #ff0000 100%);
    background:-ms-linear-gradient(top, #ff9786 5%, #ff0000 100%);
    background:linear-gradient(to bottom, #ff9786 5%, #ff0000 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
    background-color:#ff0000;
    padding: 5px 10px; font-size: 18px; border: 0; letter-spacing: 1px; color: white;
    -moz-box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2), inset -2px -2px 3px 0px rgba(0,0,0,0.2), inset 2px 2px 3px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    margin:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.mybutton_red:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #ff9786));
    background:-moz-linear-gradient(top, #ff0000 5%, #ff9786 100%);
    background:-webkit-linear-gradient(top, #ff0000 5%, #ff9786 100%);
    background:-o-linear-gradient(top, #ff0000 5%, #ff9786 100%);
    background:-ms-linear-gradient(top, #ff0000 5%, #ff9786 100%);
    background:linear-gradient(to bottom, #ff0000 5%, #ff9786 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
    background-color:#ff0000;
}
.mybutton_red:active {
    position:relative;
    top:1px;
}

.mybutton_green {
    -moz-box-shadow: 0px 10px 14px -7px #169c32;
    -webkit-box-shadow: 0px 10px 14px -7px #169c32;
    box-shadow: 0px 10px 14px -7px #169c32;
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cff77), color-stop(1, #25e531));
    background:-moz-linear-gradient(top, #5cff77 5%, #25e531 100%);
    background:-webkit-linear-gradient(top, #5cff77 5%, #25e531 100%);
    background:-o-linear-gradient(top, #5cff77 5%, #25e531 100%);
    background:-ms-linear-gradient(top, #5cff77 5%, #25e531 100%);
    background:linear-gradient(to bottom, #5cff77 5%, #25e531 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#378de5',GradientType=0);
    background-color:#5cff77;
    padding: 5px 10px; font-size: 18px; border: 0; letter-spacing: 1px; color: white;
    -moz-box-shadow: 1px 1px 3px #222;
    -webkit-box-shadow: 1px 1px 3px #222;
    box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.2), inset -2px -2px 3px 0px rgba(0,0,0,0.2), inset 2px 2px 3px 0px rgba(0,0,0,0.2);
    cursor: pointer;
    margin:10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    outline: none;
}
.mybutton_green:hover {
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #25e531), color-stop(1, #5cff77));
    background:-moz-linear-gradient(top, #25e531 5%, #5cff77 100%);
    background:-webkit-linear-gradient(top, #25e531 5%, #5cff77 100%);
    background:-o-linear-gradient(top, #25e531 5%, #5cff77 100%);
    background:-ms-linear-gradient(top, #25e531 5%, #5cff77 100%);
    background:linear-gradient(to bottom, #25e531 5%, #5cff77 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#378de5', endColorstr='#79bbff',GradientType=0);
    background-color:#25e531;
}
.mybutton_green:active {
    position:relative;
    top:1px;
}

.imagehoverdiv{
    position:fixed;
    margin:auto;
    width:40%;
    min-width:360px;
    left:50%;
    top:10em;
    background: #b5b5b5; /* Old browsers */
    background: -moz-linear-gradient(top,  #b5b5b5 0%, #9b9b9b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #b5b5b5 0%,#9b9b9b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #b5b5b5 0%,#9b9b9b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b5b5', endColorstr='#9b9b9b',GradientType=0 ); /* IE6-9 */
    margin:0;
    border:1px solid #d9d9d9;
    box-shadow: -4px 4px 6px -1px rgba(0,0,0,0.2);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding:5px;

}

#myprogress {
    position: relative;
    width: 90%;
    height: 2em;
    background-color: grey;
    margin: 0 auto;
    border-radius: 5px;
    top:30%
}
#myprogressbar {
    position: absolute;
    width: 1%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: #6db3f2; /* Old browsers */
    background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */

    margin: auto;
    border-radius: 5px;
}

#myprogresslabel {
    text-align: center; /* If you want to center it */
    line-height: 30px; /* Set the line-height to the same as the height of the progress bar container, to center it vertically */
    color: white;
}

.chartdiv{
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3) ;
    box-shadow: 1px 1px 2px 1px rgba(0,0,0,0.3) ;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.2) ;
    background-color: white;
}