.logo {
    display: inline-block;
    text-decoration: none;
    outline: 0;
    white-space:nowrap;

    /*background:url(../images/logos/metacat_logo_small_tp.png) center no-repeat;
    width: 150px; height:31px;*/

    /*Full M small*/
    /*background:url(../images/logos/M_logo.svg) no-repeat;
    width: 17px; height:20px;
    background-size: cover;
    position: fixed;
    top: 20px;
    left: 12px;*/

    /** Added for new svg logos.**/
    /*Full MetaCat logo*/
   /* background:url(../images/logos/metacat_logo_tp.svg) center no-repeat;
    width: 107px; height:31px;
    background-size: cover;
    position: fixed;
    top: 16px;
    left: 12px;*/

    /*background-position: top;*/  /*If you want to clip the M*/

    /*Full M Large*/
    background:url(../images/logos/M_logo.svg) center no-repeat;
    background-size: cover;
    position: fixed;

    width: 29px; height:35px;
    top: 16px;
    left: 12px;

    /*Clipped M*/
    /*background:url(../images/logos/M_logo_clip.svg) no-repeat;
    background-size: cover;
    position: fixed;

    width: 42px; height:31px;
    top: 8px;
    left: 12px;*/
}

.logoContainer {
    display: inline-block;
    /*padding: 15px 8px 10px 15px;*/  /*Commented out for new svg logo*/

    /*width: 30px;*/ /* Full M small*/

    /*width: 122px; height: 40px;*/        /*Full logo svg*/

    /** Added for new svg logo single letter logo.**/
    /*width: 62px; height:38px;*/   /*For clipped M*/
    width: 47px; /*For full M*/
}

.LoginPage .logo {
    background:url(../images/logos/metacat_logo_tp.svg) no-repeat;
    width: 190px; height:55px;
    background-size: cover;  /*For svg*/
    position: static;
    top: auto;
    left: auto;
}

.ForgotPasswordPage .logo,
.ResetForgotPasswordPage .logo,
.PasswordResetSuccessPage .logo {
    background:url(../images/logos/metacat_logo_tp.svg) center no-repeat;
    width: 155px; height:45px;
    background-size: cover;
    position: fixed;
    top: 5px;
    left: 12px;
}

/*Needed for svg full logo*/
.LoginPage .logoContainer {
    padding: 15px 8px 10px 15px;
    width: 190px; height:55px;
}

.LoginPage .sign_in_panel .logo {
    display: none;
}

.PageNavigationHeaderPanel .tabs_toolbar_container {
    white-space: nowrap;
}

.PageNavigationHeaderPanel .columnLeft {
    float: left;
    white-space:nowrap; /*This will keep the nav links from falling under the logo*/
    /*When vertically centering links keeps them from getting fuzzy by not
    placing them on a half pixel.*/
    transform-style: preserve-3d;

    /*Adds space on the top and bottom of the site navigation links*/
    padding-top: 32px;
    padding-bottom: 10px;
}

.PageNavigationHeaderPanel .columnRight {
    float: right;
    white-space: nowrap;
    position:absolute;
    top:0;
    right:0;
}

/* Center the logo for the login page.*/
.LoginPage .PageNavigationHeaderPanel .columnLeft {
    float: none;
    text-align: center;
}

.PageNavigationHeaderPanel .signedInPanel {
    display: inline-block;
}

.PageNavigationHeaderPanel .textSizePanel {
    display: none;
}

.PageNavigationHeaderPanel .siteNavigation {
    /*border-left: 1px solid #ded7c8;*/  /*Separator from logo and site navigation links*/
    /*padding-left: 5px;*/
    display: inline-block;

    /*Vertically centers links*/ /*Is tied to preserve-3d styling in parent.*/
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.PageNavigationHeaderPanel .siteNavigation a {
    font-family: "ProximaNova","Helvetica Neue",helvetica,arial,sans-serif;
    padding-left: 5px;
    padding-right: 5px;

    /*color: #87bfff;*/
    color: #7d7a75;
    display: inline-block;
    text-align: center;
    transition: color 0.2s ease 0s;
    /*text-shadow: 0 1px #fff;*/
    text-decoration: none;
    background: none repeat scroll 0 0 transparent;
}

.PageNavigationHeaderPanel .siteNavigation a.selected {
    outline: none;
}

.PageNavigationHeaderPanel .siteNavigation a.selected span {
    /*font-weight: bold;*/

    /*box-shadow: 0 0 5px #6699FF;
    border: 1px solid #adc6ff;
    border-radius: 5px;*/

    box-shadow: 0 2px #6699FF;
    color: #6699FF;
}

/*Overrides player.css style so the selected is not underlined*/
.PageNavigationHeaderPanel .siteNavigation a:hover.selected span {
    text-decoration: none;
}

.PageNavigationHeaderPanel .siteNavigation a:hover {
    color: #6699FF;
    text-decoration: underline;
}

.site_header_links {
    position:static; top:auto; right:auto;
    border-bottom-left-radius: 28px;
    padding-bottom:1px;
    display: inline-block;
}

/*https://css-tricks.com/rotated-table-column-headers/*/
th.vertical {
    padding: 0;
    text-align: left;
    /*overflow: hidden;*/
}

th.vertical span {
    display: block;

    /*45 degree*/
    /*-webkit-transform: translate(25px, 51px) rotate(315deg);
    -ms-transform: translate(25px, 51px) rotate(315deg);
    transform: translate(39px, 51px) rotate(315deg);
    height: 100px;
    width: 30px;*/

    /*70 degree*/
    /*-webkit-transform: translate(35px, 35px) rotate(290deg);
    -moz-transform: translate(35px, 35px) rotate(290deg);
    -ms-transform: translate(35px, 35px) rotate(290deg);
    -o-transform: translate(35px, 35px) rotate(290deg);
    transform: translate(35px, 35px) rotate(290deg);
    height: 100px;
    width: 50px;*/

    /*Vertical*/
    height: 120px;
    width: 30px;
}

table.data_table th.vertical.wicket_orderUp {
    background-position:center 98%;
}

table.data_table th.vertical.wicket_orderDown {
    background-position:center 98%;
}