html { background: #cfcdd0 none repeat-x scroll 0 0; }
body { font-family:verdana,helvetica,arial,sans-serif;font-size:11px;color:#58595b; }
a:link {color:#ea1b39;}      /* unvisited link */
a:visited {color:#ea1b39;}  /* visited link */
a:hover {color:#ff0000;}
h1 { font-size:21px;font-weight:bold;color:#ea1b39;margin-left:30px; padding-bottom:20px; }
h2 { font-size:24px;font-weight:bold;color:black; }
h3 { font-size:15px;font-weight:bold;color:#ea1b39; }
table { border: thin solid gray; border-collapse: collapse; }
th { font-size: 11px; border: thin solid gray; text-align: right; }
td { font-size: 10px; border: thin solid gray; text-align: right; padding: 3px; }
hr { border:0;color:#ededed;background-color:#ededed;height:5px; margin:30px 0; }
.cap_leftcol { display:block; position:relative; float:left; width:180px; margin:10px 15px 10px 30px; line-height:150%; }
.cap_centercol { display:block; position:relative; float:left; width:480px; border-left:thin solid #eee; border-right:thin solid #eee; }
.cap_rightcol { display:block; position:relative; float:left; width:180px; margin:10px 0 10px 0; line-height:150%; }
.cap_fsection { display:block; width:440px; background-color:#fff; margin-bottom:3px; padding: 5px 0 5px 20px; }
.cap_ksection { display:block; margin-bottom:3px; padding: 5px 10px 5px 10px; }
.cap_ksection div { display:inline-block; width:100px; }
.cap_picselect {display:block;float:left;width:100px;text-align:center;margin:5px 5px 10px 0; }
.cap_selectbtn { background:#ea0437;position:relative;padding: 3px 15px 3px 15px important;border:thin solid #ea0437;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;z-index:10;behavior:url(PIE.htc); margin-left:20px; }
.cap_selectbtn:link {color:white;text-decoration:none; }
.cap_selectbtn:visited {color:white;text-decoration:none; }
.cap_selectbtn:hover {color:white;text-decoration:none; }
.cap_selectbtn:active {color:white;text-decoration:none; }
#LeftCol { min-height:380px; height:auto !important; height: 380px; display:block; position:relative; }
#CenterCol { min-height:420px; height:auto !important; height: 420px; }
#StepsRemaining { display:none; position:absolute; width:178px; border: thin solid #eee; }
#StepsRemaining h4  { margin:10px 0 3px 0; padding:0; }
#StepsRemaining ul { padding: 0 0 0 20px; margin: 0; }
#StepsRemaining ul li { font-size:10px; margin:0; padding: 0; }
#RightInstruct { display:block; position:absolute; width:180px; margin:1px 10px 0 15px; background-color:#fff; border: thin solid #eee; }
#RightInstructTxt { padding:10px; background-color:#fff; border: thin solid #eee; }
#CPPPDiv { position:absolute; background-color:#eee;  padding: 5px; margin-top:5px;}
#EndFaceProximalTable,#EndFaceDistalTable { border: thin solid gray; border-collapse: collapse; }
#EndFaceProximalTable tr:nth-child(odd),#EndFaceDistalTable tr:nth-child(odd) { background-color: #eeeeee; }
#EndFaceProximalTable th,#EndFaceDistalTable th { font-size: 10px; background-color: #dddddd; border: thin solid gray; text-align: center; vertical-align:bottom; padding:6px 2px 4px 2px; }
#EndFaceProximalTable td,#EndFaceDistalTable td { font-size:9px; border: thin solid gray; text-align: center; vertical-align:middle; padding:6px 2px 4px 2px; width:100px; }
#EndFaceProximalTable td input[type=radio],#EndFaceDistalTable td input[type=radio] { margin-bottom:5px; }
.tspacerd,.tspacerp { display:none; background-color:#fff !important;border-top: none !important; border-bottom: none !important; width:4px !important; }
.sawpolishd,.sawpolishp { display:none; }
#RightInstruct h3 { margin:0; padding:8px 0 5px 0; }
#RightInstruct ul { margin:0 0 0 15px; padding:0; }
#RightInstruct ul li { padding:5px 0 0 0; }
.RightInstructImg { border:1px solid #eee; }
.ui-datepicker { margin-left: 140px; margin-top: -20px }

.loading-overlay {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(255, 255, 255, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10000;
}
.spinner {
    width: 50px; height: 50px;
    border: 6px solid #eee;
    border-top: 6px solid #333;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}
@keyframes spin {
    to { transform: rotate(360deg); }
}
