.float-left { float: left; }
.float-right { float: right; }
.hidden { display: none; }
.clear { clear: both; }
.bold { font-weight: bold; }

.container {
    line-height: 20px;
}

    .container .row {
        padding: 3px 0px 0px 0px;
    }

        .container .row .colspan1,
        .container .row .colspan2,
        .container .row .colspan3,
        .container .row .colspan4,
        .container .row .colspan5,
        .container .row .colspan6,
        .container .row .colspan7,
        .container .row .colspan8,
        .container .row .colspan9,
        .container .row .colspan10,
        .container .row .colspan11,
        .container .row .colspan12 {
            float: left;
            overflow: hidden;
            margin-left: 1.04%;
            min-height: 20px;
        }

        .container .row .colspan1 { width: 7.29%; }
        .container .row .colspan2 { width: 15.62%; }
        .container .row .colspan3 { width: 23.95%; }
        .container .row .colspan4 { width: 32.28%; }
        .container .row .colspan5 { width: 40.61%; }
        .container .row .colspan6 { width: 48.94%; }
        .container .row .colspan7 { width: 57.27%; }
        .container .row .colspan8 { width: 65.6%; }
        .container .row .colspan9 { width: 73.93%; }
        .container .row .colspan10 { width: 82.26%; }
        .container .row .colspan11 { width: 90.59%; }
        .container .row .colspan12 { width: 98.92%; }

        .container .row .coloffset1 { margin-left: 9.37%; }
        .container .row .coloffset2 { margin-left: 17.7%; }
        .container .row .coloffset3 { margin-left: 26.03%; }
        .container .row .coloffset4 { margin-left: 34.36%; }
        .container .row .coloffset5 { margin-left: 42.69%; }
        .container .row .coloffset6 { margin-left: 51.02%; }
        .container .row .coloffset7 { margin-left: 59.35%; }
        .container .row .coloffset8 { margin-left: 67.68%; }
        .container .row .coloffset9 { margin-left: 76.01%; }
        .container .row .coloffset10 { margin-left: 84.34%; }
        .container .row .coloffset11 { margin-left: 92.67%; }

#prodika-page {
    width: 100%;
    height: auto;
    background-color: #ddd;
}

#page-header {
    width: 100%;
    height: auto;
    background-color: #666;
}
#page-footer {
    width: 100%;
    height: auto;
    background-color: #666;
}
#page-navigator {
    width: 10%;
    height: 534px;
    background-color: #960;
    float: left;
}
#page-content {
    width: 90%;
    height: auto;
    background-color: #999;
    float: left;
}
#page-navigator-right {
    width: 10%;
    height: 500px;
    background-color: #960;
    float: left;
    display: none;
}

#prodika-popup {
    width: 100%;
    height: auto;
    background-color: #ddd;
}

#popup-header {
    width: 100%;
    height: auto;
    background-color: #666;
}
#popup-content {
    width: 90%;
    height: auto;
    background-color: #999;
}