/* RESET */
/**{
    margin: 0;
    padding: 0;
    border: 0;
    line-height: 1;
}*/
ul, li {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Firefox Scrollbar Hack - Do not remove */
html {
    margin-bottom: 1px;
    height: 100% !important;
    height: auto;
}

/* GENERAL */
body {
    background: #FFF;
    color: #555;
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "Trebuchet MS", Arial, sans-serif;
    font-size: 12px;
    overflow: hidden;
    line-height: normal;
    margin: 0;
}

hr {
    border-top: 1px solid #AAA;
    border-bottom: 1px solid #FFF;
    display: block;
}

.clear {
    clear: both;
}

.clear_5 {
    clear: both;
    height: 5px;
}

.left {
    float: left !important;
}

.right {
    float: right !important;
}

b, strong {
    font-weight: bold;
}

.marginAuto {
    margin: auto;
}

.youtube-img {
    width: 35px;
    height: 25px;
}

/* HEADERS */
h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
}

h1 {
    padding: 0 0 20px;
}

h2 {
    padding: 0 0 15px;
}

h3 {
    padding: 0 0 10px;
}

h4 {
    padding: 0 0 7px;
}

h5 {
    padding: 0 0 5px;
}

h5 {
    padding: 0 0 2px;
}


/* LINKS */
a {
    color: #047CF4;
    text-decoration: underline;
}

    a[type] {
    }

    a:hover {
        color: #FF9900;
        text-decoration: underline;
    }

.bottomMargin {
    margin: 0 0 15px 0;
}

.topMargin {
    margin: 10px 0 0 0;
}

.leftMargin {
    margin: 0 0 0 10px;
}

#treeContainer {
    background: #dedede;
    bottom: 0;
    border-right: 1px solid #AAA;
    display: none;
    height: 100px;
    left: 0px;
    overflow: auto;
    position: absolute;
    width: 300px;
}

div.glimpse-nowrap {
    z-index: 9999999999;
}

/* TASKBAR */
#taskbar {
    background: #BBB;
    bottom: 0;
    border-top: 1px solid #FFF;
    height: 31px;
    left: 0px;
    position: absolute;
    width: 100%;
}

    #taskbar .taskItem {
        background: #AAA;
        color: #666;
        cursor: hand;
        cursor: pointer;
        float: left;
        height: 21px;
        overflow: hidden;
        padding: 5px 5px 1px 5px;
        white-space: nowrap;
        margin: 2px 0 0 2px;
    }

        #taskbar .taskItem.active {
            color: #555;
            font-weight: bold;
        }

    #taskbar .close {
        background: url(/Content/New/Images/TaskbarItemWindowClose.png) top left no-repeat;
        cursor: hand;
        cursor: pointer;
        height: 14px;
        margin: 1px 0 0 0;
        position: absolute;
        width: 14px;
    }

    #taskbar .title {
        padding: 0 0 0 18px;
    }

    #taskbar .actions {
        float: right;
    }

        #taskbar .actions div {
            cursor: hand;
            cursor: pointer;
            float: left;
            height: 14px;
            margin: 8px 8px 0 0;
            width: 14px;
        }

        #taskbar .actions .minimizeAll {
            background: url(/Content/New/Images/TaskbarMinimizeAllWindows.png) top left no-repeat;
        }

        #taskbar .actions .closeAll {
            background: url(/Content/New/Images/TaskbarCloseAllWindows.png) top left no-repeat;
        }

/* ALIGNS */
.alignRight {
    text-align: right !important;
}

.alignLeft {
    text-align: left !important;
}

.alignCenter {
    text-align: center !important;
}

/* CLEARS */
.clear {
    clear: both;
}

.clearLeft {
    clear: left;
}

.clearRight {
    clear: right;
}

/* WINDOWS */
#windowSource {
    display: none;
}

.window {
    background: #FFF;
    height: 400px;
    left: 100px;
    overflow: hidden;
    position: absolute;
    top: 300px;
    width: 640px;
}

    .window .titlebar {
        background: #505050 url(/Content/New/Images/WindowTitlebarBackground.png) center;
        border: 1px solid #555;
        border-bottom: 0;
        cursor: move;
        height: 28px;
        overflow: hidden;
    }

    .window.active .titlebar {
        background: #205180 url(/Content/New/Images/WindowActiveTitlebarBackground.png) center;
    }

    .window.pinned .titlebar {
        background: #205180 url(/Content/New/Images/WindowTitlebarPinnedBackground.png) center;
    }

    .window.pinned.active .titlebar {
        background: #205180 url(/Content/New/Images/WindowActiveTitlebarPinnedBackground.png) center;
    }

    .window .titlebar .title {
        color: #FFF;
        font-size: 12px;
        display: inline-block;
        overflow: hidden;
        padding: 4px 4px 5px 7px;
        white-space: nowrap;
    }

    .window .titlebar .buttons {
        float: right;
        padding: 4px 4px 4px 0;
    }

        .window .titlebar .buttons div {
            cursor: hand;
            cursor: pointer;
            float: left;
            height: 20px;
            margin: 0 0 0 5px;
            width: 20px;
        }

        .window .titlebar .buttons .close {
            background: url(/Content/New/Images/WindowButtonClose.png);
        }

        .window .titlebar .buttons .minimize {
            background: url(/Content/New/Images/WindowButtonMinimize.png);
        }

        .window .titlebar .buttons .maximize {
            background: url(/Content/New/Images/WindowButtonMaximize.png);
        }

        .window .titlebar .buttons .restore {
            background: url(/Content/New/Images/WindowButtonRestore.png);
            display: none;
        }

        .window .titlebar .buttons .refresh {
            background: url(/Content/New/Images/WindowButtonRefresh.png);
        }

        .window .titlebar .buttons .pin {
            background: url(/Content/New/Images/WindowButtonPin.png);
        }

    .window.pinned .titlebar .buttons .pin {
        background: url(/Content/New/Images/WindowButtonUnPin.png);
    }

    .window .content {
        border: 1px solid #AAA;
        float: left;
        border-top: 0;
        overflow: auto;
    }

        .window .content.noScroll {
            overflow: hidden !important;
        }

        .window .content .buttons {
            display: none;
        }

    .window .statusbar {
        border: 1px solid #AAA;
        border-top: 1px solid #FFF;
        color: #999;
        font-size: 10px;
        height: 18px;
        overflow: hidden;
    }

    .window .resizeBackground {
        background: url(/Content/New/Images/WindowResizeHandler.png) bottom right no-repeat;
        height: 18px;
    }

    .window .statusbar .status {
        padding: 1px 5px 0 5px;
    }

    .window .buttonbar, .window .fakeButtonbar {
        border: 1px solid #AAA;
        border-top: 1px solid #FFF;
        overflow: hidden;
        padding: 7px 0;
    }

    .window .fakeButtonbar {
        border-bottom: 0;
        border-left: 0;
        border-right: 0;
    }

        .window .buttonbar .inner, .window .fakeButtonbar .inner {
            padding: 0 7px;
        }

    .window .statusbar .resizer {
        float: right;
        height: 18px;
        width: 18px;
    }

.DS_WindowTitle, .DS_WindowProject {
    display: none;
}

.DS_WindowText h1 {
    padding-bottom: 10px !important;
}

/* ROUNDED CORNERS */
.roundCorner4, .button, #dragAndDropHelperMessage, .switcherMenu a, .window .tabbar a.current {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.roundCornerTop3, .window .titlebar {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.roundCornerBottom3, .window .statusbar {
    -webkit-border-bottom-left-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

.gradient.lightGray, #dragAndDropHelperMessage, #taskbar .taskItem.active {
    background-color: #ffffff;
}

.gradient.gray, .window .statusbar, .window .buttonbar, .window .fakeButtonbar, .window .content, .contextMenu, #topbar .applications, .window .sidebarRight, .switcherMenu, .window .tabbar {
    background-color: #dedede;
}

    .gradient.gloss.blue, .button.blue, #taskbar, .window .tabbar a.current, .switcherMenu a.current {
        background-color: #2a5885;
    }

table.dataTable thead tr {
    background-color: #3b678e;
}

.gradient.gloss.red, .button.red {
    background-color: #e94c3b;
}

.gradient.gloss.green, .button.green {
    background-color: #7cc232;
}

.gradient.gloss.white, .button.white {
    background-color: #f7f7f7;
}

.gradient.gloss.orange, .button.orange {
    background-color: #f4af30;
}

.gradient.gloss.black, .button.black {
    background-color: #414141;
}

.gradient.gloss.gray, .button.gray {
    background-color: #c7c7c7;
}

.gradient.darkBlue {
    background-color: #283f54;
}

.button.icon, .button[rel="expandLayered"] {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.button.withoutIcon {
    padding-left: 11px;
    padding-right: 11px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}


.button.icon.square {
    padding-left: 18px;
    padding-top: 20px;
    background-repeat: no-repeat;
    background-position: 2px 2px;
}

.button.icon.refresh-white {
    background-image: url(/Content/New/Images/Icons/RefreshWhite.png);
}

.button.icon.STLamina {
    background-image: url(/Content/New/Images/Icons/STLamina.png);
}

.button.icon.Excel {
    background-image: url(/Content/New/Images/Icons/Excel.png);
}

.button[rel="expandLayered"] {
    background-image: url(/Content/New/Images/Icons/ExpandMultiaxials.png);
}

/* TREE */
.tree .switcher {
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: left;
    /*margin: 3px 0 0 0;*/
    height: 22px;
    width: 22px;
}

    .tree .switcher.expanded, .collapsableBlock .title {
        background-image: url(/Content/New/Images/Icons/Collapse.png);
    }

    .tree .switcher.collapsed, .collapsableBlock.collapsed .title {
        background-image: url(/Content/New/Images/Icons/Expand.png);
    }

    .tree .switcher.expanded, .tree .switcher.collapsed {
        cursor: hand;
        cursor: pointer;
    }

.tree, .tree ul {
    list-style-type: none;
}

    .tree ul {
        margin: 0 0 0 14px;
    }

        .tree ul:first-child {
            margin: 0;
        }

    .tree a {
        background-image: url(/Content/New/Images/Icons/Folder.png);
        background-position: 0px 3px;
        background-repeat: no-repeat;
        color: #333;
        display: block;
        padding: 5px 0 5px 26px;
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .tree a:hover {
            background-color: #d3e0ea;
        }

        .tree a.active, .dragAndDropOverState {
            background-color: Yellow;
        }

        .tree a.loading {
            background-image: url(/Content/New/Images/AjaxLoader.gif) !important;
        }

        .tree a[type="TopologyGroup"].error {
            background-image: url(/Content/New/Images/Icons/TopologyGroupError.png);
        }

        .tree a[type="TopologyGroup"].fatal {
            background-image: url(/Content/New/Images/Icons/TopologyGroupFatal.png);
        }

        .tree a[type="TopologyGroup"].proper {
            background-image: url(/Content/New/Images/Icons/TopologyGroupProper.png);
        }

        .tree a[type="TopologyGroup"].warning {
            background-image: url(/Content/New/Images/Icons/TopologyGroupWarning.png);
        }

        .tree a[type="TopologyGroup"].outdated {
            background-image: url(/Content/New/Images/Icons/TopologyGroupOutdated.png);
        }

        .tree a[type="BeamSection"] {
            background-image: url(/Content/New/Images/Icons/BeamSection.png);
        }

            .tree a[type="BeamSection"].solid {
                background-image: url(/Content/New/Images/Icons/BeamSectionSolid.png);
            }

            .tree a[type="BeamSection"].thinwall {
                background-image: url(/Content/New/Images/Icons/BeamSectionThinWall.png);
            }

        .tree a[type="Beam"] {
            background-image: url(/Content/New/Images/Icons/Beam.png);
        }

            .tree a[type="Beam"].error {
                background-image: url(/Content/New/Images/Icons/BeamError.png);
            }

            .tree a[type="Beam"].fatal {
                background-image: url(/Content/New/Images/Icons/BeamFatal.png);
            }

            .tree a[type="Beam"].proper {
                background-image: url(/Content/New/Images/Icons/BeamProper.png);
            }

            .tree a[type="Beam"].warning {
                background-image: url(/Content/New/Images/Icons/BeamWarning.png);
            }

            .tree a[type="Beam"].outdated {
                background-image: url(/Content/New/Images/Icons/BeamOutdated.png);
            }

        .tree a[type="BeamCapping"], .tree a[type="BeamSideTapes"], .tree a[type="BeamShearWeb"], .tree a[type="BeamBondingTape"], .tree a[type="BeamInnerSkin"], .tree a[type="BeamOuterSkin"] {
            background-image: url(/Content/New/Images/Icons/Html.png);
        }

        .tree a[type="Panel"] {
            background-image: url(/Content/New/Images/Icons/Panel.png);
        }

            .tree a[type="Panel"].error {
                background-image: url(/Content/New/Images/Icons/PanelError.png);
            }

            .tree a[type="Panel"].fatal {
                background-image: url(/Content/New/Images/Icons/PanelFatal.png);
            }

            .tree a[type="Panel"].proper {
                background-image: url(/Content/New/Images/Icons/PanelProper.png);
            }

            .tree a[type="Panel"].warning {
                background-image: url(/Content/New/Images/Icons/PanelWarning.png);
            }

            .tree a[type="Panel"].outdated {
                background-image: url(/Content/New/Images/Icons/PanelOutdated.png);
            }

        .tree a[type="MaterialsSelection"] {
            background-image: url(/Content/New/Images/Icons/Selection.png);
        }

        .tree a[type="Blade"] {
            background-image: url(/Content/images/areaIcons/20/BladeGen.png);
        }

        .tree a[type="CoordinateSystem"] {
            background-image: url(/Content/New/Images/Icons/CoordinateSystem.png);
        }

        .tree a[type="GeneralProduct"] {
            background-image: url(/Content/New/Images/Icons/Product.png);
        }

        .tree a[type="GlobalLoads"], .tree a[type="LaminateLoads"] {
            background-image: url(/Content/New/Images/Icons/GlobalLoads.png);
        }

        .tree a[type="Load"], .tree a[type="GlobalLoad"] {
            background-image: url(/Content/New/Images/Icons/Load.png);
        }

            .tree a[type="Load"].beam, .tree a[type="GlobalLoad"].beam {
                background-image: url(/Content/New/Images/Icons/LoadBeam.png);
            }

            .tree a[type="Load"].plate, .tree a[type="GlobalLoad"].plate {
                background-image: url(/Content/New/Images/Icons/LoadPlate.png);
            }

        .tree a[type="Vessel"] {
            background-image: url(/Content/images/areaIcons/20/BNP.png);
        }

            .tree a[type="Vessel"].error {
                background-image: url(/Content/New/Images/Icons/VesselError.png);
            }

            .tree a[type="Vessel"].fatal {
                background-image: url(/Content/New/Images/Icons/VesselFatal.png);
            }

            .tree a[type="Vessel"].proper {
                background-image: url(/Content/New/Images/Icons/VesselProper.png);
            }

            .tree a[type="Vessel"].warning {
                background-image: url(/Content/New/Images/Icons/VesselWarning.png);
            }

            .tree a[type="Vessel"].outdated {
                background-image: url(/Content/New/Images/Icons/VesselOutdated.png);
            }

        .tree a[type="ProjectLaminates"], .tree a[type="Laminates"] {
            background-image: url(/Content/New/Images/Icons/LaminateGroup.png);
        }

        .tree a[type="ProjectReports"], .tree a[type="ApplicationReports"] {
            background-image: url(/Content/New/Images/Icons/Reports.png);
        }

        .tree a[type="Report"] {
            background-image: url(/Content/New/Images/Icons/Report.png);
        }

        .tree a[type="Laminate"] {
            background-image: url(/Content/New/Images/Icons/Laminate.png);
        }

            .tree a[type="Laminate"].base {
                background-image: url(/Content/New/Images/Icons/BaseLaminate.png);
            }

        .tree a[type="LaminateFamily"] {
            background-image: url(/Content/New/Images/Icons/LaminateFamily.png);
        }

        .tree a[type="LaminateFamilyGroup"] {
            background-image: url(/Content/New/Images/Icons/LaminateFamilyGroup.png);
        }

        .tree a[type="Material"], .tree a[type="MultiPlyMaterial"] {
            background-image: url(/Content/images/areaIcons/20/CMDB.png);
        }

        .tree a[type="Manufacturer"] {
            background-image: url(/Content/New/Images/Icons/Manufacturer.png);
        }

        .tree a[type="WikiPage"] {
            background-image: url(/Content/New/Images/Icons/Wiki.png);
        }

        .tree a.iconHome {
            background-image: url(/Content/New/Images/Icons/Home.png) !important;
        }

        .tree a.iconProductHome {
            background-image: url(/Content/New/Images/Icons/ProductHome.png) !important;
        }

        .tree a[type="BomSection"].LaminateFamily, .tree a[type="PlyStackElement"].LaminateFamily {
            background-image: url(/Content/New/Images/Icons/LaminateFamily.png);
        }

        .tree a[type="BomSection"].Beam, .tree a[type="PlyStackElement"].Beam {
            background-image: url(/Content/New/Images/Icons/Beam.png);
        }

        .tree a[type="BomSection"].Bonding, .tree a[type="PlyStackElement"].Bonding {
            background-image: url(/Content/New/Images/Icons/Bonding.png);
        }

        .tree a[type="BomSection"].Reinforcement, .tree a[type="PlyStackElement"].Reinforcement {
            background-image: url(/Content/New/Images/Icons/Reinforcement.png);
        }

        .tree a[type="BomSection"].Other, .tree a[type="PlyStackElement"].Other {
            background-image: url(/Content/New/Images/Icons/OtherPlyStackElement.png);
        }

        .tree a[type="FECases"] {
            background-image: url(/Content/New/Images/Icons/FECases.png);
        }

        .tree a[type="Frame"], .tree a[type="Group"].Frame, .tree a[type="BomComponent"].Frame {
            background-image: url(/Content/New/Images/Icons/Frame.png);
        }

        .tree a[type="PanelGroup"], .tree a[type="Group"].PanelGroup, .tree a[type="BomComponent"].PanelGroup {
            background-image: url(/Content/New/Images/Icons/PanelGroup.png);
        }

        .tree a[type="FECase"] {
            background-image: url(/Content/New/Images/Icons/FECase.png);
        }

        .tree a[type="BladeIteration"] {
            background-image: url(/Content/New/Images/Icons/BladeIteration.png);
        }

        .tree a[type="Section"] {
            background-image: url(/Content/New/Images/Icons/BladeSection.png);
        }


    .tree .taskTable {
        border-spacing: 0;
    }

        .tree .taskTable img {
            margin: 3px 3px 3px 3px;
        }

        .tree .taskTable .tableRow:hover {
            background-color: #d3e0ea;
        }

        .tree .taskTable .tableRow.darkerUderline td {
            border-bottom: 2px solid #333 !important;
        }

        .tree .taskTable .tableRow:not(:first-child):not(:last-child) td {
            border-bottom: 1px solid #AAA;
            border-top: 1px solid #AAA;
        }

        .tree .taskTable .tableRow:last-child td {
            border-top: 1px solid #AAA;
        }

        .tree .taskTable .tableRow:first-child td {
            border-top: none;
        }

.taskLabel {
    text-align: center;
    font-size: xx-small;
    color: #333;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    cursor: default;
}

.taskLabelInTable {
    text-align: center;
}

.taskNameContainer {
    width: 80px;
    color: blue;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.openFrameWithTask {
    cursor: pointer;
}

.tree .taskTable a.statusImage {
    margin: 0 5px 0 0;
    background-image: none;
    padding: 0;
}

.tree .taskTable a.dateTime.bold {
    font-weight: bold;
}

.tree .taskTable a.anchorImage {
    background-image: none;
    padding: 0;
}


/* BLOCKS */
.text, .table, form {
    padding: 10px;
}

/* BUTTONS */
.button {
    /*border: 1px solid #FFF;*/
    color: #333;
    line-height: normal;
    padding: 5px 8px 6px 8px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}



    .button:hover {
        opacity: 0.85;
        text-decoration: none;
    }


.window .buttonbar .button, .window .fakeButtonbar .button {
    float: left;
    margin-right: 7px;
}

    .window .buttonbar .button.right, .window .fakeButtonbar .button.right {
        float: right;
    }

.button.blue, .button.red, .button.green, .button.orange, .button.black {
    color: #FFF;
}

.button.white, .button.gray {
    color: #555;
}

.button.moneyGreen {
    background-color: #679631;
    color: white;
}

.red {
    color: red;
}

/* FORMS */
.formFields {
    border-collapse: separate;
    border-spacing: 5px;
    width: 100%;
}

    .formFields .label, .formFields .left-label {
        padding: 3px 0 0 0;
        vertical-align: top;
        width: 34%;
    }

        .formFields .left-label label {
            display: block;
            text-align: left;
            margin-left: 30%;
        }

        .formFields .label label {
            display: block;
            text-align: right;
        }

        .formFields .label input, .tableContainer {
            float: right;
        }

    .formFields .field {
        font-weight: bold;
        width: 51%;
    }

    .formFields .asterix {
        margin-left: 15%;
    }

    .formFields .info {
        width: 15%;
    }

.formFilter {
    border-collapse: separate;
    border-spacing: 5px;
}

    .formFilter .dateLabel {
        text-align: right;
    }

    .formFilter td.dateInput {
        width: 200px;
    }



    .formFilter .buttonRightPosition {
        text-align: right;
    }

    .formFilter .dateInput.error {
        background-color: #FFCCCC;
    }

    .formFilter .errorMeesage {
        color: red;
        font-weight: bold;
    }

    .formFilter img.ui-datepicker-trigger {
        margin-left: 2px;
        vertical-align: middle;
        margin-top: -4px;
    }

.filters .filter-buttons {
    height: 25px;
}

.range-filter-root-node .range-filter-toggler {
    cursor: pointer;
    display: inline-block;
    height: 16px;
    width: 16px;
}
    .range-filter-root-node .range-filter-toggler.expand {
        background-image: url(/Content/New/Images/Icons/Expand.png);
    }

    .range-filter-root-node .range-filter-toggler.expand+span.group-name {
        display: inline-block;
        width: 90%;
    }

    .range-filter-root-node .range-filter-toggler.expand+span+ul {
        display: none;
    }

    .range-filter-root-node .range-filter-toggler.collapse {
        background-image: url(/Content/New/Images/Icons/Collapse.png);
    }

.range-filter-root-node ul {
    list-style-type: none;
    padding-left: 20px;
}


#diskSpaceStorage .boldedLabel {
    font-weight: bold;
    padding-right: 50px;
}



input[type="password"], input[type="text"], .text-box, input[type="text"][readonly="readonly"], select, textarea, .dataTables_filter input {
    border: 1px inset #BBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 2px;
    width: 100%;
}

input[readonly="readonly"] {
    border: 0;
    background: transparent;
}

.dataTables_filter input {
    width: auto;
}

.formFilter input {
    width: auto;
}

select.error {
    border: red solid 1px;
}

label.error {
    color: red;
}

.input-validation-error, .input-modified {
    border: 1px inset red;
    background: #FFCCCC;
}

.formFields .field-lock-cell {
    padding: 0 0 0 15px;
    white-space: nowrap;
    width: 1%;
}

.formFields .field-lock-label {
    padding: 0px 0 0 3px;
}

.field-validation-error {
    color: Red;
    display: block;
    padding: 5px 0 0 0;
}

fieldset {
    border: 1px solid #AAA;
    margin: 0 0 10px 0;
}

    fieldset legend {
        font-weight: normal;
        padding: 0 4px 1px 4px;
    }

optgroup option {
    padding: 0 0 0 20px;
}

.field-tip {
    float: right;
    height: 16px;
    margin: 1px 0 0 5px;
    width: 16px;
}

form .validation-summary-errors ul {
    background: #8F0A11 url(/Content/New/Images/ValidationSummaryBackground.png) repeat-x center top;
    list-style-type: decimal;
    color: #FFF;
    margin: 0 0 10px 0;
    padding: 8px 5px 10px 5px;
}

    form .validation-summary-errors ul li {
        margin: 0 0 0 30px;
    }

/* TABS */
.tabs {
    display: none;
}

#dragAndDropHelperMessage {
    background: #FFF;
    border: 1px solid #AAA;
    padding: 2px 4px;
    margin: 0 0 0 20px;
    white-space: nowrap;
    display: inline-block;
}


/* TABLE SELECT / DESELECT ALL */
.dataTable .selectAll {
    width: 14px;
}

/* TABLE LIST */
table.list {
    border-collapse: separate !important;
    border-spacing: 10px !important;
}

    table.list .label {
        font-weight: bold;
        text-align: right;
    }

    table.list .value {
    }

/* DESKTOP */
#desktop {
    background-color: #eee;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.nowrap {
    white-space: nowrap;
}

.hidden {
    display: none;
}

/* SWITCHER MENU */
.switcherMenu, .window .tabbar {
    border: 1px solid #AAA;
    border-left: 0;
    border-right: 0;
    clear: both;
    overflow: hidden;
    padding: 6px 6px 6px 0;
}

.window .tabbar {
    border: 1px solid #AAA;
    border-top: 0;
}

    .switcherMenu a, .window .tabbar a {
        color: #333;
        display: block;
        float: left;
        margin: 0 0 0 6px;
        padding: 4px 5px 6px 5px;
        text-decoration: none;
    }

        .switcherMenu a.current, .window .tabbar a.current {
            color: #FFF;
        }

.switcherBlock {
    display: none;
}

/* SIDEBARS */
.window .sidebarRight {
    border: 1px solid #AAA;
    border-left: 1px solid #EEE;
    border-top: 0;
    float: right;
    overflow: auto;
    width: 270px;
    position: relative;
}

    .window .sidebarRight .sectionEditorSideForm div.pin {
        height: 20px;
    }

    .window .sidebarRight .sectionEditorSideForm .pin {
        background: no-repeat url(/Content/New/Images/WindowButtonPin.png);
    }

    .window .sidebarRight .sectionEditorSideForm.pinned .pin {
        background: no-repeat url(/Content/New/Images/WindowButtonUnPin.png);
    }

/* HIERARCHICAL SELECT */
select.hierarchicalSelect {
    height: 200px;
}

    select.hierarchicalSelect .first {
        font-weight: bold;
    }

    select.hierarchicalSelect .second {
        font-weight: normal;
    }

    select.hierarchicalSelect .third {
        font-size: 10px;
        font-weight: normal;
    }

select.selected {
    border: 4px solid #3b678e;
}

/* QUICK LAUNCH */
.quickLaunch {
    border: 0;
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    padding: 20px 0;
}

    .quickLaunch a {
        background-position: top center;
        background-repeat: no-repeat;
        color: #333;
        display: block;
        float: left;
        padding: 55px 0 0 0;
        text-align: center;
        text-decoration: none;
        width: 100px;
    }

        .quickLaunch a:hover {
            opacity: 0.85;
            text-decoration: underline;
        }

/* VERTICAL MENU */
.verticalMenu {
    border: 0;
    margin: 0;
    padding: 10px 0;
    list-style-type: none;
    overflow: hidden;
}

    .verticalMenu a {
        color: #555;
        display: block;
        text-decoration: none;
        background-repeat: no-repeat;
        background-position: 0 0;
        margin: 3px 0;
        padding: 5px 0 3px 25px;
    }

        .verticalMenu a:hover {
            color: #FF9900;
            text-decoration: underline;
        }

        .verticalMenu a.current {
            color: #000;
            font-weight: bold;
        }


#applicationIcons {
    overflow: hidden;
    text-align: center;
}

    #applicationIcons a {
        background-repeat: no-repeat;
        background-position: 50% 0;
        color: #444;
        display: inline-block;
        font-size: 14px;
        margin: 10px;
        padding: 60px 0 10px 0;
        text-decoration: none;
        width: 120px;
    }

iframe.preview {
    border: 0;
    height: 470px;
    width: 100%;
}

.bold {
    font-weight: bold;
}

.analysisSetupDefaultField {
    background: none !important;
    border: 0;
    text-align: center;
    width: 40px;
}

.analysisSetupOverrideField.overriden {
    background: red;
    color: #FFF;
}

.flag {
    background: white;
    border: 1px solid #AAA;
    font-size: 10px;
    color: #AAA;
    display: inline-block;
    border-radius: 5px;
    line-height: normal;
    padding: 0 3px 1px 3px;
    box-shadow: 1px 1px 2px #CCC;
    margin-left: 2px;
}

.bomSectionExclamanation {
    vertical-align: middle;
    margin-left: 3px;
}

input[type="text"].naked {
    background: none;
    border: 0;
}

.tree .ui-state-hover, .tree .ui-state-active {
    border: 0;
}

.tree .ui-state-hover {
    background-color: transparent;
    font-weight: normal;
}

    .tree .ui-state-hover.ui-state-active {
        background-color: #FFF;
    }

/* indeterminate checkbox*/
input.indeterminate {
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.scrollable {
    overflow: auto;
}

.unityEditorPlayerClip {
    overflow: hidden;
}

.sectionEditorSideForm .dataTables_filter {
    width: auto;
}

.DS_ConfirmContainer {
    background: rgba(0,0,0,0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000000;
}

ul.list, ul.list ul {
    margin-left: 20px;
}

.STLamina_Laminate_Results_FlashGraphNavigationBar {
    height: 40px;
    overflow: hidden;
    padding: 12px 12px 0 12px;
    width: 100%;
}

table.topologyManagment tr.ui-selected, table.topologyManagment tr.ui-selecting {
    background: #ffff93 !important;
}

table.topologyManagment td.disabled {
    opacity: 0.25;
    -moz-opacity: 0.25;
    filter: alpha(opacity = 25);
}


.table .centeredContent td, th {
    text-align: center;
    vertical-align: middle;
}

.table .topBottomPadding {
    padding: 12px 0;
}


.collapsableBlock .title {
    background-position: -5px -4px;
    background-repeat: no-repeat;
    cursor: pointer;
    cursor: hand;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
    padding-left: 16px;
}

.collapsableBlock .container {
    padding-bottom: 10px;
}

.collapsableBlock.collapsed .container {
    display: none;
}

.window[id^="FRAMESpace_Frame_"] .titlebar .buttons .refresh,
.window[id^="PANELSpace_PanelGroup_"] .titlebar .buttons .refresh,
.window[id^="BeamSection_Section_"] .titlebar .buttons .refresh,
.window[id^="STLamina_Family_"].Edit .titlebar .buttons .close,
.window[id^="BOM_Browser_"].EditSection .titlebar .buttons .close {
    display: none;
}

fieldset.invisible {
    border-color: #dedede;
}

    fieldset.invisible legend {
        color: #dedede;
    }

hr.formSeparator {
    border-bottom: 0;
    margin: 10px -15px 5px -15px;
}

/*.overrideCheckboxCell input {
    margin: 7px 0 0 0;
}*/

.overrideCheckboxCell input.text-box {
    margin: 0;
}

.overrideCheckboxCell hr {
    border-bottom: 0;
    margin: 2px -15px 0 -15px;
}

.button.disabled {
    opacity: 0.65;
    filter: alpha(opacity=65);
}

a.button.disabled {
    pointer-events: none !important;
    cursor: default;
    color: Gray;
}

    a.button.disabled:hover {
        opacity: 1;
        text-decoration: none;
    }

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

.red-border {
    border: solid 1px red;
}

/*DATATABLE STYLES*/

.dataTable.featureSets td.rightName {
    width: 470px;
}

.absolutePosition {
    position: absolute;
}

.relativePosition {
    position: relative;
}


div#calculationTasksContainer {
    margin: 15px;
}



/* COST CONTAINERS AND BUTTONS STYLES*/
.containerForCostButton {
    margin-right: 7px;
}

.containerForCostButtonLeftMargin {
    margin-left: 7px;
}


.costButton {
    cursor: pointer;
    height: 22px;
    width: 22px;
    padding-top: 4px;
}


.exportToExcelCostButton {
}

.menuItemCostButton {
    cursor: pointer;
    height: 20px;
    width: 20px;
    padding-top: 2px;
}


#email-picker * {
    margin-top: 10px;
}

.forgot-password {
    float: right;
    margin-top: 6px;
}


.clearPadding {
    padding: 0;
}

.noClickableLink {
    cursor: default;
    text-decoration: none;
    color: black;
}

    .noClickableLink:hover {
        cursor: default;
        text-decoration: none;
        color: black;
    }

.ds-replace-mat-main-table {
    width: 100%;
}

    .ds-replace-mat-main-table td.treeCell {
        width: 22%;
    }

    .ds-replace-mat-main-table td.replacersCell {
        vertical-align: top;
    }

    .ds-replace-mat-main-table .replaceEditor {
        overflow: auto;
    }

.ds-table-LF-replace-material {
    height: 100%;
    width: 100%;
}

    .ds-table-LF-replace-material .fullHeight {
        height: 100%;
    }

    .ds-table-LF-replace-material td.halftWidth {
        width: 50%;
    }

.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}

.custom-combobox {
    position: relative;
    display: inline-block;
    width: 100%;
}

.custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
}

.ui-autocomplete-category {
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 5px;
}

/*     #PROJECT NAVIGATOR SECTION       */
#NavigatorProjectsTable .ellipsisName {
    display: block;
    -moz-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 344px;
}


/*     #REPORT STYLES       */
.coordinateSystemsItem {
    width: 14%;
    display: inline-block;
    text-align: center;
}

#tutorialsContainer {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
    background: linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* W3C */
    -webkit-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    -moz-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    -o-filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
    height: 270px;
    width: 445px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #AAA;
    position: fixed;
    z-index: 100;
    padding: 9px;
    right: 10px;
}


    #tutorialsContainer .header {
        border-bottom: 1px solid #CCC;
        padding-bottom: 4px;
        position: relative;
        height: 20px;
    }

        #tutorialsContainer .header .name {
            letter-spacing: 4px;
            text-transform: uppercase;
        }

        #tutorialsContainer .header .close {
            background: url(/Content/New/Images/NavigatorClose.png) top left no-repeat;
            cursor: pointer;
            display: block;
            height: 16px;
            width: 16px;
            position: absolute;
            right: 0;
            top: 0;
        }

    #tutorialsContainer .tutorialContent {
        overflow-y: auto;
        height: inherit;
    }

    #tutorialsContainer .loadingBlock {
        position: relative;
        text-align: center;
        height: 100%;
    }

        #tutorialsContainer .loadingBlock img {
            position: absolute;
            top: 47%;
        }



.startupscreen-root {
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999999;
}

    .startupscreen-root .content-container.parent {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .startupscreen-root .content-container.parent .child {
            background-color: white;
            top: 6%;
            left: 11%;
            width: 80%;
            height: 80%;
            position: absolute;
            -ms-border-radius: 8px;
            border-radius: 8px;
            -webkit-box-shadow: 0 0 50px -3px #000000;
            -webkit-box-shadow: 0 0 50px -3px rgba(0,0,0,1);
            -ms-box-shadow: 0 0 50px -3px #000000;
            -ms-box-shadow: 0 0 50px -3px rgba(0,0,0,1);
            box-shadow: 0 0 50px -3px #000000;
            box-shadow: 0 0 50px -3px rgba(0,0,0,1);
            background-color: #dedede;
        }



            .startupscreen-root .content-container.parent .child .close {
                background: url(/Content/New/Images/NavigatorClose.png) top left no-repeat;
                cursor: pointer;
                display: block;
                height: 16px;
                width: 16px;
                position: absolute;
                right: 7px;
                top: 7px;
            }

            .startupscreen-root .content-container.parent .child .root-content {
                margin: 50px;
                height: 100%;
            }

            .startupscreen-root .content-container.parent .child .main-content {
                width: 70%;
                height: 83%;
                overflow: auto;
                padding-right: 10px;
            }

                .startupscreen-root .content-container.parent .child .main-content h1 {
                    padding-bottom: 9px;
                }

                .startupscreen-root .content-container.parent .child .main-content .top-description {
                    font-size: 1.4em;
                    text-align: justify;
                    margin-top: 0;
                }

                .startupscreen-root .content-container.parent .child .main-content .middle-description {
                    font-size: larger;
                    margin-top: 0;
                }

                .startupscreen-root .content-container.parent .child .main-content .projects > div {
                    display: inline-block;
                    width: 49%;
                }

                .startupscreen-root .content-container.parent .child .main-content .projects .thumbnail-desc-container .project-description {
                    font-size: 1.4em;
                }

                .startupscreen-root .content-container.parent .child .main-content .projects .thumbnail-desc-container .download-label {
                    padding-left: 5px;
                }

                .startupscreen-root .content-container.parent .child .main-content .projects .thumbnail-desc-container .video-thumbnail {
                    position: relative;
                    margin-right: 8px;
                }

                    .startupscreen-root .content-container.parent .child .main-content .projects .thumbnail-desc-container .video-thumbnail img:first-child {
                        width: 180px;
                        height: 135px;
                    }

                    .startupscreen-root .content-container.parent .child .main-content .projects .thumbnail-desc-container .video-thumbnail .youtube-img {
                        position: absolute;
                        top: 55px;
                        left: 72px;
                    }



            .startupscreen-root .content-container.parent .child .help-section {
                margin-top: 30px;
            }


                .startupscreen-root .content-container.parent .child .help-section .bottom-description {
                    font-size: larger;
                    margin-top: 0;
                }

                .startupscreen-root .content-container.parent .child .help-section ul, .startupscreen-root .content-container.parent .child .help-section li {
                    float: left;
                    list-style: none;
                    margin-right: 3px;
                }

                    .startupscreen-root .content-container.parent .child .help-section li:not(:first-child):before {
                        content: "-";
                        font-size: large;
                        margin: 0 3px;
                    }

                    .startupscreen-root .content-container.parent .child .help-section li:first-child {
                        margin-top: 6px;
                    }


            .startupscreen-root .content-container.parent .child .side-content {
                width: 25%;
                margin-left: 20px;
                height: 83%;
                overflow: auto;
                padding-right: 10px;
            }

                .startupscreen-root .content-container.parent .child .side-content div {
                    position: relative;
                    text-align: center;
                    font-size: 1.1em;
                }



            .startupscreen-root .content-container.parent .child div.side-content > p {
                text-align: justify;
                font-size: 1.1em;
                font-weight: 600;
            }

            .startupscreen-root .content-container.parent .child div.side-content img {
                width: 180px;
            }

            .startupscreen-root .content-container.parent .child div.side-content .youtube-img {
                position: absolute;
                left: 45%;
                top: 55px;
                width: 40px;
            }

            .startupscreen-root .content-container.parent .child .side-content img {
                width: 150px;
            }


    .startupscreen-root .content-container .child .footer {
        bottom: 0;
        position: absolute;
        width: 100%;
    }

        .startupscreen-root .content-container .child .footer .buttons {
            display: inline-block;
            margin: 0 0 15px 10px;
        }


            .startupscreen-root .content-container .child .footer .buttons .button {
                cursor: pointer;
            }

    .startupscreen-root .skip-section {
        display: inline-block;
        padding: 6px 4px 0 0;
    }

.tabbar .tabs {display:block !important;}