.force_frame{
    padding: 15px;
    color: #000;
    margin: 25px 0;

}

.force_frame.lightgreen{
    background: rgb(197,215,58); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(197,215,58,0.5) 0%, rgba(172,195,34,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(197,215,58,0.5)), color-stop(100%,rgba(172,195,34,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(197,215,58,0.5) 0%,rgba(172,195,34,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(197,215,58,0.5) 0%,rgba(172,195,34,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(197,215,58,0.5) 0%,rgba(172,195,34,0.5) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(197,215,58,0.5) 0%,rgba(172,195,34,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c5d73a', endColorstr='#acc322',GradientType=0 ); /* IE6-9 */
}

.force_frame.green{
    background: rgb(186,193,56); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(186,193,56,0.5) 0%, rgba(157,166,33,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(186,193,56,0.5)), color-stop(100%,rgba(157,166,33,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(186,193,56,0.5) 0%,rgba(157,166,33,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(186,193,56,0.5) 0%,rgba(157,166,33,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(186,193,56,0.5) 0%,rgba(157,166,33,0.5) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(186,193,56,0.5) 0%,rgba(157,166,33,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bac138', endColorstr='#9da621',GradientType=0 ); /* IE6-9 */
}

.force_frame.darkgreen{
    background: rgb(158,158,42); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(158,158,42,0.5) 1%, rgba(125,125,24,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(158,158,42,0.5)), color-stop(100%,rgba(125,125,24,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e2a', endColorstr='#7d7d18',GradientType=0 ); /* IE6-9 */
}

.force_frame.darkgreen{
    background: rgb(158,158,42); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(158,158,42,0.5) 1%, rgba(125,125,24,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(158,158,42,0.5)), color-stop(100%,rgba(125,125,24,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(158,158,42,0.5) 1%,rgba(125,125,24,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9e2a', endColorstr='#7d7d18',GradientType=0 ); /* IE6-9 */
}

.force_frame.purple{
    background: rgb(136,136,193); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(136,136,193,0.5) 0%, rgba(99,99,166,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(136,136,193,0.5)), color-stop(100%,rgba(99,99,166,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(136,136,193,0.5) 0%,rgba(99,99,166,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(136,136,193,0.5) 0%,rgba(99,99,166,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(136,136,193,0.5) 0%,rgba(99,99,166,0.5) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(136,136,193,0.5) 0%,rgba(99,99,166,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8888c1', endColorstr='#6363a6',GradientType=0 ); /* IE6-9 */
}

.force_frame.blue{
    background: rgb(105,172,217); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(105,172,217,0.5) 0%, rgba(69,141,201,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(105,172,217,0.5)), color-stop(100%,rgba(69,141,201,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(105,172,217,0.5) 0%,rgba(69,141,201,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(105,172,217,0.5) 0%,rgba(69,141,201,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(105,172,217,0.5) 0%,rgba(69,141,201,0.5) 100%); /* IE10+ */
    background: linear-gradient(top,  rgba(105,172,217,0.5) 0%,rgba(69,141,201,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69acd9', endColorstr='#458dc9',GradientType=0 ); /* IE6-9 */
}