* {
    margin: 0;
}

html, body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}

#sticky-footer {
    background-color: #304054;
    font-size: 10px;
    color: #fff;
    font: 0.70em/1 Verdana, sans-serif;
    line-height: 1.7;
    text-align: center;
}

#sticky-footer, .push { /* .push must be the same height as .footer */
    height: 40px;
}

#sticky-footer-text {
    padding-top: 10px;
}

body {
    min-height: 100%;
    width: 100%;
    background: #4c617d !important; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c617d', endColorstr='#ffffff') !important; /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#4c617d), to(#fff)) !important; /* for webkit browsers */
    background: -moz-linear-gradient(top, #4c617d, #fff) !important; /* for firefox 3.6+ */
}




#content-container-bb {
    position: relative;
    z-index: 1;
    margin: 0px auto;
    width: 1000px;
    /*height: 600px;*/
    min-height: 600px;
    border: 2px solid #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #999;
    background: #fff url(../resource/smb7.jpg) no-repeat right center !important;
    margin-top: 5px;
    margin-bottom: 5px;
    behavior: url(PIE.htc);
    /*padding-bottom: 25px;*/
}

.title-container-bb {
    background-color: #0b2f7b;
    width: 100%;
    height: 100px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    /*behavior: url(PIE.htc);*/
    background-image: url(../resource/headerBG.png);
}

.logo-bb {
    /* background: url(../resource/sbb.png) no-repeat; */
    height: 37px;
    float: left;
    margin: 10px;
    margin-top: 0px;
    font-family: Maiandra GD, Candara, Papyrus, Lucida Calligraphy, sans-serif;
    font-size: 50px;
    color: #ffffb0;
}

.nav-container-bb {
    margin-top: 10px;
    margin-left: 10px;
}

.nav-item-bb {
    color: #fff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    float: left;
    margin-right: 30px;
}

.form-box-bb {
    /* clear current background for ie */
    zoom: 1; /* required for the filters */
    filter: alpha(opacity=50);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99696969, endColorstr=#99696969);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99696969, endColorstr=#99696969)";
    background: transparent;
    /*padding: 20px;*/
    margin: 0px auto;
    width: 900px;
    min-height: 300px;
    border: 2px solid #e2e2e2;
    background: rgba(11, 47, 123, 0.7) !important;
    -pie-background: rgba(11, 47, 123, 0.7) !important; /* For IE*/
    -moz-border-radius: 15px !important;
    -webkit-border-radius: 15px !important;
    -khtml-border-radius: 15px !important;
    border-radius: 15px !important;
    /*behavior: url(PIE.htc);*/
    overflow: hidden;
}

.submit-bb {
    border: 2px solid #FCFBD4;
    background-color: #96B5D9;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /*behavior: url(PIE.htc);*/
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    position: relative;
}



.content-container-extrainfo {
    position: relative;
    z-index: 1;
    margin: 0px auto;
    width: 980px;
    color: #48525B;
    border: 2px solid #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 5px 5px 5px #999;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 14px 10px 0 10px;
    

}