.b-container{
    width:400px;
    height:400px;
    background-color: #ccc;
    margin:0px auto;
    padding:10px;
    font-size:30px;
    color: #fff;
}
.b-popup{
    width:100%;
    min-height:100%;
    background-color: rgba(0,0,0,0.5);
    overflow:hidden;
    position:fixed;
    top:0px;
}
.b-popup .b-popup-content{
    margin:40px auto 0px auto;
    width:400px;
    height: 200px;
    padding:10px;
    background-color: #c5c5c5;
    border-radius:5px;
    box-shadow: 0px 0px 10px #000;
}

body{background:-webkit-linear-gradient(right,#3395f2 0,#97e6f5 100%);background:-webkit-gradient(linear,right,color-stop(0,#3395f2),color-stop(1,#97e6f5));background:-moz-linear-gradient(right,#3395f2 0,#97e6f5 100%);background:-o-linear-gradient(right,#3395f2 0,#97e6f5 100%);background:-ms-linear-gradient(right,#3395f2 0,#97e6f5 100%);background:linear-gradient(right,#3395f2 0,#97e6f5 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3395f2', endColorstr='#97e6f5', GradientType=0 )}#topMenu.navbar-default,#topMenu.navbar-default .navbar-nav>li>a{filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#389efc', endColorstr='#0c81d6', GradientType=0 )}#bodyImage{padding-top:70px}#topMenu.navbar-default{background:-webkit-linear-gradient(top,#389efc 0,#0c81d6 100%);background:-webkit-gradient(linear,top,color-stop(0,#389efc),color-stop(1,#0c81d6));background:-moz-linear-gradient(top,#389efc 0,#0c81d6 100%);background:-o-linear-gradient(top,#389efc 0,#0c81d6 100%);background:-ms-linear-gradient(top,#389efc 0,#0c81d6 100%);background:linear-gradient(top,#389efc 0,#0c81d6 100%);border-width:0;border-radius:0;font-size:15px}#topMenu.navbar-default .navbar-nav>li>a{background:-webkit-linear-gradient(top,#389efc 0,#0c81d6 100%);background:-webkit-gradient(linear,top,color-stop(0,#389efc),color-stop(1,#0c81d6));background:-moz-linear-gradient(top,#389efc 0,#0c81d6 100%);background:-o-linear-gradient(top,#389efc 0,#0c81d6 100%);background:-ms-linear-gradient(top,#389efc 0,#0c81d6 100%);background:linear-gradient(top,#389efc 0,#0c81d6 100%);color:#fff}#topMenu.navbar-default .navbar-nav>li>a:focus,#topMenu.navbar-default .navbar-nav>li>a:hover{background:-webkit-linear-gradient(top,#389efc 0,#00d4fc 100%);background:-webkit-gradient(linear,top,color-stop(0,#389efc),color-stop(1,#00d4fc));background:-moz-linear-gradient(top,#389efc 0,#00d4fc 100%);background:-o-linear-gradient(top,#389efc 0,#00d4fc 100%);background:-ms-linear-gradient(top,#389efc 0,#00d4fc 100%);background:linear-gradient(top,#389efc 0,#00d4fc 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#389efc', endColorstr='#00d4fc', GradientType=0 );color:#fff}#topMenu.navbar-default .navbar-nav>.active>a,#topMenu.navbar-default .navbar-nav>.active>a:focus,#topMenu.navbar-default .navbar-nav>.active>a:hover{color:#fff;background:-webkit-linear-gradient(top,#389efc 0,#00d4fc 100%);background:-webkit-gradient(linear,top,color-stop(0,#389efc),color-stop(1,#00d4fc));background:-moz-linear-gradient(top,#389efc 0,#00d4fc 100%);background:-o-linear-gradient(top,#389efc 0,#00d4fc 100%);background:-ms-linear-gradient(top,#389efc 0,#00d4fc 100%);background:linear-gradient(top,#389efc 0,#00d4fc 100%)}