/* style forms */

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

#stylized {
    border: 1px solid #ccc;
    background: #ffffff;
}


    #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;
        padding: 4px 2px;
        border: solid 1px #aacfe4;

    }

    #stylized select {
        float: left;
        font-size: 12px;
        font: arial;
        padding: 4px 2px;
        border: solid 1px #aacfe4;

    }

    #stylized textarea {
        float: left;
        font-size: 12px;
        font: arial;
        padding: 4px 2px;
        border: solid 1px #aacfe4;

        margin: 15px 0px 0px 2px;
    }

    #stylized input:focus {
        border: 2px solid #97d6eb;
    }

    #stylized textarea:focus {
        border: 2px solid #97d6eb;
    }

    #stylized select:focus {
        border: 2px solid #97d6eb;
    }
#browse {
    border: 1px solid blue;
    background: white;
}


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

    #browse table {
    border: 1px solid steelblue;
    padding: 0px;
    margin: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
}
#browse .row {
    background: lightsteelblue;
}
#browse TD {
    border: 1px solid steelblue;
    padding: 2px;
    margin: 0px;
    font: arial;
    font-size: 10pt;
}
#browse .nadpis {
    text-align: center;
    font-weight: bold;
    font-size: 12pt;
    color: #ffffff;
    background-color: steelblue;
}
.formsubmit {
    margin-bottom: 7px;
    margin-top: 7px;
    margin-left: 7px;
    -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='SteelBlue', endColorstr='LightSteelBlue');
    background-color: RoyalBlue;
    -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: 9pt;
    font-weight: normal;
    padding: 6px 24px;
    text-decoration: none;
    -webkit-text-shadow: 1px 1px 0px #287ace;
    text-shadow: 1px 1px 0px #287ace;
    font-style: normal;
}

    .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;
    color: lime;
}

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



.grid 
{
    font-family: Tahoma;
}
    .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: white;
        border-bottom: solid 1px #bbd9ee;
        border-top : solid 1px #bbd9ee;
        border-left : solid 1px #bbd9ee;
        border-right: solid 1px #bbd9ee;
        background-color: steelblue;
        }

            .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;
    }