.boxRed {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ff0000;
    font-size: 10pt;
    padding: 2px 5px;
}

.boxYellow {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #ffff00;
    font-size: 10pt;
    padding: 2px 5px;
}

.boxGreen {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #00ff00;
    font-size: 10pt;
    padding: 2px 5px;
}

.boxLightBlue {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #00e8ff;
    font-size: 10pt;
    padding: 2px 5px;
}

.boxDarkBlue {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #0000ff;
    font-size: 10pt;
    padding: 2px 5px;
}

.boxGray {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid #CCCCCC;
    font-size: 10pt;
    padding: 2px 5px;
}

.imgFR-Large-Portrait {
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 337px;
    max-height: 450px;
}

.imgFR-Large-Landscape {
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 600px;
}

.imgFR-Large-Landscape16x9 {
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 600px;
    max-height: 338px;
}

.imgFR-Large-Landscape4x3 {
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 600px;
    max-height: 450px;
}

.imgFR-Large-Landscape3x2 {
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 600px;
    max-height: 400px;
}

.imgFR-Large-Square {
    border-radius: 10px;
    border: none;
    width: 100%;
    max-width: 450px;
    max-height: 450px;
}
/*big PC*/
@media only screen and (min-width: 1100px) {
    .divFR {
        margin-top: 10px;
        background-color: #f8f0d9;
        border-radius: 20px;
        padding: 20px;
    }

    .divFRTitle, .divFRTitle a {
        font-weight: bold;
        color: #000;
        margin-top: 10px;
        font-size: 16pt;
    }

    .divFRRanking {
        float: left;
        margin: 5px 5px 2px 0;
    }

    .divSingleReport {
        margin-top: 10px;
        font-size: 14pt;
    }

    .divSingleReportTitle, .divSingleReportTitle span {
        font-weight: bold;
        color: #000;
        font-size: 16pt;
        text-align: center;
    }

    .divSingleReportFacebookLink {
        text-align: center;
        font-size: 12pt;
        margin: 10px;
    }

    .divSingleReportImage {
        display: table;
        margin: 10px auto;
    }

    .divSingleReportImageCaption {
        text-align: center;
        font-size: 12pt;
    }

    .divSingleReportOpenDays {
        text-align: center;
        font-size: 12pt;
        margin-bottom: 10px;
    }

    .tblHosted {
        margin: 0 auto;
        border-collapse: collapse;
        font-size: 12pt;
    }

        .tblHosted tr {
        }

        .tblHosted th {
            border: 1px solid #ccc;
            padding: 2px 5px;
        }

        .tblHosted td {
            border: 1px solid #ccc;
            padding: 2px 5px;
        }

    .cellHeader, .cellDetail {
    }

    .cellSummary {
        display: none;
    }

    .imgHosted {
        width: 300px;
        height: 200px;
        display: table;
        float: left;
        margin: 5px 10px 5px 0;
        border-radius: 10px;
    }

    .tblFR {
        display: table;
        margin: 0 auto;
    }

    .divFRCaption {
        text-align: center;
        font-size: 12pt;
    }

    .rowFR {
        display: table-row;
    }

    .cellFR {
        vertical-align: top;
        display: table-cell;
        width: 33%;
        padding: 5px;
    }
}

/*smaller PC*/
@media only screen and (max-width: 1099px) and (min-width: 768px) {
    .divFR {
        margin-top: 10px;
        background-color: #f8f0d9;
        border-radius: 20px;
        padding: 20px;
    }

    .divFRTitle, .divFRTitle a {
        font-weight: bold;
        color: #000;
        margin-top: 10px;
        font-size: 16pt;
    }

    .divFRRanking {
        float: left;
        margin: 5px 5px 2px 0;
    }

    .divSingleReport {
        margin-top: 10px;
        font-size: 14pt;
    }

    .divSingleReportTitle, .divSingleReportTitle span {
        font-weight: bold;
        color: #000;
        font-size: 16pt;
        text-align: center;
    }

    .divSingleReportFacebookLink {
        text-align: center;
        font-size: 12pt;
        margin: 10px;
    }

    .divSingleReportImage {
        display: table;
        margin: 10px auto;
    }

    .divSingleReportImageCaption {
        text-align: center;
        font-size: 12pt;
    }

    .divSingleReportOpenDays {
        text-align: center;
        font-size: 12pt;
        margin-bottom: 10px;
    }

    .tblHosted {
        margin: 0 auto;
        width: 100%;
        border-collapse: collapse;
        font-size: 11pt;
    }

        .tblHosted tr {
        }

        .tblHosted th {
            border: 1px solid #ccc;
            padding: 2px 5px;
        }

        .tblHosted td {
            border: 1px solid #ccc;
            padding: 2px 5px;
        }

    .cellHeader, .cellDetail {
    }

    .cellSummary {
        display: none;
    }

    .imgHosted {
        width: 240px;
        height: 160px;
        display: table;
        float: left;
        margin: 5px 10px 5px 0;
        border-radius: 10px;
    }

    .tblFR {
        display: table;
        margin: 0 auto;
    }

    .divFRCaption {
        text-align: center;
        font-size: 10pt;
    }

    .rowFR {
        display: table-row;
    }

    .cellFR {
        vertical-align: top;
        display: table-cell;
        width: 33%;
        padding: 5px;
    }
}

/*tablet*/
@media only screen and (max-width: 767px) and (min-width: 481px) {
    .divFR {
        margin-top: 10px;
    }

    .divFRTitle, .divFRTitle a {
        font-weight: bold;
        color: #e5da06;
        margin-top: 10px;
        font-size: 14pt;
    }

    .divFRRanking {
        float: left;
        margin: 5px 5px 2px 0;
    }

    .divSingleReport {
        margin-top: 10px;
        font-size: 12pt;
    }

    .divSingleReportTitle, .divSingleReportTitle span {
        font-weight: bold;
        color: #e5da06;
        font-size: 14pt;
        text-align: center;
    }

    .divSingleReportFacebookLink {
        text-align: center;
        font-size: 12pt;
        margin: 10px;
    }

    .divSingleReportImage {
        display: table;
        margin: 10px auto;
    }

    .divSingleReportImageCaption {
        text-align: center;
        font-size: 12pt;
        margin-bottom: 10px;
    }

    .divSingleReportOpenDays {
        text-align: center;
        font-size: 12pt;
        margin-bottom: 10px;
    }

    .tblHosted {
        margin: 0 auto;
        width: 100%;
    }

        .tblHosted tr {
        }

        .tblHosted th {
        }

        .tblHosted td {
        }

    .cellHeader, .cellDetail {
        display: none;
    }

    .cellSummary {
    }

    .divHostedListing {
        border: 1px solid #fff;
        border-radius: 10px;
        font-size: 12pt;
        padding: 5px;
        margin: 10px;
    }

    .imgHosted {
        width: 240px;
        height: 160px;
        display: table;
        float: left;
        margin: 5px 10px 5px 0;
        border-radius: 10px;
    }

    .tblFR {
    }

    .divFRCaption {
        text-align: center;
        font-size: 12pt;
        margin-bottom: 10px;
    }

    .rowFR {
    }

    .cellFR {
        display: table;
        margin: 0 auto;
    }
}

/*mobile*/
@media only screen and (max-width: 480px) {
    .divFR {
        margin-top: 10px;
    }

    .divFRTitle, .divFRTitle a {
        font-weight: bold;
        color: #e5da06;
        margin-top: 10px;
        font-size: 12pt;
    }

    .divFRRanking {
        float: left;
        margin: 5px 5px 2px 0;
    }

    .divSingleReport {
        margin-top: 10px;
    }

    .divSingleReportTitle, .divSingleReportTitle span {
        font-weight: bold;
        color: #e5da06;
    }

    .divSingleReportFacebookLink {
        text-align: center;
        font-size: 9pt;
        margin: 10px;
    }

    .divSingleReportImage {
        margin-bottom: 10px;
    }

    .divSingleReportImageCaption {
        text-align: center;
        font-size: 9pt;
        margin-bottom: 10px;
    }

    .divSingleReportOpenDays {
        margin-top: 10px;
        text-align: center;
        font-size: 9pt;
        margin-bottom: 10px;
    }

    .tblHosted {
        margin: 0 auto;
        width: 100%;
    }

        .tblHosted tr {
        }

        .tblHosted th {
        }

        .tblHosted td {
        }

    .cellHeader, .cellDetail {
        display: none;
    }

    .cellSummary {
    }

    .divHostedListing {
        border: 1px solid #fff;
        border-radius: 10px;
        font-size: 10pt;
        padding: 5px;
        margin: 10px;
    }

    .imgHosted {
        width: 240px;
        height: 160px;
        display: table;
        margin: 10px auto;
        border-radius: 10px;
    }

    .tblFR {
    }

    .rowFR {
    }

    .cellFR {
        display: table;
        margin: 0 auto;
    }
}