body
{
    width: 100%;
    margin: 0 auto;
}

.clear
{
    clear: both;
}

header
{
    display: block;
}

    header .HeaderContainer
    {
        display: block;
        width: 100%;
        background: url(Images/HeaderBackground.gif) repeat-x;
    }

        header .HeaderContainer .HeaderBanner
        {
            position: relative;
            height: 175px;
            background: url(Images/HeaderLogo.jpg) no-repeat;
        }

            header .HeaderContainer .HeaderBanner .divLogo
            {
                position: absolute;
                display: block;
                left: 700px;
                top: 35px;
                height: 115px;
            }

            header .HeaderContainer .HeaderBanner .divNome
            {
                position: absolute;
                display: block;
                left: 700px;
                top: 150px;
                color: white;
                height: 25px;
            }

                header .HeaderContainer .HeaderBanner .divNome .HeaderNomeComune
                {
                    font-weight: bold;
                    font-family: Arial,Helvetica,sans-serif;
                    font-size: 16px;
                    vertical-align: middle;
                }

            header .HeaderContainer .HeaderBanner .divLogo .HeaderLogoComune
            {
                height: 114px;
                margin-top: 1px;
            }

footer
{
    display: block;
    position: relative;
}

    footer .FooterContainer
    {
        display: block;
        position: relative;
        width: 100%;
        height: 111px;
        background: url(Images/FooterBackground.jpg) repeat-x;
    }

        footer .FooterContainer .FooterBanner
        {
            position: absolute;
            height: 83px;
            width: 169px;
            background: url(Images/GolemLogo.gif) no-repeat;
        }

        footer .FooterContainer .FooterCredits
        {
            position: absolute;
            right: 15px;
            top: 15px;
            height: 96px;
            line-height: 20px;
        }

            footer .FooterContainer .FooterCredits span
            {
                color: white;
                font-weight: bold;
            }

            footer .FooterContainer .FooterCredits a
            {
                color: white;
                font-weight: bold;
                text-decoration: none;
                cursor: pointer;
            }

.field-validation-error
{
    color: red;
}

.centerElement
{
    text-align: center;
}

.loginContainer
{
    width: 250px;
    min-height: 110px;
    margin: 0 auto;
    padding-top: 20px;
}

.RadPageViewTable
{
    margin: 10px;
}

.RowAlternatingColor
{
    background-color: #DAE2E8;
}

.greybox
{
    background-color: #F2F2F2;
    width: 60%;
    margin: 10px auto;
}

.center
{
    margin: 0px -50px;
    position: relative;
    top: 50%;
    left: 50%;
}

.pageErrorbox
{
    background-color: #F2F2F2;
    width: 60%;
    margin: 10px auto;
    text-align: center;
}

.mainContent
{
    min-height: 400px;
    padding: 10px;
}

.leftColumn
{
    float: left;
    display: block;
    width: 15%;
    margin-right: 1%;
}

.mainColumn
{
    float: left;
    display: block;
    width: 84%;
}

.box
{
    display: block;
    background-color: #F2F2F2;
}

    .box .boxContent
    {
        padding: 10px;
        margin-bottom: 10px;
    }

        .box .boxContent.menuAtti
        {
            height: 74px;
        }

        .box .boxContent.menuStrumenti
        {
            height: 98px;
        }

    .box .boxHeader
    {
        display: block;
        background-color: #003366;
        padding-left: 10px;
    }

        .box .boxHeader .boxText
        {
            color: white;
            line-height: 30px;
            vertical-align: middle;
            font-weight: bold;
        }

        .box .boxHeader .divRssFeed
        {
            display: block;
            float: left;
            height: 18px;
            width: 46px;
            margin-top: 8px;
            margin-right: 8px;
            cursor: pointer;
        }

            .box .boxHeader .divRssFeed.rssButton
            {
                background: url(Images/RssFeed.gif) no-repeat;
            }

                .box .boxHeader .divRssFeed.rssButton:hover
                {
                    background: url(Images/RssFeedHover.gif) no-repeat;
                }

            .box .boxHeader .divRssFeed a
            {
                display: block;
                height: 16px;
                width: 46px;
            }

.boxRight
{
    display: block;
    background-color: #F2F2F2;
}

    .boxRight .boxHeaderRight
    {
        position: relative;
        display: block;
        background-color: #F2F2F2;
        height: 39px;
    }

        .boxRight .boxHeaderRight .boxTextRight
        {
            font-size: 16px;
            font-weight: bold;
        }

        .boxRight .boxHeaderRight .boxSx
        {
            position: absolute;
            display: block;
            line-height: 39px;
            left: 10px;
        }

        .boxRight .boxHeaderRight .boxDx
        {
            position: absolute;
            display: block;
            line-height: 39px;
            right: 0px;
        }

        .boxRight .boxHeaderRight .boxSx.SxGrafica
        {
            padding-top: 5px;
        }

        .boxRight .boxHeaderRight .boxDx.DxGrafica
        {
        }

.tableTitles
{
    font-weight: bold;
}

.previewGridTable
{
    display: block;
    padding: 0 10px;
    cursor: text;
}

    .previewGridTable td
    {
        width: 200px;
    }

.informationPanel
{
    padding: 10px;
    clear: both;
}

.searchDiv
{
    display: block;
    width: 100%;
}

    .searchDiv .divButton
    {
        padding-left: 40%;
        width: 200px;
    }

        .searchDiv .divButton .searchButton
        {
            margin: 0 auto;
            cursor: pointer;
        }

.searchMasterBox
{
    display: block;
    background-color: #F2F2F2;
}

.clearSelection
{
    width: 27px;
    height: 26px;
    vertical-align: top;
}

    .clearSelection.imageClearSelected
    {
        background: url(Images/ClearButton.png) no-repeat;
    }

        .clearSelection.imageClearSelected:hover
        {
            background: url(Images/ClearButtonHover.png) no-repeat;
        }


/*PAGINA VERSIONE GRAFICA*/
.graficPage
{
    width: 980px;
    margin: 10px auto;
}

    .graficPage .blackBoard
    {
        display: block;
        position: relative;
        margin: 10px 0;
        background-image: url(Images/BlackBoard.png);
        background-repeat: no-repeat;
        height: 735px;
    }

        .graficPage .blackBoard .blackBoardAllButton
        {
            float: right;
            position: absolute;
            right: 60px;
            bottom: 8px;
        }

        .graficPage .blackBoard .blackBoardBackButton
        {
            position: absolute;
            top: 14px;
            left: 62px;
            float: left;
        }

        .graficPage .blackBoard .blackBoardStoric
        {
            position: absolute;
            right: 62px;
            top: 4px;
            width: 216px;
        }

            .graficPage .blackBoard .blackBoardStoric label
            {
                font-weight: bold;
                font-size: 10px;
            }

        .graficPage .blackBoard .divButton
        {
            background-repeat: no-repeat;
            width: 130px;
            height: 40px;
        }

            .graficPage .blackBoard .divButton.classicButton
            {
                background-image: url(Images/WoodButton.png);
            }

                .graficPage .blackBoard .divButton.classicButton:hover
                {
                    background-image: url(Images/WoodButton_Hover.png);
                }

        .graficPage .blackBoard .blackBoardInside
        {
            display: block;
            height: 585px;
            padding: 74px 68px 10px 88px;
            width: 824px;
        }

.graficItem
{
    width: 160px;
    height: 98px;
    padding-top: 40%;
    background-repeat: no-repeat;
}

    .graficItem div
    {
        padding-right: 18px;
        padding-left: 16px;
        font-size: 14px;
        height: 80px;
    }

.DataPagerDiv
{
    margin: 0 auto;
    width: 166px;
}

.btnClassic
{
    width: 130px;
    height: 40px;
    font-weight: bold;
    background-repeat: no-repeat;
    padding-top: 9%;
}

.itemStyle
{
    float: left;
    margin: 15px;
    position: relative;
    width: 175px;
    height: 146px;
}

.GraficPageTitle
{
    background-color: #003366;
    display: block;
    padding-left: 10px;
    color: white;
    font-weight: bold;
}

.ReturnToBlackBoardButton
{
    padding-left: 50%;
}

.sectionMenu
{
    background-color: #003366;
    color: White;
    font-weight: bold;
    text-align: center;
    Font-Size: 12px;
    padding: 2px;
    font-family: Arial;
}

.itemMenu
{
    Font-Size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: Arial;
    border-bottom: 1px solid #D3D5DA;
}

    .itemMenu a
    {
        text-decoration: none;
        color: black;
    }

.graficTop
{
    display: block;
    background-color: #F2F2F2;
}

    .graficTop .graficHeader
    {
        display: block;
        background-color: #003366;
        padding-left: 10px;
    }

    .graficTop .graficLine
    {
        display: block;
        background-color: #F2F2F2;
        padding: 10px;
    }

/*PopUpDetails*/
.popupDetailsTables
{
    background-color: #F2F2F2;
    border: thin solid;
    border-color: #9DA0AA;
    padding: 14px;
}

.bordi
{
    border-width: 1px;
    border-collapse: collapse;
    background-color: white;
}

    .bordi td
    {
        border-width: 1px;
        border-color: #CFD0D7;
        border-style: solid;
    }

/*ADMIN PAGE*/

.adminMenu
{
    display: block;
    height: 26px;
    margin-top: -10px;
    margin-left: -10px;
    margin-right: -10px;
}