@media screen and (min-width: 1400px)
{
    body
    {
        background-image: url(../content/images/sunflower3.png),radial-gradient(#FFB201 65%,yellow);
    }
    .wrapper
    {
        top: 27%;
        left: 17%;
        width: 23%;
        height: 65%;
    }
    .wrapper1
    {
        top:17%;
        left:17%;
        width:30%;
        height:75%;
    }
    .wrapper2
    {
        top:5%;
        left:40%;
        width:58%;
        height:90%;
    }
    .footer
    {
        top:95%;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1400px)
{
    body
    {
        background-image: url(../content/images/sunflower4.png),radial-gradient(#FFB201 65%,yellow);
    }

    .wrapper
    {
        top: 27%;
        left: 23%;
        width: 30%;
        height:60%;
    }

    .wrapper1
    {
        top: 17%;
        left: 23%;
        width: 40%;
        height:60%;
    }
    .wrapper2
    {
        top: 5%;
        left: 40%;
        width: 58%;
        height:90%;
    }
    .footer
    {
        top:90%;
    }
}
@media screen and (max-width: 1000px)
{
    body
    {
        background-image: radial-gradient(#FFB201 65%,yellow);
    }

    .wrapper
    {
        top: 23%;
        left: 33%;
        width: 43%;
        height:60%;
    }

    .wrapper1
    {
        top: 23%;
        left: 33%;
        width: 60%;
        height:60%;
    }
    .wrapper2
    {
        top: 5%;
        left: 65%;
        width: 30%;
        height:90%;
    }
    .footer
    {
        top:90%;
    }
}

body {
    font-size: .85em;
    font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color:#FFB201;
    background-repeat:no-repeat;
    background-position:right center;
    background-attachment:fixed;
}

.footer
{
    position:fixed;
    width:100%;
}

.menu
{
    font-size: 1.25em;
    font-weight: bolder;
    color: #259a0e;
    padding-left: 30px;
}
.menu td
{
    padding:10px;
    background-image:radial-gradient(circle,yellow 1%,#FFB201);
    background-clip: padding-box;
    border-radius: 30px;
    cursor: pointer;
}
.wrapper
{
    position: absolute;
    overflow-x: visible;
    overflow-y: auto;
}
.wrapper1
{
    display:none;
    position:absolute;
    overflow-x:visible;
    overflow-y:auto;
}
.wrapper2
{
    display:none;
    position:absolute;
    overflow-x:hidden;
    overflow-y:auto;
}
.button
{
    font-size: 1.25em;
    font-weight: bolder;
    color: #259a0e;
    padding:10px;
    background-image:radial-gradient(circle,yellow 1%,#FFB201);
    background-clip: padding-box;
    border-radius: 30px;
    cursor: pointer;
    white-space:nowrap;
}
.header {
    font-size: 1em;
    font-weight: bolder;
}
.mo
{
    display: none;
}
.admin
{
    display: none;
}
.image
{
    cursor: pointer;
}


/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
    border: 1px solid #ddd;
    padding: 0 1.4em 1.4em 1.4em;
    margin: 0 0 1.5em 0;
}

legend {
    font-size: 1.2em;
    font-weight: bold;
}

textarea {
    min-height: 75px;
}

.editor-label {
    margin: 1em 0 0 0;
}

.editor-field {
    margin: 0.5em 0 0 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}
.thumbnail-container {
    width: calc(1080px * 0.24);
    height: calc(900px * 0.24);
    display: inline-block;
    overflow: hidden;
    position: relative;
    background: #f9f9f9;
    margin: 2px;
    border: solid 2px green;
}
.thumbnail {
    width: 1080px;
    height: 900px;
    position: relative;
    -ms-zoom: 0.24;
    -moz-transform: scale(0.24);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.24);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.24);
    -webkit-transform-origin: 0 0;
    transform: scale(0.24);
}
.thumbnail iframe {
    width: 1080px;
    height: 900px;
}
.thumbnail:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}