﻿@media screen and (-webkit-min-device-pixel-ratio:0) {
    select, textarea, input {
        font-size: 16px !important;
    }
}

@media screen and (max-width: 1030px) {
    @-webkit-keyframes bugfix {
        from {
            padding: 0;
        }

        to {
            padding: 0;
        }
    }

    html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0px;
        padding: 0px;
        border: 0px;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    caption, th, td {
        font-weight: normal;
    }

    table, td, th {
        vertical-align: top;
    }

    *:focus {
        outline: none;
    }

    blockquote:before, blockquote:after, q:before, q:after {
        fadebox: "";
    }

    blockquote, q {
        quotes: "" "";
    }

    a img {
        border: none;
    }

    hr {
        display: block;
        clear: both;
        background: #cccccc;
        color: #cccccc;
        width: 100%;
        height: 1px;
        border: none;
    }

    input, textarea, select {
        margin: 0px;
        color: #000000;
        font: normal 14px Arial, Helvetica, sans-serif;
        background: #f0f0f0;
        vertical-align: middle;
        border: 1px solid #999;
        padding: 8px 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    figure, form {
        margin: 0;
    }

    fieldset {
        border: 1px solid #cccccc;
        margin: 0 2px;
        padding: .35em .625em .75em
    }

    legend {
        border: 0;
        padding: 0;
        white-space: normal;
    }

    button, input, select, textarea {
        font-size: 100%;
        margin: 0;
        vertical-align: baseline;
    }

    button, input {
        line-height: normal
    }

        button, html input[type="button"], input[type="reset"], input[type="submit"] {
            -webkit-appearance: button;
            cursor: pointer;
        }

            button[disabled], input[disabled] {
                cursor: default
            }

        input[type="checkbox"], input[type="radio"] {
            box-sizing: border-box;
            padding: 0;
        }

        input[type="search"] {
            -webkit-appearance: textfield;
            -moz-box-sizing: content-box;
            -webkit-box-sizing: content-box;
            box-sizing: content-box
        }

            input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
                -webkit-appearance: none
            }

        button::-moz-focus-inner, input::-moz-focus-inner {
            border: 0;
            padding: 0
        }

    textarea {
        overflow: auto;
        vertical-align: top;
        resize: none;
    }

    select:focus, select {
        -webkit-text-size-adjust: 100%;
        font-size: inherit;
        font-size: 16px
    }

    html {
        font-size: 100%;
        -webkit-text-size-adjust: none;
        -ms-text-size-adjust: none;
    }

    ::-moz-selection, ::-webkit-selection, ::selection {
        background: #fa6900;
        color: #ffffff;
        text-shadow: none;
    }

    * {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    body {
        background: #ffffff;
        font-family: Arial, Helvetica, sans-serif;
        color: #444444;
        -webkit-animation: bugfix infinite 1s;
    }

    input { /*-webkit-appearance: none;border-radius: 0;*/
    }

    body, p, li, span, td, th, div {
        font-size: 13px;
        margin: 0;
        padding: 0;
    }

    h1 {
        font-size: 30px;
        line-height: 26px;
        margin: 15px 0px 15px 0px;
    }

    h2 {
        font-size: 24px;
        line-height: 21px;
    }

    h3 {
        font-size: 22px;
        line-height: 19px;
    }

    h4 {
        font-size: 18px;
    }

    h5 {
        font-size: 14px;
    }

    pre {
        display: block;
        width: 100%;
        white-space: normal;
    }

    ul, ol {
        margin: 0 20px;
    }

    .openmenu {
        display: block
    }

    .mainmenu li ul, .fakeheader, .accesstitle, .accesskey, .expaccesskeyplace, .breadcrumbs {
        display: none;
    }

    .main {
        width: 100%;
        padding: 0;
        margin: 0px;
        clear: both;
        min-height: 10px;
    }

    .AlertMessage {
        width: 100%;
        padding: 5px;
        margin: 0px;
        clear: both;
        font-size: 12px;
        line-height: 14px;
    }

    .divThreadTabContent {
        width: 94%;
        padding: 0;
        margin: 0px auto;
    }

    .header {
        height: auto;
        margin: 0;
        padding: 0;
        border: none
    }

    .ajax__combobox_textboxcontainer input, .ajax__combobox_inputcontainer, .ajax__combobox_textboxcontainer, #MainContent_divThreadSelection, .divThreadSelectionTitle, #MainContent_ucThreadTooling_ucParamControlChooseTooling_oMultiFilterChooseTooling_btnReset {
        width: 100%;
    }

    .ui-dialog.ui-widget, body .menuModalPopup {
        width: 100% !important
    }

    .ui-tabs, .ui-tabs .ui-tabs-nav, div#SummaryContainer {
        padding: 0;
        margin: 0;
    }

    #SummaryContainer {
        max-width: 1000px;
        margin: auto;
    }

    .ui-tabs-nav.ui-helper-reset.ui-helper-clearfix.ui-widget-header.ui-corner-all {
        clear: both;
    }

    .tblThreadSelection,
    .tblThreadSelection tbody,
    .tblThreadSelection tr,
    .tblThreadSelection td {
        display: block;
    }

        .tblThreadSelection tr {
        }

        .tblThreadSelection td {
            padding: 0px 15px;
            margin-bottom: 1%;
            width: 48%;
            display: inline-block;
            text-align: center;
        }

        .tblThreadSelection img, .divThreadSelectionTitle img {
            width: auto;
            max-width: 100%;
            margin: 10px 0 0 0
        }

        .tblThreadSelection img, .divThreadSelectionTitle img, .divThreadOptionButton, .divThreadOptionButton:focus, .divThreadOption:hover .divThreadOptionButton {
            -moz-border-radius: 0px;
            -webkit-border-radius: 0px;
            border-radius: 0px;
            box-shadow: 0px 0px 0px #888888;
        }

    .divThreadSelectionTitle {
        background: none;
        padding: 0;
        margin: 0 auto;
        height: auto;
        width: 90%
    }

    .menuButton {
        border: none;
        background: none;
        padding: 0;
        position: absolute;
        right: 0;
        top: 0;
        width: 40px;
    }

    #divHelp .GridAndText td {
        width: auto;
    }

    .HelpRegTable th, .HelpRegTable td, .HelpSmallTable.HelpRegTable th, .HelpSmallTable.HelpRegTable td {
        padding: 1px;
    }

    .ui-tabs-vertical #MainNavigation {
        width: 100%;
        clear: both;
        border-left: 1px solid #666;
        /*border-top: 1px solid #666;*/
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        margin: 0;
    }

        .ui-tabs-vertical #MainNavigation li, .ui-tabs #MainNavigation li.ui-tabs-active {
            width: 20%;
            float: left;
            clear: none;
            margin: 0;
            border: none;
            border-right: 1px solid #666 !important;
            font-size: 12px;
            padding: 5px 2px;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
        }

            .ui-tabs-vertical #MainNavigation li span, .ui-tabs .ui-tabs-nav li a {
                -ms-word-break: break-all;
                word-break: break-all;
                font-size: 10px;
                padding: 0;
                line-height: 10px;
                display: block;
                text-align: center;
                float: none;
                font-weight: normal;
                white-space: normal
            }

            .ui-tabs-vertical #MainNavigation li.ui-state-disabled {
                background: #f0f0f0;
            }

    .divThreadTabContent, .tdThreadTabHelp {
        background: none;
        border: none;
        margin: 10px auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0px 0px 0px #d9d9d9;
    }

    .ui-dialog.ui-widget, body .menuModalPopup {
        border: none;
        margin: 20px auto;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0px 0px 0px #d9d9d9 !important;
        padding: 5px;
    }

    .tdThreadTabMain {
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0px 0px 0px #d9d9d9;
    }

    .ajax__combobox_textboxcontainer input {
        padding: 10px 5px;
    }

    .thread-dialog-alert-msg {
        word-break: break-all;
    }

    .header .headerSideImage {
        top: 0;
        right: 0;
        opacity: .5;
        display: none;
    }

    .CompanyHeaderLogo {
        margin: 10px 0 0 5px;
    }

    .rGrid.rGridMF, .rGrid {
        height: auto;
        margin: 10px 0
    }

        .rGrid td {
            white-space: normal;
            word-break: break-all;
            font-size: 12px;
        }

    #divHelpEvent .rGrid table td {
        padding: 5px;
        text-align: center
    }

        #divHelpEvent .rGrid table td:first-of-type, #divHelpEvent .rGrid table th {
            font-weight: bold;
            text-decoration: underline;
            color: #0166e4;
        }

    #divHelpEvent .rGrid table th {
        color: #000;
        text-decoration: none
    }

    #divHelpEvent .rGrid table tr:nth-of-type(even) td {
        background: #f0f0f0;
    }

    #divHelpEvent .rGrid table tr.select td, #divHelpEvent .rGrid table tr.select:nth-of-type(even) td {
        background: #7fc370;
    }

    .rGrid th {
        font-weight: normal;
    }

    #MainContent_ucThreadTooling_ucParamControlChooseTooling_oMultiFilterChooseTooling_tblFilters {
        margin: 0 0 20px 0;
    }

    .divMultiFilter td, .divMultiFilter td:first-of-type {
        padding: 0 5px 5px 0;
    }

        .divMultiFilter td:first-of-type {
            width: 140px
        }

    .divMultiFilter .oMultiFilter {
        width: 160px;
    }

    .divMultiFilter .postByBtn {
        width: 100px;
    }

    #tabsGrid .gridDiv {
        box-shadow: 0px 0px 0px #535353;
    }

    #tabsGrid li, #tabsGrid li.ui-tabs-active {
        width: 15.6%;
        padding: 5px;
    }

    .ui-tabs .ui-tabs-nav li.ui-tabs-active, .tabsPhoto .ui-tabs-nav li {
        width: 23%;
        padding: 5px 4px;
        margin: 0 2px
    }

    .ui-widget-overlay {
        opacity: 1;
        background: #000\8;
        background: rgba(0, 0, 0, 0.8);
    }

    .ui-dialog .ui-dialog-content {
        padding: 5px;
        font-size: 12px;
        line-height: 14px;
    }

        .thread-dialog-alert-msg, .ui-dialog .ui-dialog-content p {
            font-size: 12px;
            line-height: 14px;
        }

    .tabsPhoto .ui-tabs-panel {
        min-width: 10px;
        padding: 3px;
    }

    #divHelp img {
        max-width: 100%;
    }

    .ajax__combobox_buttoncontainer button {
        width: 30px;
        height: 40px;
        border: 1px solid #6d6e71 !important;
        padding: 5px;
        -webkit-border-radius: 0 3px 3px 0px;
        -moz-border-radius: 0 3px 3px 0px;
        border-radius: 0 3px 3px 0px;
        background: #999;
    }

    .inputText, .menuModalPopup .setting select, .SettingsButtonContainer input, .divMultiFilter select, .divMultiFilter input[type="submit"], .oFilter {
        border: 1px solid #999;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }

    .ajax__combobox_itemlist {
        padding: 0 !important;
        width: 94% !important;
    }

    .loadHelpEvent .inputText {
        margin: 0 5px 0px 0;
        float: left;
        width: 50px;
        padding: 8px 5px;
    }

    .PhotoAndText.loadHelpEvent td .inputText {
        width: 80px;
    }

    .loadHelpEvent .ThreadDimensions.postByBtn, .loadHelpEvent .PhotoAndText.postByBtn {
        float: left;
        width: 81%;
        margin: 0 2% 0 0
    }

    .loadHelpEvent .postByBtn {
        float: left;
        width: 54%;
    }

    .loadHelpEvent .inlinecombo .postByBtn, .chkShowThis {
        float: left;
        width: 100%;
    }

    #divHelpEvent .chkShowThis:nth-of-type(4) {
        width: auto;
        margin: 7px 0 0 0
    }

    #divHelpEvent {
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        padding: 0 0 5px 0;
    }

        #divHelpEvent span {
            display: block;
            float: left;
            margin: 0 0px 5px 0;
            font-weight: bold;
            color: #666;
        }

            #divHelpEvent span:nth-of-type(1), #divHelpEvent table {
                width: 100%
            }

            #divHelpEvent span:nth-of-type(2) {
                display: inline-block;
                width: auto;
                margin: 8px 5px 0 0;
            }

        #divHelpEvent.MaterialGrid.loadHelpEvent .postByBtn, #divHelpEvent.GridAndText.loadHelpEvent .postByBtn, #divHelpEvent.PhotoAndGrid.loadHelpEvent .postByBtn {
            width: 81%;
        }

        #divHelpEvent table span:nth-of-type(1) {
            width: auto
        }

        #divHelpEvent table td {
            padding: 0 0 10px 0
        }

        #divHelpEvent .MultiValue input, #divHelpEvent input.MultiValue, #divHelpEvent.PhotoAndGrid.loadHelpEvent .MultiValue.postByBtn {
            width: 35px;
            height: 35px;
        }

        #divHelpEvent.PhotoAndGrid.loadHelpEvent span:nth-of-type(2) {
            margin: 0;
        }

    .inlinecombo {
        float: left;
        width: 51%;
        margin: 0 2% 0 0
    }

    #MainContent_ucThreadOperation_ucParamControlCarbide_ucParamControlCuttingSpeed_rCuttingSpeedCuttingSpeed_lblExtraText, #MainContent_ucThreadOperation_ucParamControlCarbide_ucParamControlCuttingSpeed_rCuttingSpeedCuttingSpeed_lblCalc {
        width: 100px;
        padding: 5px 5px 0 0;
        display: inline-block;
    }

    #MainContent_ucThreadOperation_ucParamControlCarbide_ucParamControlCuttingSpeed_rCuttingSpeedCuttingSpeed_lblMeasure {
        padding: 5px 0px 0 0;
        display: inline-block;
    }

    #MainContent_ucThreadOperation_ucParamControlCarbide_ucParamControlCuttingSpeed_rCuttingSpeedCuttingSpeed_lbl {
        margin: 0 0 10px 0;
        display: block;
    }

    .ajax__combobox_itemlist li {
        padding: 5px !important;
    }

    .btnok {
        display: block;
        clear: both;
        width: 100%;
    }

        #tabs .button-icon-display, .btnok input {
            float: right;
            background: #cbcbcb url(../images/ok.png) center center no-repeat;
            width: 50px;
            height: 35px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border: 1px solid #999;
        }

            #tabs .button-icon-display:hover, #tabs .button-icon-display:focus {
                background: #aca3a3 url(../images/ok.png) center center no-repeat;
            }

    .menuModalPopup .ui-icon-circle-close {
        width: 26px;
        height: 26px;
        background: url(../images/close.png) 0 0 no-repeat;
        position: absolute;
        top: 5px;
        right: 5px;
        margin: 0;
    }

    .SettingsDropdownsBoxNew select {
        width: 100%;
    }

    .menuModalPopup .SettingsDropdownsBoxNew {
        margin: 0 0 20px 0;
    }

    body .menuModalPopup h3, body .menuModalPopup h3 span {
        margin: 0 0 5px 0;
        font-size: 16px;
    }

    body .menuModalPopup h2, body .menuModalPopup h2 span {
        margin: 0 0 5px 0;
        font-size: 20px;
        font-weight: bold;
    }


    .fixmenuplace, .menuModalPopup .menuHelp .ui-menu {
        position: static !important;
        float: none
    }

    #MainContent_UpdatePanel5 {
        border: none;
        padding: 0px;
        margin: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px;
        box-shadow: 0px 0px 0px #e7e7e7;
        background: none;
    }

    .tablestyle {
        width: 100%;
    }

        .tablestyle table {
            border-top: 1px solid #ccc;
            border-right: 1px solid #ccc;
            margin: 0 0 20px 0;
            width: 100%;
        }

            .tablestyle table td, .tablestyle table th {
                font-size: 12px !important;
                border-bottom: 1px solid #ccc;
                border-left: 1px solid #ccc;
                padding: 4px !important;
            }

            .tablestyle table th {
                background: #ccc;
            }

            .tablestyle table td table, .tablestyle table td table td {
                border: none;
            }

            .tablestyle table td img {
                margin: auto;
                max-width: 90px !important;
            }

        .tablestyle .alignCenter {
            text-align: center;
        }

    .ReportTitle {
        margin: 0 0 10px 0;
        font-size: 20px;
        color: #cc0000;
        display: block;
    }

    #MainContent_txtEmailSummary, #MainContent_btnSendEmailSummary, #MainContent_btnEmailSummary, #MainContent_btnEmailCNC, #MainContent_btnSaveCNCFile {
        margin: 10px 0;
    }

    .pleaseselect {
        font-weight: bold;
    }

    .noscript {
        font-weight: bold;
        font-size: 22px;
        text-align: center;
        background: #ff0000;
        position: relative;
        padding: 10px;
        z-index: 1111;
    }



    #divHelpEvent .rowhelp table td {
        padding: 2px 0px;
        font-size: 11px;
    }

    #divHelpEvent .rowhelp img {
        max-width: 100%;
    }

    #divHelpEvent .rowhelp .tabsPhoto .ui-tabs-panel {
        float: left;
        width: 100%;
    }

    #divHelpEvent .rowhelp .main .ui-widget-content, #divHelpEvent .rowhelp .HelpSubTitle, #divHelpEvent .rowhelp .HelpControlTitle {
        display: block;
        clear: both;
        font-weight: normal;
    }

    #divHelpEvent .rowhelp .btnok {
        margin: -20px 0 20px 0;
        float: right;
    }


    .chamfer input, #divHelpEvent .chamfer span:nth-of-type(1) {
        width: 100%;
    }
}










@media screen and (min-width: 768px) and (max-width: 1380px) {
    .tablestyle {
    }
}
