.bWidget{
    /* styly se aplikuji pouze na elementy v tomto kontejneru */
    font-family: tahoma;
    font-size: 12px;
    color: #009ba6;
}

.bWidget p{
    line-height:1.4em;
}
.bWidget a{
    color: #022D00;
}
    .bWidget a:visited{
        color:#006;
    }
    .bWidget a:hover{
        text-shadow: 0px 0px 14px rgba(0,0,1,0.5);
    }

.bWidget input[type=button], .bWidget input[type=submit], .bWidget a.bButton{
    background-color: #C8C8F8;
    border: 1px solid rgb(140, 140, 174); /* IE 8 */
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 3px;
    box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4) inset, -2px -2px 5px rgba(0, 0, 0, 0.15) inset, 1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 2px 2px 5px rgba(255, 255, 255, 0.4) inset, -2px -2px 5px rgba(0, 0, 0, 0.15) inset, 1px 1px 3px rgba(0, 0, 0, 0.3);
    color: #225;
    font-family: tahoma;
    font-size: 13.8px;
    padding: 8px 13px;
    text-decoration: none;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.75);
    margin:0;
    outline: 0;
}
    .bWidget a.bButton{
        padding: 8px 15px;
    }

    .isFirefox .bWidget input[type=button], .isFirefox .bWidget input[type=submit],
    .isSafari .bWidget input[type=button], .isSafari .bWidget input[type=submit]{
        padding: 7px 13px;
    }

    .bWidget input[type=button]:hover, .bWidget input[type=submit]:hover, .bWidget a.bButton:hover{
        background-color: rgb(192, 192, 240);
        box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.25) inset, -2px -2px 3px rgba(0, 0, 0, 0.07) inset, 0px 0px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 2px 2px 3px rgba(255, 255, 255, 0.25) inset, -2px -2px 3px rgba(0, 0, 0, 0.07) inset, 0px 0px 3px rgba(0, 0, 0, 0.25);
    }

    .bWidget input[type=button]:active, .bWidget input[type=submit]:active, .bWidget a.bButton:active{
        background-color: rgb(184, 184, 232);
        box-shadow: -2px -2px 3px rgba(255, 255, 255, 0.6) inset, 2px 2px 3px rgba(0, 0, 0, 0.3) inset, 0px 0px 3px rgba(0, 0, 0, 0.25);
-webkit-box-shadow: -2px -2px 3px rgba(255, 255, 255, 0.6) inset, 2px 2px 3px rgba(0, 0, 0, 0.3) inset, 0px 0px 3px rgba(0, 0, 0, 0.25);
    }

    .bWidget input[type=submit]{
        font-weight: bold;
    }

.bWidget .bButtonGroup{
    display: inline-block;
    vertical-align: middle;
}
    .bWidget .bButtonGroup *{
        float:left;
        border-left-width: 0 !important;
        border-radius: 0px !important;
    }

    .bWidget .bButtonGroup :first-child{
        border-left-width: 1px !important;
        border-radius: 3px 0 0 3px !important;
    }

    .bWidget .bButtonGroup :last-child{
        border-radius: 0 3px 3px 0 !important;
    }


.bTable{
    border-collapse: separate;
    border-radius: 3px;
    border: 2px solid #99f;
    border-spacing: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.35);
}
    .bTable td, .bTable th{
        text-align:left;
        padding: 5px 10px;
        font-family: tahoma;
        font-size: 15px;
        color: #009ba6;
    }
    .bTable td,.bTable th{
        border: 0px;
    }
    .bTable td{
        background-color: rgb(244, 244, 255);
    }
    .bTable th{
        background-color: #C8C8F8;

        background-image: linear-gradient(top , rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%);
        background-image: -moz-linear-gradient(top , rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%);
        background-image: -o-linear-gradient(top , rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 30%, transparent 70%, rgba(0, 0, 0, 0.2) 100%);
        background-image: -webkit-gradient(
            linear,
            left top,
            left bottom,
            color-stop(0, rgba(255, 255, 255, 0.3)),
            color-stop(0.3, rgba(255, 255, 255, 0)),
            color-stop(0.7, rgba(255, 255, 255, 0)),
            color-stop(1, rgba(0, 0, 0, 0.2))
        );
    }
    .bTable tr:nth-child(2n+1) td{
        background-color: #e8e8ff;
    }
    .bTable tr:hover td{
        background-color: rgb(212, 212, 235);
    }
    .bTable th,.bTable td{
        border-top: 1px solid #ccccFF;
        border-left: 1px solid #ccccFF;
    }

    .bTable thead:first-child tr:first-child th, .bTable tbody:first-child tr:first-child td{
        border-top: 0px;
    }
    .bTable th:first-child, .bTable td:first-child{
        border-left: 0px;
    }

.bWidget .bBlock{
    margin:10px 0;
    padding:10px;
    border-radius: 3px;
    border:1px solid #99f;
    background-color: rgba(153, 153, 255, 0.2);
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3), 2px 2px 2px rgba(255, 255, 255, 0.2) inset, -2px -2px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3), 2px 2px 2px rgba(255, 255, 255, 0.2) inset, -2px -2px 2px rgba(0, 0, 0, 0.1) inset;
}

.bWidget .bThumb{
    display: inline-block;
    line-height: 200px;
    text-align: center;
    width: 260px;
    vertical-align: middle;
    background-color: rgba(153, 153, 255, 0.2);
    border: 1px solid #99f;
    border-radius: 3px;
    box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3), 2px 2px 2px rgba(255, 255, 255, 0.2) inset, -2px -2px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3), 2px 2px 2px rgba(255, 255, 255, 0.2) inset, -2px -2px 2px rgba(0, 0, 0, 0.1) inset;
    text-decoration: none;
    margin: 0 5px 10px 0;
}
    .bWidget .bThumb:hover{
        box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5), 2px 2px 2px rgba(255, 255, 255, 0.2) inset, -2px -2px 2px rgba(0, 0, 0, 0.1) inset;
-webkit-box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.5), 2px 2px 2px rgba(255, 255, 255, 0.2) inset, -2px -2px 2px rgba(0, 0, 0, 0.1) inset;
        text-decoration: none;
    }

    .bWidget .bThumb img{
        vertical-align: middle;
        border:0px;
    }