﻿@Media screen {

    html, body, form
    {
        margin: 0px;
        padding: 0px;
        border: none;
        width: 100%;
        height: 100%;
    }
    body
    {
        background-color: #ffffff;
        cursor: default;
    }

    /*****************************************************
    *** Header
    *****************************************************/
    .HeaderPanel
    {
        display: block;
        clear: both;
        height: 420px;
        overflow: hidden;
        background-image: url(/CETN/WebSite/App_Structure/Header/Back.jpg);
        background-position: left top;
        background-repeat: repeat-x;
        text-align: center;
    }
    .HeaderBox
    {
        display: block;
        clear: both;
        width: 980px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
    }
    .HeaderLogo
    {
        display: block;
        float: left;
        width: 236px;
    }
    .HeaderRight
    {
        display: block;
        float: left;
        width: 726px;
    }
    .HeaderPicture
    {
        display: block;
        clear: both;
    }

    /*****************************************************
    *** Login
    *****************************************************/
    .LoginPanel
    {
        display: block;
        clear: both;
        height: 105px;
        overflow: hidden;
        background-image: url(/CETN/WebSite/App_Structure/Header/LoginTitle.gif);
        background-position: right 28px;
        background-repeat: no-repeat;
    }
    .LoginMail
    {
        display: block;
        float: left;
        width: 185px;
        padding-top: 40px;
        margin-left: 374px;
    }
    .LoginPassword
    {
        display: block;
        float: left;
        width: 135px;
        padding-top: 40px;
    }
    .LoginButton
    {
        display: block;
        float: left;
        width: 32px;
        padding-top: 52px;
    }
    .LoginLabel
    {
        display: block;
        clear: both;
        font-family: Tahoma, Verdana, Arial;
        font-size: 8pt;
        color: #000000;
        line-height: 11px;
        padding-left: 1px;
    }
    .LoginTextBox
    {
        padding: 1px 3px 0px 3px;
        border: 1px solid #cccdd5;
        font-family: Verdana, Tahoma, Arial;
        font-size: 11pt;
        color: #000000;
        background-image: url(/CETN/WebSite/App_Structure/Header/LoginTextBox.gif);
        background-position: left top;
        background-repeat: repeat-x;
        margin: 0px;
        height: 20px;
        text-transform: lowercase;
    }
    .LoginForgotPanel
    {
        display: block;
        clear: both;
        text-align: right;
        padding-right: 31px;
    }
    .LoginForgot
    {
        font-family: Verdana, Arial, Tahoma;
        font-size: 11px;
        color: #4e4f5c;
        text-decoration: none;
        display: block;
        clear: both;
    }
    .LogonPanel
    {
        display: block;
        clear: both;
        height: 105px;
        overflow: hidden;
        background-image: url(/CETN/WebSite/App_Structure/Header/LoginTitle.gif);
        background-position: right 28px;
        background-repeat: no-repeat;
        text-align: right;
    }
    .LoginUserLabel
    {
        font-family: Arial Narrow, Tahoma, Verdana, Arial;
        font-size: 14pt;
        font-weight: bold;
        color: #5e941b;
        display: block;
        clear: both;
        margin-top: 47px;
    }
    .LoginMenuItemFirst, .LoginMenuItem
    {
        padding: 0px 10px 0px 10px;
        margin: 15px 0px 0px 0px;
        border-style: solid;
        border-width: 0px 1px 0px 1px;
        border-color: #cbcbcb;
        font-family: Arial Narrow, Arial, Tahoma;
        font-size: 11pt;
        color: #4e4f5c;
        text-decoration: none;
        display: block;
        float: left;
    }
    .LoginMenuItemFirst
    {
        margin-left: 251px;
    }
    .LoginMenuItem
    {
        margin-left: 5px;
    }

    /*****************************************************
    *** Body
    *****************************************************/
    .BodyPanel
    {
        display: block;
        clear: both;
        text-align: center;
    }
    .BodyBox
    {
        display: block;
        clear: both;
        width: 980px;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }
    .BodyPage
    {
        display: block;
        float: left;
        width: 770px;
    }
    .BodyPageBox
    {
        display: block;
        clear: both;
        padding: 20px 20px 10px 20px;
    }

    /*****************************************************
    *** Menu
    *****************************************************/
    .MenuPanel
    {
        display: block;
        float: left;
        width: 210px;
    }
    .MenuTop
    {
        display: block;
        clear: both;
        height: 30px;
        overflow: hidden;
        background-image: url(/CETN/WebSite/App_Structure/Menu/MenuTop.gif);
        background-position: left top;
        background-repeat: no-repeat;
    }
    .MenuBack
    {
        display: block;
        clear: both;
        background-image: url(/CETN/WebSite/App_Structure/Menu/MenuBack.gif);
        background-position: left top;
        background-repeat: repeat-y;
    }
    .MenuBottom
    {
        display: block;
        clear: both;
        height: 23px;
        overflow: hidden;
        background-image: url(/CETN/WebSite/App_Structure/Menu/MenuBottom.gif);
        background-position: left top;
        background-repeat: no-repeat;
    }
    .MenuBox
    {
        padding: 0px 0px 15px 0px;
        display: block;
        clear: both;
        width: 202px;
    }
    .MenuItemFirst
    {
        display: block;
        clear: both;
        padding: 0px 5px 4px 20px;
    }
    .MenuItem
    {
        display: block;
        clear: both;
        background-image: url(/CETN/WebSite/App_Structure/Menu/MenuDivision.png);
        background-position: center top;
        background-repeat: no-repeat;
        padding: 8px 5px 4px 20px;
    }
    .MenuItemLink
    {
        display: block;
        font-family: Verdana, Tahoma, Arial;
        font-size: 7pt;
        font-weight: bold;
        color: #969d98;
        text-decoration: none;
    }
    .MenuItemLinkText
    {
        display: inline;
        font-family: Arial Narrow, Arial, Tahoma;
        font-size: 11pt;
        color: #333333;
        font-weight: normal;
    }
    .MenuItemLink:hover
    {
        color: #5da13b;
    }

    /*****************************************************
    *** Publicity
    *****************************************************/
    .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: 20px 0px 0px 0px;
    }
    .PublicityCell
    {
        padding: 2px 25px 2px 25px;
    }
    .PublicityService
    {
        padding: 10px 0px 0px 0px;
        text-align: center;
    }

    /*****************************************************
    *** Mailing
    *****************************************************/
    .MailingPanel
    {
        display: block;
        clear: both;
        padding-left: 10px;
    }
    .MailingTitle
    {
        display: block;
        clear: both;
        font-family: Arial Narrow, Tahoma, Verdana;
        font-size: 18pt;
        color: #6a7081;
    }
    .MailingLabel
    {
        margin: 5px 2px 7px 2px;
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.7em;
        color: #333333;
        display: block;
        cursor: default;
    }
    .MailingLabelBox
    {
        font-weight: bold;
        font-size: 10px;
        width: 50px;
        color: #6a7081;
        font-family: Verdana, Tahoma, Arial;
        text-align: right;
        float: left;
        margin-right: 8px;
        padding-top: 8px;
    }
    .MailingTextBoxDiv
    {
        display: block;
        float: left;
        width: 140px;
    }
    .MailingTextBox
    {
        font-family: Verdana, Arial, Tahoma;
        font-size: 9pt;
        border: 1px solid #bbc0c6;
        width: 130px;
        height: 19px;
        line-height: 20px;
        margin-bottom: 7px;
    }
    .MailingButton
    {
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.7em;
        color: #ffffff;
        border: medium none;
        width: 90px;
        height: 23px;
        background-color: Transparent;
        cursor: pointer;
        line-height: 23px;
        background-image: url(/CETN/WebSite/App_Structure/Menu/Button.png);
        font-weight: bold;
        text-align: center;
        padding: 0px; margin-left: 100px;
    }
    .MailingWarning
    {
        margin: 5px 2px 5px 2px;
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.7em;
        color: #333333;
        display: block;
        clear: both;
        text-align: center;
        cursor: default;
        font-weight: bold;
    }

    /*****************************************************
    *** Poll
    *****************************************************/
    .PollTitle
    {
        display: block;
        clear: both;
        font-family: Arial Narrow, Tahoma, Verdana;
        font-size: 16pt;
        color: #5e941b;
        margin-left: 3px;
    }
    .PollAsk
    {
        margin: 4px 7px 2px 7px;
        font-family: Arial, Tahoma, Verdana;
        font-size: 9pt;
        color: #333333;
        display: block;
        cursor: default; 
    }
    .PollOption
    {
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.7em;
        color: #333333;
        text-indent: -27px;
        padding-left: 27px;
    }
    .PollTable
    {
        margin-top: 8px;
        margin-left: 7px;
    }
    .PollBar
    {
        border-color: #ffffff;
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.6em;
        border-right-style: solid;
        border-right-width: 5px;
        background-position: left center;
        background-repeat: repeat-x;
    }
    .PollPercent
    {
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.6em;
        color: #333333;
        font-weight: bold;
    }
    .PollOptionVote
    {
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.7em;
        color: #333333;
        clear: both;
        display: block;
        margin-left: 7px;
    }
    .PollButton
    {
        font-family: Tahoma, Verdana, Arial;
        font-size: 0.7em;
        color: #ffffff;
        border: medium none;
        width: 124px;
        height: 32px;
        background-color: Transparent;
        cursor: pointer;
        text-align: left;
        padding-left: 37px;
        line-height: 32px;
        background-image: url(/CETN/WebSite/Contact/Button.gif);
        font-weight: bold;
        margin-top: 5px;
        margin-left: 3px;
    }
    .PollWait
    {
        display: block;
        background-image: url(/CETN/WebSite/Poll/Loading.gif);
        background-position: left center;
        background-repeat: no-repeat;
        height: 30px;
        font-family: Verdana, Arial, Tahoma;
        line-height: 30px;
        padding-left: 24px;
        font-size: 13px;
        margin-left: 62px; 
        cursor: default; 
    }

    /*****************************************************
    *** Footer
    *****************************************************/
    .FooterPanel
    {
        display: block;
        clear: both;
        border-top: solid 3px #d9d9d9;
        background-color: #ffffff;
        text-align: center;
        margin-top: 30px;
    }
    .FooterBox
    {
        display: block;
        clear: both;
        width: 940px;
        text-align: left;
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
    }
    .FooterBoxBack
    {
        display: block;
        clear: both;
        background-image: url(/CETN/WebSite/App_Structure/Footer/Back.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        margin-top: 20px;
    }
    .FooterLeft
    {
        display: block;
        float: left;
        width: 800px;
    }
    .FooterRight
    {
        display: block;
        float: left;
        width: 140px;
        padding-top: 30px;
    }
    .FooterMenu
    {
        margin-top: 20px;
        margin-bottom: 20px;
        padding-left: 7px;
        display: block;
        clear: both;
    }
    .FooterItem
    {
        padding-right: 15px;
        font-family: 'Arial Narrow' , Arial, Verdana, Tahoma;
        color: #797979;
        font-weight: bold;
        font-size: 12pt;
        text-decoration: none;
    }
    .FooterAddressBox
    {
        width: 193px;
        vertical-align: top;
    }
    .FooterCompany
    {
        font-family: Verdana, Arial, Tahoma;
        color: #666666;
        font-weight: bold;
        font-size: 7pt;
        text-transform: uppercase;
    }
    .FooterAddress, .FooterMail
    {
        font-family: Tahoma, Arial, Verdana;
        color: #797979;
        font-size: 0.7em;
        line-height: 14px;
        vertical-align: top;
    }
    .FooterMail
    {
        padding: 5px 0px 5px 0px;
    }
    .FooterLink
    {
        color: #0066cc;
        text-decoration: none;
    }
    .FooterLink:hover
    {
        text-decoration: underline;
    }
    .FooterCopy
    {
        font-family: Arial, Verdana, Tahoma;
        color: #797979;
        font-weight: bold;
        font-size: 7pt;
        display: block;
        padding-bottom: 25px;
        padding-left: 8px;
    }
}