html {
    height: 100%;
}
body {
    background: #3C3C3B;
    margin: 0px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 14px;
    font-family: Helvetica;
    height: 100%;
    color: white;
}

.body-div-not-logged {
    width: 355px;
    height: 300px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
}

input, textarea, select {
    background-color: #DADADA;
    border: none;
    border-bottom: 1px solid #878787;
}

.logo-txt {
    float:left;
    margin-left: 20px;
    font-size: 26px;
    font-weight: bold;
}

.logo-img-not-loggedin {
    float:left;
    margin-bottom: 50px;
}

h2 {
    font-family: 'Helvetica';
    font-size: 13px;
    margin-left: 35px;
}

form button {
    vertical-align: middle;
}

a {
    color: #FFD900;
    font-weight: normal;
    text-decoration: none;
    font-size: 11px;
}

a:hover {
    text-decoration: underline;
}

input[type="text"], input[type="password"] {
    height: 23px;
}

select {
    height: 25px;
}

.form-field {
    font-weight: bold;
}

.sumbitBtn, input[type="submit"], input[type="button"], button {
    color: #FFD900;
    background-color: transparent;
    border: none !important;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    text-align: left;
}

input[type="button"]:hover, input[type="submit"]:hover {
    color: white;
    -webkit-transition: color 0.65s;
    transition: color 0.65s;
}

input, textarea, button, select, label {
    font-family: Helvetica;
    font-size: 14px;
}

table tr td {
    font-family: Helvetica;
    font-size: 14px;
    font-weight: normal;
}
.platformDiv {
    float: left;
    height: 13px;
    padding: 11px 9px 12px 9px;
    color: #FFF;
    display: inline-block;
    font-weight: bold;
    font-size: 11px;
    font-family: Verdana;
}

.miDatEditDataTbl{
    margin: 15px auto 40px auto;
    border: 1px solid #AAAAAA;
    padding: 15px;
    width: 350px;
}

#frameTitle{
    float: left;
    padding-left: 20px;
    color: white;
    font-weight: bold;
}

label {
    padding-left: 2px;
}

.headCenterImg {
    float: left;
    position: absolute;
    left: 500px;
}

.headRightImg{
    margin-right: 20px;
}

.navTop{
    height:33px;
}

.nav-bottom {
    clear: both;
    height: 27px;
}
.mi-datNavLink, .navTopLink {
    border-right: 2px solid #FFD900;
    color: white;
    font-size: 11px;
    float: left;
    padding-right: 10px;
}

.mi-datNavLink:first-of-type {
    border-left: 2px solid #FFD900;
}

.navTopLink {
    font-weight: bold;
    padding-top: 7px;
    height: 19px;
    background-color: #4E5E5E;
}

.menu-top-link {
    height: 17px;
    width: 100%;
    padding: 2px 2px 2px 9px;
}

.menu-top-link:hover{
    background-color: yellow;
}

.mi-datNavLinkTxt {
    float: left;
    cursor: default;
    color: #FFD900;
    font-size: 16px;
}

.miDatNavSubmenu{
    display: none;
    position: absolute;
    border: 0px solid #FFD900;
    z-index: 1500;
}

.miDatNavSubmenu div{
    height: 23px;
    background-color: #808080;
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.submenu-more-options {
    width: 200px;
    height: 20px;
}

.submenu-more-icon {
    width: 6px !important;
    height: 14px !important;
    margin-left: 232px;
    padding-top: 4px;
    background-image: url("/images/cal-arrows.png");
    background-repeat: no-repeat;
    background-position: -11px 0;
    position: absolute;
}

.miDatNavSubmenu a{
    color: #FFD900;
    font-size: 16px;
}

.menu-int-div {
    width:235px !important;
    float:left;
    height:23px;
    padding-left:5px;
}

#siteConfigSubmenu div{
    width: 155px !important;
}

.miDatNavSubmenu div:hover {
    background-color: #505050;
}

.searchBoxDiv{
    margin-top: 5px;
    margin-right: 4px;
    height: 21px;
    float:right;
}

.searchBoxDiv select {
    height: 24px;
    width: 142px;
    float:left;
    margin-right: 3px;
}

.searchBoxText {
    height: 19px;
    width: 170px;
    padding: 0px;
    float:left;
}

.searchBox {
    margin-left: -2px;
    border:none;
    background-image: url('../images/search.png');
    width:20px;
    height: 21px;
    float:left;
}

.miDatNavSubmenu a:hover{
    text-decoration: underline;
}

.miDatNavDropDown{
    background-image: url('/images/down_arrow.png');
    float: left;
    width:7px;
    height:4px;
    margin-left: 4px;
    margin-top: 7px;
}

.loginTable {
    width: 260px;
}

.topRightHeadDiv{
    font-family: Verdana,sans-serif;
    font-size:11px;
    float:right;
    color: #666666;
}

.loginFormTableBack {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 30px;
    margin-left: 10px;
    width: 230px;
    height: 100px;
}

.loginTableCell {
    text-align: right;
}

.headerDiv img {
    margin-top: 12px;
}

.headerDiv {
    height: 90px;
    margin-left: 0px;
    font-family: Gill-Sans,sans-serif;
    background-color: #575756;
}

.dateContainer img{
    vertical-align:text-bottom;
}
.dateContainer{
    font-size:11px;
    color: white;
    height:20px;
    text-align:right;
    padding-right: 5px;
    padding-top: 3px;
}

.bodyContainer{
    float:left;
    width: 100%;
}

.menucontainer {
    float:left;
    width:150px;
    color:#046b9a;
    font-size:12px;
}

.menucontainer table {
    width:160px;
}
.menucontainer td a {
    color: #FFD900;
    font-size: 13px;
    line-height: 16px;
}

.menulevel1 {
    font-weight: bold;
    cursor: pointer;
    font-size: 16px;
}
.menulevel2 a{
    text-decoration: none;
}
.menulevel2 {
    border-bottom: none;
    border-top: none;
}
.menulevel2:hover{
    background-color: #505050;
    text-decoration: none;
    color: #046b9a;
}
.menulevel2 a:hover {
    text-decoration:underline;
}

.menulevel3 {
    border-bottom: none;
    border-top: none;
    background-color: white !important;
}

td.menulevel3:hover {
    background-color:#efefef !important;
    color:#046b9a !important;
}

.menulevel3 a {
    margin-left: 10px;
}

.menuSelected {
    background-color:#efefef !important;
    color:#046b9a !important;
}

.menu-gap {
    background-color: white !important;
    border-left: none !important;
    border-right: none !important;
    border-bottom: none !important;
}

.menu-gap div{
    font-size: 1px;
    height: 7px !important;
}

.bordertable {
    border-collapse:collapse;
}
.bordertable th {
    padding-left: 5px;
    border-bottom: 0px solid #FFD900;
    background: #808080;
    color: white;
    text-align: left;
    height: 22px;
}
.bordertable th a {
    color:#004d69;
}
.bordertable td {
    padding-left: 5px;
    background: #808080;
    border: 1px solid #bdbdbd;
    font-size: 11px;
}
.headerDiv h1 {
    font-size:18px;
    margin:0px;
    padding:0px;
    padding-top:22px;
}

.headerDiv h2 {
    font-size:14px;
    font-family: Gill-Sans,sans-serif;
    margin:0px;
    padding:0px;
}

.loginFormTxt{
    font-size:14pt;
    font-weight: bold;
    color:#FFD900;
}

.bodyDiv {
    margin: 0px auto;
    overflow: auto;
}

.dataDiv {
    float: left;
    padding-left: 20px;
    padding-top: 20px;
    overflow: auto;
}

.searchDiv {
    margin-left: 30px;
}

.logoutDiv {
    float: right;
    padding-right: 10px;
}

.usersTable{
    margin-left: 30px;
    margin-top: 10px;
    border: 1px solid #EEEEEE;
    width: 500px;
}
.usersTable tr td {
    text-align: center;
    border: 1px solid #EEEEEE;
}
.usersTable tr th {
    border: 1px solid #EEEEEE;
}

#userPermDiv {
    display: none;
}

#selectedPlatform {
    display: none;
    width: 100%;
}

.emptyRowDiv {
    width: 335px;
}

.successEdit {
    color: #DCF392;
    font-family: "Arial,Trebuchet MS,Verdana";
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-left: 35px;
    padding-left: 3px;
}

.failureEdit {
    color: #FF0312 !important;
    font-family: "Arial,Trebuchet MS,Verdana";
    font-size: 13px;
    font-weight: bold;
    margin-left: 35px;
}
.navigationLink {
    margin-right: 5px;
}

.navPanel {
    margin-top: 10px;
    margin-left: 35px;
}

/*a.navigationLink:link {
    color: #3366ff;
}

a.navigationLink:visited {
    color: #3366ff;
}*/

.addUserButtonDiv {
    padding-left: 30px;
    padding-top: 20px;
}
.addUsersButtons {
    margin-top: 20px;
    margin-left: 35px;
}
.editUserTable {
    border: 1px solid #AAAAAA;
    margin-left: 35px;
}

.editFirstCell {
    text-align: right;
    font-weight: normal;
    font-size: 11px;
}

.recordPhoto, .multi-recordPhoto {
    border: 1px solid #999999;
    width: 200px;
    height: 150px;
}

.recordPhoto:hover div {
    display: block;
}

.recordAccessDiv {
    border: 1px solid #999999;
    width: 80px;
    height: 65px;
    float: left;
}

.recordButton {
    margin-top: 10px;
    font-size: 11px;
    width: 160px;
}

.changeRecButton {
    
}

.dailyRepButton {
    margin-top: 10px;
}

.requiredField {
    background-color: #FFFFBB;
}

.summaryReportDiv {
    margin: 0 auto 0 auto;
    border: 1px solid #999999;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-left: 150px;
    padding-right: 150px;
    width: 350px;
}

.summaryReportTitle {
    text-align: center;
    font-weight: bold;
}

.frameBackDiv {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
    background-color: #EEEEEE;
    opacity: 0.8;
    z-index: 99998;
}

.photoMainDiv {
    position: absolute;
    top: 0px;
    left: 0px;
    width : 100%;
    height: 100%;
    z-index: 99999;
}

.frameMainDivTank{
    width: 800px !important;
    height: 300px !important;
}

.vesselSurfaceArea {
    padding-left: 10px;
}

.pipeWorkSurfaceArea {
    padding-left: 50px;
}

.tankSurfaceArea{
    padding-left: 30px;
}

#surfaceAreaData {
    overflow: auto;
    height: 270px;
}

.bottomDiv {
    position: absolute;
    top: 330px;
    height: 20%;
    width: 100%;
}

.diagonalCalcTable {
    font-size: 10px;
}

.diagonalCalcTable tr td input{
    font-size: 10px;
    text-align: center;
    width: 100%;
}

.diagonalCalcText {
    width: 230px !important;
}

#diagonalCalculator{
    margin-left: 50px;
    float:left;
    border: 1px solid #EEEEEE;
}

#buttonsArea {
    float:right;
    margin-right: 60px;
}

.recordCalcTitle{
    font-weight: bold;
    font-size: 20px;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.percentDiv, .percDivDisabled {
    border: 1px outset black;
    margin-left: 2px;
    cursor: default;
    text-align: center;
    padding-top: 1px;
    float:left;
    width: 18px;
    height: 18px;
    font-size: 10px;
}

.percDivDisabled {
    color: lightgray;
}

.percentDivSelected {
    border: 1px inset black !important;
    background-color: #AAAAAA;
}

.recordCalcText {
    width: 100px;
}

.recordCalcTable{
    margin-left: 30px;
    margin-top: 20px;
}

.recordCalcTable tr th{
    font-size: 10px;
    font-weight: normal;
    border-bottom: 1px solid black;
}

.userAccessReportTable {
    width: 500px;
    margin:0 auto 0 auto;
    width: 800px;
    border: 1px solid #EEEEEE;
}

.userAccessReportTable td {
    text-align: center;
    padding: 0 5px;
}

.reportsTable tr td {
    padding-left: 2px;
}

.reportsTable th {
    vertical-align: top;
    font-size: 11px;
    font-family: Verdana;
    background: #F0F0F0;
    border-bottom: 1px solid #bdbdbd;
    color: black;
}

.summaryTbl th {
    text-align: left;
}

.miDatReportsHeaderDiv {
    width: 100%;
    height: 40px;
    background-color: #808080;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    padding-top: 7px;
    color: yellow;
    font-family: Verdana;
}

.selReportDiv {
    margin: 20px;
    margin-bottom: 40px;
    border: 1px solid black;
    padding-bottom: 20px;
}

.sumReportTotals {
    border: 1px solid black;
    padding-left: 2px;
}

.sumReportTotalsAll {
    padding-left: 2px;
    margin-top: 10px;
    background-color:#7a7a7a;
    margin-left: 1px;
    border: 1px solid black;
}

.fabricMaintPlatform {
    border: 1px solid black;
    background-color:#7a7a7a;
    padding-left: 3px;
    padding-right: 3px;
    margin-left: 10px;
}

.sumReportTotalDiv {
    border-top: 1px solid black;
    width: 100%;
}

.printButton {
    margin-left: 20px;
    margin-top: 20px;
    width: 60px;
}

.selReportDataDiv {
    width:100%;
    border: 1px solid #BDBDBD;
}

.platformRecordTable {
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
}

.platformRecordTable tr th{
    border: 1px solid #EEEEEE;
    color: #F9F7CC;
    font-weight: normal;
    text-align: left;
}

.platformRecordTable tr td {
    text-align: center;
    border-bottom: 2px solid #E5E5E5;
}

.platformRecordTable a {
    text-decoration: underline;
    color: #FFF;
    font-size: 12px;
}

.recSelectedInspect a {
    color: #060606;
}

.noDataDiv {
    margin-top: 20px;
    margin-left: 15px;
    font-size: 13px;
}

.selPlatform{
    width: 200px;
    text-align: center;
    height: 17px;
}

.selPlatformOdd {
    background-color: rgb(150, 150, 150);
}

.selPlatformGreen {
    background-color: #ccffcc;
    color: black;
}

.selPlatformGreen a {
    color: #867620;
}

#downWorkPackIframe{
    display: none;
    visibility: hidden;
}

.recordPrevButton {
    float:left;
    margin-left: 25px;
}

.recordNextButton {
    float:right;
    margin-right: 20px;
}

.recordRowOdd td{
    background-color: #7D7D7D;
    position: relative;
}

.recordRowUsed td {
    background-color: #BDBDBD;
}

.recUsedInspect td {
    background-color: #F0F0F0;
    color: #000;
}

.recUsedInspect a {
    color: #272727;
}

.recSelectedInspect td {
    background-color: #ccffcc;
    color: #000;
}

.tree ul {
    padding: 0;
}

#menuTree {
    padding-left: 0px;
}

.recButtonsDiv {
    width: 40px;
    height: 18px;
}

.editRecordDiv {
    width: 18px;
    height: 17px;
    float: left;
    background-image: url("../images/edit_close.png");
}

.editRecordDivEven {
    background-position: 0px -17px;
}

.deleteRecordDiv {
    margin-top: 3px;
    margin-left: 5px;
    cursor: pointer;
    width: 14px;
    height: 15px;
    background-color: transparent;
    background-image: url("../images/edit_close.png");
    background-position: -20px -2px;
    border: 0px;
    float: left;
}

.deleteRecordDivEven {
    background-position: -20px -19px;
}

.editProcControlTbl {
    margin-top: 15px;
}

.recordUtilities {
    border: 1px solid #AAAAAA;
    width: 180px;
    height: 100px;
}

.recordUtility {
    float: left;
    text-align: center;
    width: 185px;
}

.hiddenWindows {
    display: none;
}

.inspectConfWinTitle {
    display: none;
}

.inspectButtonsDiv {
    padding-bottom: 20px;
    margin-top: 10px;
    margin-left: 40px;
}

.inspectButton {
    float: left;
    width: 90px;
    margin-left: 20px;
    margin-top: auto;
}

.inspectDataDiv {
    overflow: auto;
    height: 230px;
    margin-left: 20px;
}

.inspectConfigLink {
    margin-left: 10px;
}

.editProcControlHeader {
    font-weight: normal;
}

.addDataTbl tr th{
    font-size: 10px;
    font-weight: normal;
}

.inspectionDataDiv {
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
}
.inspectRODataDiv {
    border: 1px solid #DDDDDD;
    width:115px;
    max-width:115px;
    height: 16px;
}

.inspectReportCell {
    background-color: #BDBDBD;
    padding-right: 4px;
    border: 1px solid #BDBDBD;
}

.inspectReportYellowCell {
    background-color: #FFEAA0;
    padding-right: 4px;
    color: #174E82;
    border: 1px solid #BDBDBD;
}

.inspRepBorderCell {
    border: 1px solid #BDBDBD;
}

.centerCell {
    text-align: center;
}

.inspectRepFooter1 {
    width: 60px;
    text-align: right;
}

.redTextCell {
    color: red;
}

.inspectReportComments {
    float:left;
    padding-left: 3px;
    border: 1px solid #999999;
    min-height: 50px;
    margin-bottom: 5px;
}

.surfacePrepPhoto {
    text-align: center;
    margin-top: 6px;
    margin-left: 10px;
    width:150px;
    height:150px;
    float:left;
    border: 1px solid #999999;
    cursor: pointer;
    overflow: hidden;
}

.surfacePrepPhoto div.qq-uploader {
    margin-top: 65px;
    position: relative;
}

.inspectRecPhoto {
    position: relative;
    width:150px;
    height:150px;
}
.inspectPhotoBack {
    float:left;
    height: 160px;
    margin-top: 10px;
}

.addChangePhoto {
    float: left;
    height: 28px;
    width: 150px;
    margin-left: 20px;
    text-align: center;
}

#uplPlatformsCanvas {
    height: 33px;
}

.scrollButton {
    height: 34px;
    float:left;
    width: 10px;
    border: 1px solid #CDCDCD;
    visibility: hidden;
    cursor: default;
}

.scrollButton div{
    background-image: url('../images/scrolls.png');
    background-repeat: no-repeat;
    width: 9px;
    height: 7px;
    margin-top: 13px;
    margin-left: 2px;
}

.delPlatformDraw{
    margin-top: 4px;
    height: 15px;
    width: 15px;
    position: relative;
    background-image: url("../images/edit_close.png");
    background-position: -20px -2px;
    cursor: pointer;
}

.scrollButtonRight div{
    background-position: -7px 0;
}

#uplPlatfCanvas {
    height: 36px;
    float:left;
    width: 500px;
    overflow: hidden;
}

.headerTop {
    height: 33px;
}

.uplPlatfDraw {
    padding-top: 10px;
    float:left;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    min-width:100px;
}

.uplPlatfDraw div{
    float: left;
}

.uplPlatformLink {
    height:28px;
    margin-left:20px;
}

.uplPlatfDraw a {
    color: #FFD900;
    font-size: 11px;
    padding-right: 10px;
}

#uplPlatfromDraw {
    width: 230px;
}

#uplPlatfromDraw div{
    width: 90%;
}

.uplPlatfDraw .qq-uploader .qq-upload-button {
    padding: 0px !important;
    text-decoration: none;
    color: #404040;
    font-size: 11px;
}

.qq-upload-button input {
    font-size: 15pt;
    border-width: 0 0 100px 200px;
}

.complInspectBut {
    margin-left: 35px;
    margin-top: 10px;
    width:80px;
}
.exportDiv {
    margin-top: 40px;
    margin-left: 50px;
}
.exportDiv select,button {
    margin-top: 10px;
    width: 100px;
}

.materialReqTbl {
    width:1200px;
}

.materialRecTotTbl tr td {
    padding: 3px 10px 3px 10px;
}

.materialReqTbl th {
    vertical-align: top;
}

.materialReqTbl td {
    border: 1px solid #999999;
}

.materialTotals {
    background-color:#7a7a7a;
}

.materialSumCell{
    background-color:#7a7a7a;
    text-align: right;
    padding-right: 6px;
}

.imgOverTxt {
    display: none;
    position: absolute;
    text-align: center;
    margin-top: 60px;
    width: 200px;
    color: #FFD900;
    background-color: #7E7E7E;
}

.settingsButton {
    margin-top: 10px;
    margin-left: 10px;
    width:80px;
}

.addedBySpan {
    width: 100px;
    height: 18px;
    padding-left: 4px;
    border: 1px solid #A0A0A0;
    vertical-align: middle;
}

.noCloseOutData, .noData {
    margin: 20px auto 0 auto;
    padding-left: 10px;
    padding-top: 3px;
    height: 30px;
    width: 350px;
}
.recBottomForm {
    margin-left: 28px;
    display: none;
}

.noPhoto div.qq-uploader{
    margin-left: 25px;
    margin-top: 60px;
}

.recPhotoBottomButton{
    display: none;
    margin-left: 28px;
}

.mechInspectButton{
    width: 80px;
    margin-left: 50px;
    margin-top: 5px;
}

.ndtResultsDiv{
    overflow: auto;
    max-height: 180px;
}

.ndtResultsTable{
    border: 1px solid #AAAAAA;
    margin-top: 20px;
    margin-right: 20px;
    padding: 5px;
}

.ndtResultsTable table tr th {
    font-size: 11px;
}

.miDatFooter{
    margin-top: 10px;
    background-color: white;
    height: 90px;
    border: 1px solid lightgray;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 99%;
}

.loginFooter {
    bottom:0;
    left: 10px;
    width: 100%;
    position: fixed;
}

.copyRightInfo {
    font-weight: bold;
    float: left;
    margin-top: 10px;
    margin-left: 30px;
}

.miDatFooterText{
    background-color: #4E5E5E;
    margin: 10px;
    height: 70px;
}

.miDatFooterTable{
    float:right;
    margin-right: 30px;
}

.footerBoldText{
    font-size: 11px;
    font-weight: bold;
    color:black;
}

.footerBlueText{
    font-size: 11px;
    color: #046b9a;
}

.outOfSpecWarn{
    color: red;
}

.saltFormButton{
    margin-top: 10px;
    margin-left: 100px;
    width: 80px;
}

.newUserMailInfo{
    color:red;
}

.saltDelButton {
    margin-left: 35px;
    margin-top: 10px;
    width: 80px;
}

.miDatWindow {
    position: absolute;
    z-index: 99999;
    background-color: white;
    border: 1px solid black;
}

.miDatWindowBack {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
    background-color: #EEEEEE;
    opacity: 0.5;
    z-index: 99998;
}

.selClient {
    width: 200px;
    text-align: center;
    height: 80px;
    float:left;
}

.selPlatformTbl {
    border: 1px solid #AAAAAA;
}

.selPlatformTbl tr td{
    padding-top: 1px;
    padding-bottom: 1px;
}

.toolbarTabs {	
    padding: 0 5px 2px 2px;
    overflow: visible;
}

.clear {
    clear: both;
}

.tabs-menu {	
    padding-top: 1px;
    list-style:	none;
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 13px;
    height: 28px;
    border-bottom: 6px solid #5d5d5d;
    background: #5d5d5d;
}

.tabs-menu li {
    display: block;
    float: left;
    cursor: pointer;
    background-color: #595959;
}

.tabs-menu li.selected, .tabs-menu div.selected {
    background-color: #8d8d8d;
    border: 1px solid #929292;
    border-bottom: none;
}

.tabs-menu li a {
    
    display: block;
    margin-left: 8px;
    padding: 6px 15px 5px 9px;
    text-align: center;
    font-weight: normal;
    background-color: #595959;
}

.tabs-menu li.selected a {
    background-color: #8d8d8d;
}

.calButton{
    cursor: pointer;
    margin: 0 6px 0 4px;
    padding: 0px;
    width: 13px;
    height: 14px;
    border: 0;
    background-image: url('../images/calendar.gif');
    background-repeat: no-repeat;
}

.calButton:focus {
    border: none;
}

.calCanvasDiv {
    position: absolute;
    width: 185px;
    z-index: 10000;
    background-color: white;
    border: 1px solid #e8bf0a;
}
.calHeaderDiv {
    height: 24px;
    background-color: #979796;
}

.calHeadPrev, .calHeadNext {
    background-image: url('../images/cal-arrows.png');
    background-repeat: no-repeat;
    height: 14px;
    width: 12px;
    float:left;
    margin-top: 2px;
    margin-left: 4px;
    cursor: pointer;
    background-position: 2px 0;
}

.calHeadNext {
    background-position: -9px 0;
}

#calHeadCurrent {
    float:left;
    width: 152px;
    margin-top: 2px;
    height: 15px;
    text-align: center;
}

.calTable th {
    background-color: #575756;
    color: #fff;
}

.calTable tr td {
    text-align: center;
    background-color: #575756;
    height: 18px;
    padding: 2px !important;
}

.calTable th, .calTable td {
    font-size: 14px;
    font-family: Helvetica;
}

.calTable tr td span{
    cursor: pointer;
    color: #FFD900;
}

.calTable tr td span:hover{
    text-decoration: underline;
}

.prodImgDiv {
    position: relative;
    overflow-x: auto;
    overflow-y:hidden;
    padding-bottom: 10px;
    margin: 0 auto 0 auto;
}
.prodImgDiv img{
    float: left;
}

.prodReportTable {
    margin-left: 30px;
    margin-bottom: 20px;
}

.platformCampaingDate {
    height: 55px;
    border: 1px solid #505050;
    padding-left: 30px;
}

.prodReportRangeDiv {
    height: 50px;
    border: 1px solid #B0B0B0;
    padding: 10px;
}
.submenuArrorDown, .submenuArrorUp {
    background-image: url('../images/up-down.png');
    width: 7px;
    height: 4px;
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.submenuArrorDown {
    background-position: 0 -4px;
}

.photoDelDiv, .recPhotoDelDiv {
    float: left;
    text-align: center;
    width: 100%;
}

.recPhotoDelDiv {
    text-align: left;
    padding-left: 55px;
}

.importRecordsDiv {
    margin-left: auto;
    margin-right: auto;
    width: 450px;
    margin-top: 20px;
}

.importCSVErrorDiv {
    color: red;
    margin-left: 30px;
    margin-right: 20px;
}

.importedCSVDataTbl {
    border: 1px solid #B0B0B0;
    border-collapse: collapse;
    margin-top: 10px;
}

.importedCSVDataTbl tr td {
    border: 1px solid #B0B0B0;
    text-align: center;
}

.importedCSVDataTbl tr th {
    border: 1px solid #B0B0B0;
    vertical-align: top;
}

.importCSVErrorRow td {
    background-color: #ffcccc;
}

.importCSVErrorColumn {
    background-color: #D42E12 !important;
}

.stageCompleteDiv {
    width: 100%;
    float: left;
    text-align: right;
}

.stageCompleteDiv div {
    float: right;
}

.stageCompleteDiv input {
    margin-right: 20px;
    font-size: 12px;
}

.editRecordsTable {
    border: 1px solid #EEEEEE;
    border-collapse: collapse;
}

.editRecordsTable tr td {
    text-align: center;
    padding: 0;
}

.editRecordsButton {
    margin-left: 35px;
    margin-bottom: 5px;
}

.signatureImg {
    margin-left: 35px;
}

.signatureTable {
    margin-left: auto;
    margin-right: auto;
}

.signatureTable tr td{
    text-align: center;
}

.uplSignatureDiv {
    height: 40px;
}

.uplSignatureDiv div {
    position: absolute;
    border: 1px solid black;
    width: 122px;
    height: 41px;
}

.uplSignatureDiv img {
    margin-top: 3px;
    margin-left: 2px;
}

.verifRequiredTbl, .centeredElement {
    width: 400px;
    margin: 0 auto 0 auto;
}

.fabricMaintTbl{
    border-collapse: collapse;
}

.fabricMaintTbl tr td {
    text-align: center;
}

.plannedFMTable tr td {
    border: 1px solid #909090;
}

.punchListTbl{
    border-collapse: collapse;
}

.fabricReportTotal {
    margin: 3px 5px 5px 5px;
}

.fabricReportDiv {
    margin: 30px auto 40px auto;
    padding-bottom: 20px;
    width: 1000px;
}

.fabricYearRow th {
    background: #ffeaa0;
    padding-top: 10px;
    text-align: left;
}

.editSiteDiv {
    margin-left: 35px;
}

.borderChangeTbl {
    border: 1px solid #A5A5A5;
    padding: 10px;
}

#uploadClientRefFile {
    margin-left: -40px;
    max-width:120px !important;
    float:left;
}

.disabledUserCell {
    color: #806800;
}

.mi-datWindow {
    position: fixed;
    z-index: 99999;
    background-color: #3C3C3B;
    border: 1px solid black;
}

.mi-datWindowBack {
    top:0;
    left:0;
    position:absolute;
    width:100%;
    height:100%;
    background-color: #EEEEEE;
    opacity: 0.5;
    z-index: 99998;
}

.imgLoading {
    margin-top: 70px;
    text-align: center;
}

.leadReportTable td {
    text-align: center;
    padding: 3px;
}

.leadReportImg div {
    text-align: center;
}
.leadReportImg:hover div {
    display: block;
}

.leadHoverText {
    margin-top: 20px !important;
    width:100px !important;
}

.menuItemContainer {
    width: 750px;
    border: 1px solid #999999;
    height: 50px;
    padding-top: 5px;
}

.menuItem {
    float: left;
    width: 250px;
}

.menuSubItems {
    float: left;
    width: 470px;
}

.menuSubItem {
    float:left;
}

.helpContainer {
    margin-left: 30px;
}

.helpFrame {
    border: none;
}

.menuBreadCrumbContainer {
    height: 25px;
    width: 100%;
}

.uplImg {
    margin-left: 93px;
    margin-top: 68px;
}

.uplProgress {
    text-align: center;
    margin-top: 65px;
    width: 198px;
    height: 15px;
    border: 1px solid #999999;
}

.progressBar {
    background-color: #C6E746;
    position: absolute;
    height:15px;
}

.progressTxt {
    position: absolute;
    width: 198px;
    height: 15px;
}

.inspectProgress {
    width: 148px !important;
}

.inspectProgressTxt {
    width: 148px !important;
}

.inspectUplImg {
    margin-left: 5px;
    margin-top: 65px;
}

.prodTotalSurfaceInfoDiv {
    background-color: #8AA636;
    width: 30px;
    height: 15px;
}

.prodTotalComplInfoDiv {
    background-color: #C8A53C;
    width: 30px;
    height: 15px;
}

.prodTotalWeekInfoDiv {
    background-color: #AFD8F8;
    width: 30px;
    height: 15px;
}

.prodGraphInfoTbl {
    margin-left: 35px;
    table-layout: fixed;
}

.prodFirstCell {
    border-left: 1px solid #999999;
}

.prodGraphInfoTbl tr td{
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
}
#graphInfoTbl {
    table-layout: fixed;
}

#graphInfoTbl tr td {
    height: 15px;
}

.stageComplTable {
    margin-top: 10px;
    width: 978px;
    table-layout: auto;
}

.stageComplHeader {
    background: url('../images/stageComplHeader.png');
    width:668px;
    height: 30px;
}

.stageComplTable tr td{
    border-collapse: collapse;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    text-align: center;
    height: 17.5px;
}

.stageComplTitle {
    background-color: yellow;
}

.perfLeft {
    border-left: 1px solid #999999;
    width:150px;
}

.perfLeft div {
    white-space: nowrap;
    width:148px;
    text-align: center;
}

.perfGraphTopTbl {
    table-layout: fixed;
    margin-bottom: 10px;
}

.perfGraphBottomTbl tr td,.perfGraphTopTbl tr td{
    border-right: 1px solid #999999;
    text-align: center;
    padding: 3px 0 3px 0;
}

.perfGraphBottomTbl tr td {
    border-bottom: 1px solid #999999;
}

.perfBottomRow td {
    border-bottom: 1px solid #999999;
}

.plannedRow td {
    width: 50px;
    border-top: 1px solid #999999;
}

.perfBottomInfo {
    margin: 10px auto 0 auto;
    font-size: 14px;
}

.stageComplSysGraph {
    width: 684px;
    margin-left: -12px;
}

.stageComplSysGraphBack {
    overflow: hidden;
    position: relative;
}

.budgetBuildsTbl {
    border: 1px solid #BDBDBD;
    border-collapse: collapse;
}

.budgetBuildsTbl th {
    background-color: #BDBDBD;
    padding: 3px 6px;
}

.budgetBuildsTbl td {
    border-top: 1px solid #BDBDBD;
    padding: 3px 6px;
}  

.budgetBuildTbl {
    border-collapse: collapse;
}

.budgetBuildTbl td {
    text-align: center;
    padding:0 3px;
}

.budgetBuildHeader th {
    border-left: 1px solid #bdbdbd;
    font-weight: normal;
    vertical-align: middle;
}

.dailyReportTbl {
    width:250px;
}

.dailyReportTbl tr td {
    text-align: center;
}

.sumRepTotalRow td {
    font-weight: bold;
    background-color: #D9D9D9;
}

.sumRepTotalClusterRow td {
    font-weight: bold;
    background: #FCFEDF;
}

.sumReportClusterSepRow {
    height: 40px;
}

.dailyRepMonthsDiv {
    margin-left: 30px;
}

.stageComplLegendTbl {
    border-collapse: collapse;
    border: 1px solid #999999;
}

.stageComplLegendTbl tr td {
    text-align: center;
    border: 1px solid #999999;
    padding: 0 3px;
}

.verifyByInfo {
    padding-right: 18px;
}

.sendEmailsInnerTbl tr td{
    border: none;
}

.sendEmailsRow td {
    vertical-align: top;
    border: 1px solid #A0A0A0;
}

.userRolesDiv {
    width: 142px;
}

.userRolesDiv div {
    width: 141px;
    height: 19px;
}
.userRolesDiv div input {
    float:right;
}

.userRolesDiv div label {
    float:left;
}

.sendEmailsTbl {
    border-collapse: collapse;
}

.sendEmailsTbl tr td {
    padding: 3px 10px;
}

.usersReportDiv {
    margin-left: 35px;
    border: 1px solid #A0A0A0;
}

.usersReportDiv table {
    width: 400px;
}

.usersRepRolesDiv {
    width: 285px;
}

.usersRepRolesDiv *{
    float:left;
    width: 40px;
}

.usersRepRolesDiv label{
    text-align: right;
    width: 140px;
}

.usersTickBox {
    width: 13px;
    height: 13px;
    background-image: url('../images/tickboxes.png');
}

.usersTickBoxDisabled {
    background-position: 0 -13px;
}

.backSetupTable {
    border: 1px solid #B0B0B0;
    padding: 20px;
    margin-left: 35px;
}

.backSetupTable table {
    border-collapse: collapse;
}

.backSetupTable td {
    padding: 2px 10px;
}

.restoreElem {
    background-image: url('../js/valums-file-uploader/client/loading.gif');
    width: 15px;
    height: 15px;
    visibility: hidden;
}

.shutdownPerCanvas {
    display: none;
    max-height: 100px;
    overflow: auto;
    width: 500px;
    border: 1px solid #AEAEAE;
    background: #F0F0F0;
}

.shutdownBtn {
    width: 50px;
}

.topAlignCell {
    vertical-align: top;
}

.inspectRecordTbl {
    margin-left:110px;
    border-collapse: collapse;
}

.inspectRecordTbl tr td {
    border:1px solid #DDDDDD;
}

.inspectRecordDiv {
    height: expression(this.scrollHeight>90?"90px":"auto");
    max-height: 90px;
    overflow: auto;
}

.recAddedTable th {
    background: #BDBDBD !important;
    padding: 2px 4px 2px 5px;
}
.recAddedTable td {
    border-bottom: 1px solid #404040;
    border-right: 1px solid #404040;
    padding: 2px 4px 2px 5px;
}

.plotPlanSubmenu div{
    width: 180px !important;
}

.clampFiles * {
    float:left;
}

.clampFileUpl {
    width: 100px;
    height: 20px;
    float: left;
}

.inspectList {
    list-style-image: url('/images/right_arrow.png');
    cursor: pointer;
}

.inspectListNoImg {
    list-style: none;
}

.inspectListExpanded {
    list-style-image: url('/images/down_arrow.png') !important;
    cursor: pointer;
}

.workSchedHeader{
    padding: 10px 0 20px 35px;
    border: none !important;
}

.workSchedTotals td {
    text-align: center;
    border: none !important;
}

.workSchedWA {
    font-size: 16px !important;
    font-weight: bold !important;
    border: 1px solid black;
    width: 100px;
}

.nptFirstHeader td{
    font-size: 18px;
    font-weight: bold;
}

.nptTable tr th{
    font-size: 11px;
    font-weight: bold;
}

.add-tab {
    width: 5px;
    height: 16px;
    background: url('/images/add-icon.png') no-repeat;
    background-position: 0 3px;
}

.readOnlyField {
    border: 1px solid #C8C8C8;
    background: #A8A8A8;
}

.weekly-rep-tbl tr th {
    text-align: left;
}

.bulletButton {
    width: 17px;
    height: 17px;
    padding: 0;
    position: absolute;
    margin-top: 0px;
    margin-left: 10px;
    background: url('/images/bullet-image.png') no-repeat;
}

.weekInspectImg {
    margin: 3px 20px 5px 5px;
    width: 150px;
    height: 150px;
    border: 1px solid #909090;
}

.selInspectWinBack {
    width: 745px;
    height: 590px;
    overflow: auto;
    border-bottom: 1px solid #D9D9D9;
}

.selInspectWinButtons {
    width: 700px;
    height: 30px;
    text-align: center;
}

.loadMoreLinkDisabled {
    color: #BDBDBD;
    cursor: default;
}

.loadMoreLinkDisabled:hover {
    text-decoration: none;
}

.hrs-sum-table tr td{
    text-align: center;
}

.hrs-sum-top {
    border: 1px solid #bdbdbd;
    border-bottom: none;
    background: #FCFEDF;
}

.hrs-sum-bottom {
    border-bottom: 1px solid #bdbdbd;
    background: #FCFEDF;
}

.progress-tbl {
    border-collapse: collapse;
    margin-left: 35px;
}

.progress-tbl tr td{
    border: 1px solid #AAAAAA;
    width: 40px;
    text-align: center;
}

.progr-div {
    border: 1px solid #909090;
    margin-left: 35px;
    padding: 10px;
}

.progr-div table {
    border-collapse: collapse;
}

.progr-div table tr td {
    text-align: center;
}

.progr-div table tr th {
    background-color: #C5D9F1 !important;
}

.progrStageCompl {
    background: #FABF8F;
    width: 50px;
}

.progr-input {
    width: 50px;
}

.progr-compl {
    background: #92D050;
    width: 70px;
}

.progr-wa {
    background-color: #E6B8B7 !important;
    width: 40px;
}

.progr-id {
    background-color: #EBF1DE !important;
    width: 40px;
    color: #000;
}

.cur-progress-manual {
    background-color: rgb(183, 222, 232);
}

.normsByRec {
    margin-top: 3px !important;
}

.daily-rep-clock {
    background-image: url('/images/clock.png');
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.day-timesheet {
    width: 570px;
    table-layout: fixed;
    border-collapse: collapse;
}

.day-timesheet tr th {
    background-color: #8DB4E2;
    border: 1px solid black;
    height: 40px;
    width: 70px;
    font-size: 12px;
    vertical-align: top;
}

.day-timesheet tr td {
    width: 70px;
    border: 1px solid black;
}

.day-timesheet tr td input {
    width: 69px;
}

.timesheet-input {
    border: 0px;
}

.copyTimesheetDiv {
    width: 100%;
    overflow: auto;
}

.copyTimesheetDiv table {
    width: 100%;
    border-collapse: collapse;
}

.copyTimesheetDiv table tr td {
    border: none !important;
}

.copyTimesheetDiv table tr th {
    font-size: 11px;
}

.daily-member-row-sel td {
    background-color: #8dd5f9;
}

.discipline-rates {
    width: 18px;
    height: 18px;
    background-image: url('../images/rates.png');
    cursor: pointer;
    float: left;
    margin-left: 5px;
}

.discipline-rates-show {
    background-position: -18px 0;
}

.add-rate {
    background-position: -36px 0;
}

.ratesDiv {
    height: 25px;
    width: 490px;
}

.ratesDiv div {
    float: left;
}

.rateTable {
    margin: 5px;
    border: 1px solid #DFDFDF;
    width: 500px;
    border-collapse: collapse;
}

.rateButtons {
    width: 50px;
    height: 25px;
}

.del-rate {
    background-position: -54px 0;
}

.add-discipline {
    background-position: -72px 0;
    float:right !important;
}

.discipline-container {
    width: 380px;
    height: 21px;
}

.position-div {
    float:left;
    width: 100%;
    height: 21px;
    display: none;
}

.proj-team-tbl {
    margin-left: 35px;
}

.proj-team-tbl tr td {
    vertical-align: top;
}

.discipline-hist {
    background-position: -90px 0;
    width: 14px !important;
    display: none;
}

.diciplines-btn {
    width: 45px;
    height: 20px;
}

.discipline-view {
    height: 17px;
    padding-left: 3px;
    width:196px;
    float:left;
    border: 1px solid #AFAFAF;
    margin-right: 3px;
}

.sendInvDiv {
    position: fixed;
    top: 220px;
    left: 750px;
    width: 350px;
    padding: 10px;
    height: 90px;
    border: 1px solid #ABABAB;
}

.linearMetersDiv {
    margin-left:80px;
    float:left;
    width:200px;
    height: 50px;
}

.cur-prog-last-upd {
    margin-bottom: 10px;
    font-weight: bold;
}

.record-calc-div {
    width: 370px;
    padding: 10px 20px 10px 20px;
    margin-left: 30px;
    border: 1px solid #909090;
}

.recordSubStation {
    border: 1px solid #909090;
    padding: 10px 20px 10px 20px;
    margin-left: 20px;
}

.record-info-div {
    float:left;
    margin-left: 60px;
    width: 150px;
    text-align: right;
}

.inspectReportSection {
    background-color: #808080;
    border: 1px solid #BDBDBD;
}

.inspectRepTable {
    width: 100%;
    border-collapse: collapse;
}

.footer {
    margin-top:20px;
    height: 59px;
    background-image: url('/images/comodo_secure_113x59_transp.png');
    background-repeat: no-repeat;
    background-position: right;
}

.footer-version {
    padding-top: 30px;
}

.dashboard {
    width: 1300px;
    margin: 0 auto 0 auto;
}

.dashboard-menu {
    margin-left: 12%;
}

.dashboard-menu tr td {
    background-color: #4C4C4C;
    height: 40px;
}

.dashboard-menu tr td a{
    color: #95872D;
    font-size: 20px;
    padding: 0 30px 0 30px;
}

.dash-menu-sel {
    background-color: #575656 !important;
}

.dash-menu-sel a {
    color: #DEC30E !important;
}

.menu-bottom {
    height: 1px;
    width: 80%;
    margin-left: 10%;
    background-color: #FFD900;
}

.dashboard-data-tbl {
    width: 1300px;
}

.dashboard-data-tbl tr td {
    vertical-align: top;
}

.dashboard-item {
    background-color: #575656;
    margin-top: 10px;
    text-align: center;
}

.dashboard-item .item-txt {
    padding-top: 4px;
    width: 100%;
    font-size: 16px;
}

.item-data {
    font-size: 30px;
    color: #DEC30E;
    margin-top: 10px;
}

.surfByReValueInfo {
    width:100%;
    height: 250px;
}

.surfByReValueInfo table {
    width: 100%;
}

.surfByReValueInfo table tr th {
    color: #404040;
}

.survey-compl {
    width: 250px;
    height: 175px;
}

.loading-items-div {
    width: 100%;
    height: 30px;
    margin-top: 300px;
    font-size: 14px;
    text-align: center;
}

.critical-rec-body {
    overflow: auto;
    width: 100%;
}

.critical-rec-body table tr th {
    text-align: center;
}

.critical-rec-btn-container {
    text-align: center;
    width: 100%;
    height: 40px;
}

.client-features {
    height: 450px;
    overflow: auto;
}

.defect-rep-txt{
    text-align: right;
}

.defect-section-title {
    font-size: 13px;
    font-style: italic;
}

.defect-sign-div {
    width: 100px;
    height: 30px;
    border: 1px solid #909090;
}

.defectRepTabs {
    width: 100%;
    height: 400px;
}

.defect-rep-tbl input, .defect-rep-tbl select {
    width: 180px;
}

.defect-container {
    overflow: auto;
}

.defect-btn-container {
    padding-left: 240px;
    border-top: 1px solid #666;
}

.def-send-tbl {
    width: 100%;
    margin-top: 10px;
}

.def-send-tbl tr td input {
    width: 350px;
}

.defect-rep-title {
    width: 100%;
    text-align: center;
    height: 30px;
    font-size: 16px;
    font-weight: bold;
}

.confirm-div {
    width: 300px;
    position: fixed;
    height: 25px;
    top: 2px;
    text-align: center;
    z-index: 209998;
    background-color: #535353;
    color: #04dd04;
}

.horizontal-line {
    width: 100%;
    height: 1px;
    background-color: #DADADA;
    margin: 5px 0 5px 0;
}

.daily-rep-photos tr td {
    padding: 10px;
    vertical-align: top;
}

.edt-user-tbl tr td input {
    width: 200px;
}

.rec-multi-photo {
    width: 98px;
    height: 74px;
    border: 1px solid #a0a0a0;
    float:left;
}

.rec-multi-photo img{
    position: absolute;
}

#uplLocationDrg {
    height: 26px;
    white-space: nowrap;
    width: 150px;
    float:left;
    margin-top: 9px;
}

#uplLocationDrg .qq-upload-button {
    width: 150px;
}

#locationDrg {
    float:left;
    height: 35px;
}

.multi-del-btn {
    width: 98px;
    text-align: center;
    position: absolute;
    margin-top: 50px;
    background: #909090;
    display: none;
}

.rec-multi-photo:hover > .multi-del-btn {
    display: block;
}

.survey-tbl tr td {
    border: 1px solid #EEEEEE;
    border-bottom: 2px solid #E5E5E5;
}

.survey-tbl .recordRowOdd td{
    border: 1px solid #FFF !important;
    background-clip: padding-box;
}

.perc-conf-tbl tr td input {
    width: 80px;
}

.perc-conf-tbl tr th {
    font-size: 12px;
}

.perc-invalid td input{
    background-color: #ff9494;
}

.readings-center {
    overflow-y: auto;
    overflow-x: hidden;
    bottom: 50px;
    position: absolute;
    top: 95px;
    right: 5px;
    left: 10px;
}

.readings-bottom {
    width: 100%;
    height: 50px;
    bottom: 0;
    position: absolute;
    text-align: center;
}

.readings-center div {
    float: left;
    width: 80px;
    border: 1px solid #808080;
    height: 21px;
    text-align: center;
}

.readings-center input {
    width: 78px;
    height: 19px;
}

.readings-date {
    width: 90px !important;
    text-align: left !important;
    border: none !important;
}

.readings-val {
    border:none !important;
    float:right !important;
    width:120px !important;
}

.readings-subset {
    border:none !important;
    width:100% !important;
    height:20px !important;
    margin-top: 18px !important;
    border-top: 1px dotted #EED56B !important;
    padding-top: 3px !important;
}

.readings-uniqueNo {
    border:none !important;
    width:100% !important;
    height:20px !important;
    margin-top: 18px !important;
    border-top: 1px solid #EED56B !important;
    padding-top: 3px !important;
    text-align: left !important;
}

.paintersContainer {
    height: 24px;
    width: 100%;
}

.painterInitials {
    width: 100px;
    float:left;
    height: 20px;
    border: 1px solid #A0A0A0;
    padding: 3px 0 0 2px;
    overflow: hidden;
}

.addPainters {
    float:left;
    font-size: 20px;
    height: 23px;
    width: 23px;
    margin:0;
    margin-top: 2px;
}

#progressTbl tr td {
    border: 1px solid #A0A0A0;
    background-clip: padding-box;
}

.no-borders td {
    border: none !important;
}

.scurve {
    width: 220px;
    border-collapse: collapse;
}

.scurve tr td {
    font-size: 11px;
}

.scurve input[readonly] {
    background: #B8B8B8;
}

.scurve input {
    width: 75px;
}

.scurve-container {
    width: 100%;
}

.scurve-data-container {
    width: 100%;
    overflow: auto;
}

.scurve-data-tbl {
    border-collapse: collapse;
    /*border-left: 1px solid #808080;*/
    table-layout: fixed;
    width: 1460px;
    margin-right: 16px;
}

.scurve-data-tbl tr td {
    border: 1px solid #8D8D8D;
}

.scurve-data-tbl .black {
    background: #000;
}

.scurve-data-tbl .blue {
    background: #4472C4;
}

.scurve-data-tbl .green {
    background: #66FF33;
    color:#000;
}

.scurve-data-tbl .orange {
    background: #FFC000;
    color:#000;
}

.scurve-data-tbl .yellow {
    background: #FFFF00;
    color:#000;
}

.scurve-data-tbl tr th {
    width: 60px;
    vertical-align: top;
    font-size: 11px;
    border: 1px solid #8D8D8D;
}

.scurve-input-div, .scurve-div {
    min-width: 46px;
    width: 98%;
    height: 22px;
    padding: 4px 0 0 3px;
}

.scurve-input-div {
    background-color: rgb(218,218,218);
    cursor: text;
    color: #000;
}

.scurve-edited-field {
    background-color: rgb(183, 222, 232);
}

.scurve-data-tbl tr td input {
    min-width: 48px;
    width: 100%;
}

.tab-heads-container {
    height:30px;
    width: 500px;
}
.tab-head {
    height: 23px;
    float: left;
    padding: 4px 10px 0 10px;
    background-color: #4C4C4C;
    color: #808080;
    border: 1px solid #605f5f;
    cursor: pointer;
}

.tab-head-sel {
    background-color: #575656;
    color: #FFF;
}

.scurve-nodata {
    font-size: 16px;
    margin: 40px 0 0 50px;
}

.border-left-right td {
    border-left: 1px solid #A0A0A0;
    border-right: 1px solid #A0A0A0;
}

.full-scope-container {
    overflow-x: hidden;
    position: absolute;
}

.full-scope-scroll {
    border-bottom: 1px solid #808080;
    overflow-y: auto;
    overflow-x: hidden;
}

.scurve-no-borders td {
    border: none !important;
    text-align: center;
}

.scurve-bottom-tbl {
    border-collapse: collapse;
}

.scurve-bottom-tbl tr td {
    border: 1px solid #8D8D8D;
    font-size: 10px;
}

.daily-rep-tbl {
    border-collapse: collapse;
}

.daily-rep-tbl .indirect {
    background-color: #878787;
}

.daily-rep-tbl .paint {
    background-color: #6f513c;
}

.daily-rep-tbl .scaffold {
    background-color: #7b7130;
}

/*.inspect-track-tbl {
    border-collapse: collapse;
    float: left;
}*/

.inspect-track-tbl tr th {
    vertical-align: top;
    background-color: #203764;
    font-size: 12px;
    font-weight: normal;
}

.inspect-track-tbl tr th, .inspect-track-tbl tr td {
    border: 1px solid #808080;
}

.insp-track-tbl tr td {
    text-align: center;
    font-size: 11px;
    text-align:center;
}

.insp-track-tbl tr td textarea{
    font-size: 12px;
}

.inspect-track-cell input:parent {
    background-color: red;
}

.inspect-track-cell div {
    text-align: center;
    font-size: 11px;
}

.inspect-track-descr div {
    border-bottom: 1px dotted #808080;
}

.inspect-track-descr :last-child {
    border-bottom: 0 !important;
}

.onoff {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    position: relative;
    cursor: pointer;
    width: 40px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-right: 2px;
}
.onoff label {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: #3C3C3B;
    color: #FFF;
    font-size: 12px;
}
.onoff label:after {
    content: 'NO';
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 1;
    text-align: center;
}
.onoff input:checked + label {
    background: #203764;
}
.onoff input:checked + label:after {
    content: 'YES';
    color: #FFF;
}
.onoff input:checked + label:before {
    left: 37px;
}

.inspect-track-compl {
    background-color: #66FF99;
    color: #000;
}

.inspect-track-tbl tr th div {
    position: absolute;
    top: 200px;
}

.insp-track-section {
    position: relative;
    padding-top: 53px;
    background-color: #203764;
    margin-top: 20px;
}

.insp-track-container {
    overflow-y: auto;
    height: 450px;
}
.insp-track-tbl {
    border-spacing: 0;
    background-color: #3C3C3B;
    table-layout: fixed;
}
insp-track-tbl .td + .insp-track-tbl td {
    border-left:1px solid #808080;
}
.insp-track-tbl td, .insp-track-tbl th {
    border-bottom:1px solid #808080;
}
.insp-track-tbl th {
    height: 0;
    line-height: 0;
    padding-top: 0;
    padding-bottom: 0;
    border:1px solid #808080;
    vertical-align: top;
    font-size: 12px;
    font-weight: normal;
}
.insp-track-tbl td{
    border-left: 1px solid #808080;
}
.insp-track-tbl th div{
    position: absolute;
    background: transparent;
    color: #FFF;
    padding: 9px 25px;
    top: 0;
    margin-left: -25px;
    line-height: normal;
    text-align: center;
    z-index: 200;
}

.header {
    height: 40px;
}

.header th {
    color: transparent;
}

.insp-track-tbl .verified td {
    background-color: #909090;
}

.verified .onoff label {
    background-color: #909090 !important;
}

/* ************** Stepper *************************/

input.stepper {
    float: left;
    height: 19px;
    margin: 0;
    border: 1px solid #000;
    border-right: none;
    padding: 1px;
    padding-top: 2px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #DADADA;
}

div.stepperContainer {
    float: left;
    width: 15px;
    height: 15px;
    top: 5px;
    left: -2px;
    padding: 0;
    margin: 0;
}

div.stepperUp, div.stepperDown{
    margin: 0;
    display: block;
    width: 15px;
    height: 10px;
    text-align: center;
    font-size: 11px;
    line-height: 9px;
    font-family: Courier, monospace;
    color: white;
    border: solid 1px #595959;
    cursor: pointer;
    background: #97989b;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b8bbbf), to(#8d8f92));
    background: -moz-linear-gradient(0% 90% 90deg, #8d8f92, #b8bbbf);*/
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

div.stepperDown {
    padding-top: 1px;
    line-height: 7px;
    border-top: none;
}

.stepperUp.over,
.stepperDown.over {
    background: #718ba6;
    /*background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7995b3), to(#576a80));
    background: -moz-linear-gradient(0% 90% 90deg, #576a80, #7995b3);*/
}

.stepperUp.active,
.stepperDown.active {
    background: #718ba6;
}

/* ************** Stepper END *************************/

.fp-insp-sel-row td{
    background-color: #859F2B !important;
}

.tp-insp-cs-group {
    text-align: left !important;
    padding-left: 10px;
    font-size: 14px;
    background-color: #2c446c !important;
}

.fp-tabs div{
    float:left;
    padding: 8px 10px;
}

.tp-insp-subtab {
    position: absolute;
    margin-top: 10px;
    margin-left: -10px;
    display: none;
    height: 20px;
    padding-top: 3px;
}

.fp-tab-compl {
    background-color: #65794e !important;
}

.fp-container {
    position: relative;
}

.fp-compl-div {
    position: absolute;
    bottom: 30px;
    right: 3px;
}

.sel-zone-tbl {
    width: 600px;
    border-collapse: collapse;
}

.sel-zone-tbl tr td {
    border: 1px solid #B0B0B0;
    text-align: center;
}

.sel-zone-tbl tr td a div {
    width: 100%;
    height: 17px;
    padding-top: 3px;
}

.sel-zone-tbl tr td a div:hover {
    background-color: #565656;
}

.prim-conf-list-tbl {
    width:400px;
    border-collapse: collapse;
}

.prim-conf-list-tbl tr td, .prim-conf-list-tbl tr th {
    border:1px solid #A0A0A0;
}

.primers-conf-info-div {
    position: absolute;
    width: 500px;
    height: 150px;
    top: 200px;
    background-color: #626161;
    left: 400px;
    overflow: auto;
    padding: 5px;
    border: 1px solid #A0A0A0;
    border-radius: 10px;
}

.primers-conf-info-div table {
    border-collapse: collapse;
    width: 100%;
}

.primers-conf-info-div table tr td {
    border: 1px solid #A0A0A0;
}

.fp-rep-tbl tr td {
    border: 1px solid #bdbdbd;
}

.fp-rep-tbl tr th {
    border: 1px solid #bdbdbd;
    background-color: #7D7D7D;
}

.fp-insp-cell {
    background-color: #999;
    padding-right: 4px;
    border: 1px solid #999;
}

.batch-set {
    border: 1px dotted #808080;
    float:left;
    padding:5px;
}

#read_inspectBy {
    padding-left: 5px;
}

.fp-defect {
    margin: 5px 20px;
    border: 1px dotted #909090;
    height: 250px;
    clear: both;
}

.fp-defect .data-div{
    width: 300px;
    height: 250px;
    float: left;
    margin: 10px;
}

#defectsContainer {
    overflow: auto;
}

.rec_amber, .rec_green {
    margin-left: 10px;
}

.label_red {
    color: #f06d6d;
}

.label_amber {
    color: #FFBF00;
}

.label_green {
    color: #00FF00;
}

.dashboard-item-val {
    color: #DEC30E;
    font-size: 28px;
}

.loc-dash-graph-item {
    width: 100%;
    display: none;
    height: 50px;
}

.loc-dash-graph-item > div {
    float: left;
}

.loc-dash-item-line {
    background-color: #81FD85;
    border-radius: 10px;
    height: 20px;
}

.dashboard-loading {
    width: 100%;
    font-size: 28px;
    text-align: center;
    margin-top: 250px;
}

.sel-zone-div {
    height: 25px;
    display: inline-block;
    margin-left: 15px;
}

input[type="checkbox"]:checked ~ .sel-zone-label {
    color: #e1c265;
}

#mcdrUploader, #criticalUploader {
    width: 120px;
    height: 20px;
}

#mcdrFile >*, #criticalItemFile> * {
    float: left;
}

.re-value-container {
    height: 90px;
    width: 300px;
}

.re-value-container input {
    width: 50px;
    margin-left: 1px;
}

.re-value-container input[readonly] {
    background-color: #B0B0B0;
}

.re-value-container > div {
    float: left;
    width: 100%;
    height: 29px;
}

.re-value-container > div > div {
    float: left;
    width: 170px !important;
    height: 29px;
}

.re-value-container .icon-select, .re-value-container .selected-box {
    width: 170px !important;
}

.edit-rec-input, .edit-sel-div, .edit-rec-date {
    background-color: #DADADA;
    color: #000;
    padding-top: 4px;
    height: 20px;
    cursor: text;
    border: none;
    border-bottom: 1px solid #878787;
    text-align: left;
    padding-left: 3px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 1px 0 0;
}

.edit-sel-div {
    cursor: pointer;
    position: relative;
}

.edit-sel-div::after {
    width: 0;
    height: 0;
    position: absolute;
    content: "";
    right: 4px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    margin-top: 5px;
}

.sortableTbl > thead > tr > th {
    cursor: pointer;
}

.sorttable_nosort {
    cursor: default !important;
}

.edit-rec-checkbox {
    background-color: #DADADA;
}

.edit-rec-checkbox .usersTickBox{
    margin: auto;
}

.edit-sel-div > div {
    position: absolute;
    right: 0;
    width: 16px;
    height: 18px;
    background: #eaeaea;
    top: 2px;
    border: 1px solid #B0B0B0;
}

.edit-rec-date {
    cursor: pointer;
}

.critical-items-tbl {
    border-collapse: collapse;
}

.critical-items-tbl tr td {
    text-align: center;
}

.critical-items-filter {
    margin-bottom: 10px;
}

#userPermTbl tr td input {
    width: auto;
}