@charset "utf-8";
:root {	
    /*--p0:calc(8/16*1rem);
	--p1:calc(12/16*1rem);
    --p2:calc(13/16*1rem);*/
    --p0:calc(12/16*1rem);
	--p1:calc(15/16*1rem);
    --p2:calc(17/16*1rem);
}
/* CSS Document */
body { padding: 0; margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: var(--p1); color: #202020; }
body * { outline: none; }
body.public-patient-stats { }
#wrapper { margin: 10px auto 0px auto; /* background: URL(/images/page/backgroundShade.jpg);*/ min-width: 980px; max-width:1700px; position: relative; /*width: 96%; padding: 10px 2% 0 2%; min-width: 900px; */ }
#inner { width: 96%; border: 1px solid #91ccae; padding: 10px 2% 0px 2%; /* overflow: auto; overflow-x: hidden;*/ }
#topArea { height: 80px; }
#logo { float:left; padding: 2px 2px 2px 2px; width: 208px; height: 67px; }
#logoImage { background-image: URL(../images/page/check4cancer.png); background-repeat: no-repeat; background-size: contain; width: 252px; height: 67px; }
#topMenu { float: right; height: 47px; width: 700px; position: relative; z-index: 50; margin-right: -20px; }
#mainContent { /* float:left;*/ width: 100%; margin: 5px 0 5px 0; min-height: 400px; }

#popupHelp, #toolTip { position: absolute; top: 0; left: 0; width: 300px; padding: 20px; background: #FFC; border: 1px solid #202020; z-index: 100000;}

.hidden, .ensurehide { display: none !important; visibility:hidden !important; } 
.errorMessage { color: #dd0000; }

/* TEXT CONTAINERS */
.leftColumn { width: calc(50% - 40px); /*380px;*/ float: left; clear: left; }
.rightColumn { width: calc(50% - 40px); /*380px;*/ float: right; margin-right: 40px; clear: right; }
.rightColumn[style*="width:455px;"] { width: calc(50% - 40px) !important; }U
.fullWidth { overflow: auto; width: 100%; position: relative; }
#pageTabs div > div.fullWidth { overflow:visible; } 

.thirdColumn { width: 33%; float:left; }

.pp1Column { float: left; width: 240px; overflow: auto; } 
.pp2Column { float: left; width: 320px; overflow: auto; } 
.pp2ColumnHalf { float:left; width: 50%; overflow: auto; }
.pp3Column { float: left; width: 220px; overflow: auto; } 

.floatRight { float:right;}
.floatLeft { float:left;}

 /* TABBED NAVIGATION */
 #pageView { width: 100%; position: relative;  }
 #pageView .rightColumn { margin-right: 0px; }
 
 #pageNav { /* height: 20px; */ overflow:auto; }
 #pageNav div { float: left; clear: none; /* width: 110px; */ margin: 0 1px 0 0; }
 #pageNav div#rightNavItems { float: right; margin: 0 0 0 1px; }
 #pageNav div a { display: block; /* width: 100px; */ padding: 0 12px 0 12px; height: 30px; background: #e3f2eb; /* height: 65px; background: URL(/images/page/patient-top-tab.png) top left no-repeat; */ padding-top: 10px; 
					text-align: center; font-style: normal; font-weight:bold; color: #202020; font-size: var(--p2); text-decoration: none; }
 #pageNav div a:hover, #pageNav div a.current { color: #FFFFFF; background: #91ccae; /* background: URL(/images/page/patient-top-tab-over.png) top left no-repeat; */ }
 div#pageTabs { position: relative; overflow: visible; }
 
/* TEXT CONTENT STYLING */
a { color: #000000; text-decoration: underline; }
a:hover { color: #91ccae; text-decoration: underline; }

hr { width: 100%; border: none; height: 1px; background: #202020; margin: 10px 0 10px 0; clear: both; }

p.indent { text-indent: 25px; }

.largeCopy { font-size: var(--p2); }
.smallCopy { font-size: var(--p0); vertical-align: super; }
.redCopy { color: #dd0000; }

.orangeCopy { color: #ff6600; }
.redCopy.soft,
.blueCopy { color: #1F497D; }
.greenCopy { color: #114c01; }

/* FORMS */
.formItem, .formItemFull, .formItemSmall { width: calc(100%-5px); /*375px;*/ margin-bottom: calc(100/1024*3vw); /*3px;*/ overflow: auto; }
.formItemFull { width: 100%; }
.formItemSmall { width: auto; }
.formField, .formFieldShort, .formFieldMedium, .formFieldFull { font-family: Verdana, Geneva, sans-serif; font-size: var(--p1); width: calc(100/375*185%);/*185px*/ border: 1px solid #000000; background: #ffffff; float:left; }
.formField:not([multiple="multiple"]), .formFieldShort, .formFieldMedium, .formFieldFull { overflow: hidden; }

div.formField, div.formFieldShort, div.formFieldMedium, div.formFieldFull { height: calc(var(--p1) + 4px); /*16px;*/ }
.formFieldShort{ min-width:80px; width: calc(100/375*80%);/*80px;*/ clear:right;}
.formFieldMedium { min-width:150px; width: calc(100/375*150%);/*150px;*/ }
.formFieldFull { width: 90%; }
.formLabel, .formLabelAuto, .formLabelShort, .formLabelMedium, .formLabelLarge, .formLabelFull { font-size: var(--p1); font-style: italic; width: calc(100/375*160%);/*160px;*/ display:block; float: left; }
.formLabelAuto, .searchTable .formLabel { width: auto; }
.formLabelShort { min-width:120px; width: calc(100/375*120%);/*120px;*/ }
.formLabelMedium { min-widthL:150px; width: calc(100/375*150%);/*150px;*/ }
.formLabelLarge { min-width:240px; width: calc(100/375*240%);/*240px;*/ }
.formLabelFull { width: 100%; }

.formLabel.done a { text-decoration: none; }

.formSubmit, .formCheck { float:left; overflow: auto; }
.formStatus, .formStatusCross, .formStatusTick { width: 19px; height: 20px; background: none; float: left; margin-left: 4px; }
.formStatusCross { background: URL(/images/page/form-cross.png) no-repeat top left; }
.formStatusTick { background: URL(/images/page/form-tick.png) no-repeat top left;}

#leftContent .leftColumn { min-width:280px; width: calc(50% - 40px); /*280px;*/ }
#leftContent .formItem { min-width:250px; width: calc(50% - 70px); /*250px;*/ }
#leftContent .formField { min-width:195px; width: calc(50% - 125px); /*195px;*/ }
#leftContent .formLabel { min-width:180px; width: calc(50% - 135px); /*180px;*/ }

#leftContent .formItemSmall { margin-bottom: 10px; display:block; float: left; width: calc((50% - 125px)/2); /*110px;*/ }
#leftContent .formItemSmall .formField { width: 60px; margin:0; padding:0;}
#leftContent .formItemSmall .formLabel { width: 100px; }
#leftContent .loginButton { margin: 0 0 0 139px; float:none; }

#leftContent .approvedCheckboxStatus { float:left; }
#leftContent .formLabelMedium { width: 180px; }

#log_res { clear: both; margin-bottom: 20px; }
.ajax-loading { background: URL(/images/page/ajax-spinner.gif) no-repeat top left; padding: 8px 0 8px 16px; } 

/* Fancy Image Uploader (REDUNDANT) */
.fileLoaderSelect, .fileLoaderUpload, .fileLoaderEdit, .fileLoaderName { float: left; margin-right: 2px; display:block; overflow:hidden; cursor:pointer; position: relative; }
.fileLoaderSelect { width:58px; height:20px; background: URL(/images/forms/file-upload-select.png) no-repeat top left; }
.fileLoaderUpload { width:81px; height:20px; background: URL(/images/forms/file-upload-upload.png) no-repeat top left; }
.fileLoaderEdit { width:78px; height:20px; background: URL(/images/forms/file-upload-editcrop.png) no-repeat top left; }
.fileLoaderName { width:240px; height:18px; font-family: Verdana, Geneva, sans-serif; color: #000000; font-size: 10px; margin:2px 0 0 5px; }
.fileLoaderSelect.hover, .fileLoaderSelect:hover { background: URL(/images/forms/file-upload-select-ro.png) no-repeat top left; }
.fileLoaderUpload.hover, .fileLoaderUpload:hover { background: URL(/images/forms/file-upload-upload-ro.png) no-repeat top left; }
.fileLoaderEdit.hover, .fileLoaderEdit:hover { background: URL(/images/forms/file-upload-editcrop-ro.png) no-repeat top left; }

/* MooUpload */
.addfile { padding: 0; margin: 0; background: none; border: 0; width: 60px;} 
div.progresscont { display: none; width: 100px; height: 11px; border: 1px solid #000; float: right; margin: 2px 2px 0 0; background-color: #FFFFFF; }
.mooupload_progressbar { text-align: center; font-size: 8px; display: block; width: 0px; height: 100%;  }
.mooupload_off {  background: #FFF url(../images/mooupload/progress_grey.gif) center left repeat-x; }
.mooupload_on { background: #FFF url(../images/mooupload/progress.gif) center left repeat-x; }

.adminFilterArea { margin-bottom: 30px; text-align: right; overflow: auto;}

/* TABLES */
.adminListArea { display:table; width: 100%; font-size: var(--p1); font-family: Verdana, Arial, Geneva, sans-serif; color: #666666; /*border: 1px solid #e7e7e7; */ background: none; padding: 1px; box-sizing: border-box;}
.adminListArea a { color: #666666; text-decoration: none; }
.adminListArea a:hover { text-decoration: underline; }
.adminListItem { display:table-row; }
.adminListItem:hover { background: #ffffdd; }

.rowHeadings { background:#c8e5d6; font-weight: bold; font-size: 11px; padding-bottom: 5px; color: #666666; margin-bottom: 5px; font-family: Verdana, Geneva, sans-serif; }
.adminListItem.rowHeadings:hover { background:#c8e5d6; }
.rowHeadings .adminListCell { border-bottom: 1px solid #ffffff; margin-bottom: 5px; }

.oddRowColour, .oddRow { background: #dbeee4; }
.evenRowColour, .evenRow { background: #e3f2eb;}
.adminListCell { display:table-cell; border-top: 1px solid #ffffff; padding: 2px; vertical-align:middle; margin-bottom: 1px; }
.rha { text-align:right;}
.tableB .oddRowColour, .tableB .oddRow { background: #dbe7ee; }
.tableB .evenRowColour, .tableB .evenRow { background: #e3ecf2; }
.todayRowColour { background:#c8e5d6; }

tr.totalRow td { font-weight: bold; }

.filetype1 { }
.filetype2 { }
.filetype3 { background: #c3a7de !important; }
.filetype4 { background: #c3a7de !important; }
.filetype5, .filetype6, .filetype7, .filetype8, .filetype9, .filetype12 { background: #c3a7de !important; }

.mceEditorHolder { width: 880px; display:block; float:left; clear: both; }
.mceEditor, .mceEditorSimple { width: 880px; clear: both; } 

#tabMenu, .tabMenu { float:left; clear:both; width: 100%; margin-bottom: 5px; }
#tabMenu div, .tabMenu div { float:left; margin-right: 1px;  }
#tabMenu div a, .tabMenu div a { text-align: center; display: block; min-width: 80px; padding: 0 9px 0 9px; height: 15px; background: #e3f2eb; color: #202020; }
#tabMenu div a:hover, #tabMenu div a.current, 
.tabMenu div a:hover, .tabMenu div a.current { color: #FFFFFF; background: #91ccae;}

td.title { vertical-align: top; font-weight: bold; }
td.data { vertical-align: top; text-transform:capitalize; }

#listNav { text-align: center; }
.addRemove { font-family: Verdana, Arial, Geneva, sans-serif; color: #666666; padding-top:5px;}
.addRemove a { text-decoration: none; }

.priceListServiceName {} 

#skinConsult a { text-decoration: none; }

body.lifescan #logoImage { background: URL(../images/page/lifescan-logo.gif) no-repeat; } 
body.lifescan #inner { border: 1px solid #bccff0; } 
body.lifescan #topMenu { visibility: hidden; display: none; }
body.lifescan  a:hover { color: #ed0b48; }
body.lifescan #pageNav div a { background: #dde6f8; }
body.lifescan #pageNav div a:hover, 
body.lifescan #pageNav div a.current { background: #bccff0; }
body.lifescan .rowHeadings { background:#bccff0; }
body.lifescan .adminListItem.rowHeadings:hover { background:#c7d9f9; }
body.lifescan .oddRowColour, .oddRow { background: #dde6f8; }
body.lifescan .evenRowColour, .evenRow { background: #d3e0f5;}
body.lifescan .tableB .oddRowColour, .tableB .oddRow { background: #dde6f8; }
body.lifescan .tableB .evenRowColour, .tableB .evenRow { background: #d3e0f5; }
body.lifescan .todayRowColour { background:#bccff0; }
body.lifescan #tabMenu div a, body.lifescan .tabMenu div a { background: #d3e0f5; }
body.lifescan #tabMenu div a:hover, body.lifescan #tabMenu div a.current, 
body.lifescan .tabMenu div a:hover, body.lifescan .tabMenu div a.current { background: #bccff0; }
body.lifescan #navItem_financials,
body.lifescan #navItem_remittance { visibility: hidden; display: none; }

body.c4cus { background:URL(../images/page/usa1.png) repeat-x;padding-top:35px; }

#adminFilterForm tr:nth-child(odd) { background-color:#eee; }
#tab_dashboard .adminListCell { width: auto !important; }