

.help {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.help_panel div {
    padding: 1em 1em 0 1em;
}

.help_panel {
    vertical-align: top;
    display: inline-block;
    height: 12em;
    width: 12em;
    margin: 0.5em 0.5em;
    text-align: center;
    border-radius: 10px;
}



.video {
    background: #01a1e1; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#01a1e1, #7551b9); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#01a1e1, #7551b9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#01a1e1, #7551b9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#01a1e1, #7551b9); /* Standard syntax */
}

.manual {
    background: #7551b9; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#7551b9, #dd2b92); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7551b9, #dd2b92); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7551b9, #dd2b92); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7551b9, #dd2b92); /* Standard syntax */
}

.webinar {
    background: #dd2b92; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#dd2b92, #ee1c25); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#dd2b92, #ee1c25); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#dd2b92, #ee1c25); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#dd2b92, #ee1c25); /* Standard syntax */
}

.new {
    background: #ee1c25; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#ee1c25, #f5681c); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ee1c25, #f5681c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ee1c25, #f5681c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ee1c25, #f5681c); /* Standard syntax */
}

.email {
    background: #f5681c; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f5681c, #f8b818); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f5681c, #f8b818); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f5681c, #f8b818); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f5681c, #f8b818); /* Standard syntax */
}

.phone {
    background: #f8b818; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f8b818, #7ab052); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f8b818, #7ab052); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f8b818, #7ab052); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f8b818, #7ab052); /* Standard syntax */
}

.faq {
    background: #7cb04f;
    background: -webkit-linear-gradient(#7cb04f,#01a1e1);
    background: -o-linear-gradient(#7cb04f,#01a1e1);
    background: -moz-linear-gradient(#7cb04f,#01a1e1);
    background: linear-gradient(#7cb04f,#01a1e1);
}



div.help_header {
    font-size: 14pt;
    font-weight: bold;
    color: #FFF;
    padding: 0.3em 0.3em;
    white-space:normal;
}

div.help_header > a {
    font-size: 14pt;
    color: #FFF;
    white-space: nowrap;
    padding: 0.3em 0.3em;
}

.help_icon i {
    font-size: 30pt;
    color: #FFF;
}

div.help_description {
    color: #FFF;
    font-size: 12px;
    text-align: center;
    padding: 0.5em 0.5em;
}

div.help_description > a {
    color: #FFF;
    font-size: 12px;
    width: 16em;
    text-align: center;
    padding: 0.5em 0.5em;
}
div#content a.external:hover {
    text-decoration: none;
}

