/* style forms */

.form {
    margin: 0 auto;
    width: 880px;
    padding: 14px;
}

/* styl pro zadavani dat*/

#stylized {
    background: #f5f2f2;
}


    #stylized label {
        display: block;
        text-align: right;
        font: arial;
        margin: 5px 15px 5px 0px;
    }

    #stylized .small {
        color: #666666;
        display: block;
        font-size: 11px;
        font: arial;
        font-weight: normal;
        text-align: right;
    }


    #stylized input[type=text] {
        float: left;
        font-size: 12px;
        font: arial;
        height: 25px;
    }

    #stylized select {
        float: left;
        font-size: 12px;
        font: arial;
    }

    #stylized textarea {
        float: left;
        font-size: 12px;
        font: arial;
        padding: 4px 2px;
        border: solid 1px #aacfe4;
        width: 475px;
        margin: 15px 0px 0px 2px;
    }




/* styl pro prohlizeni dat*/

#browse {
    background: #f5f2f2;
}


    #browse label {
        display: block;
        text-align: right;
        font: arial;
        font-size: 14px;
    }

    #browse table {
        border: 1px solid #aacfe4;
        width: 100%;
        padding: 0px;
        margin: 0px;
        border-spacing: 0px;
    }

    #browse .row {
        background: #ebeef4;
    }

    #browse TD {
        border: solid 1px #aacfe4;
        padding: 10px;
        margin: 0px;
        font: arial;
        font-size: 14px;
    }

    #browse .nadpis {
        text-align: center;
        font-weight: bold;
        font-size: 18px;
        color: #ffffff;
        background-color: #6cb2f8;
    }
    #browse .nadpis_left {
        text-align:left ;
        font-weight: bold;
        font-size: 18px;
        color: #ffffff;
        background-color: #6cb2f8;
    }

    #browse A:visited {
        color: #000000;
        text-decoration: none;
    }

    #browse A:link {
        color: #000000;
        text-decoration: none;
    }

    #browse A:active {
        color: #000000;
        text-decoration: none;
    }

    #browse A:hover {
        color: white;
        background-color: #007acc;
        text-decoration: none;
        display: block;
    }

    .panelAkci
    {
        margin: 5px 5px 0px 5px;
        line-height: 40px;
        word-spacing: 10px;
    }

/* tlacitko odeslat */

.formsubmit {
    margin-bottom: 25px;
    margin-top: 25px;
    margin-left: 670px;
    width: 200px;
    -moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
    box-shadow: inset 0px 1px 0px 0px #cae3fc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color: #79bbff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #469df5;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 0px #287ace;
    text-shadow: 1px 1px 0px #287ace;
    height: 38px;
}

    .formsubmit:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
        background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #4197ee;
    }

    .formsubmit:active {
        position: relative;
        top: 1px;
    }


/* tlacitko odeslat 2 */

.formsubmit2 {
    width: 200px;
    -moz-box-shadow: inset 0px 1px 0px 0px #cae3fc;
    -webkit-box-shadow: inset 0px 1px 0px 0px #cae3fc;
    box-shadow: inset 0px 1px 0px 0px #cae3fc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
    background-color: #79bbff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #469df5;
    display: inline-block;
    color: #ffffff;
    font-family: arial;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 24px;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 0px #287ace;
    text-shadow: 1px 1px 0px #287ace;
    height: 38px;
}

    .formsubmit2:hover {
        background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
        background: -moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
        background-color: #4197ee;
    }

    .formsubmit2:active {
        position: relative;
        top: 1px;
    }


/*  grid pro prohliyeni dat */

.grid {
    width: 880px;
    font-family: Tahoma;
}

    .grid A:visited {
        color: #000000;
        text-decoration: none;
    }

    .grid A:link {
        color: #000000;
        text-decoration: none;
    }

    .grid A:active {
        color: #000000;
        text-decoration: none;
    }

    .grid A:hover {
        color: white;
        background-color: #007acc;
        text-decoration: none;
        display: block;
    }

    .grid .datatable {
        width: 100%;
        color: #000;
    }

        .grid .datatable TH {
            font-size: 12px;
            font-weight: bold;
            letter-spacing: 0px;
            text-align: left;
            padding: 2px 4px;
            color: #333333;
            border-bottom: solid 1px #bbd9ee;
            border-top: solid 1px #bbd9ee;
            border-left: solid 1px #bbd9ee;
            border-right: solid 1px #bbd9ee;
            background-color: #c8e3ff;
        }

            .grid .datatable TH A {
                text-decoration: none;
                padding-right: 18px;
                color: blue;
            }


        .grid .datatable .row TD {
            font-size: 12px;
            text-align: left;
            padding: 6px 4px;
            border-bottom: solid 1px #bbd9ee;
            border-left: solid 1px #bbd9ee;
            border-right: solid 1px #bbd9ee;
        }

        .grid .datatable .row2 TD {
            font-size: 12px;
            text-align: left;
            padding: 6px 4px;
            border-bottom: solid 1px #bbd9ee;
            border-left: solid 1px #bbd9ee;
            border-right: solid 1px #bbd9ee;
            background: #f8f8f8;
        }

        .grid .datatable .row TD.first {
            padding-left: 10px;
        }

        .grid .datatable TH.first {
            padding-left: 10px;
        }

        .grid .datatable .row:hover .first {
            background-repeat: no-repeat;
        }


    /* Data Pager */

    .grid TR.pager-row TD {
        border-top: solid 2px #bbd9ee;
    }

    .grid .pager {
        font-family: arial,sans-serif;
        text-align: center;
        padding: 6px;
        font-size: 18px;
    }

        .grid .pager SPAN.command,
        .grid .pager SPAN.current,
        .grid .pager A.command,
        .grid TR.pager-row TD A {
            color: #5a90ce;
            padding: 0px 5px;
            text-decoration: none;
            border: none;
        }

            .grid .pager A.command:hover,
            .grid TR.pager-row TD A:hover {
                border: solid 2px #408BB6;
                background-color: #59A5D1;
                color: #fff;
                padding: 0px 3px;
                text-decoration: none;
            }

        .grid .pager SPAN.current,
        .grid TR.pager-row TD SPAN {
            border: none;
            font-weight: bold;
            color: #3e3e3e;
            padding: 0px 6px;
        }

    .grid TR.pager-row TD {
        border-top: none;
        text-align: center;
    }

    .grid TR.pager-row TABLE {
        height: 35px;
        margin: 0 auto 0 auto;
    }

@media Screen, Projection {
    .NoScreen {
        display: none;
    }
}

@media Print {

    .NoPrint {
        display: none;
    }
}