html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

div#accordion {    
    background: #d4e4ef;
    background: -moz-linear-gradient(top, #d4e4ef 31%, #86aecc 100%);
    background: -webkit-linear-gradient(top, #d4e4ef 31%,#86aecc 100%);
    background: linear-gradient(to bottom, #d4e4ef 31%,#86aecc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4e4ef', endColorstr='#86aecc',GradientType=0 );
    padding:12px;
}


/* frontpage */
div[class*='cls_frontpage'] img{
	max-width:80%;
}


div.alert{
text-align:center;
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    margin: 0 auto -149px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
    height: 149px;
}

#login-footer a {
    color:white;
}
.post_content p,.replies_content p {
    margin-bottom:0;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
     .shortcut{
        margin: 20px 0 10px 0 !important;
       
    }
    #logo {
        width:150px;
    }
    .navbar-inner {
        min-height: 100% !important;
        border-bottom: 1px solid #dddddd !important;
    }
    .navbar .btn, .navbar .btn-group {
        margin-top: 0px !important;
    }
}




.navbar .brand {
    display:none !important;
}







#page {
    padding-top: 20px;
}

#logo {
    padding:20px 0;
}



.footer-logo {
    text-align: center;
}
.footer-menu {
    text-align:right;
    margin-top:20px;
}

.footer-menu .nav-list > li > a, .nav-list .nav-header {
    text-shadow:none;
}



#sidebar {
    display:block;
    width:100%;
}
#sidemenu {
    display:table-row;
}
.center {
    text-align:center;
}

.outter-image {
    display:block;
    vertical-align:middle;
    max-width:100%;
    position:relative;
}
.inner-image {
    display: inline-block;
    max-width: 100%;
}
.inner-image img {
    height: auto;
    max-width: 100%;
}
.name {
    display:table-row;
    list-style-type: none;
    text-align:left;
}

#name {
    font-weight:bold;
    font-size: 20px;
    padding-top:12px;
    padding-left:5px

}
#position {
    padding:5px 0 20px 5px;
}
.click-to-edit {
    position: absolute;
    bottom: 0px;
    left: 0;
    background-color: rgb(63,121,189);
    opacity: 0.9;
    color: white;
    padding: 3px 5px;
    display: none;
    width: 100%;
    text-align:center;
}

.modal-body  {
    display:block;
    /*    height:400px;*/
}
#myModal .center {
    width: 100%;
    height: 100%;
    display:block;
    height:400px;

}

.thumbnails .tooltip-inner {
    text-align: left;
    background-color: red;

}

.thumbnails .onleave {
    position: absolute;
    bottom: 5px;
    margin:0 5px;
}
.thumbnails .tooltip.top .tooltip-arrow {
    border-top-color:red;
}
.thumbnails .tooltip.top {
    /*    opacity: 1;*/
}
.thumbnails .bubble-name {
    font-weight:600;
    font-size: 12px;
}

#coverImage img {
    width:auto;
    height:86px;

}

#coverImage {
    text-align: center;
}

.coming-soon-australia {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bdf0;
    top: 50px;
    left: 40px;
}
.coming-soon-cn {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bdf0;
    top: 50px;
    left: 51px;
}
.coming-soon-sz {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bdf0;
    top: 50px;
    left: 51px;
}

.coming-soon-nz {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bdf0;
    top: 50px;
    left: 53px;
}
.coming-soon-hk {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bdf0;
    top: 50px;
    left: 50px;
}
.coming-soon-bj {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #00bdf0;
    top: 50px;
    left: 45px;
}
.navbar .nav > li {
    position: relative;
}
.leftMenu.nav > .active > a, .leftMenu.nav > .active > a:hover, .leftMenu.nav > .active > a:focus {
    color: white !important;
    text-decoration: none !important;
    background-color: #00bdf0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.rightMenu.nav > .active > a, .rightMenu.nav > .active > a:hover, .rightMenu.nav > .active > a:focus {

    text-decoration: none !important;
    background-color: white !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.navbar-inner {
    min-height: 50px;
}
.navbar .leftMenu > li > a {
    padding:15px 25px 15px !important;

}

.nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
    background-color: black !important;
}

.nav-pills > li > a {
    color:rgb(153,153,153);
    background-color: rgb(225,226,226) !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}
.nav-tabs > li, .nav-pills > li {
    margin-right:5px;
    font-size:13px;
}

.news {
    margin-bottom: 26px;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.7);

}
.news-inner {
    padding:10px;
    overflow-x: auto;
    height:333px;
}
.news p{
    color:white;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*    padding-top: 30px; */
    height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;

}


#informative-links, #hrIcon, #documents {
    float:left;
}
#hrIcon {
    width: 19%;
    margin-right:3%;
}

#informative-links {
    width:39%;
}
#documents {
    width:39%;
}
.hr-link {
    display: block;
}
.hrcorner-title {
    height:60px;
    font-size: 19px;
    line-height: 60px;
    color: white;
}
#hrcorner-links-title {
    background-color: rgb(237,167,52);
}
#hrcorner-forms-title {
    background-color: rgb(31,134,195);
}
.hr-links-wrapper {
    margin-top:20px;
    text-align: left;
}
.hr-link {
    padding:5px 0;
}
.subname {
    font-size:12px;
}


/* formatting the staff picture css navigation */
.cls_labelchart {
    display: list-item;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 17px;
    zmargin-top: 7px;
}

span.cls_location {
    font-size: 23px;
    padding: 6px;
}

.cls_labelchart {
    margin-top: -13px;
}


/* formatting department manager label */
span.cls_note {
    color: rgb(128, 128, 128);
    font-size: 10px;
}