﻿@Media screen {
    html, body, form
    {
        margin: 0px;
        padding: 0px;
        border: none;
        width: 100%;
        height: 100%;
    }
    body
    {
        background-image: url(/RevistaHorse/WebSite/App_Structure/Body/Back.gif);
        background-repeat: repeat-x;
        background-position: left top;
        background-color: #ffffff;
        text-align: center;
    }
    .bodyPanel
    {
        display: block;
        clear: both;
        width: 1000px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .bodyMain
    {
        display: block;
        float: left;
        width: 635px;
        margin-right: 10px;
    }
    .bodyMainOnline
    {
        display: block;
        clear: both;
        padding-left: 20px;
    }
    .bodyFix
    {
        display: block;
        clear: both; 
        width: 100%;
        height: 1px;
        overflow: hidden;
    }

    /*****************************************************
    *** Header
    *****************************************************/
    .HeaderPanel
    {
        display: block;
        clear: both; 
        width: 100%;
        height: 125px;
        overflow: hidden;
        margin-bottom: 30px;
        cursor: default;
    }
    .HeaderLogo
    {
        display: block;
        float: left;
        width: 356px;
    }
    .HeaderRight
    {
        display: block;
        float: left;
        width: 644px;
        text-align: right;
    }
    .HeaderSearch
    {
        display: block;
        float: left;
        width: 344px;
        height: 38px;
        padding-top: 10px;
    }
    .HeaderSearchLeft
    {
        float: left;
        margin-left: 118px;
    }
    .HeaderSearchTextBox, .HeaderSearchTextBoxEmpty
    {
        border-style: solid;
        border-width: 1px 0px 1px 0px;
        border-color: #b9ce92;
        width: 180px;
        margin: 0px;
        padding: 7px 0px 0px 0px;
        float: left;
        background-color: #fbfcf8;
        height: 21px;
        background-image: url(/RevistaHorse/WebSite/App_Structure/Header/SearchBack.gif);
        background-position: left top;
        background-repeat: repeat-x;
    }
    .HeaderSearchTextBox
    {
        font-family: Verdana, Tahoma, Arial;
        font-size: 13px;
        color: #74923c;
    }
    .HeaderSearchTextBoxEmpty
    {
        font-family: 'Times New Roman' , Tahoma, Arial;
        font-style: italic;
        font-size: 15px;
        color: #8fac58;
    }
    .HeaderSearchButton
    {
        float: left;
        cursor: pointer;
    }
    .HeaderLinkPanel
    {
        display: block;float: left; width: 300px;
        padding-top: 5px;
        padding-bottom: 5px;
        height: 38px; 
    }
    .HeaderLink
    {
        padding: 13px 20px 11px 20px;
        font-family: Verdana, Tahoma, Arial;
        font-size: 12px;
        font-weight: bold;
        color: #999999;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #d7d7d7;
        text-decoration: none;
        line-height: 38px; 
    }
    .HeaderLink:hover
    {
        text-decoration: underline;
        color: #333333;
    }
    .HeaderMenuPanel
    {
        padding-top: 33px;
        display: block;
        clear: both;
        padding-right: 16px;
    }
    .HeaderMenu
    {
        padding: 0px 6px 0px 19px;
        font-family: Tahoma, Arial, Verdana;
        font-size: 0.8em;
        font-weight: bold;
        color: #666666;
        text-decoration: none;
        background-image: url(/RevistaHorse/WebSite/App_Structure/Header/MenuIcon.gif);
        background-position: left center;
        background-repeat: no-repeat;
        line-height: 25px;
    }
    .HeaderMenu:hover
    {
        background-image: url(/RevistaHorse/WebSite/App_Structure/Header/MenuIconOver.gif);
        color: #000000;
    }

    /*****************************************************
    *** Side Bar
    *****************************************************/
    .SideBarPanel
    {
        display: block;
        float: left;
        width: 150px;
        margin-right: 14px;
    }

    /*****************************************************
    *** Publicity
    *****************************************************/
    .PublicityPanel
    {
        display: block;
        float: left;
        width: 180px;
        border-left-style: solid;
        border-left-width: 1px;
        border-left-color: #cccccc;
        padding-left: 10px;
    }
    .PublicityTitle
    {
        display: block;
        clear: both;
        border-bottom-style: dotted;
        border-bottom-width: 1px;
        border-bottom-color: #cccccc;
        font-family: Verdana, Tahoma, Arial;
        font-size: 10px;
        color: #666666;
        margin-bottom: 10px;
    }

    /*****************************************************
    *** Footer
    *****************************************************/
    .FooterPanel
    {
        display: block;
        clear: both;
        background-color: #b9d089;
        margin-top: 30px;
        text-align: center;
    }
    .FooterBox
    {
        display: block;
        clear: both;
        height: 150px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
        width: 980px;
    }
    .FooterLeft
    {
        display: block;
        float: left;
        width: 780px;
    }
    .FooterRight
    {
        display: block;
        float: right;
        width: 160px;
        margin-top: 15px;
    }
    .FooterCopy
    {
        font-weight: bold;
        font-size: x-small;
        color: #7b9d4b;
        font-family: Arial, Tahoma, Verdana;
        text-decoration: none;
        text-align: left;
        padding-top: 10px;
        padding-left: 2px;
        cursor: default;
    }
    .FooterMenu
    {
        margin: 30px 0px 20px 3px;
        display: block;
    }
    .FooterMenuItem
    {
        padding-right: 8px;
        padding-left: 8px;
        font-size: 0.7em;
        border-right: #588527 1px solid;
        border-left: #588527 1px solid;
        color: #3d6a0c;
        font-family: Tahoma, Verdana, Arial;
        text-decoration: none;
    }
    .FooterMenuItem:hover
    {
        color: #000000;
        text-decoration: underline;
    }

    /*****************************************************
    *** Publicity
    *****************************************************/
    .PublicityHome
    {
        padding-bottom: 10px;
    }
    .PublicitySide
    {
        padding-bottom: 10px;
        text-align: center;
    }
    .PublicityMenu
    {
        padding-top: 10px;
    }
}
