/*-----------------
 Header
-----------------*/
.tdHeader {
    vertical-align: top;
    /*height: 151px; for absolute position to keep at top of page*/
    height: 141px; /*for fixed position to keep at top of window*/
    min-height: 141px; /*for fixed position to keep at top of window*/
}
.divHeader {
    min-width: 975px;
    width: 100%;
    position: fixed;
    top: 0;
    height: 140px;
    z-index: 9000;
}
#Header {
    vertical-align: middle;
    white-space: normal;
    background-color: transparent;
    background-position:top;
    padding: 0px;
    margin: 0px 0px 25px 0px;
    border: none;
}
    #Header .tblHeader {
        margin: 0px 0px 0px 0px;
        width: 100%;
        border: 0;
        border-spacing: 0;
        border-collapse: collapse;
    }
    #Header .tdHeaderTop {
        height: 66px; 
        min-height: 66px;
        max-height: 66px;
	/*background-color: transparent; for absolute position to keep at top of page*/
        background-color: white; /*for fixed position to keep at top of window*/
    }
    #Header .tdHeaderTop a:hover {
        /*color: papayawhip;*/
        color: #008BC3;
    }
    #Header .tdHeaderTopLeft {
        text-align: left;
        width: 33%;
        padding-left: 10px;
        padding-top: 3px;
    }
    #Header #imgHeaderLogo {
        cursor: pointer;
    }
    #Header .tdHeaderTopMiddle {
        white-space: nowrap;
    }
    #Header .tdHeaderTopRight {
        text-align: right;
        width: 33%;
        padding-right: 8px;
    }
/*    #Header #txtHeader {
        color: #005BC3;
        font-size: 44px;
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-weight: 800;
        white-space: nowrap;
    }*/
    #Header .txtHeader {
        color: #005BC3; /*This is official Yaskawa blue color*/
        font-size: 44px;
        font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
        font-weight: 800;
        white-space: nowrap;
        cursor: pointer;
    }
    #Header .txtHeader:hover {
        color: #008BC3 !important;
    }
/* Login */
#login {
    display: block;
    font-size: 20px;
}
    #login .trHeaderUserInfo {
        display: table-row;
    }
    #login .trHeaderUserInfoHidden {
        display: none;
    }
    #login a {
        color: #005BC3; /*This is official Yaskawa blue color*/
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }
    #login a:hover {
        color: #008BC3;
    }
    #login a.username {
        background: none;
        margin-left: 0px;
        white-space: nowrap;
    }
    #login a.usernameActive {
        background: none;
        margin-left: 0px;
        white-space: nowrap;
    }
    #login a.loginstatus {
        white-space: nowrap !important;
    }
    #login a.aspNetDisabled:hover {
        color: #005BC3 !important;
        cursor: default;
    }
    #login ul {
        margin: 0;
    }
    #login li {
        display: inline;
        list-style: none;
    }
    #login .userInfo {
        color: #005BC3;
        text-align: right;
        padding-left: 16px;
    }
    #login .divUserInfo {
        vertical-align: middle;
        white-space: nowrap;
        cursor: default;
    }
    #login .divImgUserInfo {
        vertical-align: middle;
        white-space: nowrap;
        display: inline-block;
    }
    #login .divLnkUserInfo {
        vertical-align: middle;
        white-space: nowrap;
        display: inline-block;
        margin-bottom: 4px;
    }
    #login .userIconInactive {
        border: 0;
        margin-right: 5px;
        height: 20px;
        width: 20px;
        background: url(../ExtFiles/Header/UserAccountSm.png) no-repeat 0 0;
        cursor: default;
    }
    #login .userIconActive {
        border: 0;
        margin-right: 5px;
        height: 20px;
        width: 20px;
        background: url(../ExtFiles/Header/UserAccountSm.png) no-repeat 0 0;
        cursor: pointer;
    }
    #login .userIconActive:hover {
        border: 0;
        margin-right: 5px;
        height: 20px;
        width: 20px;
        background: url(../ExtFiles/Header/UserAccountHoverSm.png) no-repeat 0 0;
        cursor: pointer;
    }
    #login .userName {
        font-size: 16px;
        padding-bottom: 2px;
    }
    #login .usernameActive {
        font-size: 16px;
        padding-bottom: 2px;
        cursor: pointer;
    }
    #login .loginStatus {
        padding-top: 2px;
        padding-left: 2px;
        width: 0.1in;
    }
    /* Bottom two rows */
    #Header #divHeaderBottom {
        width: 100%;
    }
    #Header .tdHeaderBottom {
        background-color: transparent;
        font-family: Arial, sans-serif;
        font-size: 15px;
        font-weight: bold;
        margin: 0;
        padding: 0;
    }
    #Header .tblHeaderBottom {
        width: 100%;
        height: 60px;
        min-height: 60px;
        max-height: 60px;
        margin: 0;
        padding: 0;
        border: 0;
        border-spacing: 0;
        border-collapse: collapse;
    }
    #Header .tdHeaderBottomR1C1 {
        color: white !important;
        background-color: #005BC3 !important; /*This is official Yaskawa blue color*/
        height: 30px;
        min-height: 30px;
        max-height: 30px !important;
        vertical-align: middle;
        text-align: center;
        margin: 0;
    }
    #Header .pnlHeaderMiddle {
        display: inline-block;
        vertical-align: middle;
        height: 30px;
        min-height: 30px;
        max-height: 30px;
        padding: 0;
        margin: 0;
        line-height: 30px;
        white-space: nowrap;
        text-align: center;
    }
    #Header .tdHeaderBottomR1C1 .DisabledMenuLink {
        cursor: default !important;
    }
    #Header .tdHeaderBottomR1C1 .DisabledMenuLinkSelected {
        cursor: default !important;
        color: #DDDDDD !important;
    }
    #Header .tdHeaderBottomR1C1 .MenuLink {
        cursor: default !important;
    }
        #Header .tdHeaderBottomR1C1 .MenuLink:hover {
            cursor: pointer !important;
        }
    #Header .tdHeaderBottomR1C1 ul {
        vertical-align: middle;
        height: 100%;
        padding: 0;
        margin: 0;
        line-height: 0px;
    }
    #Header .tdHeaderBottomR1C1 ul li {
        display: inline-block;
        border-right: 1px solid white;
        height: 100%;
        top: 0px;
        left: 0px;
    }
        #Header .tdHeaderBottomR1C1 ul li:last-child {
            border-right: none;
        }
        #Header .tdHeaderBottomR1C1 ul li:hover {
            color: #E4E4E4;
            /*background-color: #0084C3;*/
            background-color: #002BC3;
        }
        #Header .tdHeaderBottomR1C1 ul li:first-child a {
            padding-left: 10px;
        }
        #Header .tdHeaderBottomR1C1 ul li a {
            color: white;
            background-color: transparent;
            vertical-align: middle;
            height: 30px;
            min-height: 30px;
            display: table-cell;
            padding: 0px 6px 0px 6px;
            text-decoration: none;
        }
            #Header .tdHeaderBottomR1C1 ul li a:hover {
                background-color: transparent;
                color: #E4E4E4;
            }
    #Header .tdHeaderBottomR1C1 .MenuSelectedLink {
        color: #C5C5C5 !important;
        background-color: #005BC3 !important;
        cursor: default !important;
    }
        #Header .tdHeaderBottomR1C1 .MenuSelectedLink:hover {
            color: #C5C5C5 !important;
            background-color: #005BC3 !important;
            cursor: default !important;
        }
    #Header .tdHeaderBottomR2C1, .tdHeaderBottomR2C2 {
        /*color: #005BC3;*/ /*This is official Yaskawa blue color*/
        font-family: Arial;
        font-weight: bold;
        background-color: #EEEEEE;
        height: 30px;
        min-height: 30px;
        max-height: 30px !important;
    }
    #Header .tdHeaderBottomR2C1 {
        text-align: left;
        padding-left: 9px;
        width: 0.1in;
        white-space: nowrap;
    }
    #Header .tdHeaderBottomR2C2 {
        width: 0.1in;
        text-align: right;
        padding-right: 9px;
    }
    #Header .divSelectedRobotModel {
        white-space: nowrap;
        width: 0.1in;
        display: table-cell;
    }
    #Header .CurrentRobotName {
        font-family: Tahoma;
        font-weight: normal;
    }
    #Header .pnlHeaderTorque {
        display: inline-block;
        text-align: right;
    }
    #Header .tblTorque {
    }
        #Header .tblTorque .tdTorqueLabel {
            white-space: nowrap;
            font-weight: normal;
            padding-right: 4px;
        }
            #Header .tblTorque .tdTorqueLabel .divTorqueLabel {
                margin-top: -2px;
            }
        #Header .tblTorque .tdTorqueAjaxCombo {
            font-weight: normal;
        }
            #Header .tblTorque .tdTorqueAjaxCombo .divComboTorque {
                margin-top: -3px;
            }
#Header .tdHeaderBottomR3 { /*for fixed position to keep at top of window*/
    height: 15px;
    min-height: 15px;
    max-height: 15px;
    background: rgb(255,255,255);
    background: -moz-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.3));
    background: -webkit-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.3));
    background: -o-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.3));
    background: -ms-linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.3));
    background: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,0.3));
}
/* Ajax combobox */
.divTorqueAjaxCombo {
    display: block;
    padding: 0;
    margin: -13px 0px 0px 0px;
    height: 14px !important;
}
.TorqueAjaxCombo {
    width: 122px !important;
}
    .TorqueAjaxCombo .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer {
        /*padding: 0px 6px 0px 0px !important;*/
    }
        .TorqueAjaxCombo .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
            padding: 0px 0px 1px 5px;
            font-size: 9.5pt;
        }
    .TorqueAjaxCombo .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
        height: 20px !important;
        width: 18px !important;
    }
    .TorqueAjaxCombo .ajax__combobox_itemlist {
        /*max-height: 200px;*/
        font-size: 9.5pt;
    }
/*-----------------
 SubMenu Items
-----------------*/
    #Header .divSubMenu {
        position: fixed;
        text-align: left;
        left: 0px;
        /*top: 96px; for absolute position to keep at top of page*/
        top: 96px; /*for fixed position to keep at top of window*/
        height: 30px;
        min-height: 30px;
        max-height: 30px;
        width: 100%;
        background-color: #EEEEEE;
        white-space: nowrap;
        z-index: 260;
    }
        #Header .divSubMenu ul {
            vertical-align: middle;
            height: 100%;
            padding: 0 0 0 4px;
            margin: 0;
            line-height: 0px;
        }
            #Header .divSubMenu ul li {
                display: inline-block;
                border-right: 1px solid #BBBBBB;
                height: 100%;
                color: #005BC3; /*This is official Yaskawa blue color*/
            }
                #Header .divSubMenu ul li:hover {
                    color: #008BC3;
                    background-color: #EFEFEF;
                }
                #Header .divSubMenu ul li:last-child {
                    border-right: none;
                }
                #Header .divSubMenu ul li a {
                    color: #005BC3; /*This is official Yaskawa blue color*/
                    background-color: transparent;
                    vertical-align: middle;
                    height: 30px;
                    min-height: 30px;
                    line-height: 30px;
                    display: inline-block;
                    padding: 0px 6px 0px 6px;
                }
                    #Header .divSubMenu ul li a:hover {
                        cursor: pointer;
                        background-color: transparent;
                    }
    #Header .divSubMenuShow {
        display: inline-block;
    }
    #Header .divSubMenuHide {
        display: none;
    }
    #Header .divSubMenuSelected {
        z-index: 250 !important;
    }
    #Header .NoSubMenu {
        cursor: pointer !important;
    }
    /* DropDown SubMenu */
    #Header .divSubMenuDropDown {
        position: absolute;
        text-align: left;
        left: 0;
        /*top: 96px; for absolute position to keep at top of page*/
        /*height: 30px;
        min-height: 30px;*/
        background-color: #008BC3;
        z-index: 270;
    }
        #Header .divSubMenuDropDown ul {
            list-style: none;
            padding: 0;
            margin: 0;
            top: 0px;
        }
            #Header .divSubMenuDropDown ul li {
                font-weight: normal;
                background-color: #008BC3;
                color: white !important;
                border-top: 1px solid #FFFFFF;
                float: none;
                padding: 0 10px 0 10px;
                margin: -1px 0 0 0;
                text-align: left;
                height: 30px;
                min-height: 30px;
                max-height: 30px;
                vertical-align: middle;
                display: block;
            }
                #Header .divSubMenuDropDown ul li a {
                    color: white !important;
                    height: 30px;
                    min-height: 30px !important;
                    max-height: 30px;
                    line-height: 30px;
                    vertical-align: middle;
                    white-space: nowrap;
                    display: block;
                }
        #Header .divSubMenuDropDown li:hover {
            background-color: #002BC3 !important;
            color: #E4E4E4 !important;
        }
        #Header .divSubMenuDropDown li a:hover {
            color: #E4E4E4 !important;
        }
        #Header .divSubMenuDropDown .MenuSubSelectedLink {
            color: #C4C4C4 !important;
            background-color: #008BC3 !important;
            cursor: default !important;
        }
            #Header .divSubMenuDropDown .MenuSubSelectedLink:hover {
                color: #C4C4C4 !important;
                background-color: #008BC3 !important;
                cursor: default !important;
            }
/* Horizontal SubMenu */
#Header .divSubMenuHorizontal {
    position: absolute;
    text-align: left;
    left: 0;
    background-color: #008BC3;
    z-index: 270;
}
    #Header .divSubMenuHorizontal ul {
        list-style: none;
        padding: 0;
        margin: 0;
        top: 0px;
    }
        #Header .divSubMenuHorizontal ul li {
            font-weight: normal;
            background-color: #008BC3;
            color: white !important;
            /*border-top: 1px solid #FFFFFF;*/
            float: none;
            padding: 0 10px 0 10px;
            margin: -1px 0 0 0;
            text-align: left;
            height: 30px;
            min-height: 30px;
            max-height: 30px;
            vertical-align: middle;
            display: inline-block;
        }
            #Header .divSubMenuHorizontal ul li a {
                color: white !important;
                height: 30px;
                min-height: 30px !important;
                max-height: 30px;
                line-height: 30px;
                vertical-align: middle;
                white-space: nowrap;
                display: block;
            }
    #Header .divSubMenuHorizontal li:hover {
        background-color: #002BC3 !important;
        color: #E4E4E4 !important;
    }
    #Header .divSubMenuHorizontal li a:hover {
        color: #E4E4E4 !important;
    }
    #Header .divSubMenuHorizontal .MenuSubSelectedLink {
        /*color: #DDDDDD!important;
        background-color: #5ca3c4 !important;*/
        color: #C4C4C4 !important;
        background-color: #008BC3 !important;
        cursor: default !important;
    }
        #Header .divSubMenuHorizontal .MenuSubSelectedLink:hover {
            /*color: #DDDDDD !important;
            background-color: #5ca3c4 !important;*/
            color: #C4C4C4 !important;
            background-color: #008BC3 !important;
            cursor: default !important;
        }
        /*#Header .divSubMenuHorizontal .MenuSubSelectedLink li a {
            color: red !important;
            background-color: #0085c3 !important;
            cursor: default !important;
        }
            #Header .divSubMenuHorizontal .MenuSubSelectedLink li:hover {*/
                /*color: #C5C5C5 !important;*/
                /*color: red !important;
                background-color: #0085c3 !important;
                cursor: default !important;
            }*/