﻿.ClassicRedButton
{
    background: rgb(165,22,9); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(209,67,5,1) 77%, rgba(209,11,5,1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(77%,rgba(209,67,5,1)), color-stop(98%,rgba(209,11,5,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(209,67,5,1) 77%,rgba(209,11,5,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(209,67,5,1) 77%,rgba(209,11,5,1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(209,67,5,1) 77%,rgba(209,11,5,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(209,67,5,1) 77%,rgba(209,11,5,1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a51609', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
    border: none;
    height: 32px;
    color:White;
    min-width: 50px;
    border-radius: 4px; /*Shadow*/
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5); /*Transition*/
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.ClassicRedButton:hover
{
    background: rgb(209,19,12); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(219,87,5,1) 55%, rgba(219,31,5,1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(219,87,5,1)), color-stop(98%,rgba(219,31,5,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1130c', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
    border: none;
    height: 32px;
    color:White;
    min-width: 50px;
    border-radius: 4px; /*Shadow*/
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.5); /*Transition*/
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

.ClassicRedButton:active
{
    background: rgb(209,19,12); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(219,87,5,1) 55%, rgba(219,31,5,1) 98%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%,rgba(219,87,5,1)), color-stop(98%,rgba(219,31,5,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(219,87,5,1) 55%,rgba(219,31,5,1) 98%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1130c', endColorstr='#ffa84c',GradientType=0 ); /* IE6-9 */
    border: none;
    height: 32px;
    color:White;
    min-width: 50px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 3px 1px rgba(0, 0, 0, 0);
    box-shadow: 0px 3px 1px rgba(0, 0, 0, 0); /*Transition*/
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
    -ms-transition: All 0.2s ease;
    transition: All 0.2s ease;
}

@font-face
{
    font-family: 'ModernPictogramsNormal';
    src: url('../../Fonts/modernpics-webfont.eot');
    src: url('../../Fonts/modernpics-webfont.eot?#iefix') format('embedded-opentype'), url('../../Fonts/modernpics-webfont.woff') format('woff'), url('../../Fonts/modernpics-webfont.ttf') format('truetype'), url('../../Fonts/modernpics-webfont.svg#ModernPictogramsNormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

.NewPageArrow
{
    font-family: "ModernPictogramsNormal" , Helvetica, Arial, sans-serif;
    font-size: 120%;
    margin-left: 2px;
    margin-top: -1px;
    text-decoration: none !important;
    font-style: normal !important;
    text-transform: lowercase !important;
}

.ModFontImage
{
    font-family: "ModernPictogramsNormal" , Helvetica, Arial, sans-serif;
    font-size: 2.5em;
    margin-left: 2px;
    margin-top: -1px;
    text-decoration: none !important;
    font-style: normal !important;
}

